uikit 3.23.5 → 3.23.6-dev.4d3af55fc

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.23.5 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
+/*! UIkit 3.23.6-dev.4d3af55fc | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -639,15 +639,14 @@
       return Promise.all(
         toNodes(element).map(
           (element2) => new Promise((resolve, reject) => {
+            for (const name in props) {
+              css(element2, name);
+            }
             const timer = setTimeout(() => trigger(element2, transitionEnd), duration);
             once(
               element2,
               [transitionEnd, transitionCanceled],
               ({ type }) => {
-                if (frame !== true) {
-                  css(element2, props);
-                  cancelAnimationFrame(frame);
-                }
                 clearTimeout(timer);
                 removeClass(element2, clsTransition);
                 css(element2, {
@@ -660,14 +659,11 @@
               { self: true }
             );
             addClass(element2, clsTransition);
-            let frame = requestAnimationFrame(() => {
-              frame = true;
-              return css(element2, {
-                transitionProperty: Object.keys(props).map(propName).join(","),
-                transitionDuration: `${duration}ms`,
-                transitionTimingFunction: timing,
-                ...props
-              });
+            css(element2, {
+              transitionProperty: Object.keys(props).map(propName).join(","),
+              transitionDuration: `${duration}ms`,
+              transitionTimingFunction: timing,
+              ...props
             });
           })
         )
@@ -2126,59 +2122,53 @@
       const index = transitionIndex(target, true);
       const propsIn = { opacity: 1 };
       const propsOut = { opacity: 0 };
-      const wrapIndexFn = (fn) => () => index === transitionIndex(target) ? fn() : Promise.reject();
+      const isCurrentIndex = () => index === transitionIndex(target);
+      const wrapIndexFn = (fn) => () => isCurrentIndex() ? fn() : Promise.reject();
       const leaveFn = wrapIndexFn(async () => {
         addClass(target, clsLeave);
-        await Promise.all(
-          getTransitionNodes(target).map(
-            (child, i) => new Promise(
-              (resolve) => setTimeout(
-                () => Transition.start(child, propsOut, duration / 2, "ease").then(
-                  resolve
-                ),
-                i * stagger
-              )
-            )
-          )
-        );
+        await (stagger ? Promise.all(
+          getTransitionNodes(target).map(async (child, i) => {
+            await awaitTimeout(i * stagger);
+            return Transition.start(child, propsOut, duration / 2, "ease");
+          })
+        ) : Transition.start(target, propsOut, duration / 2, "ease"));
         removeClass(target, clsLeave);
       });
       const enterFn = wrapIndexFn(async () => {
         const oldHeight = height(target);
         addClass(target, clsEnter);
         action();
-        css(children(target), { opacity: 0 });
+        css(stagger ? children(target) : target, propsOut);
         height(target, oldHeight);
         await awaitTimeout();
         height(target, "");
-        const nodes = children(target);
         const newHeight = height(target);
         css(target, "alignContent", "flex-start");
         height(target, oldHeight);
-        const transitionNodes = getTransitionNodes(target);
-        css(nodes, propsOut);
-        const transitions = transitionNodes.map(async (child, i) => {
-          await awaitTimeout(i * stagger);
-          await Transition.start(child, propsIn, duration / 2, "ease");
-        });
-        if (oldHeight !== newHeight) {
-          transitions.push(
-            Transition.start(
-              target,
-              { height: newHeight },
-              duration / 2 + transitionNodes.length * stagger,
-              "ease"
-            )
-          );
+        let transitions = [];
+        let targetDuration = duration / 2;
+        if (stagger) {
+          const nodes = getTransitionNodes(target);
+          css(children(target), propsOut);
+          transitions = nodes.map(async (child, i) => {
+            await awaitTimeout(i * stagger);
+            await Transition.start(child, propsIn, duration / 2, "ease");
+            if (isCurrentIndex()) {
+              css(child, { opacity: "" });
+            }
+          });
+          targetDuration += nodes.length * stagger;
+        }
+        if (!stagger || oldHeight !== newHeight) {
+          const targetProps = { height: newHeight, ...stagger ? {} : propsIn };
+          transitions.push(Transition.start(target, targetProps, targetDuration, "ease"));
+        }
+        await Promise.all(transitions);
+        removeClass(target, clsEnter);
+        if (isCurrentIndex()) {
+          css(target, { height: "", alignContent: "", opacity: "" });
+          delete target.dataset.transition;
         }
-        await Promise.all(transitions).then(() => {
-          removeClass(target, clsEnter);
-          if (index === transitionIndex(target)) {
-            css(target, { height: "", alignContent: "" });
-            css(nodes, { opacity: "" });
-            delete target.dataset.transition;
-          }
-        });
       });
       return hasClass(target, clsLeave) ? waitTransitionend(target).then(enterFn) : hasClass(target, clsEnter) ? waitTransitionend(target).then(leaveFn).then(enterFn) : leaveFn().then(enterFn);
     }
@@ -3736,7 +3726,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.23.5";
+    App.version = "3.23.6-dev.4d3af55fc";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -8572,7 +8562,7 @@
       };
       modal.alert = function(message, options) {
         return openDialog(
-          ({ i18n }) => `<div class="uk-modal-body">${isString(message) ? message : html(message)}</div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-primary uk-modal-close" autofocus>${i18n.ok}</button> </div>`,
+          ({ i18n }) => `<div class="uk-modal-body">${isString(message) ? message : html(message)}</div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-primary uk-modal-close" type="button" autofocus>${i18n.ok}</button> </div>`,
           options
         );
       };
@@ -9374,12 +9364,7 @@
           if (sticky) {
             css(this.$el, "top", offset);
           } else {
-            css(this.$el, {
-              position: "",
-              top: "",
-              width: "",
-              marginTop: ""
-            });
+            reset(this.$el);
           }
           this.placeholder.hidden = true;
           this.isFixed = false;