uikit 3.25.23-dev.2ad20f7 → 3.25.23-dev.9ebc131

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.25.23-dev.2ad20f7 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
+/*! UIkit 3.25.23-dev.9ebc131 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -516,10 +516,7 @@
       return toEventTargets(targets).map((target) => target.dispatchEvent(createEvent(event, true, true, detail2))).every((result) => result);
     }
     function createEvent(e, bubbles = true, cancelable = false, detail2) {
-      if (isString(e)) {
-        e = new CustomEvent(e, { bubbles, cancelable, detail: detail2 });
-      }
-      return e;
+      return isString(e) ? new CustomEvent(e, { bubbles, cancelable, detail: detail2 }) : e;
     }
     function getArgs(args) {
       args[0] = toEventTargets(args[0]);
@@ -1681,7 +1678,7 @@
         wrapInner: wrapInner
     });
 
-    var VERSION = '3.25.23-dev.2ad20f7';
+    var VERSION = '3.25.23-dev.9ebc131';
 
     function initUpdates(instance) {
       instance._data = {};
@@ -2048,7 +2045,7 @@
     }
     const getAttributes = memoize((id, props) => {
       const attributes = Object.keys(props);
-      const filter = attributes.concat(id).map((key) => [hyphenate(key), `data-${hyphenate(key)}`]).flat();
+      const filter = attributes.concat(id).flatMap((key) => [hyphenate(key), `data-${hyphenate(key)}`]);
       return { attributes, filter };
     });
     function initPropsObserver(instance) {
@@ -2157,15 +2154,15 @@
       return data;
     }
 
-    const App = function(options) {
+    function App(options) {
       init$1(this, options);
-    };
+    }
     App.util = util;
     App.options = {};
     App.version = VERSION;
 
     const PREFIX = "uk-";
-    const DATA = "__uikit__";
+    const elementComponents = /* @__PURE__ */ new WeakMap();
     const components$1 = {};
     function component(name, options) {
       var _a, _b;
@@ -2203,22 +2200,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);
       }
     }
 
@@ -2413,8 +2412,8 @@
           for (const el of toNodes(isFunction(targets) ? targets(this) : targets)) {
             $$('[loading="lazy"]', el).slice(0, preload - 1).forEach((el2) => removeAttr(el2, "loading"));
           }
-          for (const el of entries.filter(({ isIntersecting }) => isIntersecting).map(({ target }) => target)) {
-            observer.unobserve(el);
+          for (const { isIntersecting, target } of entries) {
+            isIntersecting && observer.unobserve(target);
           }
         },
         ...options
@@ -2492,11 +2491,48 @@
       }
     };
 
+    const keyMap = {
+      TAB: 9,
+      ENTER: 13,
+      ESC: 27,
+      SPACE: 32,
+      END: 35,
+      HOME: 36,
+      LEFT: 37,
+      UP: 38,
+      RIGHT: 39,
+      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, ({ target }) => {
+        if (!isOutside(target) || isEligible && !isEligible()) {
+          return;
+        }
+        once(
+          document,
+          `${pointerUp} ${pointerCancel} scroll`,
+          ({ defaultPrevented, type, target: newTarget }) => {
+            if (!defaultPrevented && type === pointerUp && target === newTarget) {
+              handler(target);
+            }
+          },
+          true
+        );
+      });
+    }
 
     var Togglable = {
       props: {
@@ -2676,19 +2712,7 @@
       );
     }
 
-    const keyMap = {
-      TAB: 9,
-      ENTER: 13,
-      ESC: 27,
-      SPACE: 32,
-      END: 35,
-      HOME: 36,
-      LEFT: 37,
-      UP: 38,
-      RIGHT: 39,
-      DOWN: 40
-    };
-
+    const wrappers = /* @__PURE__ */ new WeakMap();
     var Accordion = {
       mixins: [Class, Togglable],
       props: {
@@ -2718,10 +2742,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: {
@@ -2828,12 +2854,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);
@@ -2844,7 +2870,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);
       }
@@ -3548,32 +3574,21 @@
       });
     }
     function listenForEscClose$1(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$1(drop) {
-      return on(document, pointerDown, ({ target }) => {
-        if (drop.$el.contains(target)) {
-          return;
-        }
-        once(
-          document,
-          `${pointerUp} ${pointerCancel} scroll`,
-          ({ defaultPrevented, type, target: newTarget }) => {
-            var _a;
-            if (!defaultPrevented && type === pointerUp && 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 = {
@@ -3616,7 +3631,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;
@@ -3930,7 +3945,7 @@
         let option;
         const prop = isInput(target) ? "value" : "textContent";
         const prev = target[prop];
-        const value = ((_a = input.files) == null ? void 0 : _a[0]) ? input.files[0].name : matches(input, "select") && (option = $$("option", input).filter((el) => el.selected)[0]) ? option.textContent : input.value;
+        const value = ((_a = input.files) == null ? void 0 : _a[0]) ? input.files[0].name : matches(input, "select") && (option = $$("option", input).find((el) => el.selected)) ? option.textContent : input.value;
         if (prev !== value) {
           target[prop] = value;
         }
@@ -4541,7 +4556,7 @@
       if (icon && includes(svg, "<symbol")) {
         svg = parseSymbols(svg)[icon] || svg;
       }
-      return toNodes(fragment(svg)).filter(isElement)[0];
+      return toNodes(fragment(svg)).find(isElement);
     }
     const symbolRe = /<symbol([^]*?id=(['"])(.+?)\2[^]*?<\/)symbol>/g;
     const parseSymbols = memoize(function(svg) {
@@ -4799,8 +4814,7 @@
         const elements = isTag(parentNode, "picture") ? children(parentNode) : [el];
         elements.forEach((el2) => setSourceProps(el2, el2));
       } else if (src) {
-        const change = !includes(el.style.backgroundImage, src);
-        if (change) {
+        if (!includes(el.style.backgroundImage, src)) {
           css(el, "backgroundImage", `url(${escape(src)})`);
           trigger(el, createEvent("load", false));
         }
@@ -4848,10 +4862,7 @@
       } else {
         sources = parseOptions(sources);
       }
-      if (!isArray(sources)) {
-        sources = [sources];
-      }
-      return sources.filter((source) => !isEmpty(source));
+      return (isArray(sources) ? sources : [sources]).filter((source) => !isEmpty(source));
     }
     function isImg(el) {
       return isTag(el, "img");
@@ -5033,6 +5044,7 @@
     }
 
     const active = [];
+    const pendingReject = /* @__PURE__ */ new WeakMap();
     var Modal = {
       mixins: [Class, Container, Togglable],
       props: {
@@ -5187,11 +5199,13 @@
       }
     };
     function animate(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,
@@ -5212,10 +5226,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) => {
@@ -5231,28 +5249,17 @@
       });
     }
     function listenForBackgroundClose(modal) {
-      return on(document, pointerDown, ({ target }) => {
-        if (last(active) !== modal || modal.overlay && !modal.$el.contains(target) || !modal.panel || modal.panel.contains(target)) {
-          return;
-        }
-        once(
-          document,
-          `${pointerUp} ${pointerCancel} scroll`,
-          ({ defaultPrevented, type, target: newTarget }) => {
-            if (!defaultPrevented && type === pointerUp && 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) === modal
+      );
     }
     function listenForEscClose(modal) {
-      return on(document, "keydown", (e) => {
-        if (e.keyCode === 27 && last(active) === modal) {
-          modal.hide();
-        }
-      });
+      return onEscape(
+        () => modal.hide(),
+        () => last(active) === modal
+      );
     }
     function setAriaExpanded(el, toggled) {
       if (el == null ? void 0 : el.ariaExpanded) {
@@ -5643,11 +5650,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++) {