uikit 3.15.3 → 3.15.4-dev.7f196c2ae

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.15.3",
+    "version": "3.15.4-dev.7f196c2ae",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/components/filter.js

@@ -5,6 +5,7 @@ import {
     css,
     data,
     each,
+    fastdom,
     children as getChildren,
     hasClass,
     includes,
@@ -42,7 +43,7 @@ export default {
             },
 
             watch() {
-                this.$emit();
+                this.updateState();
 
                 if (this.selActive !== false) {
                     const actives = $$(this.selActive, this.$el);
@@ -60,7 +61,7 @@ export default {
 
             watch(list, old) {
                 if (old && !isEqualList(list, old)) {
-                    this.$emit();
+                    this.updateState();
                 }
             },
 
@@ -68,12 +69,6 @@ export default {
         },
     },
 
-    update: {
-        write() {
-            this.setState(this.getState(), false);
-        },
-    },
-
     events: [
         {
             name: 'click',
@@ -113,19 +108,26 @@ export default {
 
             trigger(this.$el, 'beforeFilter', [this, state]);
 
-            for (const el of this.toggles) {
-                toggleClass(el, this.cls, !!matchFilter(el, this.attrItem, state));
-            }
+            this.toggles.forEach((el) =>
+                toggleClass(el, this.cls, !!matchFilter(el, this.attrItem, state))
+            );
 
             await Promise.all(
                 $$(this.target, this.$el).map((target) => {
-                    const filterFn = () => applyState(state, target, getChildren(target));
+                    const filterFn = () => {
+                        applyState(state, target, getChildren(target));
+                        this.$update(this.$el);
+                    };
                     return animate ? this.animate(filterFn, target) : filterFn();
                 })
             );
 
             trigger(this.$el, 'afterFilter', [this]);
         },
+
+        updateState() {
+            fastdom.write(() => this.setState(this.getState(), false));
+        },
     },
 };
 

package/src/js/core/grid.js

@@ -1,6 +1,6 @@
 import Margin from './margin';
 import Class from '../mixin/class';
-import Scroll from '../mixin/scroll';
+import { registerScrollListener, unregisterScrollListener } from '../mixin/scroll';
 import {
     addClass,
     children,
@@ -15,7 +15,7 @@ import {
 export default {
     extends: Margin,
 
-    mixins: [Class, Scroll],
+    mixins: [Class],
 
     name: 'grid',
 
@@ -33,6 +33,11 @@ export default {
 
     connected() {
         this.masonry && addClass(this.$el, 'uk-flex-top uk-flex-wrap-top');
+        this.parallax && registerScrollListener(this._uid, () => this.$emit('scroll'));
+    },
+
+    disconnected() {
+        unregisterScrollListener(this._uid);
     },
 
     update: [

package/src/js/mixin/parallax.js

@@ -353,7 +353,7 @@ function getValue(stops, percent) {
     return isNumber(start) ? start + Math.abs(start - end) * p * (start < end ? 1 : -1) : +end;
 }
 
-const unitRe = /^-?\d+(\S*)/;
+const unitRe = /^-?\d+(\S+)/;
 function getUnit(stops, defaultUnit) {
     for (const stop of stops) {
         const match = stop.match?.(unitRe);

package/src/js/mixin/scroll.js

@@ -12,7 +12,7 @@ export default {
 
 const scrollListeners = new Map();
 let unbindScrollListener;
-function registerScrollListener(id, listener) {
+export function registerScrollListener(id, listener) {
     unbindScrollListener =
         unbindScrollListener ||
         on(window, 'scroll', () => scrollListeners.forEach((listener) => listener()), {
@@ -23,7 +23,7 @@ function registerScrollListener(id, listener) {
     scrollListeners.set(id, listener);
 }
 
-function unregisterScrollListener(id) {
+export function unregisterScrollListener(id) {
     scrollListeners.delete(id);
     if (unbindScrollListener && !scrollListeners.size) {
         unbindScrollListener();

package/src/js/mixin/togglable.js

@@ -171,6 +171,8 @@ export function toggleTransition(cmp) {
                 'border',
                 'width',
                 'height',
+                'minWidth',
+                'minHeight',
                 'overflowY',
                 'overflowX',
                 marginProp,