uikit 3.15.6-dev.fb448ac28 → 3.15.7-dev.3ec9925a1

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.6-dev.fb448ac28 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.7-dev.3ec9925a1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -2536,7 +2536,7 @@
       UIkit.prototype._initProps = function (props) {
         let key;
 
-        props = props || getProps(this.$options, this.$name);
+        props = props || getProps(this.$options);
 
         for (key in props) {
           if (!isUndefined(props[key])) {
@@ -2587,9 +2587,9 @@
       };
     }
 
-    function getProps(opts, name) {
+    function getProps(opts) {
       const data$1 = {};
-      const { args = [], props = {}, el } = opts;
+      const { args = [], props = {}, el, id } = opts;
 
       if (!props) {
         return data$1;
@@ -2612,7 +2612,7 @@
         data$1[key] = value;
       }
 
-      const options = parseOptions(data(el, name), args);
+      const options = parseOptions(data(el, id), args);
 
       for (const key in options) {
         const prop = camelize(key);
@@ -2740,24 +2740,24 @@
     }
 
     function initPropsObserver(component) {
-      const { $name, $options, $props } = component;
-      const { attrs, props, el } = $options;
+      const { $options, $props } = component;
+      const { id, attrs, props, el } = $options;
 
       if (!props || attrs === false) {
         return;
       }
 
       const attributes = isArray(attrs) ? attrs : Object.keys(props);
-      const filter = attributes.map((key) => hyphenate(key)).concat($name);
+      const filter = attributes.map((key) => hyphenate(key)).concat(id);
 
       const observer = new MutationObserver((records) => {
-        const data = getProps($options, $name);
+        const data = getProps($options);
         if (
         records.some((_ref3) => {let { attributeName } = _ref3;
           const prop = attributeName.replace('data-', '');
-          return (
-          prop === $name ? attributes : [camelize(prop), camelize(attributeName)]).
-          some((prop) => !isUndefined(data[prop]) && data[prop] !== $props[prop]);
+          return (prop === id ? attributes : [camelize(prop), camelize(attributeName)]).some(
+          (prop) => !isUndefined(data[prop]) && data[prop] !== $props[prop]);
+
         }))
         {
           component.$reset();
@@ -2838,36 +2838,31 @@
 
       UIkit.prototype.$getComponent = UIkit.getComponent;
 
-      const componentName = memoize((name) => UIkit.prefix + hyphenate(name));
-      Object.defineProperties(UIkit.prototype, {
-        $container: Object.getOwnPropertyDescriptor(UIkit, 'container'),
-
-        $name: {
-          get() {
-            return componentName(this.$options.name);
-          } } });
-
+      Object.defineProperty(
+      UIkit.prototype,
+      '$container',
+      Object.getOwnPropertyDescriptor(UIkit, 'container'));
 
     }
 
+    const components$2 = {};
     function componentAPI (UIkit) {
-      const DATA = UIkit.data;
-
-      const components = {};
+      const { data: DATA, prefix: PREFIX } = UIkit;
 
       UIkit.component = function (name, options) {
-        const id = hyphenate(name);
-
-        name = camelize(id);
+        name = hyphenate(name);
+        const id = PREFIX + name;
 
         if (!options) {
-          if (isPlainObject(components[name])) {
-            components[name] = UIkit.extend(components[name]);
+          if (isPlainObject(components$2[id])) {
+            components$2[id] = components$2["data-" + id] = UIkit.extend(components$2[id]);
           }
 
-          return components[name];
+          return components$2[id];
         }
 
+        name = camelize(name);
+
         UIkit[name] = function (element, data) {
           const component = UIkit.component(name);
 
@@ -2894,15 +2889,16 @@
 
         const opt = isPlainObject(options) ? { ...options } : options.options;
 
+        opt.id = id;
         opt.name = name;
 
         opt.install == null ? void 0 : opt.install(UIkit, opt, name);
 
         if (UIkit._initialized && !opt.functional) {
-          requestAnimationFrame(() => UIkit[name]("[uk-" + id + "],[data-uk-" + id + "]"));
+          requestAnimationFrame(() => UIkit[name]("[" + id + "],[data-" + id + "]"));
         }
 
-        return components[name] = isPlainObject(options) ? opt : options;
+        return components$2[id] = components$2["data-" + id] = isPlainObject(options) ? opt : options;
       };
 
       UIkit.getComponents = (element) => (element == null ? void 0 : element[DATA]) || {};
@@ -2917,10 +2913,7 @@
 
         for (const attribute of node.attributes) {
           const name = getComponentName(attribute.name);
-
-          if (name && name in components) {
-            UIkit[name](node);
-          }
+          name && UIkit[name](node);
         }
       };
 
@@ -2931,11 +2924,10 @@
       };
     }
 
-    const getComponentName = memoize((attribute) => {
-      return startsWith(attribute, 'uk-') || startsWith(attribute, 'data-uk-') ?
-      camelize(attribute.replace('data-uk-', '').replace('uk-', '')) :
-      false;
-    });
+    function getComponentName(attribute) {
+      const cmp = components$2[attribute];
+      return cmp && (isPlainObject(cmp) ? cmp : cmp.options).name;
+    }
 
     const UIkit = function (options) {
       this._init(options);
@@ -2945,7 +2937,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.15.6-dev.fb448ac28';
+    UIkit.version = '3.15.7-dev.3ec9925a1';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -2994,25 +2986,23 @@
         }
       }
 
-      function applyAttributeMutation(_ref2) {var _UIkit$getComponent;let { target, attributeName } = _ref2;
+      function applyAttributeMutation(_ref2) {let { target, attributeName } = _ref2;
         const name = getComponentName(attributeName);
 
-        if (!name || !(name in UIkit)) {
-          return;
-        }
+        if (name) {var _UIkit$getComponent;
+          if (hasAttr(target, attributeName)) {
+            UIkit[name](target);
+            return;
+          }
 
-        if (hasAttr(target, attributeName)) {
-          UIkit[name](target);
-          return;
+          (_UIkit$getComponent = UIkit.getComponent(target, name)) == null ? void 0 : _UIkit$getComponent.$destroy();
         }
-
-        (_UIkit$getComponent = UIkit.getComponent(target, name)) == null ? void 0 : _UIkit$getComponent.$destroy();
       }
     }
 
     var Class = {
       connected() {
-        !hasClass(this.$el, this.$name) && addClass(this.$el, this.$name);
+        addClass(this.$el, this.$options.id);
       } };
 
     var Lazyload = {
@@ -3362,52 +3352,46 @@
           return this.targets + " " + this.$props.toggle;
         },
 
-        handler(e) {
+        async handler(e) {var _this$_off;
           e.preventDefault();
-          this.toggle(index(this.toggles, e.current));
+
+          (_this$_off = this._off) == null ? void 0 : _this$_off.call(this);
+          this._off = keepScrollPosition(e.target);
+          await this.toggle(index(this.toggles, e.current));
+          this._off();
         } }],
 
 
 
       methods: {
-        toggle(item, animate) {
-          let items = [this.items[getIndex(item, this.items)]];
+        async toggle(item, animate) {
+          item = this.items[getIndex(item, this.items)];
+          let items = [item];
           const activeItems = filter(this.items, "." + this.clsOpen);
 
           if (!this.multiple && !includes(activeItems, items[0])) {
             items = items.concat(activeItems);
           }
 
-          if (
-          !this.collapsible &&
-          activeItems.length < 2 &&
-          !filter(items, ":not(." + this.clsOpen + ")").length)
-          {
+          if (!this.collapsible && activeItems.length < 2 && includes(activeItems, item)) {
             return;
           }
 
-          for (const el of items) {
-            this.toggleElement(el, !hasClass(el, this.clsOpen), (el, show) => {
-              toggleClass(el, this.clsOpen, show);
-              attr($(this.$props.toggle, el), 'aria-expanded', show);
+          await Promise.all(
+          items.map((el) =>
+          this.toggleElement(el, !includes(activeItems, el), (el, show) => {
+            toggleClass(el, this.clsOpen, show);
+            attr($(this.$props.toggle, el), 'aria-expanded', show);
+
+            if (animate === false || !this.animation) {
+              hide($(this.content, el), !show);
+              return;
+            }
+
+            return transition(el, show, this);
+          })));
 
-              if (animate === false || !this.animation) {
-                hide($(this.content, el), !show);
-                return;
-              }
 
-              return transition(el, show, this).then(() => {
-                if (show) {
-                  const toggle = $(this.$props.toggle, el);
-                  requestAnimationFrame(() => {
-                    if (!isInView(toggle)) {
-                      scrollIntoView(toggle, { offset: this.offset });
-                    }
-                  });
-                }
-              }, noop);
-            });
-          }
         } } };
 
 
@@ -3448,6 +3432,22 @@
       }
     }
 
+    function keepScrollPosition(el) {
+      const scrollParent = scrollParents(el)[0];
+      let frame;
+      (function scroll() {
+        frame = requestAnimationFrame(() => {
+          const { top } = el.getBoundingClientRect();
+          if (top < 0) {
+            scrollParent.scrollTop += top;
+          }
+          scroll();
+        });
+      })();
+
+      return () => requestAnimationFrame(() => cancelAnimationFrame(frame));
+    }
+
     var alert = {
       mixins: [Class, Togglable],
 
@@ -3804,6 +3804,27 @@
         } },
 
 
+      {
+        name: 'click',
+
+        delegate() {
+          return 'a[href*="#"]';
+        },
+
+        handler(_ref3) {let { current, defaultPrevented } = _ref3;
+          const { hash } = current;
+          if (
+          !defaultPrevented &&
+          hash &&
+          isSameSiteAnchor(current) &&
+          !within(hash, this.$el) &&
+          $(hash, document.body))
+          {
+            this.hide();
+          }
+        } },
+
+
       {
         name: 'toggle',
 
@@ -3872,7 +3893,7 @@
             once(
             this.$el,
             'hide',
-            on(document, pointerDown, (_ref3) => {let { target } = _ref3;
+            on(document, pointerDown, (_ref4) => {let { target } = _ref4;
               if (
               last(active$1) !== this ||
               this.overlay && !within(target, this.$el) ||
@@ -3884,7 +3905,7 @@
               once(
               document,
               pointerUp + " " + pointerCancel + " scroll",
-              (_ref4) => {let { defaultPrevented, type, target: newTarget } = _ref4;
+              (_ref5) => {let { defaultPrevented, type, target: newTarget } = _ref5;
                 if (
                 !defaultPrevented &&
                 type === pointerUp &&
@@ -3972,7 +3993,7 @@
 
 
 
-    function animate(el, show, _ref5) {let { transitionElement, _toggle } = _ref5;
+    function animate(el, show, _ref6) {let { transitionElement, _toggle } = _ref6;
       return new Promise((resolve, reject) =>
       once(el, 'show hide', () => {
         el._reject == null ? void 0 : el._reject();
@@ -4017,7 +4038,7 @@
       on(
       el,
       'touchstart',
-      (_ref6) => {let { targetTouches } = _ref6;
+      (_ref7) => {let { targetTouches } = _ref7;
         if (targetTouches.length === 1) {
           startClientY = targetTouches[0].clientY;
         }
@@ -4085,6 +4106,10 @@
       return children;
     }
 
+    function isSameSiteAnchor(a) {
+      return ['origin', 'pathname', 'search'].every((part) => a[part] === location[part]);
+    }
+
     let active;
 
     var drop = {
@@ -4196,11 +4221,17 @@
         name: 'click',
 
         delegate() {
-          return 'a[href^="#"]';
+          return 'a[href*="#"]';
         },
 
-        handler(_ref3) {let { defaultPrevented, current: { hash } } = _ref3;
-          if (!defaultPrevented && hash && !within(hash, this.$el)) {
+        handler(_ref3) {let { defaultPrevented, current } = _ref3;
+          const { hash } = current;
+          if (
+          !defaultPrevented &&
+          hash &&
+          isSameSiteAnchor(current) &&
+          !within(hash, this.$el))
+          {
             this.hide(false);
           }
         } },
@@ -5396,7 +5427,7 @@
 
 
       beforeConnect() {
-        addClass(this.$el, this.$name);
+        addClass(this.$el, this.$options.id);
       } };
 
 
@@ -6450,20 +6481,6 @@
 
 
       events: [
-      {
-        name: 'click',
-
-        delegate() {
-          return 'a[href^="#"]';
-        },
-
-        handler(_ref7) {let { current: { hash }, defaultPrevented } = _ref7;
-          if (!defaultPrevented && hash && $(hash, document.body)) {
-            this.hide();
-          }
-        } },
-
-
       {
         name: 'touchmove',
 
@@ -6880,7 +6897,7 @@
       computed: {
         links: {
           get(_, $el) {
-            return $$('a[href^="#"]', $el).filter((el) => el.hash);
+            return $$('a[href*="#"]', $el).filter((el) => el.hash && isSameSiteAnchor(el));
           },
 
           watch(links) {