uikit 3.14.4-dev.fef7412a0 → 3.15.1-dev.11cb5b4fb

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.4-dev.fef7412a0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.1-dev.11cb5b4fb | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1949,35 +1949,13 @@
 
     function getPosition(element, target, options) {
       const position = attachTo(element, target, options);
-
-      let {
-        attach: { element: elAttach, target: targetAttach },
-        offset: elOffset,
-        boundary,
-        viewportOffset,
-        placement } =
-      options;
+      const { boundary, viewportOffset = 0, placement } = options;
 
       let offsetPosition = position;
       for (const [i, [prop,, start, end]] of Object.entries(dirs)) {
-        let viewports = scrollParents(target[i]);
-        const [scrollElement] = viewports;
-
-        let viewport = getIntersectionArea(...viewports.map(offsetViewport));
-
-        if (viewportOffset) {
-          viewport[start] += viewportOffset;
-          viewport[end] -= viewportOffset;
-        }
-
-        if (boundary) {
-          viewport = getIntersectionArea(viewport, offsetViewport(boundary));
-        }
-
-        const isInStartViewport = position[start] >= viewport[start];
-        const isInEndViewport = position[end] <= viewport[end];
+        const viewport = getViewport$1(target[i], viewportOffset, boundary, i);
 
-        if (isInStartViewport && isInEndViewport) {
+        if (isWithin(position, viewport, i)) {
           continue;
         }
 
@@ -1985,17 +1963,20 @@
 
         // Flip
         if (placement[i] === 'flip') {
+          const attach = options.attach.target[i];
           if (
-          targetAttach[i] === end && isInEndViewport ||
-          targetAttach[i] === start && isInStartViewport)
+          attach === end && position[end] <= viewport[end] ||
+          attach === start && position[start] >= viewport[start])
           {
             continue;
           }
 
           offsetBy = flip(element, target, options, i)[start] - position[start];
 
-          if (!isInScrollArea(applyOffset(position, offsetBy, i), scrollElement, i)) {
-            if (isInScrollArea(position, scrollElement, i)) {
+          const scrollArea = getScrollArea(target[i], viewportOffset, i);
+
+          if (!isWithin(applyOffset(position, offsetBy, i), scrollArea, i)) {
+            if (isWithin(position, scrollArea, i)) {
               continue;
             }
 
@@ -2003,18 +1984,9 @@
               return false;
             }
 
-            const newPos = getPosition(element, target, {
-              ...options,
-              attach: {
-                element: elAttach.map(flipAxis).reverse(),
-                target: targetAttach.map(flipAxis).reverse() },
-
-              offset: elOffset.reverse(),
-              placement: placement.reverse(),
-              recursion: true });
-
+            const newPos = flipAxis(element, target, options);
 
-            if (newPos && isInScrollArea(newPos, scrollElement, 1 - i)) {
+            if (newPos && isWithin(newPos, scrollArea, 1 - i)) {
               return newPos;
             }
 
@@ -2024,6 +1996,7 @@
           // Shift
         } else if (placement[i] === 'shift') {
           const targetDim = offset(target[i]);
+          const { offset: elOffset } = options;
           offsetBy =
           clamp(
           clamp(position[start], viewport[start], viewport[end] - position[prop]),
@@ -2080,6 +2053,30 @@
       return attach === 'center' ? dim / 2 : attach === end ? dim : 0;
     }
 
+    function getViewport$1(element, viewportOffset, boundary, i) {
+      let viewport = getIntersectionArea(...scrollParents(element).map(offsetViewport));
+
+      if (viewportOffset) {
+        viewport[dirs[i][2]] += viewportOffset;
+        viewport[dirs[i][3]] -= viewportOffset;
+      }
+
+      if (boundary) {
+        viewport = getIntersectionArea(viewport, offset(boundary));
+      }
+
+      return viewport;
+    }
+
+    function getScrollArea(element, viewportOffset, i) {
+      const [prop,, start, end] = dirs[i];
+      const [scrollElement] = scrollParents(element);
+      const viewport = offsetViewport(scrollElement);
+      viewport[start] -= scrollElement["scroll" + ucfirst(start)] - viewportOffset;
+      viewport[end] = viewport[start] + scrollElement["scroll" + ucfirst(prop)] - viewportOffset;
+      return viewport;
+    }
+
     function getIntersectionArea() {
       let area = {};for (var _len = arguments.length, rects = new Array(_len), _key = 0; _key < _len; _key++) {rects[_key] = arguments[_key];}
       for (const rect of rects) {
@@ -2091,13 +2088,9 @@
       return area;
     }
 
-    function isInScrollArea(position, scrollElement, dir) {
-      const viewport = offsetViewport(scrollElement);
-      const [prop,, start, end] = dirs[dir];
-      viewport[start] -= scrollElement["scroll" + ucfirst(start)];
-      viewport[end] = viewport[start] + scrollElement["scroll" + ucfirst(prop)];
-
-      return position[start] >= viewport[start] && position[end] <= viewport[end];
+    function isWithin(positionA, positionB, i) {
+      const [,, start, end] = dirs[i];
+      return positionA[start] >= positionB[start] && positionA[end] <= positionB[end];
     }
 
     function flip(element, target, _ref, i) {let { offset, attach } = _ref;
@@ -2110,6 +2103,19 @@
 
     }
 
+    function flipAxis(element, target, options) {
+      return getPosition(element, target, {
+        ...options,
+        attach: {
+          element: options.attach.element.map(flipAttachAxis).reverse(),
+          target: options.attach.target.map(flipAttachAxis).reverse() },
+
+        offset: options.offset.reverse(),
+        placement: options.placement.reverse(),
+        recursion: true });
+
+    }
+
     function flipAttach(attach, i) {
       const newAttach = [...attach];
       const index = dirs[i].indexOf(attach[i]);
@@ -2119,13 +2125,7 @@
       return newAttach;
     }
 
-    function flipOffset(offset, i) {
-      offset = [...offset];
-      offset[i] *= -1;
-      return offset;
-    }
-
-    function flipAxis(prop) {
+    function flipAttachAxis(prop) {
       for (let i = 0; i < dirs.length; i++) {
         const index = dirs[i].indexOf(prop);
         if (~index) {
@@ -2134,6 +2134,12 @@
       }
     }
 
+    function flipOffset(offset, i) {
+      offset = [...offset];
+      offset[i] *= -1;
+      return offset;
+    }
+
     var util = /*#__PURE__*/Object.freeze({
         __proto__: null,
         ajax: ajax,
@@ -2936,7 +2942,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.14.4-dev.fef7412a0';
+    UIkit.version = '3.15.1-dev.11cb5b4fb';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3007,13 +3013,20 @@
       } };
 
     var Lazyload = {
+      data: {
+        preload: 5 },
+
+
       methods: {
         lazyload(observeTargets, targets) {if (observeTargets === void 0) {observeTargets = this.$el;}if (targets === void 0) {targets = this.$el;}
           this.registerObserver(
           observeIntersection(observeTargets, (entries, observer) => {
             for (const el of toNodes(isFunction(targets) ? targets() : targets)) {
-              $$('[loading="lazy"]', el).forEach((el) => removeAttr(el, 'loading'));
+              $$('[loading="lazy"]', el).
+              slice(0, this.preload - 1).
+              forEach((el) => removeAttr(el, 'loading'));
             }
+
             for (const el of entries.
             filter((_ref) => {let { isIntersecting } = _ref;return isIntersecting;}).
             map((_ref2) => {let { target } = _ref2;return target;})) {
@@ -3211,6 +3224,8 @@
         css(el, {
           padding: 0,
           border: 0,
+          minWidth: 0,
+          minHeight: 0,
           [marginStartProp]: 0,
           width: dim.width,
           height: dim.height,
@@ -3484,6 +3499,10 @@
           this.$el.preload = 'none';
         }
 
+        if (isTag(this.$el, 'iframe') && !hasAttr(this.$el, 'allow')) {
+          this.$el.allow = 'autoplay';
+        }
+
         if (this.automute) {
           mute(this.$el);
         }
@@ -4286,7 +4305,7 @@
 
           (() => {
             const observer = observeResize(
-            scrollParents(this.$el).concat(this.targetEl),
+            scrollParents(this.$el).concat(this.target),
             update);
 
             return () => observer.disconnect();
@@ -4418,7 +4437,7 @@
           this.$el.hidden = true;
 
           const boundary = query(this.boundary, this.$el);
-          const boundaryOffset = offsetViewport(boundary || window);
+          const boundaryOffset = offset(boundary || window);
           const viewports = this.target.map((target) => offsetViewport(scrollParents(target)[0]));
           const viewportOffset = this.getViewportOffset(this.$el);
 
@@ -5885,7 +5904,7 @@
         },
 
         dropbarAnchor(_ref2, $el) {let { dropbarAnchor } = _ref2;
-          return query(dropbarAnchor, $el);
+          return query(dropbarAnchor, $el) || $el;
         },
 
         pos(_ref3) {let { align } = _ref3;
@@ -6106,8 +6125,8 @@
             return;
           }
 
-          if (!parent(this.dropbar)) {
-            after(this.dropbarAnchor || this.$el, this.dropbar);
+          if (this.dropbar.previousElementSibling !== this.dropbarAnchor) {
+            after(this.dropbarAnchor, this.dropbar);
           }
 
           addClass(target, this.clsDrop + "-dropbar");
@@ -6130,7 +6149,8 @@
             return;
           }
 
-          this._observer = observeResize(target, () => {
+          const drop = this.getDropdown(target);
+          this._observer = observeResize([drop.$el, ...drop.target], () => {
             const targetOffsets = parents(target, "." + this.clsDrop).
             concat(target).
             map((el) => offset(el));
@@ -7322,9 +7342,10 @@
             }
 
             const index = this.index();
-            this.connects.forEach((el) =>
-            children(el).forEach((child, i) => toggleClass(child, this.cls, i === index)));
-
+            this.connects.forEach((el) => {
+              children(el).forEach((child, i) => toggleClass(child, this.cls, i === index));
+              this.lazyload(this.$el, children(el));
+            });
           },
 
           immediate: true },
@@ -7357,8 +7378,6 @@
 
 
       connected() {
-        this.lazyload(this.$el, this.connects);
-
         // check for connects
         ready(() => this.$emit());
       },
@@ -7492,6 +7511,7 @@
 
           watch() {
             this.updateAria();
+            this.lazyload(this.$el, this.target);
           },
 
           immediate: true } },
@@ -7503,8 +7523,6 @@
           attr(this.$el, 'tabindex', '0');
         }
 
-        this.lazyload(this.$el, this.target);
-
         // check for target
         ready(() => this.$emit());
       },
@@ -9245,7 +9263,6 @@
           let matches;
           const iframeAttrs = {
             frameborder: '0',
-            allow: 'autoplay',
             allowfullscreen: '',
             style: 'max-width: 100%; box-sizing: border-box;',
             'uk-responsive': '',