uikit 3.16.15 → 3.16.16-dev.eede5abfb

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.15",
+  "version": "3.16.16-dev.eede5abfb",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/cover.js

@@ -21,7 +21,7 @@ export default {
     },
 
     observe: resize({
-        target: ({ $el }) => [$el, getPositionedParent($el) || parent($el)],
+        target: ({ $el }) => [getPositionedParent($el) || parent($el)],
     }),
 
     update: {

package/src/js/core/img.js

@@ -107,12 +107,12 @@ function setSrcAttrs(el, src) {
 
 const srcProps = ['data-src', 'data-srcset', 'sizes'];
 function setSourceProps(sourceEl, targetEl) {
-    srcProps.forEach((prop) => {
+    for (const prop of srcProps) {
         const value = data(sourceEl, prop);
         if (value) {
             attr(targetEl, prop.replace(/^(data-)+/, ''), value);
         }
-    });
+    }
 }
 
 function getImageFromElement(el, src, sources) {

package/src/js/core/video.js

@@ -1,5 +1,5 @@
-import { intersection } from '../api/observables';
-import { css, hasAttr, isInView, isTag, isVideo, isVisible, mute, pause, play } from 'uikit-util';
+import { intersection, resize } from '../api/observables';
+import { hasAttr, isInView, isTag, isVideo, isVisible, mute, pause, play } from 'uikit-util';
 
 export default {
     args: 'autoplay',
@@ -30,9 +30,7 @@ export default {
         }
     },
 
-    observe: intersection({
-        args: { intersecting: false },
-    }),
+    observe: [intersection({ args: { intersecting: false } }), resize()],
 
     update: {
         read({ visible }) {
@@ -42,7 +40,7 @@ export default {
 
             return {
                 prev: visible,
-                visible: isVisible(this.$el) && css(this.$el, 'visibility') !== 'hidden',
+                visible: isVisible(this.$el),
                 inView: this.inView && isInView(this.$el),
             };
         },
@@ -54,5 +52,7 @@ export default {
                 play(this.$el);
             }
         },
+
+        events: ['resize'],
     },
 };

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

@@ -156,16 +156,16 @@ export default {
 
             let itemShown;
 
-            [this.index, this.prevIndex]
-                .filter((i) => !includes([nextIndex, prevIndex], i))
-                .forEach((i) => {
+            for (const i of [this.index, this.prevIndex]) {
+                if (!includes([nextIndex, prevIndex], i)) {
                     trigger(slides[i], 'itemhidden', [this]);
 
                     if (edge) {
                         itemShown = true;
                         this.prevIndex = prevIndex;
                     }
-                });
+                }
+            }
 
             if ((this.index === prevIndex && this.prevIndex !== prevIndex) || itemShown) {
                 trigger(slides[this.index], 'itemshown', [this]);