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

package/dist/js/uikit.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;
           }
 
@@ -7362,7 +7349,7 @@
             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;
@@ -7377,7 +7364,7 @@
 
               digits.forEach((digit, i) => el.children[i].textContent = digit);
             }
-          });
+          }
         } },
 
 
@@ -8109,17 +8096,17 @@
 
 
       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: [
@@ -8357,7 +8344,7 @@
       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);
@@ -8367,7 +8354,7 @@
             this.finite && (
             cmd === 'previous' && i === 0 || cmd === 'next' && i >= this.maxIndex));
 
-          });
+          }
         } } };
 
     var Slider = {
@@ -9053,9 +9040,9 @@
     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);
 
@@ -9650,7 +9637,7 @@
 
           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;
@@ -9665,7 +9652,7 @@
               dir,
               percent: isOut ? 1 - percent : isIn ? percent : isActive ? 1 : 0 });
 
-          });
+          }
         },
 
         percent() {
@@ -9852,7 +9839,7 @@
 
       update: {
         write() {
-          this.navItems.forEach((el) => {
+          for (const el of this.navItems) {
             const index = toNumber(data(el, this.attrItem));
             if (index !== false) {
               el.hidden =
@@ -9860,7 +9847,7 @@
               index > this.maxIndex ||
               this.sets && !includes(this.sets, index);
             }
-          });
+          }
 
           if (this.length && !this.dragging && !this.stack.length) {
             this.reorder();
@@ -9868,14 +9855,13 @@
           }
 
           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));
           }
         },
 
@@ -10236,13 +10222,13 @@
 
 
       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: {
@@ -10438,11 +10424,11 @@
           remove$1(this.drag);
           this.drag = null;
 
-          this.touched.forEach((_ref2) => {let { clsPlaceholder, clsItem } = _ref2;return (
-              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);
         },
@@ -10835,25 +10821,25 @@
 
           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);
@@ -10876,9 +10862,9 @@
                 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);
                 } });
@@ -10917,11 +10903,7 @@
     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;
     }