uikit 3.25.18-dev.4dfe15b → 3.25.18-dev.9fa57fb

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.18-dev.4dfe15b",
+    "version": "3.25.18-dev.9fa57fb",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/api/instance.js

@@ -26,10 +26,12 @@ export default function (App) {
 
         callHook(instance, 'destroy');
 
-        detachFromElement(el, instance);
+        if (el) {
+            detachFromElement(el, instance);
 
-        if (removeEl) {
-            remove(instance.$el);
+            if (removeEl) {
+                remove(el);
+            }
         }
     };
 

package/src/js/components/slider.js

@@ -127,7 +127,7 @@ export default {
 
     observe: [
         resize({
-            target: ({ slides, $el }) => [$el, ...slides],
+            target: ({ list, $el }) => [$el, ...children(list)],
         }),
         intersection({
             handler(entries) {
@@ -135,7 +135,7 @@ export default {
                     target.ariaHidden = target.inert = !isIntersecting;
                 }
             },
-            target: ({ slides }) => slides,
+            target: ({ list }) => children(list),
             args: { intersecting: false },
             options: ({ $el }) => ({ root: $el, rootMargin: '0px -10px' }),
         }),

package/src/js/components/upload.js

@@ -101,6 +101,10 @@ export default {
                 return;
             }
 
+            if (!this.multiple) {
+                files = files.slice(0, 1);
+            }
+
             trigger(this.$el, 'upload', [files]);
 
             for (const file of files) {
@@ -120,10 +124,6 @@ export default {
                 }
             }
 
-            if (!this.multiple) {
-                files = files.slice(0, 1);
-            }
-
             this.beforeAll(this, files);
 
             const chunks = chunk(files, this.concurrent);

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

@@ -126,7 +126,7 @@ export default {
     update: [
         {
             write() {
-                this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = !this.maxIndex));
+                this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = this.maxIndex < 1));
                 this.updateNav();
             },
 

package/src/js/util/event.js

@@ -54,9 +54,9 @@ export function once(...args) {
 }
 
 export function trigger(targets, event, detail) {
-    return toEventTargets(targets).every((target) =>
-        target.dispatchEvent(createEvent(event, true, true, detail)),
-    );
+    return toEventTargets(targets)
+        .map((target) => target.dispatchEvent(createEvent(event, true, true, detail)))
+        .every((result) => result);
 }
 
 export function createEvent(e, bubbles = true, cancelable = false, detail) {

package/src/js/util/position.js

@@ -204,8 +204,8 @@ function flipAxis(element, target, options) {
             element: options.attach.element.map(flipAttachAxis).reverse(),
             target: options.attach.target.map(flipAttachAxis).reverse(),
         },
-        offset: options.offset.reverse(),
-        placement: options.placement.reverse(),
+        offset: [...options.offset].reverse(),
+        placement: [...options.placement].reverse(),
         recursion: true,
     });
 }

package/tests/sortable.html

@@ -227,13 +227,13 @@
                         <tr>
                             <td><code>duration</code></td>
                             <td>Number</td>
-                            <td>250</td>
+                            <td>150</td>
                             <td>Animation duration in milliseconds.</td>
                         </tr>
                         <tr>
                             <td><code>threshold</code></td>
                             <td>Number</td>
-                            <td>10</td>
+                            <td>5</td>
                             <td>Mouse move threshold before dragging starts.</td>
                         </tr>
                         <tr>
@@ -257,8 +257,8 @@
                         <tr>
                             <td><code>cls-drag-state</code></td>
                             <td>String</td>
-                            <td>uk-sortable-dragging</td>
-                            <td>The body's dragging class.</td>
+                            <td>uk-drag</td>
+                            <td>The dragging class added to the root element.</td>
                         </tr>
                         <tr>
                             <td><code>cls-base</code></td>