uikit 3.16.6-dev.7e4b0cb00 → 3.16.7-dev.248cd00b6

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.6-dev.7e4b0cb00 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.7-dev.248cd00b6 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -2140,7 +2140,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.16.6-dev.7e4b0cb00";
+    App.version = "3.16.7-dev.248cd00b6";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -2181,7 +2181,7 @@
       }
     }
     function getComponents(element) {
-      return element[DATA] || {};
+      return (element == null ? void 0 : element[DATA]) || {};
     }
     function getComponent(element, name) {
       return getComponents(element)[name];
@@ -2200,34 +2200,46 @@
       }
     }
 
-    App.component = component;
-    App.getComponents = getComponents;
-    App.getComponent = getComponent;
-    App.use = function(plugin) {
-      if (plugin.installed) {
-        return;
-      }
-      plugin.call(null, this);
-      plugin.installed = true;
-      return this;
-    };
-    App.mixin = function(mixin, component2) {
-      component2 = (isString(component2) ? this.component(component2) : component2) || this;
-      component2.options = mergeOptions(component2.options, mixin);
-    };
-    App.extend = function(options) {
-      options = options || {};
-      const Super = this;
-      const Sub = function UIkitComponent(options2) {
-        init$1(this, options2);
+    function globalApi(App) {
+      App.component = component;
+      App.getComponents = getComponents;
+      App.getComponent = getComponent;
+      App.update = update;
+      App.use = function(plugin) {
+        if (plugin.installed) {
+          return;
+        }
+        plugin.call(null, this);
+        plugin.installed = true;
+        return this;
       };
-      Sub.prototype = Object.create(Super.prototype);
-      Sub.prototype.constructor = Sub;
-      Sub.options = mergeOptions(Super.options, options);
-      Sub.super = Super;
-      Sub.extend = Super.extend;
-      return Sub;
-    };
+      App.mixin = function(mixin, component2) {
+        component2 = (isString(component2) ? this.component(component2) : component2) || this;
+        component2.options = mergeOptions(component2.options, mixin);
+      };
+      App.extend = function(options) {
+        options = options || {};
+        const Super = this;
+        const Sub = function UIkitComponent(options2) {
+          init$1(this, options2);
+        };
+        Sub.prototype = Object.create(Super.prototype);
+        Sub.prototype.constructor = Sub;
+        Sub.options = mergeOptions(Super.options, options);
+        Sub.super = Super;
+        Sub.extend = Super.extend;
+        return Sub;
+      };
+      let container;
+      Object.defineProperty(App, "container", {
+        get() {
+          return container || document.body;
+        },
+        set(element) {
+          container = $(element);
+        }
+      });
+    }
     function update(element, e) {
       element = element ? toNode(element) : document.body;
       for (const parentEl of parents(element).reverse()) {
@@ -2235,63 +2247,55 @@
       }
       apply(element, (element2) => updateElement(element2, e));
     }
-    App.update = update;
     function updateElement(element, e) {
       const components = getComponents(element);
       for (const name in components) {
         callUpdate(components[name], e);
       }
     }
-    let container;
-    Object.defineProperty(App, "container", {
-      get() {
-        return container || document.body;
-      },
-      set(element) {
-        container = $(element);
-      }
-    });
 
-    App.prototype.$mount = function(el) {
-      const instance = this;
-      attachToElement(el, instance);
-      instance.$options.el = el;
-      if (within(el, document)) {
-        callConnected(instance);
-      }
-    };
-    App.prototype.$destroy = function(removeEl = false) {
-      const instance = this;
-      const { el } = instance.$options;
-      if (el) {
-        callDisconnected(instance);
-      }
-      callHook(instance, "destroy");
-      detachFromElement(el, instance);
-      if (removeEl) {
-        remove$1(instance.$el);
-      }
-    };
-    App.prototype.$create = createComponent;
-    App.prototype.$emit = function(e) {
-      callUpdate(this, e);
-    };
-    App.prototype.$update = function(element = this.$el, e) {
-      update(element, e);
-    };
-    App.prototype.$reset = function() {
-      callDisconnected(this);
-      callConnected(this);
-    };
-    App.prototype.$getComponent = getComponent;
-    Object.defineProperties(App.prototype, {
-      $el: {
-        get() {
-          return this.$options.el;
+    function instanceApi(App) {
+      App.prototype.$mount = function(el) {
+        const instance = this;
+        attachToElement(el, instance);
+        instance.$options.el = el;
+        if (within(el, document)) {
+          callConnected(instance);
         }
-      },
-      $container: Object.getOwnPropertyDescriptor(App, "container")
-    });
+      };
+      App.prototype.$destroy = function(removeEl = false) {
+        const instance = this;
+        const { el } = instance.$options;
+        if (el) {
+          callDisconnected(instance);
+        }
+        callHook(instance, "destroy");
+        detachFromElement(el, instance);
+        if (removeEl) {
+          remove$1(instance.$el);
+        }
+      };
+      App.prototype.$create = createComponent;
+      App.prototype.$emit = function(e) {
+        callUpdate(this, e);
+      };
+      App.prototype.$update = function(element = this.$el, e) {
+        update(element, e);
+      };
+      App.prototype.$reset = function() {
+        callDisconnected(this);
+        callConnected(this);
+      };
+      App.prototype.$getComponent = getComponent;
+      Object.defineProperties(App.prototype, {
+        $el: {
+          get() {
+            return this.$options.el;
+          }
+        },
+        $container: Object.getOwnPropertyDescriptor(App, "container")
+      });
+    }
     function generateId(instance, el = instance.$el, postfix = "") {
       if (el.id) {
         return el.id;
@@ -2303,6 +2307,9 @@
       return id;
     }
 
+    globalApi(App);
+    instanceApi(App);
+
     function boot(App) {
       if (inBrowser && window.MutationObserver) {
         requestAnimationFrame(() => init(App));
@@ -2766,6 +2773,9 @@
             "aria-disabled": !this.collapsible && activeItems.length < 2 && active
           });
           attr(content, { role: "region", "aria-labelledby": toggle.id });
+          if (isTag(content, "ul")) {
+            attr(children(content), "role", "presentation");
+          }
         }
       },
       methods: {
@@ -3084,7 +3094,7 @@
         el,
         "touchmove",
         (e) => {
-          if (e.targetTouches.length !== 1) {
+          if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) {
             return;
           }
           let [{ scrollHeight, clientHeight }] = scrollParents(e.target);
@@ -6933,7 +6943,10 @@
         }
       },
       connected() {
-        attr(this.$el, "aria-roledescription", "carousel");
+        attr(this.$el, {
+          role: "region",
+          ariaRoleDescription: "carousel"
+        });
       },
       update: [
         {
@@ -7226,7 +7239,7 @@
         pauseOnHover: true
       },
       connected() {
-        attr(this.list, "aria-live", "polite");
+        attr(this.list, "aria-live", this.autoplay ? "off" : "polite");
         this.autoplay && this.startAutoplay();
       },
       disconnected() {
@@ -7251,45 +7264,19 @@
               this.startAutoplay();
             }
           }
-        },
-        {
-          name: `${pointerEnter} focusin`,
-          filter() {
-            return this.autoplay;
-          },
-          handler(e) {
-            if (e.type !== pointerEnter || this.pauseOnHover) {
-              this.stopAutoplay();
-            }
-          }
-        },
-        {
-          name: `${pointerLeave} focusout`,
-          filter() {
-            return this.autoplay;
-          },
-          handler(e) {
-            if (e.type !== pointerLeave || this.pauseOnHover) {
-              this.startAutoplay();
-            }
-          }
         }
       ],
       methods: {
         startAutoplay() {
-          if (this.draggable && matches(this.$el, ":focus-within") || this.pauseOnHover && matches(this.$el, ":hover")) {
-            return;
-          }
           this.stopAutoplay();
-          this.interval = setInterval(
-            () => !this.stack.length && this.show("next"),
-            this.autoplayInterval
-          );
-          attr(this.list, "aria-live", "off");
+          this.interval = setInterval(() => {
+            if (!(this.stack.length || this.draggable && matches(this.$el, ":focus-within") || this.pauseOnHover && matches(this.$el, ":hover"))) {
+              this.show("next");
+            }
+          }, this.autoplayInterval);
         },
         stopAutoplay() {
           clearInterval(this.interval);
-          attr(this.list, "aria-live", "polite");
         }
       }
     };