uikit 3.16.13 → 3.16.14-dev.2f95828de

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.16.13",
+  "version": "3.16.14-dev.2f95828de",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/components/slider.js

@@ -15,6 +15,7 @@ import {
     dimensions,
     findIndex,
     getIndex,
+    hasOwn,
     includes,
     isVisible,
     last,
@@ -246,7 +247,12 @@ export default {
                 const active = includes(actives, slide);
                 toggleClass(slide, activeClasses, active);
                 attr(slide, 'aria-hidden', !active);
-                attr($$(selFocusable, slide), 'tabindex', active ? null : -1);
+                for (const focusable of $$(selFocusable, slide)) {
+                    if (!hasOwn(focusable, '_tabindex')) {
+                        focusable._tabindex = attr(focusable, 'tabindex');
+                    }
+                    attr(focusable, 'tabindex', active ? focusable._tabindex : -1);
+                }
             }
         },
 

package/src/js/core/dropnav.js

@@ -6,7 +6,6 @@ import {
     $$,
     addClass,
     after,
-    attr,
     css,
     findIndex,
     getIndex,
@@ -128,11 +127,6 @@ export default {
                 }
             );
         },
-
-        items(items) {
-            attr(items, 'tabindex', -1);
-            attr(items[0], 'tabindex', 0);
-        },
     },
 
     disconnected() {
@@ -148,7 +142,7 @@ export default {
                 return this.selNavItem;
             },
 
-            handler({ current, type }) {
+            handler({ current }) {
                 const active = this.getActive();
                 if (
                     active &&
@@ -159,12 +153,6 @@ export default {
                 ) {
                     active.hide(false);
                 }
-
-                if (type === 'focusin') {
-                    for (const toggle of this.items) {
-                        attr(toggle, 'tabindex', current === toggle ? 0 : -1);
-                    }
-                }
             },
         },
 

package/src/js/core/svg.js

@@ -1,5 +1,4 @@
 import Svg from '../mixin/svg';
-import Class from '../mixin/class';
 import { getMaxPathLength } from '../util/svg';
 import { mutation } from '../api/observables';
 import {
@@ -16,7 +15,7 @@ import {
 } from 'uikit-util';
 
 export default {
-    mixins: [Class, Svg],
+    mixins: [Svg],
 
     args: 'src',
 
@@ -76,7 +75,7 @@ export default {
 function applyAttributes(el) {
     const { $el } = this;
 
-    addClass(el, attr($el, 'class'));
+    addClass(el, attr($el, 'class'), 'uk-svg');
 
     for (let i = 0; i < $el.style.length; i++) {
         const prop = $el.style[i];

package/src/js/mixin/parallax.js

@@ -9,6 +9,7 @@ import {
     isString,
     isUndefined,
     noop,
+    propName,
     toFloat,
     toPx,
     trigger,
@@ -81,6 +82,7 @@ export default {
             }
             css.willChange = Object.keys(css)
                 .filter((key) => css[key] !== '')
+                .map(propName)
                 .join(',');
             return css;
         },
@@ -305,7 +307,9 @@ function parseStops(stops, fn = toFloat) {
     const { length } = stops;
     let nullIndex = 0;
     for (let i = 0; i < length; i++) {
-        let [value, percent] = isString(stops[i]) ? stops[i].trim().split(' ') : [stops[i]];
+        let [value, percent] = isString(stops[i])
+            ? stops[i].trim().split(/ (?![^(]*\))/)
+            : [stops[i]];
         value = fn(value);
         percent = percent ? toFloat(percent) / 100 : null;