uikit 3.11.2-dev.21a5b7139 → 3.11.2-dev.2b60845fb

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.11.2-dev.21a5b7139",
+    "version": "3.11.2-dev.2b60845fb",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/api/state.js

@@ -91,7 +91,7 @@ export default function (UIkit) {
 
     UIkit.prototype._initEvents = function () {
         this._events = [];
-        this.$options.events?.forEach((event) => {
+        for (const event of this.$options.events || []) {
             if (hasOwn(event, 'handler')) {
                 registerEvent(this, event);
             } else {
@@ -99,7 +99,7 @@ export default function (UIkit) {
                     registerEvent(this, event[key], key);
                 }
             }
-        });
+        }
     };
 
     UIkit.prototype._unbindEvents = function () {

package/src/js/components/countdown.js

@@ -77,7 +77,7 @@ export default {
                 timespan.days = timespan.hours = timespan.minutes = timespan.seconds = 0;
             }
 
-            this.units.forEach((unit) => {
+            for (const unit of this.units) {
                 let digits = String(Math.floor(timespan[unit]));
 
                 digits = digits.length < 2 ? `0${digits}` : digits;
@@ -92,7 +92,7 @@ export default {
 
                     digits.forEach((digit, i) => (el.children[i].textContent = digit));
                 }
-            });
+            }
         },
     },
 

package/src/js/components/internal/slider-transitioner.js

@@ -89,7 +89,7 @@ export default function (prev, next, dir, { center, easing, list }) {
 
             percent = prev ? clamp(percent, -1, 1) : 0;
 
-            children(list).forEach((slide) => {
+            for (const slide of children(list)) {
                 const isActive = includes(actives, slide);
                 const isIn = slide === itemIn;
                 const isOut = slide === itemOut;
@@ -104,7 +104,7 @@ export default function (prev, next, dir, { center, easing, list }) {
                     dir,
                     percent: isOut ? 1 - percent : isIn ? percent : isActive ? 1 : 0,
                 });
-            });
+            }
         },
 
         percent() {

package/src/js/components/lightbox.js

@@ -73,9 +73,9 @@ function install(UIkit, Lightbox) {
 function toItem(el) {
     const item = {};
 
-    ['href', 'caption', 'type', 'poster', 'alt', 'attrs'].forEach((attr) => {
+    for (const attr of ['href', 'caption', 'type', 'poster', 'alt', 'attrs']) {
         item[attr === 'href' ? 'source' : attr] = data(el, attr);
-    });
+    }
 
     item.attrs = parseOptions(item.attrs);
 

package/src/js/components/slider.js

@@ -130,7 +130,7 @@ export default {
 
     update: {
         write() {
-            this.navItems.forEach((el) => {
+            for (const el of this.navItems) {
                 const index = toNumber(data(el, this.attrItem));
                 if (index !== false) {
                     el.hidden =
@@ -138,7 +138,7 @@ export default {
                         index > this.maxIndex ||
                         (this.sets && !includes(this.sets, index));
                 }
-            });
+            }
 
             if (this.length && !this.dragging && !this.stack.length) {
                 this.reorder();
@@ -146,14 +146,13 @@ export default {
             }
 
             const actives = this._getTransitioner(this.index).getActives();
-            this.slides.forEach((slide) =>
-                toggleClass(slide, this.clsActive, includes(actives, slide))
-            );
-
-            if (this.clsActivated && (!this.sets || includes(this.sets, toFloat(this.index)))) {
-                this.slides.forEach((slide) =>
-                    toggleClass(slide, this.clsActivated || '', includes(actives, slide))
-                );
+            const activeClasses = [
+                this.clsActive,
+                ((!this.sets || includes(this.sets, toFloat(this.index))) && this.clsActivated) ||
+                    '',
+            ];
+            for (const slide of this.slides) {
+                toggleClass(slide, activeClasses, includes(actives, slide));
             }
         },
 

package/src/js/components/sortable.js

@@ -67,13 +67,13 @@ export default {
     },
 
     created() {
-        ['init', 'start', 'move', 'end'].forEach((key) => {
+        for (const key of ['init', 'start', 'move', 'end']) {
             const fn = this[key];
             this[key] = (e) => {
                 assign(this.pos, getEventPos(e));
                 fn(e);
             };
-        });
+        }
     },
 
     events: {
@@ -269,11 +269,11 @@ export default {
             remove(this.drag);
             this.drag = null;
 
-            this.touched.forEach(({ clsPlaceholder, clsItem }) =>
-                this.touched.forEach((sortable) =>
-                    removeClass(sortable.items, clsPlaceholder, clsItem)
-                )
-            );
+            for (const { clsPlaceholder, clsItem } of this.touched) {
+                for (const sortable of this.touched) {
+                    removeClass(sortable.items, clsPlaceholder, clsItem);
+                }
+            }
             this.touched = null;
             removeClass(document.documentElement, this.clsDragState);
         },

package/src/js/components/upload.js

@@ -98,25 +98,25 @@ export default {
 
             trigger(this.$el, 'upload', [files]);
 
-            for (let i = 0; i < files.length; i++) {
-                if (this.maxSize && this.maxSize * 1000 < files[i].size) {
+            for (const file of files) {
+                if (this.maxSize && this.maxSize * 1000 < file.size) {
                     this.fail(this.msgInvalidSize.replace('%s', this.maxSize));
                     return;
                 }
 
-                if (this.allow && !match(this.allow, files[i].name)) {
+                if (this.allow && !match(this.allow, file.name)) {
                     this.fail(this.msgInvalidName.replace('%s', this.allow));
                     return;
                 }
 
-                if (this.mime && !match(this.mime, files[i].type)) {
+                if (this.mime && !match(this.mime, file.type)) {
                     this.fail(this.msgInvalidMime.replace('%s', this.mime));
                     return;
                 }
             }
 
             if (!this.multiple) {
-                files = [files[0]];
+                files = files.slice(0, 1);
             }
 
             this.beforeAll(this, files);
@@ -139,9 +139,9 @@ export default {
                         beforeSend: (env) => {
                             const { xhr } = env;
                             xhr.upload && on(xhr.upload, 'progress', this.progress);
-                            ['loadStart', 'load', 'loadEnd', 'abort'].forEach((type) =>
-                                on(xhr, type.toLowerCase(), this[type])
-                            );
+                            for (const type of ['loadStart', 'load', 'loadEnd', 'abort']) {
+                                on(xhr, type.toLowerCase(), this[type]);
+                            }
 
                             return this.beforeSend(env);
                         },
@@ -180,11 +180,7 @@ function match(pattern, path) {
 function chunk(files, size) {
     const chunks = [];
     for (let i = 0; i < files.length; i += size) {
-        const chunk = [];
-        for (let j = 0; j < size; j++) {
-            chunk.push(files[i + j]);
-        }
-        chunks.push(chunk);
+        chunks.push(files.slice(i, i + size));
     }
     return chunks;
 }

package/src/js/core/accordion.js

@@ -105,7 +105,7 @@ export default {
                 return;
             }
 
-            items.forEach((el) =>
+            for (const el of items) {
                 this.toggleElement(el, !hasClass(el, this.clsOpen), async (el, show) => {
                     toggleClass(el, this.clsOpen, show);
                     attr($(this.$props.toggle, el), 'aria-expanded', show);
@@ -134,8 +134,8 @@ export default {
                             scrollIntoView(toggle, { offset: this.offset });
                         }
                     }
-                })
-            );
+                });
+            }
         },
     },
 };

package/src/js/core/height-match.js

@@ -29,9 +29,9 @@ export default {
         },
 
         write({ rows }) {
-            rows.forEach(({ heights, elements }) =>
-                elements.forEach((el, i) => css(el, 'minHeight', heights[i]))
-            );
+            for (const { heights, elements } of rows) {
+                elements.forEach((el, i) => css(el, 'minHeight', heights[i]));
+            }
         },
 
         events: ['resize'],

package/src/js/core/img.js

@@ -157,7 +157,9 @@ export default {
 
         observe() {
             if (this._connected && !this._data.image) {
-                this.target.forEach((el) => this.observer.observe(el));
+                for (const el of this.target) {
+                    this.observer.observe(el);
+                }
             }
         },
     },

package/src/js/core/margin.js

@@ -22,10 +22,10 @@ export default {
         },
 
         write({ columns, rows }) {
-            for (let i = 0; i < rows.length; i++) {
-                for (let j = 0; j < rows[i].length; j++) {
-                    toggleClass(rows[i][j], this.margin, i !== 0);
-                    toggleClass(rows[i][j], this.firstColumn, !!~columns[0].indexOf(rows[i][j]));
+            for (const row of rows) {
+                for (const column of row) {
+                    toggleClass(column, this.margin, rows[0] !== row);
+                    toggleClass(column, this.firstColumn, !!~columns[0].indexOf(column));
                 }
             }
         },
@@ -41,10 +41,10 @@ export function getRows(items) {
 function getColumns(rows) {
     const columns = [];
 
-    for (let i = 0; i < rows.length; i++) {
-        const sorted = sortBy(rows[i], 'left', 'right');
+    for (const row of rows) {
+        const sorted = sortBy(row, 'left', 'right');
         for (let j = 0; j < sorted.length; j++) {
-            columns[j] = !columns[j] ? sorted[j] : columns[j].concat(sorted[j]);
+            columns[j] = columns[j] ? columns[j].concat(sorted[j]) : sorted[j];
         }
     }
 
@@ -54,17 +54,15 @@ function getColumns(rows) {
 function sortBy(items, startProp, endProp) {
     const sorted = [[]];
 
-    for (let i = 0; i < items.length; i++) {
-        const el = items[i];
-
+    for (const el of items) {
         if (!isVisible(el)) {
             continue;
         }
 
         let dim = getOffset(el);
 
-        for (let j = sorted.length - 1; j >= 0; j--) {
-            const current = sorted[j];
+        for (let i = sorted.length - 1; i >= 0; i--) {
+            const current = sorted[i];
 
             if (!current[0]) {
                 current.push(el);
@@ -89,7 +87,7 @@ function sortBy(items, startProp, endProp) {
                 break;
             }
 
-            if (j === 0) {
+            if (i === 0) {
                 sorted.unshift([el]);
                 break;
             }

package/src/js/core/navbar.js

@@ -111,12 +111,12 @@ export default {
                 const dropdowns = $$(`.${clsDrop}`, $el);
 
                 if (this.dropContainer !== $el) {
-                    $$(`.${clsDrop}`, this.dropContainer).forEach((el) => {
+                    for (const el of $$(`.${clsDrop}`, this.dropContainer)) {
                         const target = this.getDropdown(el)?.target;
                         if (!includes(dropdowns, el) && target && within(target, this.$el)) {
                             dropdowns.push(el);
                         }
-                    });
+                    }
                 }
 
                 return dropdowns;

package/src/js/core/scrollspy.js

@@ -53,10 +53,10 @@ export default {
     },
 
     disconnected() {
-        this.elements.forEach((el) => {
+        for (const el of this.elements) {
             removeClass(el, this.inViewClass, el[stateKey] ? el[stateKey].cls : '');
             delete el[stateKey];
-        });
+        }
     },
 
     update: [
@@ -71,17 +71,17 @@ export default {
                     return false;
                 }
 
-                this.elements.forEach((el) => {
+                for (const el of this.elements) {
                     if (!el[stateKey]) {
                         el[stateKey] = { cls: getData(el, 'uk-scrollspy-class') || this.cls };
                     }
 
                     el[stateKey].show = isInView(el, this.offsetTop, this.offsetLeft);
-                });
+                }
             },
 
             write(data) {
-                this.elements.forEach((el) => {
+                for (const el of this.elements) {
                     const state = el[stateKey];
 
                     if (state.show && !state.inview && !state.queued) {
@@ -99,7 +99,7 @@ export default {
                     } else if (!state.show && state.inview && !state.queued && this.repeat) {
                         this.toggle(el, false);
                     }
-                });
+                }
             },
 
             events: ['scroll', 'resize'],

package/src/js/core/toggle.js

@@ -216,10 +216,10 @@ export default {
             const leaving = this.target.filter((el) => hasClass(el, this.clsLeave));
 
             if (leaving.length) {
-                this.target.forEach((el) => {
+                for (const el of this.target) {
                     const isLeaving = includes(leaving, el);
                     this.toggleElement(el, isLeaving, isLeaving);
-                });
+                }
                 return;
             }
 

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

@@ -26,17 +26,17 @@ export default {
     },
 
     created() {
-        ['start', 'move', 'end'].forEach((key) => {
+        for (const key of ['start', 'move', 'end']) {
             const fn = this[key];
             this[key] = (e) => {
                 const pos = getEventPos(e).x * (isRtl ? -1 : 1);
 
-                this.prevPos = pos !== this.pos ? this.pos : this.prevPos;
+                this.prevPos = pos === this.pos ? this.prevPos : this.pos;
                 this.pos = pos;
 
                 fn(e);
             };
-        });
+        }
     },
 
     events: [

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

@@ -61,7 +61,7 @@ export default {
     methods: {
         updateNav() {
             const i = this.getValidIndex();
-            this.navItems.forEach((el) => {
+            for (const el of this.navItems) {
                 const cmd = data(el, this.attrItem);
 
                 toggleClass(el, this.clsActive, toNumber(cmd) === i);
@@ -71,7 +71,7 @@ export default {
                     this.finite &&
                         ((cmd === 'previous' && i === 0) || (cmd === 'next' && i >= this.maxIndex))
                 );
-            });
+            }
         },
     },
 };

package/src/js/util/attr.js

@@ -11,17 +11,17 @@ export function attr(element, name, value) {
     if (isUndefined(value)) {
         return toNode(element)?.getAttribute(name);
     } else {
-        toNodes(element).forEach((element) => {
+        for (const el of toNodes(element)) {
             if (isFunction(value)) {
-                value = value.call(element, attr(element, name));
+                value = value.call(el, attr(el, name));
             }
 
             if (value === null) {
-                removeAttr(element, name);
+                removeAttr(el, name);
             } else {
-                element.setAttribute(name, value);
+                el.setAttribute(name, value);
             }
-        });
+        }
     }
 }
 
@@ -30,16 +30,18 @@ export function hasAttr(element, name) {
 }
 
 export function removeAttr(element, name) {
-    element = toNodes(element);
-    name.split(' ').forEach((name) =>
-        element.forEach((element) => element.hasAttribute(name) && element.removeAttribute(name))
-    );
+    const elements = toNodes(element);
+    for (const attribute of name.split(' ')) {
+        for (const element of elements) {
+            element.removeAttribute(attribute);
+        }
+    }
 }
 
 export function data(element, attribute) {
-    for (let i = 0, attrs = [attribute, `data-${attribute}`]; i < attrs.length; i++) {
-        if (hasAttr(element, attrs[i])) {
-            return attr(element, attrs[i]);
+    for (const name of [attribute, `data-${attribute}`]) {
+        if (hasAttr(element, name)) {
+            return attr(element, name);
         }
     }
 }

package/src/js/util/dom.js

@@ -80,29 +80,14 @@ export function unwrap(element) {
     toNodes(element)
         .map(parent)
         .filter((value, index, self) => self.indexOf(value) === index)
-        .forEach((parent) => {
-            before(parent, parent.childNodes);
-            remove(parent);
-        });
+        .forEach((parent) => parent.replaceWith(...parent.childNodes));
 }
 
-const fragmentRe = /^\s*<(\w+|!)[^>]*>/;
-const singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/;
-
 export function fragment(html) {
-    const matches = singleTagRe.exec(html);
-    if (matches) {
-        return document.createElement(matches[1]);
-    }
-
-    const container = document.createElement('div');
-    if (fragmentRe.test(html)) {
-        container.insertAdjacentHTML('beforeend', html.trim());
-    } else {
-        container.textContent = html;
-    }
-
-    return container.childNodes.length > 1 ? toNodes(container.childNodes) : container.firstChild;
+    const template = document.createElement('template');
+    template.innerHTML = html;
+    const { childNodes } = template.content;
+    return childNodes.length > 1 ? toNodes(childNodes) : childNodes[0];
 }
 
 export function apply(node, fn) {

package/src/js/util/position.js

@@ -95,14 +95,14 @@ export function positionAt(
                     if (newVal >= boundary[align] && newVal + dim[prop] <= boundary[alignFlip]) {
                         position[align] = newVal;
 
-                        ['element', 'target'].forEach((el) => {
+                        for (const el of ['element', 'target']) {
                             if (elemOffset) {
                                 flipped[el][dir] =
                                     flipped[el][dir] === dirs[prop][1]
                                         ? dirs[prop][2]
                                         : dirs[prop][1];
                             }
-                        });
+                        }
 
                         return true;
                     }