uikit 3.11.2-dev.07abf1392 → 3.11.2-dev.0a73abee2

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.11.2-dev.07abf1392 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.11.2-dev.0a73abee2 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -729,8 +729,12 @@
       return new Promise((resolve, reject) => {
         const img = new Image();
 
-        img.onerror = (e) => reject(e);
-        img.onload = () => resolve(img);
+        img.onerror = (e) => {
+          reject(e);
+        };
+        img.onload = () => {
+          resolve(img);
+        };
 
         sizes && (img.sizes = sizes);
         srcset && (img.srcset = srcset);
@@ -1016,8 +1020,8 @@
       const currentOffset = dimensions$1(element);
 
       if (element) {
-        const { pageYOffset, pageXOffset } = toWindow(element);
-        const offsetBy = { height: pageYOffset, width: pageXOffset };
+        const { scrollY, scrollX } = toWindow(element);
+        const offsetBy = { height: scrollY, width: scrollX };
 
         for (const dir in dirs$1) {
           for (const i in dirs$1[dir]) {
@@ -1083,8 +1087,8 @@
 
         if (css(element, 'position') === 'fixed') {
           const win = toWindow(element);
-          offset[0] += win.pageYOffset;
-          offset[1] += win.pageXOffset;
+          offset[0] += win.scrollY;
+          offset[1] += win.scrollX;
           return offset;
         }
       } while (element = element.offsetParent);
@@ -1252,14 +1256,23 @@
       forEach((parent) => parent.replaceWith(...parent.childNodes));
     }
 
+    const fragmentRe = /^\s*<(\w+|!)[^>]*>/;
+    const singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/;
+
     function fragment(html) {
-      const template = document.createElement('template');
-      template.innerHTML = html.trim();
-      const nodes = toNodes(template.content.childNodes);
-      for (const node of nodes) {
-        document.adoptNode(node);
+      const matches = singleTagRe.exec(html);
+      if (matches) {
+        return document.createElement(matches[1]);
       }
-      return unwrapSingle(nodes);
+
+      const container = document.createElement('div');
+      if (fragmentRe.test(html)) {
+        container.insertAdjacentHTML('beforeend', html.trim());
+      } else {
+        container.textContent = html;
+      }
+
+      return unwrapSingle(container.childNodes);
     }
 
     function unwrapSingle(nodes) {
@@ -2807,7 +2820,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.11.2-dev.07abf1392';
+    UIkit.version = '3.11.2-dev.0a73abee2';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -4312,6 +4325,8 @@
     }
 
     var heightViewport = {
+      mixins: [Class],
+
       props: {
         expand: Boolean,
         offsetTop: Boolean,
@@ -4920,7 +4935,9 @@
 
       wrapInPicture(img, sources);
       setSourceProps(el, img);
-      img.onload = () => setSrcAttrs(el, img.currentSrc);
+      img.onload = () => {
+        setSrcAttrs(el, img.currentSrc);
+      };
       attr(img, 'src', src);
       return img;
     }
@@ -6490,26 +6507,11 @@
 
 
       computed: {
-        position(_ref, $el) {let { position } = _ref;
-          return position === 'auto' ?
-          (this.isFixed ? this.placeholder : $el).offsetHeight > height(window) ?
-          'bottom' :
-          'top' :
-          position;
-        },
-
-        offset(_ref2, $el) {let { offset } = _ref2;
-          if (this.position === 'bottom') {
-            offset += '+100vh-100%';
-          }
-          return toPx(offset, 'height', $el);
-        },
-
-        selTarget(_ref3, $el) {let { selTarget } = _ref3;
+        selTarget(_ref, $el) {let { selTarget } = _ref;
           return selTarget && $(selTarget, $el) || $el;
         },
 
-        widthElement(_ref4, $el) {let { widthElement } = _ref4;
+        widthElement(_ref2, $el) {let { widthElement } = _ref2;
           return query(widthElement, $el) || this.placeholder;
         },
 
@@ -6557,41 +6559,36 @@
           return window;
         },
 
+        filter() {
+          return this.targetOffset !== false;
+        },
+
         handler() {
-          if (!(this.targetOffset !== false && location.hash && scrollTop(window) > 0)) {
+          if (!location.hash || scrollTop(window) === 0) {
             return;
           }
 
-          const target = $(location.hash);
-
-          if (target) {
-            fastdom.read(() => {
-              const { top } = offset(target);
-              const elTop = offset(this.$el).top;
-              const elHeight = this.$el.offsetHeight;
+          fastdom.read(() => {
+            const targetOffset = offset($(location.hash));
+            const elOffset = offset(this.$el);
 
-              if (
-              this.isFixed &&
-              elTop + elHeight >= top &&
-              elTop <= top + target.offsetHeight)
-              {
-                scrollTop(
-                window,
-                top -
-                elHeight - (
-                isNumeric(this.targetOffset) ? this.targetOffset : 0) -
-                this.offset);
+            if (this.isFixed && intersectRect(targetOffset, elOffset)) {
+              scrollTop(
+              window,
+              targetOffset.top -
+              elOffset.height -
+              toPx(this.targetOffset, 'height') -
+              toPx(this.offset, 'height'));
 
-              }
-            });
-          }
+            }
+          });
         } }],
 
 
 
       update: [
       {
-        read(_ref5, types) {let { height: height$1, margin } = _ref5;
+        read(_ref3, types) {let { height: height$1, margin } = _ref3;
           this.inactive = !this.matchMedia || !isVisible(this.$el);
 
           if (this.inactive) {
@@ -6600,35 +6597,49 @@
 
           const hide = this.isActive && types.has('resize');
           if (hide) {
+            css(this.selTarget, 'transition', '0s');
             this.hide();
           }
 
           if (!this.isActive) {
-            height$1 = this.$el.offsetHeight;
+            height$1 = offset(this.$el).height;
             margin = css(this.$el, 'margin');
           }
 
           if (hide) {
             this.show();
+            fastdom.write(() => css(this.selTarget, 'transition', ''));
           }
 
-          const overflow = Math.max(0, height$1 + this.offset - height(window));
-
           const referenceElement = this.isFixed ? this.placeholder : this.$el;
+          const windowHeight = height(window);
+
+          let position = this.position;
+          if (position === 'auto' && height$1 > windowHeight) {
+            position = 'bottom';
+          }
+
+          let offset$1 = toPx(this.offset, 'height', referenceElement);
+          if (position === 'bottom') {
+            offset$1 += windowHeight - height$1;
+          }
+
+          const overflow = Math.max(0, height$1 + offset$1 - windowHeight);
           const topOffset = offset(referenceElement).top;
           const offsetParentTop = offset(referenceElement.offsetParent).top;
 
           const top = parseProp(this.top, this.$el, topOffset);
           const bottom = parseProp(this.bottom, this.$el, topOffset + height$1, true);
 
-          const start = Math.max(top, topOffset) - this.offset;
+          const start = Math.max(top, topOffset) - offset$1;
           const end = bottom ?
-          bottom - this.$el.offsetHeight + overflow - this.offset :
-          getScrollingElement(this.$el).scrollHeight - height(window);
+          bottom - offset(this.$el).height + overflow - offset$1 :
+          getScrollingElement(this.$el).scrollHeight - windowHeight;
 
           return {
             start,
             end,
+            offset: offset$1,
             overflow,
             topOffset,
             offsetParentTop,
@@ -6640,7 +6651,7 @@
 
         },
 
-        write(_ref6) {let { height, margin } = _ref6;
+        write(_ref4) {let { height, margin } = _ref4;
           const { placeholder } = this;
 
           css(placeholder, { height, margin });
@@ -6657,14 +6668,14 @@
 
 
       {
-        read(_ref7)
+        read(_ref5)
 
 
 
 
 
 
-        {let { scroll: prevScroll = 0, dir: prevDir = 'down', overflow, overflowScroll = 0, start, end } = _ref7;
+        {let { scroll: prevScroll = 0, dir: prevDir = 'down', overflow, overflowScroll = 0, start, end } = _ref5;
           const scroll = scrollTop(window);
           const dir = prevScroll <= scroll ? 'down' : 'up';
 
@@ -6745,7 +6756,7 @@
             }
           } else if (this.isFixed) {
             this.update();
-          } else if (this.animation) {
+          } else if (this.animation && scroll > topOffset) {
             Animation.cancel(this.$el);
             this.show();
             Animation.in(this.$el, this.animation).catch(noop);
@@ -6773,33 +6784,33 @@
         },
 
         update() {
-          const {
+          let {
             width,
             scroll = 0,
             overflow,
             overflowScroll = 0,
             start,
             end,
+            offset,
             topOffset,
             height,
             offsetParentTop } =
           this._data;
           const active = start !== 0 || scroll > start;
-          let top = this.offset;
           let position = 'fixed';
 
           if (scroll > end) {
-            top = end + this.offset - offsetParentTop;
+            offset += end - offsetParentTop;
             position = 'absolute';
           }
 
           if (overflow) {
-            top -= overflowScroll;
+            offset -= overflowScroll;
           }
 
           css(this.$el, {
             position,
-            top: top + "px",
+            top: offset + "px",
             width });
 
 
@@ -7114,7 +7125,7 @@
         name: 'keydown',
 
         filter() {
-          return includes(this.mode, 'click') && isTag(this.$el, 'input');
+          return includes(this.mode, 'click') && !isTag(this.$el, 'input');
         },
 
         handler(e) {
@@ -9191,13 +9202,11 @@
         },
 
         getCss(percent) {
-          return keys(this.props).reduce(
-          (css, prop) => {
+          const css = { transform: '', filter: '' };
+          for (const prop in this.props) {
             this.props[prop](css, percent);
-            return css;
-          },
-          { transform: '', filter: '' });
-
+          }
+          return css;
         } } };
 
 
@@ -9451,7 +9460,7 @@
       return isNumber(start) ? start + Math.abs(start - end) * p * (start < end ? 1 : -1) : +end;
     }
 
-    const unitRe = /^[\d-]+([^\s]+)/;
+    const unitRe = /^-?\d+([^\s]*)/;
     function getUnit(stops, defaultUnit) {
       for (const stop of stops) {
         const match = stop.match == null ? void 0 : stop.match(unitRe);
@@ -9825,48 +9834,39 @@
           return ~index ? index : this.length - 1;
         },
 
-        sets(_ref2) {let { sets } = _ref2;
-          if (!sets) {
+        sets(_ref2) {let { sets: enabled } = _ref2;
+          if (!enabled) {
             return;
           }
 
-          const width = dimensions$1(this.list).width / (this.center ? 2 : 1);
-
           let left = 0;
-          let leftCenter = width;
-          let slideLeft = 0;
+          const sets = [];
+          const width = dimensions$1(this.list).width;
+          for (let i in this.slides) {
+            const slideWidth = dimensions$1(this.slides[i]).width;
 
-          sets = sortBy$1(this.slides, 'offsetLeft').reduce((sets, slide, i) => {
-            const slideWidth = dimensions$1(slide).width;
-            const slideRight = slideLeft + slideWidth;
-
-            if (slideRight > left) {
-              if (!this.center && i > this.maxIndex) {
-                i = this.maxIndex;
-              }
+            if (left + slideWidth > width) {
+              left = 0;
+            }
 
-              if (!includes(sets, i)) {
-                const cmp = this.slides[i + 1];
-                if (
-                this.center &&
-                cmp &&
-                slideWidth < leftCenter - dimensions$1(cmp).width / 2)
-                {
-                  leftCenter -= slideWidth;
-                } else {
-                  leftCenter = width;
-                  sets.push(i);
-                  left = slideLeft + width + (this.center ? slideWidth / 2 : 0);
-                }
+            if (this.center) {
+              if (
+              left < width / 2 &&
+              left + slideWidth + dimensions$1(this.slides[+i + 1]).width / 2 > width / 2)
+              {
+                sets.push(+i);
+                left = width / 2 - slideWidth / 2;
               }
+            } else if (left === 0) {
+              sets.push(Math.min(+i, this.maxIndex));
             }
 
-            slideLeft += slideWidth;
+            left += slideWidth;
+          }
 
+          if (sets.length) {
             return sets;
-          }, []);
-
-          return !isEmpty(sets) && sets;
+          }
         },
 
         transitionOptions() {