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

package/dist/js/uikit.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]);
@@ -1765,7 +1762,7 @@
             if (el.textContent !== digits) {
               digits = digits.split("");
               if (digits.length !== el.children.length) {
-                html(el, digits.map(() => "<span></span>").join(""));
+                html(el, "<span></span>".repeat(digits.length));
               }
               digits.forEach((digit, i) => el.children[i].textContent = digit);
             }
@@ -1958,8 +1955,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
@@ -2332,12 +2329,6 @@
       }
     };
 
-    function maybeDefaultPreventClick(e) {
-      if (e.target.closest('a[href="#"],a[href=""]')) {
-        e.preventDefault();
-      }
-    }
-
     const keyMap = {
       TAB: 9,
       ENTER: 13,
@@ -2351,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",
@@ -2561,8 +2582,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));
         }
@@ -2610,10 +2630,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");
@@ -2865,6 +2882,7 @@
     }
 
     const active$1 = [];
+    const pendingReject = /* @__PURE__ */ new WeakMap();
     var Modal = {
       mixins: [Class, Container, Togglable],
       props: {
@@ -3019,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,
@@ -3044,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) => {
@@ -3063,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) {
@@ -3398,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.2ad20f7';
+    var VERSION = '3.25.23-dev.9ebc131';
 
     function initWatches(instance) {
       instance._watches = [];
@@ -3607,7 +3620,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) {
@@ -3716,15 +3729,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$2 = {};
     function component(name, options) {
       var _a, _b;
@@ -3762,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);
       }
     }
 
@@ -5764,7 +5779,7 @@
               slides.add(slide);
             } while (this.length > j && currentLeft > left && currentLeft < right);
           }
-          return Array.from(slides);
+          return [...slides];
         },
         getIndexAt(percent) {
           let index = -1;
@@ -5910,11 +5925,6 @@
             width: "100%"
           });
         }
-      },
-      methods: {
-        getAdjacentSlides() {
-          return [1, -1].map((i) => this.slides[this.getIndex(this.index + i)]);
-        }
       }
     };
 
@@ -6423,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 = {
@@ -6728,6 +6740,7 @@
     globalApi(App);
     instanceApi(App);
 
+    const wrappers = /* @__PURE__ */ new WeakMap();
     var Accordion = {
       mixins: [Class, Togglable],
       props: {
@@ -6757,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: {
@@ -6867,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);
@@ -6883,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);
       }
@@ -7444,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 = {
@@ -7512,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;
@@ -7826,7 +7830,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;
         }
@@ -8273,7 +8277,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) {
@@ -9025,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++) {