uikit 3.16.4-dev.7435f34d2 → 3.16.4-dev.8705d5334

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.16.4-dev.7435f34d2",
+  "version": "3.16.4-dev.8705d5334",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/cover.js

@@ -1,9 +1,8 @@
 import Video from './video';
-import { css, Dimensions, parent } from 'uikit-util';
-import Resize from '../mixin/resize';
+import { css, Dimensions, observeResize, parent } from 'uikit-util';
 
 export default {
-    mixins: [Resize, Video],
+    mixins: [Video],
 
     props: {
         width: Number,
@@ -20,14 +19,20 @@ export default {
         },
     },
 
-    resizeTargets() {
-        return [this.$el, getPositionedParent(this.$el) || parent(this.$el)];
+    connected() {
+        const parentEl = getPositionedParent(this.$el) || parent(this.$el);
+        this.registerObserver(
+            observeResize(parentEl, () => {
+                this.parentDim = getCoverDimensions(parentEl);
+                this.$emit('resize');
+            })
+        );
     },
 
     update: {
         read() {
             const { ratio, cover } = Dimensions;
-            const { $el, width, height } = this;
+            const { $el, width, height, parentDim } = this;
 
             let dim = { width, height };
 
@@ -46,12 +51,11 @@ 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),
-            });
+            if (!parentDim) {
+                return false;
+            }
+
+            const coverDim = cover(dim, parentDim);
 
             if (!coverDim.width || !coverDim.height) {
                 return false;
@@ -68,6 +72,14 @@ export default {
     },
 };
 
+function getCoverDimensions(el) {
+    const { offsetHeight, offsetWidth } = el;
+    return {
+        width: offsetWidth + (offsetWidth % 2 ? 1 : 0),
+        height: offsetHeight + (offsetHeight % 2 ? 1 : 0),
+    };
+}
+
 function getPositionedParent(el) {
     while ((el = parent(el))) {
         if (css(el, 'position') !== 'static') {

package/src/js/mixin/slider.js

@@ -144,7 +144,11 @@ export default {
         },
 
         getIndex(index = this.index, prev = this.index) {
-            return clamp(getIndex(index, this.slides, prev, this.finite), 0, this.maxIndex);
+            return clamp(
+                getIndex(index, this.slides, prev, this.finite),
+                0,
+                Math.max(0, this.maxIndex)
+            );
         },
 
         getValidIndex(index = this.index, prevIndex = this.prevIndex) {

package/src/js/util/viewport.js

@@ -143,12 +143,12 @@ export function overflowParents(element) {
 export function offsetViewport(scrollElement) {
     const window = toWindow(scrollElement);
     const {
+        visualViewport,
         document: { documentElement },
     } = window;
     let viewportElement =
         scrollElement === scrollingElement(scrollElement) ? window : scrollElement;
 
-    const { visualViewport } = window;
     if (isWindow(viewportElement) && visualViewport) {
         let { height, width, scale, pageTop: top, pageLeft: left } = visualViewport;
         height = Math.round(height * scale);