uikit 3.23.11-dev.7c46f0f5c → 3.23.12-dev.4db70ed92

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.23.11-dev.7c46f0f5c",
+  "version": "3.23.12-dev.4db70ed92",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -48,7 +48,7 @@
     "rtlcss": "^4.1.1",
     "semver": "^7.7.1",
     "strip-css-comments": "^5.0.0",
-    "svgo": "^3.2.0"
+    "svgo": "^4.0.0"
   },
   "scripts": {
     "build-scss": "node build/scss",

package/src/js/core/cover.js

@@ -29,35 +29,15 @@ export default {
                 return false;
             }
 
-            const { ratio, cover } = Dimensions;
-            const { $el, width, height } = this;
+            const { $el, width = $el.clientWidth, height = $el.clientHeight } = this;
 
-            let dim = { width, height };
+            const el = getPositionedParent($el) || parent($el);
+            const dim = Dimensions.cover(
+                { width, height },
+                { width: el.offsetWidth, height: el.offsetHeight },
+            );
 
-            if (!width || !height) {
-                const intrinsic = {
-                    width: $el.naturalWidth || $el.videoWidth || $el.clientWidth,
-                    height: $el.naturalHeight || $el.videoHeight || $el.clientHeight,
-                };
-
-                if (width) {
-                    dim = ratio(intrinsic, 'width', width);
-                } else if (height) {
-                    dim = ratio(intrinsic, 'height', height);
-                } else {
-                    dim = intrinsic;
-                }
-            }
-
-            const { offsetHeight: coverHeight, offsetWidth: coverWidth } =
-                getPositionedParent($el) || parent($el);
-            const coverDim = cover(dim, { width: coverWidth, height: coverHeight });
-
-            if (!coverDim.width || !coverDim.height) {
-                return false;
-            }
-
-            return coverDim;
+            return dim.width && dim.height ? dim : false;
         },
 
         write({ height, width }) {

package/src/js/core/scrollspy-nav.js

@@ -4,6 +4,7 @@ import {
     getCoveringElement,
     getTargetedElement,
     hasClass,
+    isSameSiteAnchor,
     isVisible,
     offset,
     offsetViewport,
@@ -31,11 +32,7 @@ export default {
     },
 
     computed: {
-        links: ({ target }, $el) => $$(target, $el).filter((el) => getTargetedElement(el)),
-
-        elements({ closest }) {
-            return this.links.map((el) => el.closest(closest || '*'));
-        },
+        links: ({ target }, $el) => $$(target, $el).filter(isSameSiteAnchor),
     },
 
     watch: {
@@ -51,7 +48,8 @@ export default {
     update: [
         {
             read() {
-                const targets = this.links.map(getTargetedElement);
+                const links = this.links.filter(getTargetedElement);
+                const targets = links.map(getTargetedElement);
 
                 const { length } = targets;
 
@@ -81,19 +79,20 @@ export default {
                     }
                 }
 
-                return { active };
+                return { active, links };
             },
 
-            write({ active }) {
-                const changed = active !== false && !hasClass(this.elements[active], this.cls);
+            write({ active, links }) {
+                const elements = links.map((el) => el.closest(this.closest || '*'));
+                const changed = active !== false && !hasClass(elements[active], this.cls);
 
                 this.links.forEach((el) => el.blur());
-                for (let i = 0; i < this.elements.length; i++) {
-                    toggleClass(this.elements[i], this.cls, +i === active);
+                for (let i = 0; i < elements.length; i++) {
+                    toggleClass(elements[i], this.cls, +i === active);
                 }
 
                 if (changed) {
-                    trigger(this.$el, 'active', [active, this.elements[active]]);
+                    trigger(this.$el, 'active', [active, elements[active]]);
                 }
             },