uikit 3.18.1-dev.edde0251f → 3.18.2-dev.ce74de00c

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.18.1-dev.edde0251f | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
+/*! UIkit 3.18.2-dev.ce74de00c | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -2149,7 +2149,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.18.1-dev.edde0251f";
+    App.version = "3.18.2-dev.ce74de00c";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -2917,7 +2917,7 @@
         intersection({
           filter: ({ $el, autoplay }) => autoplay && isVideo($el),
           handler([{ isIntersecting }]) {
-            if (isIntersecting) {
+            if (isIntersecting || this.$el.webkitDisplayingFullscreen || document.fullscreenElement === this.$el) {
               play(this.$el);
             } else {
               pause(this.$el);
@@ -3087,20 +3087,34 @@
 
     let prevented;
     function preventBackgroundScroll(el) {
-      const off = on(
-        el,
-        "touchmove",
-        (e) => {
-          if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) {
-            return;
-          }
-          let { scrollHeight, clientHeight } = scrollParent(e.target);
-          if (clientHeight >= scrollHeight && e.cancelable) {
-            e.preventDefault();
-          }
-        },
-        { passive: false }
-      );
+      const off = on(el, "touchstart", (e) => {
+        if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) {
+          return;
+        }
+        let prev = getEventPos(e).y;
+        const offMove = on(
+          el,
+          "touchmove",
+          (e2) => {
+            const pos = getEventPos(e2).y;
+            if (pos === prev) {
+              return;
+            }
+            prev = pos;
+            if (!scrollParents(e2.target).some((scrollParent) => {
+              if (!el.contains(scrollParent)) {
+                return false;
+              }
+              let { scrollHeight, clientHeight } = scrollParent;
+              return clientHeight < scrollHeight;
+            })) {
+              e2.preventDefault();
+            }
+          },
+          { passive: false }
+        );
+        once(el, "scroll touchend touchcanel", offMove, { capture: true });
+      });
       if (prevented) {
         return off;
       }
@@ -3541,13 +3555,6 @@
           dropbar = this._dropbar || query(dropbar, this.$el) || $(`+ .${this.clsDropbar}`, this.$el);
           return dropbar ? dropbar : this._dropbar = $("<div></div>");
         },
-        dropbarOffset({ target, targetY }, $el) {
-          const { offsetTop, offsetHeight } = query(targetY || target || $el, $el);
-          return offsetTop + offsetHeight + this.dropbarPositionOffset;
-        },
-        dropbarPositionOffset(_, $el) {
-          return toPx(css($el, "--uk-position-offset"));
-        },
         dropContainer(_, $el) {
           return this.container || $el;
         },
@@ -3708,7 +3715,7 @@
               const maxBottom = Math.max(
                 ...parents(target, `.${this.clsDrop}`).concat(target).map((el) => offset(el).bottom)
               );
-              css(this.dropbar, "top", this.dropbarOffset);
+              css(this.dropbar, "top", this.getDropbarOffset(drop.$el));
               this.transitionTo(
                 maxBottom - offset(this.dropbar).top + toFloat(css(target, "marginBottom")),
                 target
@@ -3787,6 +3794,12 @@
         isDropbarDrop(el) {
           return this.getDropdown(el) && hasClass(el, this.clsDrop);
         },
+        getDropbarOffset(el) {
+          var _a;
+          const { $el, target, targetY } = this;
+          const { offsetTop, offsetHeight } = query(targetY || target || $el, $el);
+          return offsetTop + offsetHeight + ((_a = this.getDropdown(el)) == null ? void 0 : _a.getPositionOffset(el));
+        },
         initializeDropdowns() {
           this.$create(
             "drop",
@@ -4170,12 +4183,13 @@
       };
     }
     function getHeight(element) {
+      var _a;
       const style = pick(element.style, ["display", "minHeight"]);
       if (!isVisible(element)) {
         css(element, "display", "block", "important");
       }
       css(element, "minHeight", "");
-      const height = element.offsetHeight;
+      const height = (_a = element.offsetHeight) != null ? _a : element.clientHeight;
       css(element, style);
       return height;
     }
@@ -5203,11 +5217,7 @@
         dropbarTransparentMode: false
       },
       computed: {
-        navbarContainer: (_, $el) => $el.closest(".uk-navbar-container"),
-        dropbarOffset({ dropbarTransparentMode }) {
-          const { offsetTop, offsetHeight } = this.navbarContainer;
-          return offsetTop + (dropbarTransparentMode === "behind" ? 0 : offsetHeight + this.dropbarPositionOffset);
-        }
+        navbarContainer: (_, $el) => $el.closest(".uk-navbar-container")
       },
       watch: {
         items() {
@@ -5258,6 +5268,11 @@
           if (drop && hasClass(el, "uk-dropbar")) {
             return drop.inset ? "behind" : "remove";
           }
+        },
+        getDropbarOffset(el) {
+          var _a;
+          const { offsetTop, offsetHeight } = this.navbarContainer;
+          return offsetTop + (this.dropbarTransparentMode === "behind" ? 0 : offsetHeight + ((_a = this.getDropdown(el)) == null ? void 0 : _a.getPositionOffset(el)));
         }
       }
     };