uikit 3.21.5-dev.7822c0af7 → 3.21.5-dev.b5f2b2e52

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit",
   "title": "UIkit",
   "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.21.5-dev.7822c0af7",
+  "version": "3.21.5-dev.b5f2b2e52",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/components/slider.js

@@ -94,14 +94,14 @@ export default {
                         left < width / 2 &&
                         left +
                             slideWidth +
-                            dimensions(this.slides[getIndex(+i + 1, this.slides)]).width / 2 >
+                            dimensions(this.slides[getIndex(i + 1, this.slides)]).width / 2 >
                             width / 2
                     ) {
-                        sets.push(+i);
+                        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;

package/src/js/core/cover.js

@@ -51,10 +51,7 @@ export default {
 
             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;

package/src/js/core/height-viewport.js

@@ -6,7 +6,7 @@ import {
     isNumeric,
     isString,
     isVisible,
-    offsetPosition,
+    offset,
     offsetViewport,
     query,
     scrollParent,
@@ -64,8 +64,7 @@ export default {
                     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`;

package/src/js/mixin/slider-nav.js

@@ -1,11 +1,11 @@
 import {
     $,
     $$,
-    append,
     attr,
     children,
     data,
-    empty,
+    html,
+    isEqual,
     isNumeric,
     isTag,
     matches,
@@ -48,6 +48,7 @@ export default {
     watch: {
         nav(nav, prev) {
             attr(nav, 'role', 'tablist');
+            this.padNavitems();
 
             if (prev) {
                 this.$emit();
@@ -62,6 +63,8 @@ export default {
 
         navChildren(children) {
             attr(children, 'role', 'presentation');
+            this.padNavitems();
+            this.updateNav();
         },
 
         navItems(items) {
@@ -112,16 +115,8 @@ export default {
                     '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();
         },
     },
 
@@ -235,5 +230,22 @@ export default {
                 }
             }
         },
+
+        padNavitems() {
+            if (!this.nav) {
+                return;
+            }
+
+            const children = [];
+            for (let i = 0; i < this.length; i++) {
+                const attr = `${this.attrItem}="${i}"`;
+                children[i] =
+                    this.navChildren.findLast((el) => el.matches(`[${attr}]`)) ||
+                    $(`<li ${attr}><a href></a></li>`);
+            }
+            if (!isEqual(children, this.navChildren)) {
+                html(this.nav, children);
+            }
+        },
     },
 };