uikit 3.20.9-dev.50e5c71c4 → 3.20.9-dev.976ee5848

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.20.9-dev.50e5c71c4 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
+/*! UIkit 3.20.9-dev.976ee5848 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -310,7 +310,7 @@
     const isVisibleFn = inBrowser && Element.prototype.checkVisibility || function() {
       return this.offsetWidth || this.offsetHeight || this.getClientRects().length;
     };
-    function isVisible(element) {
+    function isVisible$1(element) {
       return toNodes(element).some((element2) => isVisibleFn.call(element2));
     }
     const selInput = "input,select,textarea,button";
@@ -1199,7 +1199,7 @@
     }
 
     function isInView(element, offsetTop = 0, offsetLeft = 0) {
-      if (!isVisible(element)) {
+      if (!isVisible$1(element)) {
         return false;
       }
       return intersectRect(
@@ -1215,7 +1215,7 @@
       );
     }
     function scrollIntoView(element, { offset: offsetBy = 0 } = {}) {
-      const parents2 = isVisible(element) ? scrollParents(element, false, ["hidden"]) : [];
+      const parents2 = isVisible$1(element) ? scrollParents(element, false, ["hidden"]) : [];
       return parents2.reduce(
         (fn, scrollElement, i) => {
           const { scrollTop, scrollHeight, offsetHeight } = scrollElement;
@@ -1274,7 +1274,7 @@
       }
     }
     function scrolledOver(element, startOffset = 0, endOffset = 0) {
-      if (!isVisible(element)) {
+      if (!isVisible$1(element)) {
         return 0;
       }
       const scrollElement = scrollParent(element, true);
@@ -1611,7 +1611,7 @@
         isTouch: isTouch,
         isUndefined: isUndefined,
         isVideo: isVideo,
-        isVisible: isVisible,
+        isVisible: isVisible$1,
         isVoidElement: isVoidElement,
         isWindow: isWindow,
         last: last,
@@ -2172,7 +2172,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.20.9-dev.50e5c71c4";
+    App.version = "3.20.9-dev.976ee5848";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -2227,7 +2227,7 @@
     function detachFromElement(element, instance) {
       var _a;
       (_a = element[DATA]) == null ? true : delete _a[instance.$options.name];
-      if (!isEmpty(element[DATA])) {
+      if (isEmpty(element[DATA])) {
         delete element[DATA];
       }
     }
@@ -2550,7 +2550,7 @@
         },
         isToggled(el = this.$el) {
           el = toNode(el);
-          return hasClass(el, this.clsEnter) ? true : hasClass(el, this.clsLeave) ? false : this.cls ? hasClass(el, this.cls.split(" ")[0]) : isVisible(el);
+          return hasClass(el, this.clsEnter) ? true : hasClass(el, this.clsLeave) ? false : this.cls ? hasClass(el, this.cls.split(" ")[0]) : isVisible$1(el);
         },
         _toggle(el, toggled) {
           if (!el) {
@@ -2565,7 +2565,7 @@
             changed = toggled === el.hidden;
             changed && (el.hidden = !toggled);
           }
-          $$("[autofocus]", el).some((el2) => isVisible(el2) ? el2.focus() || true : el2.blur());
+          $$("[autofocus]", el).some((el2) => isVisible$1(el2) ? el2.focus() || true : el2.blur());
           if (changed) {
             trigger(el, "toggled", [toggled, this]);
           }
@@ -3998,7 +3998,7 @@
         (el, i) => i && elements[i - 1].offsetParent !== el.offsetParent
       );
       for (const el of elements) {
-        if (!isVisible(el)) {
+        if (!isVisible$1(el)) {
           continue;
         }
         const offset = getOffset(el, withOffset);
@@ -4257,7 +4257,7 @@
     }
     function getHeight(element) {
       const style = pick(element.style, ["display", "minHeight"]);
-      if (!isVisible(element)) {
+      if (!isVisible$1(element)) {
         css(element, "display", "block", "important");
       }
       css(element, "minHeight", "");
@@ -4312,7 +4312,7 @@
       ],
       update: {
         read() {
-          if (!isVisible(this.$el)) {
+          if (!isVisible$1(this.$el)) {
             return false;
           }
           let minHeight = "";
@@ -4857,11 +4857,11 @@
       let last;
       for (const percent of [0.25, 0.5, 0.75]) {
         const elements = target.ownerDocument.elementsFromPoint(
-          Math.max(0, left) + width * percent,
-          Math.max(0, top) + height / 2
+          Math.max(0, left + width * percent),
+          Math.max(0, top + height / 2)
         );
         for (const element of elements) {
-          if (target.contains(element) || element.closest('[class*="-leave"]') && elements.some((el) => element !== el && matches(el, '[class*="-enter"]'))) {
+          if (target.contains(element) || !isVisible(element) || element.closest('[class*="-leave"]') && elements.some((el) => element !== el && matches(el, '[class*="-enter"]'))) {
             continue;
           }
           const color = css(element, "--uk-inverse");
@@ -4876,6 +4876,18 @@
       }
       return last ? `uk-${last}` : "";
     }
+    function isVisible(element) {
+      if (css(element, "visibility") !== "visible") {
+        return false;
+      }
+      while (element) {
+        if (css(element, "opacity") === "0") {
+          return false;
+        }
+        element = parent(element);
+      }
+      return true;
+    }
 
     var Media = {
       props: {
@@ -5241,7 +5253,7 @@
       };
       modal.prompt = function(message, value, options) {
         const promise = openDialog(
-          ({ i18n }) => `<form class="uk-form-stacked"> <div class="uk-modal-body"> <label>${isString(message) ? message : html(message)}</label> <input class="uk-input" value="" autofocus> </div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-default uk-modal-close" type="button">${i18n.cancel}</button> <button class="uk-button uk-button-primary">${i18n.ok}</button> </div> </form>`,
+          ({ i18n }) => `<form class="uk-form-stacked"> <div class="uk-modal-body"> <label>${isString(message) ? message : html(message)}</label> <input class="uk-input" autofocus> </div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-default uk-modal-close" type="button">${i18n.cancel}</button> <button class="uk-button uk-button-primary">${i18n.ok}</button> </div> </form>`,
           options,
           () => null,
           () => input.value
@@ -5401,7 +5413,7 @@
       observe: swipe({ filter: ({ swiping }) => swiping }),
       update: {
         read() {
-          if (this.isToggled() && !isVisible(this.$el)) {
+          if (this.isToggled() && !isVisible$1(this.$el)) {
             this.hide();
           }
         },
@@ -5508,7 +5520,7 @@
       }),
       update: {
         read() {
-          if (!this.content || !this.container || !isVisible(this.$el)) {
+          if (!this.content || !this.container || !isVisible$1(this.$el)) {
             return false;
           }
           return {
@@ -5724,7 +5736,7 @@
           read() {
             const targets = this.links.map(getTargetedElement).filter(Boolean);
             const { length } = targets;
-            if (!length || !isVisible(this.$el)) {
+            if (!length || !isVisible$1(this.$el)) {
               return false;
             }
             const scrollElement = scrollParent(targets, true);
@@ -5869,7 +5881,7 @@
       update: [
         {
           read({ height: height$1, width, margin, sticky }) {
-            this.inactive = !this.matchMedia || !isVisible(this.$el);
+            this.inactive = !this.matchMedia || !isVisible$1(this.$el);
             if (this.inactive) {
               return;
             }
@@ -6124,7 +6136,7 @@
     }
 
     function getMaxPathLength(el) {
-      return isVisible(el) ? Math.ceil(Math.max(0, ...$$("[stroke]", el).map((stroke) => stroke.getTotalLength()))) : 0;
+      return isVisible$1(el) ? Math.ceil(Math.max(0, ...$$("[stroke]", el).map((stroke) => stroke.getTotalLength()))) : 0;
     }
 
     var svg = {