uikit 3.25.23-dev.0ea1d51 → 3.25.23-dev.2ad20f7

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.0ea1d51",
+    "version": "3.25.23-dev.2ad20f7",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/api/app.js

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

package/src/js/api/observables.js

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

package/src/js/api/props.js

@@ -69,7 +69,8 @@ const getAttributes = memoize((id, props) => {
     const attributes = Object.keys(props);
     const filter = attributes
         .concat(id)
-        .flatMap((key) => [hyphenate(key), `data-${hyphenate(key)}`]);
+        .map((key) => [hyphenate(key), `data-${hyphenate(key)}`])
+        .flat();
     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, '<span></span>'.repeat(digits.length));
+                        html(el, digits.map(() => '<span></span>').join(''));
                     }
 
                     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 [...slides];
+            return Array.from(slides);
         },
 
         getIndexAt(percent) {

package/src/js/components/slideshow.js

@@ -36,4 +36,9 @@ 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).find((el) => el.selected))
+                (option = $$('option', input).filter((el) => el.selected)[0])
               ? option.textContent
               : input.value;
 

package/src/js/core/img.js

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

package/src/js/mixin/svg.js

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

package/src/js/util/event.js

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