uikit 3.14.4-dev.838f092aa → 3.14.4-dev.846652f92

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.4-dev.838f092aa | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.4-dev.846652f92 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1060,13 +1060,13 @@
     }
 
     function offsetPosition(element) {
-      const offset = [0, 0];
-
       element = toNode(element);
 
-      do {
-        offset[0] += element.offsetTop;
-        offset[1] += element.offsetLeft;
+      const offset = [element.offsetTop, element.offsetLeft];
+
+      while (element = element.offsetParent) {
+        offset[0] += element.offsetTop + toFloat(css(element, "borderTopWidth"));
+        offset[1] += element.offsetLeft + toFloat(css(element, "borderLeftWidth"));
 
         if (css(element, 'position') === 'fixed') {
           const win = toWindow(element);
@@ -1074,7 +1074,7 @@
           offset[1] += win.scrollX;
           return offset;
         }
-      } while (element = element.offsetParent);
+      }
 
       return offset;
     }
@@ -1795,20 +1795,6 @@
 
     }
 
-    function scrollTop(element, top) {
-      if (isWindow(element) || isDocument(element)) {
-        element = scrollingElement(element);
-      } else {
-        element = toNode(element);
-      }
-
-      if (isUndefined(top)) {
-        return element.scrollTop;
-      } else {
-        element.scrollTop = top;
-      }
-    }
-
     function scrollIntoView(element, _temp) {let { offset: offsetBy = 0 } = _temp === void 0 ? {} : _temp;
       const parents = isVisible(element) ? scrollParents(element) : [];
       return parents.reduce(
@@ -1850,7 +1836,7 @@
           (function step() {
             const percent = ease(clamp((Date.now() - start) / duration));
 
-            scrollTop(element, scroll + top * percent);
+            element.scrollTop = scroll + top * percent;
 
             // scroll more if we have not reached our destination
             if (percent === 1) {
@@ -2106,6 +2092,7 @@
                 return newPos;
               }
             }
+            continue;
           }
 
           // Move
@@ -2298,7 +2285,6 @@
         getCssVar: getCssVar,
         propName: propName,
         isInView: isInView,
-        scrollTop: scrollTop,
         scrollIntoView: scrollIntoView,
         scrolledOver: scrolledOver,
         scrollParents: scrollParents,
@@ -2961,7 +2947,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.14.4-dev.838f092aa';
+    UIkit.version = '3.14.4-dev.846652f92';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3684,7 +3670,7 @@
 
       methods: {
         positionAt(element, target, boundary) {
-          let offset = [this.getPositionOffset(element), this.getShiftOffset(element)];
+          let offset = [this.getPositionOffset(element, target), this.getShiftOffset(element)];
 
           const attach = {
             element: [flipPosition(this.dir), this.align],
@@ -3698,6 +3684,9 @@
             offset = offset.reverse();
           }
 
+          const [scrollElement] = scrollParents(element, /auto|scroll/);
+          const { scrollTop, scrollLeft } = scrollElement;
+
           // Ensure none positioned element does not generate scrollbars
           const elDim = dimensions(element);
           css(element, { top: -elDim.height, left: -elDim.width });
@@ -3709,15 +3698,29 @@
             flip: this.flip,
             viewportOffset: this.getViewportOffset(element) });
 
+
+          // Restore scroll position
+          scrollElement.scrollTop = scrollTop;
+          scrollElement.scrollLeft = scrollLeft;
         },
 
-        getPositionOffset(element) {
+        getPositionOffset(element, target) {
+          let { axis, dir, offset: offset$1 } = this;
+
+          if (offset$1 && !isNumeric(offset$1) && !(isString(offset$1) && offset$1.match(/^-?\d/))) {
+            const node = $(offset$1);
+            offset$1 = node ?
+            offset(node)[axis === 'x' ? 'left' : 'top'] -
+            offset(target)[axis === 'x' ? 'right' : 'bottom'] :
+            0;
+          }
+
           return (
             toPx(
-            this.offset === false ? getCssVar('position-offset', element) : this.offset,
-            this.axis === 'x' ? 'width' : 'height',
+            offset$1 === false ? getCssVar('position-offset', element) : offset$1,
+            axis === 'x' ? 'width' : 'height',
             element) * (
-            includes(['left', 'top'], this.dir) ? -1 : 1));
+            includes(['left', 'top'], dir) ? -1 : 1));
 
         },
 
@@ -3837,7 +3840,7 @@
           this.$el,
           'hide',
           on(document, 'focusin', (e) => {
-            if (!within(e.target, this.panel)) {
+            if (last(active$1) === this && !within(e.target, this.$el)) {
               this.$el.focus();
             }
           }));
@@ -4453,7 +4456,8 @@
 
             const viewport = offsetViewport(scrollParent);
             const targetDim = offset(target);
-            const elOffset = Math.abs(this.getPositionOffset(this.$el)) + viewportOffset;
+            const elOffset =
+            Math.abs(this.getPositionOffset(this.$el, target)) + viewportOffset;
 
             css(this.$el, {
               width:
@@ -4983,14 +4987,18 @@
             0);
 
           } else {
-            // on mobile devices (iOS and Android) window.innerHeight !== 100vh
-            minHeight = "calc(" + (
-            document.scrollingElement === scrollElement ? '100vh' : viewportHeight + "px");
+            const isScrollingElement = document.scrollingElement === scrollElement;
 
+            // on mobile devices (iOS and Android) window.innerHeight !== 100vh
+            minHeight = "calc(" + (isScrollingElement ? '100vh' : viewportHeight + "px");
 
             if (this.offsetTop) {
-              const top = offsetPosition(this.$el)[0] - offsetPosition(scrollElement)[0];
-              minHeight += top > 0 && top < viewportHeight / 2 ? " - " + top + "px" : '';
+              if (isScrollingElement) {
+                const top = offsetPosition(this.$el)[0] - offsetPosition(scrollElement)[0];
+                minHeight += top > 0 && top < viewportHeight / 2 ? " - " + top + "px" : '';
+              } else {
+                minHeight += " - " + css(scrollElement, 'paddingTop');
+              }
             }
 
             if (this.offsetBottom === true) {
@@ -6921,7 +6929,9 @@
         },
 
         handler() {
-          if (!location.hash || scrollTop(window) === 0) {
+          const { scrollingElement } = document;
+
+          if (!location.hash || scrollingElement.scrollTop === 0) {
             return;
           }
 
@@ -6930,13 +6940,11 @@
             const elOffset = offset(this.$el);
 
             if (this.isFixed && intersectRect(targetOffset, elOffset)) {
-              scrollTop(
-              window,
+              scrollingElement.scrollTop =
               targetOffset.top -
               elOffset.height -
               toPx(this.targetOffset, 'height', this.placeholder) -
-              toPx(this.offset, 'height', this.placeholder));
-
+              toPx(this.offset, 'height', this.placeholder);
             }
           });
         } }],
@@ -7034,7 +7042,7 @@
 
 
         {let { scroll: prevScroll = 0, dir: prevDir = 'down', overflow, overflowScroll = 0, start, end } = _ref4;
-          const scroll = scrollTop(window);
+          const scroll = document.scrollingElement.scrollTop;
           const dir = prevScroll <= scroll ? 'down' : 'up';
 
           return {