uikit 3.25.22-dev.d02a9a6 → 3.25.23-dev.0ea1d51

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.22-dev.d02a9a6",
+    "version": "3.25.23-dev.0ea1d51",
     "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,10 +43,8 @@ export function lazyload(options = {}) {
                     .forEach((el) => removeAttr(el, 'loading'));
             }
 
-            for (const el of entries
-                .filter(({ isIntersecting }) => isIntersecting)
-                .map(({ target }) => target)) {
-                observer.unobserve(el);
+            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/countdown.js

@@ -90,7 +90,7 @@ export default {
                     digits = digits.split('');
 
                     if (digits.length !== el.children.length) {
-                        html(el, digits.map(() => '<span></span>').join(''));
+                        html(el, '<span></span>'.repeat(digits.length));
                     }
 
                     digits.forEach((digit, i) => (el.children[i].textContent = digit));

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/slideshow.js

@@ -36,9 +36,4 @@ export default {
         },
     },
 
-    methods: {
-        getAdjacentSlides() {
-            return [1, -1].map((i) => this.slides[this.getIndex(this.index + i)]);
-        },
-    },
 };

package/src/js/core/form-custom.js

@@ -43,7 +43,7 @@ export default {
         const value = input.files?.[0]
             ? input.files[0].name
             : matches(input, 'select') &&
-                (option = $$('option', input).filter((el) => el.selected)[0])
+                (option = $$('option', input).find((el) => el.selected))
               ? option.textContent
               : input.value;
 

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

@@ -20,8 +20,7 @@ export default {
     },
 
     observe: resize({
-        target: ({ $el, elements }) =>
-            elements.reduce((elements, el) => elements.concat(el, ...el.children), [$el]),
+        target: ({ $el, elements }) => [$el, ...elements.flatMap((el) => [el, ...el.children])],
     }),
 
     events: {

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/switcher.js

@@ -56,7 +56,7 @@ export default {
         },
 
         connectChildren() {
-            return this.connects.map((el) => children(el)).flat();
+            return this.connects.flatMap((el) => children(el));
         },
 
         toggles: ({ toggle }, $el) => $$(toggle, $el),

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

@@ -35,7 +35,7 @@ export default {
         nav: ({ selNav }, $el) => $$(selNav, $el),
 
         navChildren() {
-            return this.nav.map((nav) => children(nav)).flat();
+            return this.nav.flatMap((nav) => children(nav));
         },
 
         selNavItem: ({ attrItem }) => `[${attrItem}],[data-${attrItem}]`,

package/src/js/mixin/svg.js

@@ -104,7 +104,7 @@ export function parseSVG(svg, icon) {
         svg = parseSymbols(svg)[icon] || svg;
     }
 
-    return toNodes(fragment(svg)).filter(isElement)[0];
+    return toNodes(fragment(svg)).find(isElement);
 }
 
 const symbolRe = /<symbol([^]*?id=(['"])(.+?)\2[^]*?<\/)symbol>/g;

package/src/js/util/class.js

@@ -47,7 +47,7 @@ export function toggleClass(element, cls, force) {
 function toClasses(str) {
     return str
         ? isArray(str)
-            ? str.map(toClasses).flat()
+            ? str.flatMap(toClasses)
             : String(str).split(' ').filter(Boolean)
         : [];
 }

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) {

package/src/js/util/lang.js

@@ -173,11 +173,15 @@ export function sumBy(array, iteratee) {
 
 export function uniqueBy(array, prop) {
     const seen = new Set();
-    return array.filter(({ [prop]: check }) => (seen.has(check) ? false : seen.add(check)));
+    return array.filter(({ [prop]: check }) => !seen.has(check) && seen.add(check));
 }
 
 export function pick(obj, props) {
-    return props.reduce((res, prop) => ({ ...res, [prop]: obj[prop] }), {});
+    const result = {};
+    for (const prop of props) {
+        result[prop] = obj[prop];
+    }
+    return result;
 }
 
 export function clamp(number, min = 0, max = 1) {

package/src/js/util/player.js

@@ -42,13 +42,11 @@ function isIFrame(el) {
 }
 
 function isYoutube(el) {
-    return !!el.src.match(
-        /\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/,
-    );
+    return /\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\//.test(el.src);
 }
 
 function isVimeo(el) {
-    return !!el.src.match(/vimeo\.com\/video\/.*/);
+    return /vimeo\.com\/video\/.*/.test(el.src);
 }
 
 async function call(el, cmd) {