uikit 3.21.5-dev.7a232f5a3 → 3.21.5-dev.e2ff6bd90

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.21.5-dev.7a232f5a3 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
+/*! UIkit 3.21.5-dev.e2ff6bd90 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1246,9 +1246,7 @@
             const percent = ease(clamp((Date.now() - start) / duration));
             let diff = 0;
             if (parents2[0] === element2 && scroll + top < maxScroll) {
-              diff = offset(targetEl).top + (isScrollingElement ? 0 : element2.scrollTop) - targetTop;
-              const coverEl = getCoveringElement(targetEl);
-              diff -= coverEl ? offset(coverEl).height : 0;
+              diff = offset(targetEl).top + (isScrollingElement ? 0 : element2.scrollTop) - targetTop - dimensions$1(getCoveringElement(targetEl)).height;
             }
             element2.scrollTop = scroll + (top + diff) * percent;
             if (percent === 1 && (prev === diff || !frames--)) {
@@ -1331,16 +1329,20 @@
     function getCoveringElement(target) {
       const { left, width, top } = dimensions$1(target);
       for (const position of top ? [0, top] : [0]) {
+        let coverEl;
         for (const el of toWindow(target).document.elementsFromPoint(left + width / 2, position)) {
           if (!el.contains(target) && // If e.g. Offcanvas is not yet closed
           !hasClass(el, "uk-togglable-leave") && (hasPosition(el, "fixed") && zIndex(
             parents(target).reverse().find(
               (parent2) => !parent2.contains(el) && !hasPosition(parent2, "static")
             )
-          ) < zIndex(el) || hasPosition(el, "sticky") && parent(el).contains(target))) {
-            return el;
+          ) < zIndex(el) || hasPosition(el, "sticky") && parent(el).contains(target)) && (!coverEl || dimensions$1(coverEl).height < dimensions$1(el).height)) {
+            coverEl = el;
           }
         }
+        if (coverEl) {
+          return coverEl;
+        }
       }
     }
     function zIndex(element) {
@@ -2178,7 +2180,7 @@
       }
     }
     function getPositionWithMargin(el) {
-      const { height, width } = offset(el);
+      const { height, width } = dimensions$1(el);
       return {
         height,
         width,
@@ -3541,7 +3543,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.21.5-dev.7a232f5a3";
+    App.version = "3.21.5-dev.e2ff6bd90";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -3727,6 +3729,7 @@
       watch: {
         nav(nav, prev) {
           attr(nav, "role", "tablist");
+          this.padNavitems();
           if (prev) {
             this.$emit();
           }
@@ -3738,6 +3741,8 @@
         },
         navChildren(children2) {
           attr(children2, "role", "presentation");
+          this.padNavitems();
+          this.updateNav();
         },
         navItems(items) {
           for (const el of items) {
@@ -3779,15 +3784,7 @@
               "aria-roledescription": this.nav ? null : "slide"
             })
           );
-        },
-        length(length) {
-          const navLength = this.navChildren.length;
-          if (this.nav && length !== navLength) {
-            empty(this.nav);
-            for (let i = 0; i < length; i++) {
-              append(this.nav, `<li ${this.attrItem}="${i}"><a href></a></li>`);
-            }
-          }
+          this.padNavitems();
         }
       },
       connected() {
@@ -3865,6 +3862,19 @@
               );
             }
           }
+        },
+        padNavitems() {
+          if (!this.nav) {
+            return;
+          }
+          const children2 = [];
+          for (let i = 0; i < this.length; i++) {
+            const attr2 = `${this.attrItem}="${i}"`;
+            children2[i] = this.navChildren.findLast((el) => el.matches(`[${attr2}]`)) || $(`<li ${attr2}><a href></a></li>`);
+          }
+          if (!isEqual(children2, this.navChildren)) {
+            html(this.nav, children2);
+          }
         }
       }
     };
@@ -5220,12 +5230,12 @@
               left = 0;
             }
             if (this.center) {
-              if (left < width / 2 && left + slideWidth + dimensions$1(this.slides[getIndex(+i + 1, this.slides)]).width / 2 > width / 2) {
-                sets.push(+i);
+              if (left < width / 2 && left + slideWidth + dimensions$1(this.slides[getIndex(i + 1, this.slides)]).width / 2 > width / 2) {
+                sets.push(i);
                 left = width / 2 - slideWidth / 2;
               }
             } else if (left === 0) {
-              sets.push(Math.min(+i, this.maxIndex));
+              sets.push(Math.min(i, this.maxIndex));
             }
             left += slideWidth;
           }
@@ -6736,10 +6746,7 @@
             }
           }
           const { offsetHeight: coverHeight, offsetWidth: coverWidth } = getPositionedParent($el) || parent($el);
-          const coverDim = cover(dim, {
-            width: coverWidth + (coverWidth % 2 ? 1 : 0),
-            height: coverHeight + (coverHeight % 2 ? 1 : 0)
-          });
+          const coverDim = cover(dim, { width: coverWidth, height: coverHeight });
           if (!coverDim.width || !coverDim.height) {
             return false;
           }
@@ -7238,8 +7245,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();
@@ -7752,7 +7759,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`;
@@ -8997,7 +9004,7 @@
             if (scrollTop >= max) {
               active = length - 1;
             } else {
-              const offsetBy = this.offset + offset(getCoveringElement()).height + viewport.height * 0.1;
+              const offsetBy = this.offset + dimensions$1(getCoveringElement()).height + viewport.height * 0.1;
               for (let i = 0; i < targets.length; i++) {
                 if (offset(targets[i]).top - viewport.top - offsetBy > 0) {
                   break;
@@ -9115,7 +9122,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;
             }
@@ -9125,7 +9132,7 @@
               this.hide();
             }
             if (!this.active) {
-              ({ height: height$1, width } = offset(this.$el));
+              ({ height: height$1, width } = dimensions$1(this.$el));
               margin = css(this.$el, "margin");
             }
             if (hide) {
@@ -9148,7 +9155,7 @@
             }
             const overflow = this.overflowFlip ? 0 : Math.max(0, height$1 + offset$1 - viewport2);
             const topOffset = offset(referenceElement).top;
-            const elHeight = offset(this.$el).height;
+            const elHeight = dimensions$1(this.$el).height;
             const start = (this.start === false ? topOffset : parseProp(this.start, this.$el, topOffset)) - offset$1;
             const end = this.end === false ? maxScrollHeight : Math.min(
               maxScrollHeight,