uikit 3.16.7-dev.5c86c1ae7 → 3.16.7-dev.e91049985

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.7-dev.5c86c1ae7 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.7-dev.e91049985 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -959,8 +959,8 @@
     const fastdom = {
       reads: [],
       writes: [],
-      read(task) {
-        this.reads.push(task);
+      read(task, prepend) {
+        this.reads[prepend ? "unshift" : "push"](task);
         scheduleFlush();
         return task;
       },
@@ -1738,7 +1738,7 @@
           runWatches(instance, initial);
         }
         instance._watch = null;
-      });
+      }, true);
     }
     function runWatches(instance, initial) {
       const values = { ...instance._computed };
@@ -2140,7 +2140,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.16.7-dev.5c86c1ae7";
+    App.version = "3.16.7-dev.e91049985";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -2312,7 +2312,16 @@
 
     function boot(App) {
       if (inBrowser && window.MutationObserver) {
-        requestAnimationFrame(() => init(App));
+        if (document.readyState === "interactive") {
+          requestAnimationFrame(() => init(App));
+        } else {
+          new MutationObserver((records, observer) => {
+            if (document.body) {
+              init(App);
+              observer.disconnect();
+            }
+          }).observe(document.documentElement, { childList: true });
+        }
       }
     }
     function init(App) {
@@ -3499,7 +3508,6 @@
     var Dropnav = {
       mixins: [Class, Container],
       props: {
-        dropdown: String,
         align: String,
         clsDrop: String,
         boundary: Boolean,
@@ -3518,7 +3526,6 @@
         animateOut: Boolean
       },
       data: {
-        dropdown: "> li > a, > ul > li > a",
         align: isRtl ? "right" : "left",
         clsDrop: "uk-dropdown",
         clsDropbar: "uk-dropnav-dropbar",
@@ -3526,7 +3533,8 @@
         dropbar: false,
         dropbarAnchor: false,
         duration: 200,
-        container: false
+        container: false,
+        selNavItem: "> li > a, > ul > li > a"
       },
       computed: {
         dropbarAnchor({ dropbarAnchor }, $el) {
@@ -3584,8 +3592,8 @@
           immediate: true
         },
         items: {
-          get({ dropdown }, $el) {
-            return $$(dropdown, $el);
+          get({ selNavItem }, $el) {
+            return $$(selNavItem, $el);
           },
           watch(items) {
             attr(children(this.$el), "role", "presentation");
@@ -3606,7 +3614,7 @@
         {
           name: "mouseover focusin",
           delegate() {
-            return this.dropdown;
+            return this.selNavItem;
           },
           handler({ current, type }) {
             const active2 = this.getActive();
@@ -3623,7 +3631,7 @@
         {
           name: "keydown",
           delegate() {
-            return this.dropdown;
+            return this.selNavItem;
           },
           handler(e) {
             const { current, keyCode } = e;
@@ -5135,13 +5143,14 @@
     var navbar = {
       extends: Dropnav,
       data: {
-        dropdown: ".uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle",
-        clsDrop: "uk-navbar-dropdown"
+        clsDrop: "uk-navbar-dropdown",
+        selNavItem: ".uk-navbar-nav > li > a,a.uk-navbar-item,button.uk-navbar-item,.uk-navbar-item a,.uk-navbar-item button,.uk-navbar-toggle"
+        // Simplify with :where() selector once browser target is Safari 14+
       },
       computed: {
         items: {
-          get({ dropdown }, $el) {
-            return $$(dropdown, $el);
+          get({ selNavItem }, $el) {
+            return $$(selNavItem, $el);
           },
           watch(items) {
             const justify = hasClass(this.$el, "uk-navbar-justify");
@@ -5149,7 +5158,14 @@
               ".uk-navbar-nav, .uk-navbar-left, .uk-navbar-right",
               this.$el
             )) {
-              css(container, "flexGrow", justify ? $$(this.dropdown, container).length : "");
+              css(
+                container,
+                "flexGrow",
+                justify ? $$(
+                  ".uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle",
+                  container
+                ).length : ""
+              );
             }
             attr($$(".uk-navbar-nav", this.$el), "role", "group");
             attr($$(".uk-navbar-nav > *", this.$el), "role", "presentation");
@@ -5704,7 +5720,7 @@
             }
             const hide = this.isFixed && types.has("resize") && !sticky;
             if (hide) {
-              css(this.selTarget, "transition", "0s");
+              preventTransition(this.selTarget);
               this.hide();
             }
             if (!this.active) {
@@ -5713,7 +5729,6 @@
             }
             if (hide) {
               this.show();
-              requestAnimationFrame(() => css(this.selTarget, "transition", ""));
             }
             const viewport = toPx("100vh", "height");
             const dynamicViewport = height(window);
@@ -5844,6 +5859,7 @@
               this.show();
               Animation.in(this.$el, this.animation).catch(noop);
             } else {
+              preventTransition(this.selTarget);
               this.show();
             }
           },
@@ -5945,6 +5961,10 @@
     function reset(el) {
       css(el, { position: "", top: "", marginTop: "", width: "" });
     }
+    function preventTransition(el) {
+      css(el, "transition", "0s");
+      requestAnimationFrame(() => css(el, "transition", ""));
+    }
 
     const selDisabled = ".uk-disabled *, .uk-disabled, [disabled]";
     var Switcher = {
@@ -6943,7 +6963,10 @@
         }
       },
       connected() {
-        attr(this.$el, "aria-roledescription", "carousel");
+        attr(this.$el, {
+          role: "region",
+          ariaRoleDescription: "carousel"
+        });
       },
       update: [
         {