uikit 3.17.12-dev.a7c73679a → 3.17.12-dev.e706c1aac

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.17.12-dev.a7c73679a",
+  "version": "3.17.12-dev.e706c1aac",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -19,34 +19,34 @@
     "url": "https://github.com/uikit/uikit/issues"
   },
   "homepage": "https://getuikit.com",
-  "packageManager": "pnpm@8.10.1",
+  "packageManager": "pnpm@8.11.0",
   "devDependencies": {
-    "@rollup/plugin-alias": "^5.0.1",
+    "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-replace": "^5.0.5",
     "archiver": "^6.0.1",
     "camelcase": "^8.0.0",
     "chokidar-cli": "^3.0.0",
-    "clean-css": "^5.3.2",
+    "clean-css": "^5.3.3",
     "dateformat": "^5.0.3",
-    "esbuild": "^0.19.5",
-    "eslint": "^8.53.0",
-    "eslint-config-prettier": "^9.0.0",
+    "esbuild": "^0.19.9",
+    "eslint": "^8.55.0",
+    "eslint-config-prettier": "^9.1.0",
     "execa": "^8.0.1",
-    "fs-extra": "^11.1.1",
+    "fs-extra": "^11.2.0",
     "glob": "^10.3.10",
     "inquirer": "^9.2.12",
     "less": "^4.2.0",
     "minimist": "^1.2.8",
     "number-precision": "^1.6.0",
     "p-limit": "^5.0.0",
-    "prettier": "^3.1.0",
+    "prettier": "^3.1.1",
     "prettier-plugin-organize-imports": "^3.2.4",
-    "rollup": "^4.4.1",
+    "rollup": "^4.9.0",
     "rollup-plugin-esbuild": "^6.1.0",
     "rollup-plugin-modify": "^3.0.0",
     "rtlcss": "^4.1.1",
     "semver": "^7.5.4",
-    "svgo": "^3.0.3"
+    "svgo": "^3.1.0"
   },
   "scripts": {
     "build-scss": "node build/scss",

package/src/js/api/observables.js

@@ -54,7 +54,7 @@ export function lazyload(options = {}) {
 }
 
 export function viewport(options) {
-    return observe((target, handler) => observeViewportResize(handler), options);
+    return observe((target, handler) => observeViewportResize(handler), options, 'resize');
 }
 
 export function scroll(options) {

package/src/js/components/notification.js

@@ -3,7 +3,6 @@ import {
     append,
     apply,
     css,
-    isVisible,
     parent,
     pointerEnter,
     pointerLeave,
@@ -44,14 +43,13 @@ export default {
 
     created() {
         const posClass = `${this.clsContainer}-${this.pos}`;
-        let container = $(`.${posClass}`, this.container);
-
-        if (!container || !isVisible(container)) {
-            container = append(
+        const containerAttr = `data-${this.clsContainer}-container`;
+        const container =
+            $(`.${posClass}[${containerAttr}]`, this.container) ||
+            append(
                 this.container,
-                `<div class="${this.clsContainer} ${posClass}"></div>`,
+                `<div class="${this.clsContainer} ${posClass}" ${containerAttr}></div>`,
             );
-        }
 
         this.$mount(
             append(

package/src/js/core/drop.js

@@ -274,12 +274,15 @@ export default {
                     listenForBackgroundClose(this),
                     this.autoUpdate && listenForScroll(this),
                     this.closeOnScroll && listenForScrollClose(this),
-                    !this.bgScroll && preventBackgroundScroll(this.$el),
                 ];
 
                 once(this.$el, 'hide', () => handlers.forEach((handler) => handler && handler()), {
                     self: true,
                 });
+
+                if (!this.bgScroll) {
+                    once(this.$el, 'hidden', preventBackgroundScroll(this.$el), { self: true });
+                }
             },
         },
 

package/src/js/core/scrollspy.js

@@ -124,7 +124,9 @@ export default {
             if (/\buk-animation-/.test(state.cls)) {
                 const removeAnimationClasses = () => removeClasses(el, 'uk-animation-[\\w-]+');
                 if (inview) {
-                    state.off = once(el, 'animationcancel animationend', removeAnimationClasses);
+                    state.off = once(el, 'animationcancel animationend', removeAnimationClasses, {
+                        self: true,
+                    });
                 } else {
                     removeAnimationClasses();
                 }

package/src/js/mixin/togglable.js

@@ -38,8 +38,8 @@ export default {
         velocity: 0.2,
         origin: false,
         transition: 'ease',
-        clsEnter: 'uk-togglabe-enter',
-        clsLeave: 'uk-togglabe-leave',
+        clsEnter: 'uk-togglable-enter',
+        clsLeave: 'uk-togglable-leave',
     },
 
     computed: {

package/src/js/util/viewport.js

@@ -165,15 +165,11 @@ export function overflowParents(element) {
 
 export function offsetViewport(scrollElement) {
     const window = toWindow(scrollElement);
-    const {
-        visualViewport,
-        document: { documentElement },
-    } = window;
     let viewportElement =
         scrollElement === scrollingElement(scrollElement) ? window : scrollElement;
 
-    if (isWindow(viewportElement) && visualViewport) {
-        let { height, width, scale, pageTop: top, pageLeft: left } = visualViewport;
+    if (isWindow(viewportElement) && window.visualViewport) {
+        let { height, width, scale, pageTop: top, pageLeft: left } = window.visualViewport;
         height = Math.round(height * scale);
         width = Math.round(width * scale);
         return { height, width, top, left, bottom: top + height, right: left + width };
@@ -190,7 +186,7 @@ export function offsetViewport(scrollElement) {
     ]) {
         if (isWindow(viewportElement)) {
             // iOS 12 returns <body> as scrollingElement
-            viewportElement = documentElement;
+            viewportElement = window.document.documentElement;
         } else {
             rect[start] += toFloat(css(viewportElement, `border-${start}-width`));
         }