uikit 3.25.29 → 3.25.30-dev.188f79c

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.25.29",
+    "version": "3.25.30-dev.188f79c",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [
@@ -30,7 +30,7 @@
         "url": "https://github.com/uikit/uikit/issues"
     },
     "homepage": "https://getuikit.com",
-    "packageManager": "pnpm@12.9.1",
+    "packageManager": "pnpm@12.16.1",
     "devDependencies": {
         "@eslint/js": "^10.0.1",
         "@rollup/plugin-alias": "^6.0.0",

package/src/js/components/lightbox.js

@@ -71,7 +71,7 @@ export default {
                 index = findIndex(items, ({ source: src }) => source === src);
             }
 
-            this.panel = this.panel || this.$create('lightboxPanel', { ...this.$props, items });
+            this.panel ||= this.$create('lightboxPanel', { ...this.$props, items });
 
             on(this.panel.$el, 'hidden', () => (this.panel = null));
 

package/src/js/core/grid.js

@@ -201,8 +201,6 @@ function transpose(rows) {
 }
 
 function push(array, index, value) {
-    if (!array[index]) {
-        array[index] = [];
-    }
+    array[index] ||= [];
     array[index].push(value);
 }

package/src/js/core/icon.js

@@ -251,9 +251,7 @@ function install(UIkit) {
         if (UIkit._initialized) {
             apply(document.body, (el) =>
                 each(UIkit.getComponents(el), (cmp) => {
-                    cmp.$options.isIcon &&
-                        (aliases[cmp.icon] || cmp.icon) in added &&
-                        cmp.$reset();
+                    cmp.$options.isIcon && (aliases[cmp.icon] || cmp.icon) in added && cmp.$reset();
                 }),
             );
         }
@@ -269,9 +267,7 @@ function getIcon(icon) {
         return null;
     }
 
-    if (!parsed[icon]) {
-        parsed[icon] = parseSVG(icons[applyRtl(icon)] || icons[icon]);
-    }
+    parsed[icon] ||= parseSVG(icons[applyRtl(icon)] || icons[icon]);
 
     return parsed[icon].cloneNode(true);
 }

package/src/js/core/svg.js

@@ -1,4 +1,14 @@
-import { addClass, attr, css, includes, isTag, memoize, once, removeAttr } from 'uikit-util';
+import {
+    addClass,
+    attr,
+    css,
+    hasAttr,
+    includes,
+    isTag,
+    memoize,
+    once,
+    removeAttr,
+} from 'uikit-util';
 import { mutation } from '../api/observables';
 import Svg, { parseSVG } from '../mixin/svg';
 import { getMaxPathLength } from '../util/svg';
@@ -64,7 +74,7 @@ export default {
 };
 
 function applyAttributes(el) {
-    const { $el } = this;
+    const { $el, attributes } = this;
 
     addClass(el, attr($el, 'class'), 'uk-svg');
 
@@ -73,12 +83,22 @@ function applyAttributes(el) {
         css(el, prop, css($el, prop));
     }
 
-    for (const attribute in this.attributes) {
-        const [prop, value] = this.attributes[attribute].split(':', 2);
+    for (const attribute in attributes) {
+        const [prop, value] = attributes[attribute].split(':', 2);
         attr(el, prop, value);
     }
 
-    el.ariaHidden = this.$el.ariaHidden;
+    el.ariaHidden ||= $el.ariaHidden;
+
+    if (!el.ariaHidden) {
+        el.ariaLabel ||= $el.ariaLabel || $el.alt || null;
+
+        if (el.ariaLabel) {
+            el.role ||= 'img';
+        } else if (hasAttr($el, 'alt')) {
+            el.ariaHidden = true;
+        }
+    }
 
     if (!this.$el.id) {
         removeAttr(el, 'id');

package/src/js/mixin/slider-nav.js

@@ -79,10 +79,7 @@ export default {
                     const slide = this.slides[item];
 
                     if (slide) {
-                        if (!slide.id) {
-                            slide.id = generateId(this, slide);
-                        }
-                        ariaControls = slide.id;
+                        ariaControls = slide.id ||= generateId(this, slide);
                     }
 
                     ariaLabel = this.t('slideX', toFloat(cmd) + 1);
@@ -90,18 +87,14 @@ export default {
                     button.role = 'tab';
                 } else {
                     if (this.list) {
-                        if (!this.list.id) {
-                            this.list.id = generateId(this, this.list);
-                        }
-
-                        ariaControls = this.list.id;
+                        ariaControls = this.list.id ||= generateId(this, this.list);
                     }
 
                     ariaLabel = this.t(cmd);
                 }
 
                 attr(button, 'aria-controls', ariaControls);
-                button.ariaLabel = button.ariaLabel || ariaLabel;
+                button.ariaLabel ||= ariaLabel;
             }
         },
 
@@ -126,7 +119,9 @@ export default {
     update: [
         {
             write() {
-                this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = this.maxIndex < 1));
+                this.navItems
+                    .concat(this.nav)
+                    .forEach((el) => el && (el.hidden = this.maxIndex < 1));
                 this.updateNav();
             },
 

package/src/js/util/viewport.js

@@ -209,7 +209,7 @@ export function offsetViewport(scrollElement) {
 
 export function getCoveringElement(target) {
     const { document } = toWindow(target);
-    target = target || document.body;
+    target ||= document.body;
     const { left, width, top } = dimensions(target);
     for (const position of top ? [0, top] : [0]) {
         let coverEl;