uikit 3.25.23-dev.c3eec68 → 3.25.23

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.25.23-dev.c3eec68 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
+/*! UIkit 3.25.23 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1955,7 +1955,9 @@
           for (const el of toNodes(isFunction(targets) ? targets(this) : targets)) {
             $$('[loading="lazy"]', el).slice(0, preload - 1).forEach((el2) => removeAttr(el2, "loading"));
           }
-          entries.filter(({ isIntersecting }) => isIntersecting).forEach(({ target }) => observer.unobserve(target));
+          for (const { isIntersecting, target } of entries) {
+            isIntersecting && observer.unobserve(target);
+          }
         },
         ...options
       });
@@ -2327,12 +2329,6 @@
       }
     };
 
-    function maybeDefaultPreventClick(e) {
-      if (e.target.closest('a[href="#"],a[href=""]')) {
-        e.preventDefault();
-      }
-    }
-
     const keyMap = {
       TAB: 9,
       ENTER: 13,
@@ -2346,6 +2342,36 @@
       DOWN: 40
     };
 
+    function maybeDefaultPreventClick(e) {
+      if (e.target.closest('a[href="#"],a[href=""]')) {
+        e.preventDefault();
+      }
+    }
+    function onEscape(handler, isEligible = () => true) {
+      return on(document, "keydown", (e) => {
+        if (e.keyCode === keyMap.ESC && isEligible()) {
+          handler(e);
+        }
+      });
+    }
+    function onOutsidePointer(handler, isOutside, isEligible) {
+      return on(document, pointerDown$1, ({ target }) => {
+        if (!isOutside(target) || isEligible && !isEligible()) {
+          return;
+        }
+        once(
+          document,
+          `${pointerUp$1} ${pointerCancel} scroll`,
+          ({ defaultPrevented, type, target: newTarget }) => {
+            if (!defaultPrevented && type === pointerUp$1 && target === newTarget) {
+              handler(target);
+            }
+          },
+          true
+        );
+      });
+    }
+
     var filter = {
       mixins: [Animate],
       args: "target",
@@ -2856,6 +2882,7 @@
     }
 
     const active$1 = [];
+    const pendingReject = /* @__PURE__ */ new WeakMap();
     var Modal = {
       mixins: [Class, Container, Togglable],
       props: {
@@ -3010,11 +3037,13 @@
       }
     };
     function animate$1(el, show, { transitionElement, _toggle }) {
+      let rejectAnimation;
       return new Promise(
         (resolve, reject) => once(el, "show hide", () => {
           var _a;
-          (_a = el._reject) == null ? void 0 : _a.call(el);
-          el._reject = reject;
+          (_a = pendingReject.get(el)) == null ? void 0 : _a();
+          rejectAnimation = reject;
+          pendingReject.set(el, reject);
           _toggle(el, show);
           const off = once(
             transitionElement,
@@ -3035,10 +3064,14 @@
             toMs(css(transitionElement, "transitionDuration"))
           );
         })
-      ).then(() => delete el._reject);
+      ).then(() => {
+        if (pendingReject.get(el) === rejectAnimation) {
+          pendingReject.delete(el);
+        }
+      });
     }
     function toMs(time) {
-      return time ? endsWith(time, "ms") ? toFloat(time) : toFloat(time) * 1e3 : 0;
+      return toFloat(time) * (endsWith(time, "ms") ? 1 : 1e3);
     }
     function preventBackgroundFocus(modal) {
       return on(document, "focusin", (e) => {
@@ -3054,28 +3087,17 @@
       });
     }
     function listenForBackgroundClose$1(modal) {
-      return on(document, pointerDown$1, ({ target }) => {
-        if (last(active$1) !== modal || modal.overlay && !modal.$el.contains(target) || !modal.panel || modal.panel.contains(target)) {
-          return;
-        }
-        once(
-          document,
-          `${pointerUp$1} ${pointerCancel} scroll`,
-          ({ defaultPrevented, type, target: newTarget }) => {
-            if (!defaultPrevented && type === pointerUp$1 && target === newTarget) {
-              modal.hide();
-            }
-          },
-          true
-        );
-      });
+      return onOutsidePointer(
+        () => modal.hide(),
+        (target) => (!modal.overlay || modal.$el.contains(target)) && Boolean(modal.panel) && !modal.panel.contains(target),
+        () => last(active$1) === modal
+      );
     }
     function listenForEscClose$1(modal) {
-      return on(document, "keydown", (e) => {
-        if (e.keyCode === 27 && last(active$1) === modal) {
-          modal.hide();
-        }
-      });
+      return onEscape(
+        () => modal.hide(),
+        () => last(active$1) === modal
+      );
     }
     function setAriaExpanded(el, toggled) {
       if (el == null ? void 0 : el.ariaExpanded) {
@@ -3389,7 +3411,7 @@
       return Math.atan2(Math.abs(pos2.y - pos1.y), Math.abs(pos2.x - pos1.x)) * 180 / Math.PI;
     }
 
-    var VERSION = '3.25.23-dev.c3eec68';
+    var VERSION = '3.25.23';
 
     function initWatches(instance) {
       instance._watches = [];
@@ -3715,7 +3737,7 @@
     App.version = VERSION;
 
     const PREFIX = "uk-";
-    const DATA = "__uikit__";
+    const elementComponents = /* @__PURE__ */ new WeakMap();
     const components$2 = {};
     function component(name, options) {
       var _a, _b;
@@ -3753,22 +3775,24 @@
       }
     }
     function getComponents(element) {
-      return (element == null ? void 0 : element[DATA]) || {};
+      return elementComponents.get(element) || {};
     }
     function getComponent(element, name) {
       return getComponents(element)[name];
     }
     function attachToElement(element, instance) {
-      if (!element[DATA]) {
-        element[DATA] = {};
+      let components2 = elementComponents.get(element);
+      if (!components2) {
+        components2 = {};
+        elementComponents.set(element, components2);
       }
-      element[DATA][instance.$options.name] = instance;
+      components2[instance.$options.name] = instance;
     }
     function detachFromElement(element, instance) {
-      var _a;
-      (_a = element[DATA]) == null ? true : delete _a[instance.$options.name];
-      if (isEmpty(element[DATA])) {
-        delete element[DATA];
+      const components2 = elementComponents.get(element);
+      components2 == null ? true : delete components2[instance.$options.name];
+      if (isEmpty(components2)) {
+        elementComponents.delete(element);
       }
     }
 
@@ -6409,10 +6433,12 @@
     }
     function parseProps(options) {
       const { el, id, data: data$1 } = options;
-      return ["delay", "title"].reduce((obj, key) => ({ [key]: data(el, key), ...obj }), {
+      return {
+        title: data(el, "title"),
+        delay: data(el, "delay"),
         ...parseOptions(data(el, id), ["title"]),
         ...data$1
-      });
+      };
     }
 
     var upload = {
@@ -6714,6 +6740,7 @@
     globalApi(App);
     instanceApi(App);
 
+    const wrappers = /* @__PURE__ */ new WeakMap();
     var Accordion = {
       mixins: [Class, Togglable],
       props: {
@@ -6743,10 +6770,12 @@
           return this.items.map((item) => $(toggle, item));
         },
         contents({ content }) {
-          return this.items.map((item) => {
-            var _a;
-            return ((_a = item._wrapper) == null ? void 0 : _a.firstElementChild) || $(content, item);
-          });
+          return this.items.map(
+            (item) => {
+              var _a;
+              return ((_a = wrappers.get(item)) == null ? void 0 : _a.firstElementChild) || $(content, item);
+            }
+          );
         }
       },
       watch: {
@@ -6853,12 +6882,12 @@
       el && (el.hidden = hide2);
     }
     async function transition(el, show, { content, duration, velocity, transition: transition2 }) {
-      var _a;
-      content = ((_a = el._wrapper) == null ? void 0 : _a.firstElementChild) || $(content, el);
-      if (!el._wrapper) {
-        el._wrapper = wrapAll(content, "<div>");
+      let wrapper = wrappers.get(el);
+      content = (wrapper == null ? void 0 : wrapper.firstElementChild) || $(content, el);
+      if (!wrapper) {
+        wrapper = wrapAll(content, "<div>");
+        wrappers.set(el, wrapper);
       }
-      const wrapper = el._wrapper;
       css(wrapper, "overflow", "hidden");
       const currentHeight = toFloat(css(wrapper, "height"));
       await Transition.cancel(wrapper);
@@ -6869,7 +6898,7 @@
       css(wrapper, "height", currentHeight);
       await Transition.start(wrapper, { height: show ? endHeight : 0 }, duration, transition2);
       unwrap(content);
-      delete el._wrapper;
+      wrappers.delete(el);
       if (!show) {
         hide(content, true);
       }
@@ -7430,32 +7459,21 @@
       });
     }
     function listenForEscClose(drop) {
-      return on(document, "keydown", (e) => {
-        if (e.keyCode === keyMap.ESC) {
-          drop.hide(false);
-        }
-      });
+      return onEscape(() => drop.hide(false));
     }
     function listenForScrollClose(drop) {
       return listenForScroll(drop, () => drop.hide(false));
     }
     function listenForBackgroundClose(drop) {
-      return on(document, pointerDown$1, ({ target }) => {
-        if (drop.$el.contains(target)) {
-          return;
-        }
-        once(
-          document,
-          `${pointerUp$1} ${pointerCancel} scroll`,
-          ({ defaultPrevented, type, target: newTarget }) => {
-            var _a;
-            if (!defaultPrevented && type === pointerUp$1 && target === newTarget && !((_a = drop.targetEl) == null ? void 0 : _a.contains(target))) {
-              drop.hide(false);
-            }
-          },
-          true
-        );
-      });
+      return onOutsidePointer(
+        (target) => {
+          var _a;
+          if (!((_a = drop.targetEl) == null ? void 0 : _a.contains(target))) {
+            drop.hide(false);
+          }
+        },
+        (target) => !drop.$el.contains(target)
+      );
     }
 
     var Dropnav = {
@@ -7498,7 +7516,7 @@
             return null;
           }
           dropbar = this._dropbar || query(dropbar, this.$el) || $(`+ .${this.clsDropbar}`, this.$el);
-          return dropbar ? dropbar : this._dropbar = $("<div>");
+          return dropbar || (this._dropbar = $("<div>"));
         },
         dropContainer(_, $el) {
           return this.container || $el;
@@ -9011,11 +9029,12 @@
       ],
       update: {
         read() {
-          const overflow = [];
-          for (const prop of ["Width", "Height"]) {
-            overflow.push(this.$el[`scroll${prop}`] - this.$el[`client${prop}`]);
-          }
-          return { overflow };
+          return {
+            overflow: [
+              this.$el.scrollWidth - this.$el.clientWidth,
+              this.$el.scrollHeight - this.$el.clientHeight
+            ]
+          };
         },
         write({ overflow }) {
           for (let i = 0; i < 2; i++) {