uikit 3.10.1-dev.6b26facf9 → 3.10.2-dev.c8aa7eda2

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.10.1-dev.6b26facf9",
+  "version": "3.10.2-dev.c8aa7eda2",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -41,8 +41,8 @@
     "camelcase": "^6.3.0",
     "clean-css": "^5.2.2",
     "dateformat": "^5.0.2",
-    "esbuild": "^0.14.11",
-    "eslint": "^8.6.0",
+    "esbuild": "^0.14.13",
+    "eslint": "^8.7.0",
     "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
     "inquirer": "^8.2.0",
@@ -50,7 +50,7 @@
     "minimist": "^1.2.5",
     "number-precision": "^1.5.1",
     "p-limit": "^4.0.0",
-    "rollup": "^2.63.0",
+    "rollup": "^2.66.0",
     "rollup-plugin-esbuild": "^4.8.2",
     "rollup-plugin-html": "^0.2.1",
     "rollup-plugin-modify": "^3.0.0",

package/src/js/api/hooks.js

@@ -123,23 +123,19 @@ export default function (UIkit) {
 
     function runWatches(initial) {
 
-        const {$options: {computed}, _computeds} = this;
+        const {$options: {computed}} = this;
+        const values = assign({}, this._computeds);
+        this._computeds = {};
 
         for (const key in computed) {
-
-            const hasPrev = hasOwn(_computeds, key);
-            const prev = _computeds[key];
-
-            delete _computeds[key];
-
             const {watch, immediate} = computed[key];
             if (watch && (
                 initial && immediate
-                || hasPrev && !isEqual(prev, this[key])
+                || hasOwn(values, key) && !isEqual(values[key], this[key])
             )) {
-                watch.call(this, this[key], prev);
+                watch.call(this, this[key], values[key]);
             }
-
         }
+
     }
 }

package/src/js/components/slider-parallax.js

@@ -86,11 +86,5 @@ function getCurrentPercent(type, dir, percent) {
 
     percent /= 2;
 
-    return !isIn(type)
-        ? dir < 0
-            ? percent
-            : 1 - percent
-        : dir < 0
-            ? 1 - percent
-            : percent;
+    return isIn(type) ^ dir < 0 ? percent : 1 - percent;
 }

package/src/js/core/navbar.js

@@ -28,7 +28,7 @@ export default {
 
     data: {
         dropdown: navItem,
-        align: !isRtl ? 'left' : 'right',
+        align: isRtl ? 'right' : 'left',
         clsDrop: 'uk-navbar-dropdown',
         mode: undefined,
         offset: undefined,

package/src/js/core/scrollspy.js

@@ -16,7 +16,7 @@ export default {
     },
 
     data: () => ({
-        cls: false,
+        cls: '',
         target: false,
         hidden: true,
         offsetTop: 0,

package/src/js/mixin/parallax.js

@@ -57,7 +57,7 @@ export default {
                 } else if (startsWith(prop, 'bg')) {
 
                     const attr = prop === 'bgy' ? 'height' : 'width';
-                    steps = steps.map(step => toPx(step, attr, this.$el));
+                    steps = steps.map(step => toPx(step, attr, $el));
 
                     css($el, `background-position-${prop[2]}`, '');
                     bgPos = css($el, 'backgroundPosition').split(' ')[prop[2] === 'x' ? 0 : 1]; // IE 11 can't read background-position-[x|y]
@@ -91,7 +91,7 @@ export default {
                         return props;
                     }
 
-                    const length = getMaxPathLength(this.$el);
+                    const length = getMaxPathLength($el);
                     css($el, 'strokeDasharray', length);
 
                     if (unit === '%') {

package/src/js/mixin/position.js

@@ -1,4 +1,4 @@
-import {$, flipPosition, offset as getOffset, includes, isNumeric, isRtl, positionAt, removeClasses, toggleClass} from 'uikit-util';
+import {$, flipPosition, offset as getOffset, isNumeric, isRtl, positionAt, removeClasses, toggleClass} from 'uikit-util';
 
 export default {
 
@@ -10,7 +10,7 @@ export default {
     },
 
     data: {
-        pos: `bottom-${!isRtl ? 'left' : 'right'}`,
+        pos: `bottom-${isRtl ? 'right' : 'left'}`,
         flip: true,
         offset: false,
         clsPos: ''
@@ -19,7 +19,7 @@ export default {
     computed: {
 
         pos({pos}) {
-            return (pos + (!includes(pos, '-') ? '-center' : '')).split('-');
+            return pos.split('-').concat('center').slice(0, 2);
         },
 
         dir() {

package/src/js/util/lang.js

@@ -138,7 +138,7 @@ export function toBoolean(value) {
 
 export function toNumber(value) {
     const number = Number(value);
-    return !isNaN(number) ? number : false;
+    return isNaN(number) ? false : number;
 }
 
 export function toFloat(value) {
@@ -300,6 +300,10 @@ export function getIndex(i, elements, current = 0, finite = false) {
 
     const {length} = elements;
 
+    if (!length) {
+        return -1;
+    }
+
     i = isNumeric(i)
         ? toNumber(i)
         : i === 'next'

package/tests/js/index.js

@@ -1,10 +1,5 @@
 /* global UIkit, TESTS */
-import {on} from '../../src/js/util/event';
-import {css} from '../../src/js/util/style';
-import {ucfirst} from '../../src/js/util/lang';
-import {prepend} from '../../src/js/util/dom';
-import {addClass, removeClass} from '../../src/js/util/class';
-import {fastdom} from '../../src/js/util/fastdom';
+import {addClass, css, fastdom, on, prepend, removeClass, ucfirst} from 'uikit-util';
 
 const tests = TESTS;
 const storage = window.sessionStorage;
@@ -105,7 +100,7 @@ on(window, 'load', () => setTimeout(() => fastdom.write(() => {
 
     if ($inverse.value) {
 
-        removeClass(document.querySelectorAll('*'), [
+        removeClass(document.querySelectorAll('*'),
             'uk-navbar-container',
             'uk-card-default',
             'uk-card-muted',
@@ -121,7 +116,7 @@ on(window, 'load', () => setTimeout(() => fastdom.write(() => {
             'uk-section-secondary',
             'uk-overlay-default',
             'uk-overlay-primary'
-        ]);
+        );
 
         css(docEl, 'background', $inverse.value === 'dark' ? '#fff' : '#222');
         addClass($body, `uk-${$inverse.value}`);