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

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.11.2-dev.21a5b7139 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.11.2-dev.2b60845fb | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -304,17 +304,17 @@
       if (isUndefined(value)) {var _toNode;
         return (_toNode = toNode(element)) == null ? void 0 : _toNode.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);
           }
-        });
+        }
       }
     }
 
@@ -323,16 +323,18 @@
     }
 
     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);
+        }
+      }
     }
 
     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);
         }
       }
     }
@@ -1282,29 +1284,14 @@
       toNodes(element).
       map(parent).
       filter((value, index, self) => self.indexOf(value) === index).
-      forEach((parent) => {
-        before(parent, parent.childNodes);
-        remove$1(parent);
-      });
+      forEach((parent) => parent.replaceWith(...parent.childNodes));
     }
 
-    const fragmentRe = /^\s*<(\w+|!)[^>]*>/;
-    const singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/;
-
     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];
     }
 
     function apply(node, fn) {
@@ -1980,14 +1967,14 @@
               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;
               }
@@ -2449,9 +2436,9 @@
         }
       };
 
-      UIkit.prototype._initEvents = function () {var _this$$options$events;
+      UIkit.prototype._initEvents = function () {
         this._events = [];
-        (_this$$options$events = this.$options.events) == null ? void 0 : _this$$options$events.forEach((event) => {
+        for (const event of this.$options.events || []) {
           if (hasOwn(event, 'handler')) {
             registerEvent(this, event);
           } else {
@@ -2459,7 +2446,7 @@
               registerEvent(this, event[key], key);
             }
           }
-        });
+        }
       };
 
       UIkit.prototype._unbindEvents = function () {
@@ -2834,7 +2821,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.11.2-dev.21a5b7139';
+    UIkit.version = '3.11.2-dev.2b60845fb';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3277,37 +3264,37 @@
             return;
           }
 
-          items.forEach((el) =>
-          this.toggleElement(el, !hasClass(el, this.clsOpen), async (el, show) => {
-            toggleClass(el, this.clsOpen, show);
-            attr($(this.$props.toggle, el), 'aria-expanded', show);
+          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);
 
-            const content = $("" + (el._wrapper ? '> * ' : '') + this.content, el);
+              const content = $("" + (el._wrapper ? '> * ' : '') + this.content, el);
 
-            if (animate === false || !this.hasTransition) {
-              hide(content, !show);
-              return;
-            }
+              if (animate === false || !this.hasTransition) {
+                hide(content, !show);
+                return;
+              }
 
-            if (!el._wrapper) {
-              el._wrapper = wrapAll(content, "<div" + (show ? ' hidden' : '') + ">");
-            }
+              if (!el._wrapper) {
+                el._wrapper = wrapAll(content, "<div" + (show ? ' hidden' : '') + ">");
+              }
 
-            hide(content, false);
-            await toggleHeight(this)(el._wrapper, show);
-            hide(content, !show);
+              hide(content, false);
+              await toggleHeight(this)(el._wrapper, show);
+              hide(content, !show);
 
-            delete el._wrapper;
-            unwrap(content);
+              delete el._wrapper;
+              unwrap(content);
 
-            if (show) {
-              const toggle = $(this.$props.toggle, el);
-              if (!isInView(toggle)) {
-                scrollIntoView(toggle, { offset: this.offset });
+              if (show) {
+                const toggle = $(this.$props.toggle, el);
+                if (!isInView(toggle)) {
+                  scrollIntoView(toggle, { offset: this.offset });
+                }
               }
-            }
-          }));
-
+            });
+          }
         } } };
 
 
@@ -4026,10 +4013,10 @@
         },
 
         write(_ref) {let { columns, rows } = _ref;
-          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));
             }
           }
         },
@@ -4045,10 +4032,10 @@
     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];
         }
       }
 
@@ -4058,17 +4045,15 @@
     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);
@@ -4093,7 +4078,7 @@
             break;
           }
 
-          if (j === 0) {
+          if (i === 0) {
             sorted.unshift([el]);
             break;
           }
@@ -4292,9 +4277,9 @@
         },
 
         write(_ref2) {let { rows } = _ref2;
-          rows.forEach((_ref3) => {let { heights, elements } = _ref3;return (
-              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'] } };
@@ -4934,7 +4919,9 @@
 
         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);
+            }
           }
         } } };
 
@@ -5591,12 +5578,12 @@
             const dropdowns = $$("." + clsDrop, $el);
 
             if (this.dropContainer !== $el) {
-              $$("." + clsDrop, this.dropContainer).forEach((el) => {var _this$getDropdown;
+              for (const el of $$("." + clsDrop, this.dropContainer)) {var _this$getDropdown;
                 const target = (_this$getDropdown = this.getDropdown(el)) == null ? void 0 : _this$getDropdown.target;
                 if (!includes(dropdowns, el) && target && within(target, this.$el)) {
                   dropdowns.push(el);
                 }
-              });
+              }
             }
 
             return dropdowns;
@@ -6298,10 +6285,10 @@
 
 
       disconnected() {
-        this.elements.forEach((el) => {
+        for (const el of this.elements) {
           removeClass(el, this.inViewClass, el[stateKey] ? el[stateKey].cls : '');
           delete el[stateKey];
-        });
+        }
       },
 
       update: [
@@ -6316,17 +6303,17 @@
             return false;
           }
 
-          this.elements.forEach((el) => {
+          for (const el of this.elements) {
             if (!el[stateKey]) {
               el[stateKey] = { cls: data(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) {
@@ -6344,7 +6331,7 @@
             } else if (!state.show && state.inview && !state.queued && this.repeat) {
               this.toggle(el, false);
             }
-          });
+          }
         },
 
         events: ['scroll', 'resize'] }],
@@ -7207,10 +7194,10 @@
           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;
           }