uikit 3.15.16-dev.67856a2ee → 3.15.16-dev.dc520a80d

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.16-dev.67856a2ee | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.16-dev.dc520a80d | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -176,6 +176,13 @@
 
     }
 
+    function sumBy(array, iteratee) {
+      return array.reduce(
+      (sum, item) => sum + toFloat(isFunction(iteratee) ? iteratee(item) : item[iteratee]),
+      0);
+
+    }
+
     function uniqueBy(array, prop) {
       const seen = new Set();
       return array.filter((_ref3) => {let { [prop]: check } = _ref3;return seen.has(check) ? false : seen.add(check);});
@@ -1222,14 +1229,11 @@
 
     function boxModelAdjust(element, prop, sizing) {if (sizing === void 0) {sizing = 'border-box';}
       return css(element, 'boxSizing') === sizing ?
-      dirs$1[prop].
-      map(ucfirst).
-      reduce(
-      (value, prop) =>
-      value +
+      sumBy(
+      dirs$1[prop].map(ucfirst),
+      (prop) =>
       toFloat(css(element, "padding" + prop)) +
-      toFloat(css(element, "border" + prop + "Width")),
-      0) :
+      toFloat(css(element, "border" + prop + "Width"))) :
 
       0;
     }
@@ -1250,23 +1254,22 @@
         return toFloat(value);
       }
 
-      return parseCalc(value).reduce((result, value) => {
+      return sumBy(parseCalc(value), (value) => {
         const unit = parseUnit(value);
-        if (unit) {
-          value = percent(
-          unit === 'vh' ?
-          getViewportHeight() :
-          unit === 'vw' ?
-          width(toWindow(element)) :
-          offsetDim ?
-          element["offset" + ucfirst(property)] :
-          dimensions$1(element)[property],
-          value);
 
-        }
-
-        return result + toFloat(value);
-      }, 0);
+        return unit ?
+        percent(
+        unit === 'vh' ?
+        getViewportHeight() :
+        unit === 'vw' ?
+        width(toWindow(element)) :
+        offsetDim ?
+        element["offset" + ucfirst(property)] :
+        dimensions$1(element)[property],
+        value) :
+
+        value;
+      });
     }
 
     const calcRe = /-?\d+(?:\.\d+)?(?:v[wh]|%|px)?/g;
@@ -2285,6 +2288,7 @@
         last: last,
         each: each,
         sortBy: sortBy$1,
+        sumBy: sumBy,
         uniqueBy: uniqueBy,
         clamp: clamp,
         noop: noop,
@@ -2978,7 +2982,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.15.16-dev.67856a2ee';
+    UIkit.version = '3.15.16-dev.dc520a80d';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3460,10 +3464,9 @@
       await Transition.cancel(wrapper);
       hide(content, false);
 
-      const endHeight =
-      toFloat(css(content, 'height')) +
-      toFloat(css(content, 'marginTop')) +
-      toFloat(css(content, 'marginBottom'));
+      const endHeight = sumBy(['height', 'paddingBottom', 'marginTop', 'marginBottom'], (prop) =>
+      css(content, prop));
+
       const percent = currentHeight / endHeight;
       duration = (velocity * endHeight + duration) * (show ? 1 - percent : percent);
       css(wrapper, 'height', currentHeight);
@@ -3840,23 +3843,11 @@
         name: 'click',
 
         delegate() {
-          return this.selClose;
+          return this.selClose + ",a[href*=\"#\"]";
         },
 
         handler(e) {
-          e.preventDefault();
-          this.hide();
-        }
-      },
-
-      {
-        name: 'click',
-
-        delegate() {
-          return 'a[href*="#"]';
-        },
-
-        handler(_ref3) {let { current, defaultPrevented } = _ref3;
+          const { current, defaultPrevented } = e;
           const { hash } = current;
           if (
           !defaultPrevented &&
@@ -3866,6 +3857,9 @@
           $(hash, document.body))
           {
             this.hide();
+          } else if (matches(current, this.selClose)) {
+            e.preventDefault();
+            this.hide();
           }
         }
       },
@@ -3938,7 +3932,7 @@
             once(
             this.$el,
             'hide',
-            on(document, pointerDown$1, (_ref4) => {let { target } = _ref4;
+            on(document, pointerDown$1, (_ref3) => {let { target } = _ref3;
               if (
               last(active$1) !== this ||
               this.overlay && !within(target, this.$el) ||
@@ -3950,7 +3944,7 @@
               once(
               document,
               pointerUp$1 + " " + pointerCancel + " scroll",
-              (_ref5) => {let { defaultPrevented, type, target: newTarget } = _ref5;
+              (_ref4) => {let { defaultPrevented, type, target: newTarget } = _ref4;
                 if (
                 !defaultPrevented &&
                 type === pointerUp$1 &&
@@ -4038,7 +4032,7 @@
       }
     };
 
-    function animate(el, show, _ref6) {let { transitionElement, _toggle } = _ref6;
+    function animate(el, show, _ref5) {let { transitionElement, _toggle } = _ref5;
       return new Promise((resolve, reject) =>
       once(el, 'show hide', () => {
         el._reject == null ? void 0 : el._reject();
@@ -4086,7 +4080,7 @@
       on(
       el,
       'touchstart',
-      (_ref7) => {let { targetTouches } = _ref7;
+      (_ref6) => {let { targetTouches } = _ref6;
         if (targetTouches.length === 1) {
           startClientY = targetTouches[0].clientY;
         }
@@ -4917,7 +4911,7 @@
           let translates = false;
 
           const nodes = children(this.$el);
-          const columnHeights = getColumnHeights(columns);
+          const columnHeights = columns.map((column) => sumBy(column, 'offsetHeight'));
           const margin = getMarginTop(nodes, this.margin) * (rows.length - 1);
           const elHeight = Math.max(...columnHeights) + margin;
 
@@ -5010,10 +5004,6 @@
       return toFloat(node ? css(node, 'marginTop') : css(nodes[0], 'paddingLeft'));
     }
 
-    function getColumnHeights(columns) {
-      return columns.map((column) => column.reduce((sum, el) => sum + el.offsetHeight, 0));
-    }
-
     var heightMatch = {
       mixins: [Resize],
 
@@ -7084,6 +7074,8 @@
         $('<div class="uk-sticky-placeholder"></div>');
         this.isFixed = false;
         this.setActive(false);
+
+        this.registerObserver(observeResize(this.$el, () => !this.isFixed && this.$emit('resize')));
       },
 
       disconnected() {
@@ -10395,7 +10387,7 @@
     }
 
     function getWidth(list) {
-      return children(list).reduce((right, el) => dimensions$1(el).width + right, 0);
+      return sumBy(children(list), (el) => dimensions$1(el).width);
     }
 
     function centerEl(el, list) {