uikit 3.25.29-dev.7b0f736 → 3.25.29-dev.f3e1c53

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.25.29-dev.7b0f736 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
+/*! UIkit 3.25.29-dev.f3e1c53 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -156,28 +156,17 @@
     function pointInRect(point, rect) {
       return point.x <= rect.right && point.x >= rect.left && point.y <= rect.bottom && point.y >= rect.top;
     }
-    function ratio(dimensions, prop, value) {
-      const aProp = prop === "width" ? "height" : "width";
+    function cover$1(dimensions, maxDimensions) {
+      const scale = Math.max(
+        dimensions.width ? maxDimensions.width / dimensions.width : 0,
+        dimensions.height ? maxDimensions.height / dimensions.height : 0
+      );
       return {
-        [aProp]: dimensions[prop] ? Math.round(value * dimensions[aProp] / dimensions[prop]) : dimensions[aProp],
-        [prop]: value
+        width: Math.round(dimensions.width * scale),
+        height: Math.round(dimensions.height * scale)
       };
     }
-    function contain(dimensions, maxDimensions) {
-      dimensions = { ...dimensions };
-      for (const prop in dimensions) {
-        dimensions = dimensions[prop] > maxDimensions[prop] ? ratio(dimensions, prop, maxDimensions[prop]) : dimensions;
-      }
-      return dimensions;
-    }
-    function cover$1(dimensions, maxDimensions) {
-      dimensions = contain(dimensions, maxDimensions);
-      for (const prop in dimensions) {
-        dimensions = dimensions[prop] < maxDimensions[prop] ? ratio(dimensions, prop, maxDimensions[prop]) : dimensions;
-      }
-      return dimensions;
-    }
-    const Dimensions = { ratio, contain, cover: cover$1 };
+    const Dimensions = { cover: cover$1 };
     function getIndex(i, elements, current = 0, finite = false) {
       elements = toNodes(elements);
       const { length } = elements;
@@ -2109,7 +2098,7 @@
           }
           const offsetCurrent = getOffset(current[0], withOffset);
           if (offset.top >= offsetCurrent.bottom - 1 && offset.top !== offsetCurrent.top) {
-            sorted.push([el]);
+            sorted.splice(i + 1, 0, [el]);
             break;
           }
           if (offset.bottom - 1 > offsetCurrent.top || offset.top === offsetCurrent.top) {
@@ -2373,7 +2362,7 @@
     }
 
     function maybeDefaultPreventClick(e) {
-      if (e.target.closest('a[href="#"],a[href=""]')) {
+      if (e.type === "keydown" && e.keyCode === keyMap.SPACE || e.target.closest('a[href="#"],a[href=""]')) {
         e.preventDefault();
       }
     }
@@ -2612,8 +2601,9 @@
         const elements = isTag(parentNode, "picture") ? children(parentNode) : [el];
         elements.forEach((el2) => setSourceProps(el2, el2));
       } else if (src) {
-        if (!includes(el.style.backgroundImage, src)) {
-          css(el, "backgroundImage", `url(${escape(src)})`);
+        const previousBackground = el.style.backgroundImage;
+        css(el, "backgroundImage", `url(${escape(src)})`);
+        if (el.style.backgroundImage !== previousBackground) {
           trigger(el, createEvent("load", false));
         }
       }
@@ -2666,7 +2656,7 @@
       return isTag(el, "img");
     }
 
-    let prevented;
+    let scrollLocks = 0;
     function preventBackgroundScroll(el) {
       const off = on(
         el,
@@ -2701,21 +2691,25 @@
         },
         { passive: true }
       );
-      if (prevented) {
-        return off;
-      }
-      prevented = true;
       const { scrollingElement } = document;
       const props = {
         overflowY: CSS.supports("overflow", "clip") ? "clip" : "hidden",
         touchAction: "none",
         scrollbarGutter: width(window) - scrollingElement.clientWidth ? "stable" : ""
       };
-      css(scrollingElement, props);
+      if (!scrollLocks++) {
+        css(scrollingElement, props);
+      }
+      let released = false;
       return () => {
-        prevented = false;
+        if (released) {
+          return;
+        }
+        released = true;
         off();
-        resetProps(scrollingElement, props);
+        if (!--scrollLocks) {
+          resetProps(scrollingElement, props);
+        }
       };
     }
 
@@ -3423,7 +3417,7 @@
       return Math.atan2(Math.abs(pos2.y - pos1.y), Math.abs(pos2.x - pos1.x)) * 180 / Math.PI;
     }
 
-    var VERSION = '3.25.29-dev.7b0f736';
+    var VERSION = '3.25.29-dev.f3e1c53';
 
     function initWatches(instance) {
       instance._watches = [];
@@ -6913,11 +6907,10 @@
       mixins: [Class, Togglable],
       args: "animation",
       props: {
-        animation: Boolean,
         close: String
       },
       data: {
-        animation: true,
+        animation: [true],
         selClose: ".uk-alert-close",
         duration: 150
       },
@@ -6931,7 +6924,11 @@
       },
       methods: {
         async close() {
-          await this.toggleElement(this.$el, false, this.animation ? animate : false);
+          await this.toggleElement(
+            this.$el,
+            false,
+            this.animation[0] === true || this.animation[0] === 1 ? animate : true
+          );
           this.$destroy(true);
         }
       }
@@ -7595,7 +7592,7 @@
           el: ({ dropContainer }) => dropContainer,
           delegate: ({ clsDrop }) => `.${clsDrop}`,
           handler(e) {
-            var _a;
+            var _a, _b;
             const { current, keyCode, target } = e;
             if (isInput(target) || !includes(this.dropdowns, current)) {
               return;
@@ -7605,15 +7602,15 @@
             if (~next) {
               e.preventDefault();
               const elements = $$(selFocusable, current);
-              elements[getIndex(
+              (_a = elements[getIndex(
                 next,
                 elements,
                 findIndex(elements, (el) => matches(el, ":focus"))
-              )].focus();
+              )]) == null ? void 0 : _a.focus();
               return;
             }
             if (keyCode === keyMap.ESC) {
-              (_a = active2.targetEl) == null ? void 0 : _a.focus();
+              (_b = active2.targetEl) == null ? void 0 : _b.focus();
             }
             handleNavItemNavigation(e, this.items, active2);
           }
@@ -7912,7 +7909,7 @@
             };
           },
           write({ columns, scrolled, scrollColumns, translates }) {
-            if (!scrolled && !translates) {
+            if (scrolled === false && !translates) {
               return;
             }
             columns.forEach(
@@ -8331,16 +8328,9 @@
       beforeConnect() {
         const isToggle = hasClass(this.$el, "uk-search-toggle") || hasClass(this.$el, "uk-navbar-toggle");
         this.icon = isToggle ? "search-toggle-icon" : hasClass(this.$el, "uk-search-icon") && this.$el.closest(".uk-search-large") ? "search-large" : this.$el.closest(".uk-search-medium") ? "search-medium" : this.$props.icon;
-        if (hasAttr(this.$el, "aria-label")) {
-          return;
-        }
-        if (isToggle) {
-          this.$el.ariaLabel = this.t("toggle");
-        } else {
-          const button = this.$el.closest("a,button");
-          if (button) {
-            button.ariaLabel = this.t("submit");
-          }
+        const target = isToggle ? this.$el : this.$el.closest("a,button");
+        if (target && !hasAttr(target, "aria-label")) {
+          target.ariaLabel = this.t(isToggle ? "toggle" : "submit");
         }
       }
     };
@@ -8426,7 +8416,7 @@
           apply(
             document.body,
             (el) => each(UIkit.getComponents(el), (cmp) => {
-              cmp.$options.isIcon && cmp.icon in added && cmp.$reset();
+              cmp.$options.isIcon && (aliases[cmp.icon] || cmp.icon) in added && cmp.$reset();
             })
           );
         }
@@ -8493,6 +8483,7 @@
               [...toNodes(target), document.documentElement],
               handler
             );
+            const transitionObserver = observeResize([], handler);
             const listener = [
               on(document, "scroll itemshown itemhidden", handler, {
                 passive: true,
@@ -8500,11 +8491,11 @@
               }),
               on(document, "show hide transitionstart", (e) => {
                 handler();
-                return observer.observe(e.target);
+                return transitionObserver.observe(e.target);
               }),
               on(document, "shown hidden transitionend transitioncancel", (e) => {
                 handler();
-                return observer.unobserve(e.target);
+                return transitionObserver.unobserve(e.target);
               })
             ];
             return {
@@ -8512,6 +8503,7 @@
               unobserve: observer.unobserve.bind(observer),
               disconnect() {
                 observer.disconnect();
+                transitionObserver.disconnect();
                 listener.forEach((off) => off());
               }
             };
@@ -8714,7 +8706,7 @@
         const dialog = modal.dialog(tmpl(options), options);
         return assign(
           new Promise((resolve) => {
-            const off = on(dialog.$el, "hide", () => resolve(hideFn()));
+            const off = on(dialog.$el, "hide", () => resolve(hideFn()), { self: true });
             on(dialog.$el, "submit", "form", (e) => {
               e.preventDefault();
               resolve(submitFn(dialog));
@@ -9017,7 +9009,8 @@
             );
             if (!overflow[i - 1]) {
               const dir = i ? "Top" : "Left";
-              const percent = overflow[i] ? this.$el[`scroll${dir}`] / overflow[i] : 0;
+              const position = this.$el[`scroll${dir}`] + (!i && isRtl ? overflow[i] : 0);
+              const percent = overflow[i] ? position / overflow[i] : 0;
               const toValue = (value) => overflow[i] ? clamp((this.fadeDuration - value) / this.fadeDuration) : 1;
               css(this.$el, {
                 "--uk-overflow-fade-start-opacity": toValue(percent),
@@ -9039,7 +9032,7 @@
       const { $el: el, threshold, $options } = this;
       let started;
       const off = on(document, pointerMove$1, move(e), pointerOptions);
-      on(document, [pointerUp$1, pointerCancel], end, { capture: true, once: true });
+      once(document, [pointerUp$1, pointerCancel], end, true);
       function move(e2) {
         let origin = getEventPos(e2);
         let pos = origin;
@@ -9821,7 +9814,7 @@
           name: "click keydown",
           delegate: ({ toggle }) => toggle,
           handler(e) {
-            if (!matches(e.current, selDisabled) && (e.type === "click" || e.keyCode === keyMap.SPACE)) {
+            if (!e.defaultPrevented && !matches(e.current, selDisabled) && (e.type === "click" || e.keyCode === keyMap.SPACE)) {
               maybeDefaultPreventClick(e);
               this.show(e.current);
             }