uikit 3.25.28-dev.fcd5185 → 3.25.29-dev.3bc1304

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.25.28-dev.fcd5185 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
+/*! UIkit 3.25.29-dev.3bc1304 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1912,22 +1912,23 @@
       if (!instance._updates.length) {
         return;
       }
-      if (!instance._updateCount) {
-        instance._updateCount = 0;
-        requestAnimationFrame(() => instance._updateCount = 0);
-      }
       if (!instance._queued) {
         instance._queued = /* @__PURE__ */ new Set();
         fastdom.read(() => {
           if (instance._connected) {
-            runUpdates(instance, instance._queued);
+            if (!instance._updateCount) {
+              instance._updateCount = 0;
+              requestAnimationFrame(() => instance._updateCount = 0);
+            }
+            if (instance._updateCount < 10) {
+              instance._updateCount++;
+              runUpdates(instance, instance._queued);
+            }
           }
           instance._queued = null;
         });
       }
-      if (instance._updateCount++ < 20) {
-        instance._queued.add(e.type || e);
-      }
+      instance._queued.add(e.type || e);
     }
     function runUpdates(instance, types) {
       for (const { read, write, events = [] } of instance._updates) {
@@ -2002,8 +2003,11 @@
           const pos = getEventPos(e);
           const target = "tagName" in e.target ? e.target : parent(e.target);
           once(document, `${pointerUp$1} ${pointerCancel} scroll`, (e2) => {
+            if (e2.type !== pointerUp$1 || !target) {
+              return;
+            }
             const { x, y } = getEventPos(e2);
-            if (e2.type !== "scroll" && target && x && Math.abs(pos.x - x) > 100 || y && Math.abs(pos.y - y) > 100) {
+            if (x && Math.abs(pos.x - x) > 100 || y && Math.abs(pos.y - y) > 100) {
               setTimeout(() => {
                 trigger(target, "swipe");
                 trigger(target, `swipe${swipeDirection(pos.x, pos.y, x, y)}`);
@@ -2369,7 +2373,7 @@
     }
 
     function maybeDefaultPreventClick(e) {
-      if (e.target.closest('a[href="#"],a[href=""]')) {
+      if (e.type === "keydown" && e.keyCode === keyMap.SPACE || e.target.closest('a[href="#"],a[href=""]')) {
         e.preventDefault();
       }
     }
@@ -3065,13 +3069,13 @@
       let rejectAnimation;
       return new Promise(
         (resolve, reject) => once(el, "show hide", () => {
-          var _a, _b, _c;
+          var _a, _b;
           (_a = pendingReject.get(el)) == null ? void 0 : _a();
           rejectAnimation = reject;
           pendingReject.set(el, reject);
           _toggle(el, show);
           Promise.all(
-            ((_c = (_b = transitionElement == null ? void 0 : transitionElement.getAnimations) == null ? void 0 : _b.call(transitionElement)) != null ? _c : []).map(({ finished }) => finished)
+            (((_b = transitionElement == null ? void 0 : transitionElement.getAnimations) == null ? void 0 : _b.call(transitionElement)) || []).map(({ finished }) => finished)
           ).then(resolve, reject);
         })
       ).then(() => {
@@ -3419,7 +3423,7 @@
       return Math.atan2(Math.abs(pos2.y - pos1.y), Math.abs(pos2.x - pos1.x)) * 180 / Math.PI;
     }
 
-    var VERSION = '3.25.28-dev.fcd5185';
+    var VERSION = '3.25.29-dev.3bc1304';
 
     function initWatches(instance) {
       instance._watches = [];
@@ -3502,7 +3506,7 @@
       });
     }
     function resetComputed(instance) {
-      const values = { ...instance._computed };
+      const values = instance._computed;
       instance._computed = {};
       return values;
     }
@@ -3538,16 +3542,15 @@
     }
 
     function initObservers(instance) {
-      for (const observer of instance.$options.observe || []) {
-        registerObservable(instance, observer);
+      for (const [index, observer] of (instance.$options.observe || []).entries()) {
+        registerObservable(instance, observer, `_observe${index}`);
       }
     }
-    function registerObservable(instance, observable) {
+    function registerObservable(instance, observable, key) {
       let { observe, target = instance.$el, handler, options, filter, args } = observable;
       if (filter && !filter.call(instance, instance)) {
         return;
       }
-      const key = `_observe${instance._disconnect.length}`;
       if (isFunction(target) && !hasOwn(instance, key)) {
         registerComputed(instance, key, () => {
           const targets2 = target.call(instance, instance);
@@ -3748,7 +3751,7 @@
     const elementComponents = /* @__PURE__ */ new WeakMap();
     const components$2 = {};
     function component(name, options) {
-      var _a, _b;
+      var _a;
       const id = PREFIX + hyphenate(name);
       if (!options) {
         if (!components$2[id].options) {
@@ -3758,10 +3761,10 @@
       }
       name = camelize(name);
       App[name] = (element, data) => createComponent(name, element, data);
-      const opt = (_a = options.options) != null ? _a : { ...options };
+      const opt = options.options || { ...options };
       opt.id = id;
       opt.name = name;
-      (_b = opt.install) == null ? void 0 : _b.call(opt, App, opt, name);
+      (_a = opt.install) == null ? void 0 : _a.call(opt, App, opt, name);
       if (App._initialized && !opt.functional) {
         requestAnimationFrame(() => createComponent(name, `[${id}],[data-${id}]`));
       }
@@ -6518,37 +6521,37 @@
       },
       methods: {
         async upload(files) {
-          files = toArray(files);
-          if (!files.length) {
-            return;
-          }
-          if (!this.multiple) {
-            files = files.slice(0, 1);
-          }
-          trigger(this.$el, "upload", [files]);
-          for (const file of files) {
-            if (this.maxSize && this.maxSize * 1e3 < file.size) {
-              this.fail(this.t("invalidSize", this.maxSize));
-              return;
-            }
-            if (this.allow && !match$1(this.allow, file.name)) {
-              this.fail(this.t("invalidName", this.allow));
+          try {
+            files = toArray(files);
+            if (!files.length) {
               return;
             }
-            if (this.mime && !match$1(this.mime, file.type)) {
-              this.fail(this.t("invalidMime", this.mime));
-              return;
+            if (!this.multiple) {
+              files = files.slice(0, 1);
             }
-          }
-          this.beforeAll(this, files);
-          const chunks = chunk(files, this.concurrent);
-          const upload = async (files2) => {
-            const data = new FormData();
-            files2.forEach((file) => data.append(this.name, file));
-            for (const key in this.params) {
-              data.append(key, this.params[key]);
+            trigger(this.$el, "upload", [files]);
+            for (const file of files) {
+              if (this.maxSize && this.maxSize * 1e3 < file.size) {
+                this.fail(this.t("invalidSize", this.maxSize));
+                return;
+              }
+              if (this.allow && !match$1(this.allow, file.name)) {
+                this.fail(this.t("invalidName", this.allow));
+                return;
+              }
+              if (this.mime && !match$1(this.mime, file.type)) {
+                this.fail(this.t("invalidMime", this.mime));
+                return;
+              }
             }
-            try {
+            await this.beforeAll(this, files);
+            const size = this.concurrent;
+            for (let i = 0; i < files.length; i += size) {
+              const data = new FormData();
+              files.slice(i, i + size).forEach((file) => data.append(this.name, file));
+              for (const key in this.params) {
+                data.append(key, this.params[key]);
+              }
               const xhr = await ajax(this.url, {
                 data,
                 method: this.method,
@@ -6563,38 +6566,25 @@
                 }
               });
               this.complete(xhr);
-              if (chunks.length) {
-                await upload(chunks.shift());
-              } else {
+              if (i + size >= files.length) {
                 this.completeAll(xhr);
               }
-            } catch (e) {
-              if (e.name !== "AbortError") {
-                this.error(e);
-              }
             }
-          };
-          await upload(chunks.shift());
+          } catch (e) {
+            if ((e == null ? void 0 : e.name) !== "AbortError") {
+              this.error(e);
+            }
+          }
         }
       }
     };
     function match$1(pattern, path) {
       const expression = pattern.replace(
         /\*\*|[.*+?^${}()|[\]\\]/g,
-        (s) => {
-          var _a;
-          return (_a = { "**": ".*", "*": "[^/]+", "?": "[^/]", "|": "|" }[s]) != null ? _a : `\\${s}`;
-        }
+        (s) => ({ "**": ".*", "*": "[^/]+", "?": "[^/]", "|": "|" })[s] || `\\${s}`
       );
       return new RegExp(`^(?:${expression})$`, "i").test(path);
     }
-    function chunk(files, size) {
-      const chunks = [];
-      for (let i = 0; i < files.length; i += size) {
-        chunks.push(files.slice(i, i + size));
-      }
-      return chunks;
-    }
     function stop(e) {
       e.preventDefault();
       e.stopPropagation();
@@ -6923,11 +6913,10 @@
       mixins: [Class, Togglable],
       args: "animation",
       props: {
-        animation: Boolean,
         close: String
       },
       data: {
-        animation: true,
+        animation: [true],
         selClose: ".uk-alert-close",
         duration: 150
       },
@@ -6941,7 +6930,11 @@
       },
       methods: {
         async close() {
-          await this.toggleElement(this.$el, false, this.animation ? animate : false);
+          await this.toggleElement(
+            this.$el,
+            false,
+            this.animation[0] === true || this.animation[0] === 1 ? animate : true
+          );
           this.$destroy(true);
         }
       }
@@ -7173,11 +7166,10 @@
         attr(this.targetEl, "aria-expanded", false);
         this._style = pick(this.$el.style, ["width", "height"]);
       },
+      beforeDisconnect() {
+        this.hide(false, false);
+      },
       disconnected() {
-        if (this.isActive()) {
-          this.hide(false);
-          active = null;
-        }
         css(this.$el, this._style);
       },
       events: [
@@ -7803,15 +7795,14 @@
         }
       },
       update() {
-        var _a;
+        var _a, _b, _c, _d, _e, _f;
         const { target, input } = this;
         if (!target) {
           return;
         }
-        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).find((el) => el.selected)) ? option.textContent : input.value;
+        const value = (_f = (_e = (_b = (_a = input.files) == null ? void 0 : _a[0]) == null ? void 0 : _b.name) != null ? _e : (_d = (_c = input.selectedOptions) == null ? void 0 : _c[0]) == null ? void 0 : _d.label) != null ? _f : input.value;
         if (prev !== value) {
           target[prop] = value;
         }
@@ -8343,16 +8334,9 @@
       beforeConnect() {
         const isToggle = hasClass(this.$el, "uk-search-toggle") || hasClass(this.$el, "uk-navbar-toggle");
         this.icon = isToggle ? "search-toggle-icon" : hasClass(this.$el, "uk-search-icon") && this.$el.closest(".uk-search-large") ? "search-large" : this.$el.closest(".uk-search-medium") ? "search-medium" : this.$props.icon;
-        if (hasAttr(this.$el, "aria-label")) {
-          return;
-        }
-        if (isToggle) {
-          this.$el.ariaLabel = this.t("toggle");
-        } else {
-          const button = this.$el.closest("a,button");
-          if (button) {
-            button.ariaLabel = this.t("submit");
-          }
+        const target = isToggle ? this.$el : this.$el.closest("a,button");
+        if (target && !hasAttr(target, "aria-label")) {
+          target.ariaLabel = this.t(isToggle ? "toggle" : "submit");
         }
       }
     };
@@ -9750,7 +9734,7 @@
     const loadSVG = memoize(async (src) => {
       if (src) {
         const response = await fetch(src);
-        if (response.headers.get("Content-Type") === "image/svg+xml") {
+        if (/^image\/svg\+xml\s*(;|$)/i.test(response.headers.get("Content-Type"))) {
           return response.text();
         }
       }
@@ -10072,7 +10056,6 @@
         {
           name: "mediachange",
           filter: ({ mode }) => includes(mode, "media"),
-          el: ({ target }) => target,
           handler(e, mediaObj) {
             if (mediaObj.matches ^ this.isToggled(this.target)) {
               this.toggle();