uikit 3.20.11-dev.3a41e0fa6 → 3.20.11-dev.43d76edf7

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.20.11-dev.3a41e0fa6",
+  "version": "3.20.11-dev.43d76edf7",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -47,7 +47,6 @@
     "rollup-plugin-modify": "^3.0.0",
     "rtlcss": "^4.1.1",
     "semver": "^7.6.0",
-    "strip-css-comments": "^5.0.0",
     "svgo": "^3.2.0"
   },
   "scripts": {

package/src/js/components/sortable.js

@@ -217,14 +217,14 @@ export default {
         move: throttle(function (e) {
             assign(this.pos, getEventPos(e));
 
-            if (
-                !this.drag &&
-                (Math.abs(this.pos.x - this.origin.x) > this.threshold ||
-                    Math.abs(this.pos.y - this.origin.y) > this.threshold)
+            if (this.drag) {
+                this.$emit('move');
+            } else if (
+                Math.abs(this.pos.x - this.origin.x) > this.threshold ||
+                Math.abs(this.pos.y - this.origin.y) > this.threshold
             ) {
                 this.start(e);
             }
-            this.$emit('move');
         }),
 
         end() {
@@ -437,8 +437,10 @@ function throttle(fn) {
     return function (...args) {
         if (!throttled) {
             throttled = true;
-            fn.call(this, ...args);
-            requestAnimationFrame(() => (throttled = false));
+            requestAnimationFrame(() => {
+                throttled = false;
+                fn.call(this, ...args);
+            });
         }
     };
 }

package/src/js/mixin/media.js

@@ -43,7 +43,7 @@ export default {
 function toMedia(value, element) {
     if (isString(value)) {
         if (startsWith(value, '@')) {
-            value = toFloat(css(element, `--uk-breakpoint-${value.slice(1)}`));
+            value = toFloat(css(element, `--uk-breakpoint-${value.substr(1)}`));
         } else if (isNaN(value)) {
             return value;
         }

package/src/js/mixin/parallax.js

@@ -260,14 +260,14 @@ function backgroundCoverFn(prop, el, stops, props) {
 }
 
 function getBackgroundPos(el, prop) {
-    return getCssValue(el, `background-position-${prop.slice(-1)}`, '');
+    return getCssValue(el, `background-position-${prop.substr(-1)}`, '');
 }
 
 function setBackgroundPosFn(bgProps, positions, props) {
     return function (css, percent) {
         for (const prop of bgProps) {
             const value = getValue(props[prop], percent);
-            css[`background-position-${prop.slice(-1)}`] = `calc(${positions[prop]} + ${value}px)`;
+            css[`background-position-${prop.substr(-1)}`] = `calc(${positions[prop]} + ${value}px)`;
         }
     };
 }

package/src/js/util/filter.js

@@ -82,8 +82,8 @@ export function isSameSiteAnchor(el) {
 
 export function getTargetedElement(el) {
     if (isSameSiteAnchor(el)) {
-        const { hash, ownerDocument } = toNode(el);
-        const id = decodeURIComponent(hash).slice(1);
-        return ownerDocument.getElementById(id) || ownerDocument.getElementsByName(id)[0];
+        el = toNode(el);
+        const id = decodeURIComponent(el.hash).substring(1);
+        return document.getElementById(id) || document.getElementsByName(id)[0];
     }
 }

package/src/js/util/selector.js

@@ -47,9 +47,9 @@ const parseSelector = memoize((selector) => {
 });
 
 const parsePositionSelector = memoize((selector) => {
-    selector = selector.slice(1).trim();
+    selector = selector.substr(1).trim();
     const index = selector.indexOf(' ');
-    return ~index ? [selector.slice(0, index), selector.slice(index + 1)] : [selector, ''];
+    return ~index ? [selector.substring(0, index), selector.substring(index + 1)] : [selector, ''];
 });
 
 function _query(selector, context = document, queryFn) {