uikit 3.25.23-dev.9fe9bc4 → 3.25.23-dev.cf3d285

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.25.23-dev.9fe9bc4",
+    "version": "3.25.23-dev.cf3d285",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/api/app.js

@@ -2,12 +2,10 @@ import * as util from 'uikit-util';
 import VERSION from 'virtual:version';
 import { init } from './state';
 
-const App = function (options) {
+export default function App(options) {
     init(this, options);
-};
+}
 
 App.util = util;
 App.options = {};
 App.version = VERSION;
-
-export default App;

package/src/js/api/observables.js

@@ -43,9 +43,9 @@ export function lazyload(options = {}) {
                     .forEach((el) => removeAttr(el, 'loading'));
             }
 
-            entries
-                .filter(({ isIntersecting }) => isIntersecting)
-                .forEach(({ target }) => observer.unobserve(target));
+            for (const { isIntersecting, target } of entries) {
+                isIntersecting && observer.unobserve(target);
+            }
         },
         ...options,
     });

package/src/js/api/props.js

@@ -69,8 +69,7 @@ const getAttributes = memoize((id, props) => {
     const attributes = Object.keys(props);
     const filter = attributes
         .concat(id)
-        .map((key) => [hyphenate(key), `data-${hyphenate(key)}`])
-        .flat();
+        .flatMap((key) => [hyphenate(key), `data-${hyphenate(key)}`]);
     return { attributes, filter };
 });
 

package/src/js/components/slider.js

@@ -302,7 +302,7 @@ export default {
                     slides.add(slide);
                 } while (this.length > j && currentLeft > left && currentLeft < right);
             }
-            return Array.from(slides);
+            return [...slides];
         },
 
         getIndexAt(percent) {

package/src/js/components/tooltip.js

@@ -176,8 +176,10 @@ function getAlignment(el, target, [dir, align]) {
 
 function parseProps(options) {
     const { el, id, data } = options;
-    return ['delay', 'title'].reduce((obj, key) => ({ [key]: getData(el, key), ...obj }), {
+    return {
+        title: getData(el, 'title'),
+        delay: getData(el, 'delay'),
         ...parseOptions(getData(el, id), ['title']),
         ...data,
-    });
+    };
 }

package/src/js/core/dropnav.js

@@ -79,7 +79,7 @@ export default {
             dropbar =
                 this._dropbar || query(dropbar, this.$el) || $(`+ .${this.clsDropbar}`, this.$el);
 
-            return dropbar ? dropbar : (this._dropbar = $('<div>'));
+            return dropbar || (this._dropbar = $('<div>'));
         },
 
         dropContainer(_, $el) {

package/src/js/core/img.js

@@ -88,8 +88,7 @@ function setSrcAttrs(el, src) {
         const elements = isTag(parentNode, 'picture') ? children(parentNode) : [el];
         elements.forEach((el) => setSourceProps(el, el));
     } else if (src) {
-        const change = !includes(el.style.backgroundImage, src);
-        if (change) {
+        if (!includes(el.style.backgroundImage, src)) {
             css(el, 'backgroundImage', `url(${escape(src)})`);
             trigger(el, createEvent('load', false));
         }
@@ -145,11 +144,7 @@ function parseSources(sources) {
         sources = parseOptions(sources);
     }
 
-    if (!isArray(sources)) {
-        sources = [sources];
-    }
-
-    return sources.filter((source) => !isEmpty(source));
+    return (isArray(sources) ? sources : [sources]).filter((source) => !isEmpty(source));
 }
 
 function isImg(el) {

package/src/js/core/overflow-fade.js

@@ -55,11 +55,12 @@ export default {
 
     update: {
         read() {
-            const overflow = [];
-            for (const prop of ['Width', 'Height']) {
-                overflow.push(this.$el[`scroll${prop}`] - this.$el[`client${prop}`]);
-            }
-            return { overflow };
+            return {
+                overflow: [
+                    this.$el.scrollWidth - this.$el.clientWidth,
+                    this.$el.scrollHeight - this.$el.clientHeight,
+                ],
+            };
         },
 
         write({ overflow }) {

package/src/js/mixin/modal.js

@@ -261,7 +261,7 @@ function animate(el, show, { transitionElement, _toggle }) {
 }
 
 function toMs(time) {
-    return time ? (endsWith(time, 'ms') ? toFloat(time) : toFloat(time) * 1000) : 0;
+    return toFloat(time) * (endsWith(time, 'ms') ? 1 : 1000);
 }
 
 function preventBackgroundFocus(modal) {

package/src/js/util/event.js

@@ -60,11 +60,7 @@ export function trigger(targets, event, detail) {
 }
 
 export function createEvent(e, bubbles = true, cancelable = false, detail) {
-    if (isString(e)) {
-        e = new CustomEvent(e, { bubbles, cancelable, detail });
-    }
-
-    return e;
+    return isString(e) ? new CustomEvent(e, { bubbles, cancelable, detail }) : e;
 }
 
 function getArgs(args) {