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

package/dist/js/uikit.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,
@@ -2065,7 +2065,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);
@@ -2149,7 +2149,7 @@
     }
     function getProps$1(el, opacity) {
       const zIndex = css(el, "zIndex");
-      return isVisible(el) ? {
+      return isVisible$1(el) ? {
         display: "",
         opacity: opacity ? css(el, "opacity") : "0",
         pointerEvents: "none",
@@ -2160,7 +2160,7 @@
     }
     function getTransitionProps(target, nodes, currentProps) {
       const propsTo = nodes.map(
-        (el, i) => parent(el) && i in currentProps ? currentProps[i] ? isVisible(el) ? getPositionWithMargin(el) : { opacity: 0 } : { opacity: isVisible(el) ? 1 : 0 } : false
+        (el, i) => parent(el) && i in currentProps ? currentProps[i] ? isVisible$1(el) ? getPositionWithMargin(el) : { opacity: 0 } : { opacity: isVisible$1(el) ? 1 : 0 } : false
       );
       const propsFrom = propsTo.map((props, i) => {
         const from = parent(nodes[i]) === target && (currentProps[i] || getProps$1(nodes[i]));
@@ -2274,7 +2274,7 @@
       );
     }
     function getTransitionNodes(target) {
-      return getRows(children(target)).flat().filter(isVisible);
+      return getRows(children(target)).flat().filter(isVisible$1);
     }
     function awaitTimeout(timeout) {
       return new Promise((resolve) => setTimeout(resolve, timeout));
@@ -2572,7 +2572,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) {
@@ -2587,7 +2587,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]);
           }
@@ -2974,6 +2974,9 @@
           return this.show(duration, percent2, true);
         },
         translate(percent2) {
+          if (percent2 === this.percent()) {
+            return;
+          }
           this.reset();
           const props2 = translate(percent2, dir);
           css(next, props2[1]);
@@ -3555,7 +3558,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__";
@@ -3610,7 +3613,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];
       }
     }
@@ -4557,7 +4560,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;
     }
 
     const props = {
@@ -4904,7 +4907,7 @@
           if (!types.has("scroll")) {
             percent = false;
           }
-          if (!isVisible(this.$el)) {
+          if (!isVisible$1(this.$el)) {
             return false;
           }
           if (!this.matchMedia) {
@@ -5107,6 +5110,9 @@
           return this.show(duration, percent, true);
         },
         translate(percent) {
+          if (percent === this.percent()) {
+            return;
+          }
           const distance = this.getDistance() * dir * (isRtl ? -1 : 1);
           css(
             list,
@@ -5259,7 +5265,7 @@
           };
         },
         slides() {
-          return children(this.list).filter(isVisible);
+          return children(this.list).filter(isVisible$1);
         }
       },
       connected() {
@@ -5325,7 +5331,7 @@
               this.dir > 0 && i < index ? 1 : this.dir < 0 && i >= this.index ? -1 : ""
             )
           );
-          if (!this.center) {
+          if (!this.center || !this.length) {
             return;
           }
           const next = this.slides[index];
@@ -7766,7 +7772,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", "");
@@ -7821,7 +7827,7 @@
       ],
       update: {
         read() {
-          if (!isVisible(this.$el)) {
+          if (!isVisible$1(this.$el)) {
             return false;
           }
           let minHeight = "";
@@ -8347,11 +8353,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");
@@ -8366,6 +8372,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 leader = {
       mixins: [Class, Media],
@@ -8479,7 +8497,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
@@ -8639,7 +8657,7 @@
       observe: swipe({ filter: ({ swiping }) => swiping }),
       update: {
         read() {
-          if (this.isToggled() && !isVisible(this.$el)) {
+          if (this.isToggled() && !isVisible$1(this.$el)) {
             this.hide();
           }
         },
@@ -8746,7 +8764,7 @@
       }),
       update: {
         read() {
-          if (!this.content || !this.container || !isVisible(this.$el)) {
+          if (!this.content || !this.container || !isVisible$1(this.$el)) {
             return false;
           }
           return {
@@ -8962,7 +8980,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);
@@ -9107,7 +9125,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;
             }