Merge branch 'release/v3.20.8'

.github/ISSUE_TEMPLATE/bug-report.md

@@ -20,7 +20,7 @@ Please open an issues only for a bug report or feature request. Make sure no one
 ### UIkit Version
 
 _Check if the issue is reproducible with the latest stable version._
-3.20.7
+3.20.8
 
 ### Actual Behavior
 

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 3.20.8 (April 26, 2024)
+
+### Fixed
+
+- Fix check for `Elemenent.prototype.checkVisibility` function
+- Fix filter animations in Safari
+
 ## 3.20.7 (April 24, 2024)
 
 ### Fixed

dist/css/uikit-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.20.7 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
+/*! UIkit 3.20.8 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */

dist/css/uikit.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.20.7 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
+/*! UIkit 3.20.8 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */

dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.20.7 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
+/*! UIkit 3.20.8 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -307,7 +307,7 @@
     function isVoidElement(element) {
       return toNodes(element).some((element2) => voidElements[element2.tagName.toLowerCase()]);
     }
-    const isVisibleFn = inBrowser ? Element.prototype.checkVisibility : function() {
+    const isVisibleFn = inBrowser && Element.prototype.checkVisibility || function() {
       return this.offsetWidth || this.offsetHeight || this.getClientRects().length;
     };
     function isVisible(element) {
@@ -2117,10 +2117,13 @@
       let nodes = children(target);
       const currentProps = nodes.map((el) => getProps$1(el, true));
       const targetProps = { ...css(target, ["height", "padding"]), display: "block" };
-      await Promise.all(nodes.concat(target).map(Transition.cancel));
+      const targets = nodes.concat(target);
+      await Promise.all(targets.map(Transition.cancel));
+      css(targets, "transitionProperty", "none");
       await action();
       nodes = nodes.concat(children(target).filter((el) => !includes(nodes, el)));
       await Promise.resolve();
+      css(targets, "transitionProperty", "");
       const targetStyle = attr(target, "style");
       const targetPropsTo = css(target, ["height", "padding"]);
       const [propsTo, propsFrom] = getTransitionProps(target, nodes, currentProps);
@@ -3552,7 +3555,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.20.7";
+    App.version = "3.20.8";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -5650,15 +5653,6 @@
         handle: false,
         pos: {}
       },
-      created() {
-        for (const key of ["init", "start", "move", "end"]) {
-          const fn = this[key];
-          this[key] = (e) => {
-            assign(this.pos, getEventPos(e));
-            fn(e);
-          };
-        }
-      },
       events: {
         name: pointerDown$1,
         passive: false,
@@ -5745,6 +5739,7 @@
             return;
           }
           e.preventDefault();
+          this.pos = getEventPos(e);
           this.touched = /* @__PURE__ */ new Set([this]);
           this.placeholder = placeholder;
           this.origin = { target, index: index(placeholder), ...this.pos };
@@ -5766,13 +5761,14 @@
           trackScroll(this.pos);
           this.move(e);
         },
-        move(e) {
+        move: throttle(function(e) {
+          assign(this.pos, getEventPos(e));
           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);
           }
-        },
+        }),
         end() {
           off(document, pointerMove$1, this.move);
           off(document, pointerUp$1, this.end);
@@ -5802,14 +5798,16 @@
         },
         insert(element, target) {
           addClass(this.items, this.clsItem);
-          const insert = () => target ? before(target, element) : append(this.target, element);
-          this.animate(insert);
+          if (target && target.previousElementSibling !== element) {
+            this.animate(() => before(target, element));
+          } else if (!target && this.target.lastElementChild !== element) {
+            this.animate(() => append(this.target, element));
+          }
         },
         remove(element) {
-          if (!this.target.contains(element)) {
-            return;
+          if (this.target.contains(element)) {
+            this.animate(() => remove$1(element));
           }
-          this.animate(() => remove$1(element));
         },
         getSortable(element) {
           do {
@@ -5924,6 +5922,18 @@
     function linesIntersect(lineA, lineB) {
       return lineA[1] > lineB[0] && lineB[1] > lineA[0];
     }
+    function throttle(fn) {
+      let throttled;
+      return function(...args) {
+        if (!throttled) {
+          throttled = true;
+          requestAnimationFrame(() => {
+            throttled = false;
+            fn.call(this, ...args);
+          });
+        }
+      };
+    }
 
     var Position = {
       props: {

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.7",
+    "version": "3.20.8",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [
@@ -33,29 +33,29 @@
     "homepage": "https://getuikit.com",
     "packageManager": "pnpm@9.0.5",
     "devDependencies": {
-        "@eslint/js": "^9.0.0",
+        "@eslint/js": "^9.1.1",
         "@rollup/plugin-alias": "^5.1.0",
         "@rollup/plugin-replace": "^5.0.5",
         "archiver": "^7.0.1",
         "camelcase": "^8.0.0",
         "chokidar-cli": "^3.0.0",
         "clean-css": "^5.3.3",
         "dateformat": "^5.0.3",
-        "esbuild": "^0.20.1",
-        "eslint": "^9.0.0",
+        "esbuild": "^0.20.2",
+        "eslint": "^9.1.1",
         "eslint-config-prettier": "^9.1.0",
         "execa": "^8.0.1",
         "fs-extra": "^11.2.0",
-        "glob": "^10.3.10",
+        "glob": "^10.3.12",
         "globals": "^15.0.0",
-        "inquirer": "^9.2.15",
+        "inquirer": "^9.2.19",
         "less": "^4.2.0",
         "minimist": "^1.2.8",
         "number-precision": "^1.6.0",
         "p-limit": "^5.0.0",
         "prettier": "^3.2.5",
         "prettier-plugin-organize-imports": "^3.2.4",
-        "rollup": "^4.13.0",
+        "rollup": "^4.16.4",
         "rollup-plugin-esbuild": "^6.1.1",
         "rollup-plugin-modify": "^3.0.0",
         "rtlcss": "^4.1.1",