uikit 3.16.14-dev.f95b7902a → 3.16.15-dev.223b81aee

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.14-dev.f95b7902a",
+  "version": "3.16.15-dev.223b81aee",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -21,7 +21,7 @@
   "homepage": "https://getuikit.com",
   "packageManager": "pnpm@7.29.1",
   "devDependencies": {
-    "@rollup/plugin-alias": "^4.0.3",
+    "@rollup/plugin-alias": "^5.0.0",
     "@rollup/plugin-replace": "^5.0.2",
     "archiver": "^5.3.1",
     "camelcase": "^7.0.1",
@@ -31,7 +31,7 @@
     "eslint": "^8.36.0",
     "eslint-config-prettier": "^8.8.0",
     "fs-extra": "^11.1.1",
-    "glob": "^9.3.2",
+    "glob": "^10.0.0",
     "inquirer": "^9.1.5",
     "less": "^4.1.3",
     "minimist": "^1.2.8",

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/drop.js

@@ -434,7 +434,7 @@ export default {
                     css(this.$el, {
                         [prop]:
                             (targetOffset[start] > elOffset[start]
-                                ? targetOffset[start] -
+                                ? targetOffset[this.inset ? end : start] -
                                   Math.max(
                                       offset(this.boundary[i])[start],
                                       viewports[i][start] + viewportOffset
@@ -442,7 +442,7 @@ export default {
                                 : Math.min(
                                       offset(this.boundary[i])[end],
                                       viewports[i][end] - viewportOffset
-                                  ) - targetOffset[end]) - positionOffset,
+                                  ) - targetOffset[this.inset ? start : end]) - positionOffset,
                         [`overflow-${axis}`]: 'auto',
                     });
 

package/src/js/core/sticky.js

@@ -17,6 +17,7 @@ import {
     isVisible,
     noop,
     offsetPosition,
+    once,
     parent,
     query,
     remove,
@@ -96,15 +97,7 @@ export default {
         this.placeholder = null;
     },
 
-    observe: [
-        resize({
-            handler() {
-                !this.isFixed && this.$emit('resize');
-            },
-        }),
-        resize({ target: () => [document.documentElement] }),
-        scroll(),
-    ],
+    observe: [resize({ target: ({ $el }) => [$el, document.documentElement] }), scroll()],
 
     events: [
         {
@@ -150,18 +143,31 @@ export default {
                 });
             },
         },
+        {
+            name: 'transitionstart',
+
+            capture: true,
+
+            handler() {
+                this.transitionInProgress = once(
+                    this.$el,
+                    'transitionend transitioncancel',
+                    () => (this.transitionInProgress = null)
+                );
+            },
+        },
     ],
 
     update: [
         {
-            read({ height, width, margin, sticky }, types) {
+            read({ height, width, margin, sticky }) {
                 this.inactive = !this.matchMedia || !isVisible(this.$el);
 
                 if (this.inactive) {
                     return;
                 }
 
-                const hide = this.isFixed && types.has('resize') && !sticky;
+                const hide = this.isFixed && !this.transitionInProgress;
                 if (hide) {
                     preventTransition(this.selTarget);
                     this.hide();

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/util/viewport.js

@@ -171,7 +171,10 @@ export function offsetViewport(scrollElement) {
         } else {
             rect[start] += toFloat(css(viewportElement, `border-${start}-width`));
         }
-        rect[prop] = rect[dir] = viewportElement[`client${ucfirst(prop)}`];
+        const subpixel = rect[prop] % 1;
+        rect[prop] = rect[dir] =
+            viewportElement[`client${ucfirst(prop)}`] -
+            (subpixel ? (subpixel < 0.5 ? -subpixel : 1 - subpixel) : 0);
         rect[end] = rect[prop] + rect[start];
     }
     return rect;