uikit 3.25.28-dev.25f0658 → 3.25.28-dev.6d5160a

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.28-dev.25f0658",
+    "version": "3.25.28-dev.6d5160a",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/components/parallax.js

@@ -46,7 +46,7 @@ export default {
 
     update: {
         read({ percent }, types) {
-            if (!types.has('scroll')) {
+            if (!types.has('scroll') || types.has('resize')) {
                 percent = false;
             }
 

package/src/js/components/slideshow.js

@@ -28,7 +28,7 @@ export default {
     watch: {
         list(list) {
             css(list, {
-                aspectRatio: this.ratio ? this.ratio.replace(':', '/') : undefined,
+                aspectRatio: this.ratio && this.ratio !== 'false' ? this.ratio.replace(':', '/') : '',
                 minHeight: this.minHeight,
                 maxHeight: this.maxHeight,
                 width: '100%',

package/src/js/components/upload.js

@@ -95,48 +95,49 @@ export default {
 
     methods: {
         async upload(files) {
-            files = toArray(files);
+            try {
+                files = toArray(files);
 
-            if (!files.length) {
-                return;
-            }
-
-            if (!this.multiple) {
-                files = files.slice(0, 1);
-            }
-
-            trigger(this.$el, 'upload', [files]);
-
-            for (const file of files) {
-                if (this.maxSize && this.maxSize * 1000 < file.size) {
-                    this.fail(this.t('invalidSize', this.maxSize));
+                if (!files.length) {
                     return;
                 }
 
-                if (this.allow && !match(this.allow, file.name)) {
-                    this.fail(this.t('invalidName', this.allow));
-                    return;
+                if (!this.multiple) {
+                    files = files.slice(0, 1);
                 }
 
-                if (this.mime && !match(this.mime, file.type)) {
-                    this.fail(this.t('invalidMime', this.mime));
-                    return;
+                trigger(this.$el, 'upload', [files]);
+
+                for (const file of files) {
+                    if (this.maxSize && this.maxSize * 1000 < file.size) {
+                        this.fail(this.t('invalidSize', this.maxSize));
+                        return;
+                    }
+
+                    if (this.allow && !match(this.allow, file.name)) {
+                        this.fail(this.t('invalidName', this.allow));
+                        return;
+                    }
+
+                    if (this.mime && !match(this.mime, file.type)) {
+                        this.fail(this.t('invalidMime', this.mime));
+                        return;
+                    }
                 }
-            }
 
-            this.beforeAll(this, files);
+                await this.beforeAll(this, files);
 
-            const chunks = chunk(files, this.concurrent);
-            const upload = async (files) => {
-                const data = new FormData();
+                const size = this.concurrent;
 
-                files.forEach((file) => data.append(this.name, file));
+                for (let i = 0; i < files.length; i += size) {
+                    const data = new FormData();
 
-                for (const key in this.params) {
-                    data.append(key, this.params[key]);
-                }
+                    files.slice(i, i + size).forEach((file) => data.append(this.name, file));
+
+                    for (const key in this.params) {
+                        data.append(key, this.params[key]);
+                    }
 
-                try {
                     const xhr = await ajax(this.url, {
                         data,
                         method: this.method,
@@ -154,42 +155,26 @@ export default {
 
                     this.complete(xhr);
 
-                    if (chunks.length) {
-                        await upload(chunks.shift());
-                    } else {
+                    if (i + size >= files.length) {
                         this.completeAll(xhr);
                     }
-                } catch (e) {
-                    if (e.name !== 'AbortError') {
-                        this.error(e);
-                    }
                 }
-            };
-
-            await upload(chunks.shift());
+            } catch (e) {
+                if (e?.name !== 'AbortError') {
+                    this.error(e);
+                }
+            }
         },
     },
 };
 
 function match(pattern, path) {
-    return path.match(
-        new RegExp(
-            `^${pattern
-                .replace(/\//g, '\\/')
-                .replace(/\*\*/g, '(\\/[^\\/]+)*')
-                .replace(/\*/g, '[^\\/]+')
-                .replace(/((?!\\))\?/g, '$1.')}$`,
-            'i',
-        ),
+    const expression = pattern.replace(
+        /\*\*|[.*+?^${}()|[\]\\]/g,
+        (s) => ({ '**': '.*', '*': '[^/]+', '?': '[^/]', '|': '|' })[s] ?? `\\${s}`,
     );
-}
 
-function chunk(files, size) {
-    const chunks = [];
-    for (let i = 0; i < files.length; i += size) {
-        chunks.push(files.slice(i, i + size));
-    }
-    return chunks;
+    return new RegExp(`^(?:${expression})$`, 'i').test(path);
 }
 
 function stop(e) {

package/src/js/core/scrollspy-nav.js

@@ -96,7 +96,6 @@ export default {
                 const { elements } = this;
                 const changed = active !== false && !hasClass(elements[active], this.cls);
 
-                this.links.forEach((el) => el.blur());
                 for (let i = 0; i < elements.length; i++) {
                     toggleClass(elements[i], this.cls, +i === active);
                 }

package/src/js/core/svg.js

@@ -84,7 +84,7 @@ function applyAttributes(el) {
 const loadSVG = memoize(async (src) => {
     if (src) {
         const response = await fetch(src);
-        if (response.headers.get('Content-Type') === 'image/svg+xml') {
+        if (/^image\/svg\+xml\s*(;|$)/i.test(response.headers.get('Content-Type'))) {
             return response.text();
         }
     }

package/src/js/util/style.js

@@ -13,6 +13,7 @@ import {
 
 const cssNumber = {
     'animation-iteration-count': true,
+    'aspect-ratio': true,
     'column-count': true,
     'fill-opacity': true,
     'flex-grow': true,