uikit 3.11.2-dev.f2970ffaa → 3.11.2-dev.fb043abc2

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.11.2-dev.f2970ffaa | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.11.2-dev.fb043abc2 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1750,19 +1750,35 @@
         if ( element === void 0 ) element = window;
         if ( offsetDim === void 0 ) offsetDim = false;
 
-        return isNumeric(value)
-            ? +value
-            : endsWith(value, 'vh')
-                ? percent(height(toWindow(element)), value)
-                : endsWith(value, 'vw')
-                    ? percent(width(toWindow(element)), value)
-                    : endsWith(value, '%')
-                        ? percent(offsetDim
-                            ? element[("offset" + (ucfirst(property)))]
-                            : dimensions$1(element)[property], value)
-                        : toFloat(value);
+
+        if (!isString(value)) {
+            return toFloat(value);
+        }
+
+        return parseCalc(value).reduce(function (result, value) {
+            var unit = parseUnit(value);
+            if (unit) {
+                value = percent(
+                    unit === 'vh'
+                        ? height(toWindow(element))
+                        : unit === 'vw'
+                            ? width(toWindow(element))
+                            : offsetDim
+                                ? element[("offset" + (ucfirst(property)))]
+                                : dimensions$1(element)[property],
+                    value
+                );
+            }
+
+            return result + toFloat(value);
+        }, 0);
     }
 
+    var calcRe = /-?\d+(?:\.\d+)?(?:v[wh]|%|px)?/g;
+    var parseCalc = memoize(function (calc) { return calc.toString().replace(/\s/g, '').match(calcRe) || []; });
+    var unitRe = /(?:v[hw]|%)$/;
+    var parseUnit = memoize(function (str) { return (str.match(unitRe) || [])[0]; });
+
     function percent(base, value) {
         return base * toFloat(value) / 100;
     }
@@ -3465,7 +3481,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.11.2-dev.f2970ffaa';
+    UIkit.version = '3.11.2-dev.fb043abc2';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -7690,6 +7706,7 @@
         mixins: [Class, Media],
 
         props: {
+            position: String,
             top: null,
             bottom: Boolean,
             offset: String,
@@ -7705,6 +7722,7 @@
         },
 
         data: {
+            position: 'top',
             top: 0,
             bottom: false,
             offset: 0,
@@ -7721,10 +7739,23 @@
 
         computed: {
 
-            offset: function(ref) {
+            position: function(ref, $el) {
+                var position = ref.position;
+
+                return position === 'auto'
+                    ? (this.isFixed ? this.placeholder : $el).offsetHeight > height(window)
+                        ? 'bottom'
+                        : 'top'
+                    : position;
+            },
+
+            offset: function(ref, $el) {
                 var offset = ref.offset;
 
-                return toPx(offset);
+                if (this.position === 'bottom') {
+                    offset += '+100vh-100%';
+                }
+                return toPx(offset, 'height', $el);
             },
 
             selTarget: function(ref, $el) {
@@ -7824,6 +7855,7 @@
 
                 read: function(ref, types) {
                     var height$1 = ref.height;
+                    var margin = ref.margin;
 
 
                     this.inactive = !this.matchMedia || !isVisible(this.$el);
@@ -7832,13 +7864,19 @@
                         return false;
                     }
 
-                    if (this.isActive && types.has('resize')) {
+                    var hide = this.isActive && types.has('resize');
+                    if (hide) {
                         this.hide();
+                    }
+
+                    if (!this.isActive) {
                         height$1 = this.$el.offsetHeight;
-                        this.show();
+                        margin = css(this.$el, 'margin');
                     }
 
-                    height$1 = this.isActive ? height$1 : this.$el.offsetHeight;
+                    if (hide) {
+                        this.show();
+                    }
 
                     var overflow = Math.max(0, height$1 + this.offset - height(window));
 
@@ -7846,8 +7884,10 @@
                     var topOffset = offset(referenceElement).top;
                     var offsetParentTop = offset(referenceElement.offsetParent).top;
 
-                    var bottom = parseProp('bottom', this);
-                    var start = Math.max(toFloat(parseProp('top', this)), topOffset) - this.offset;
+                    var top = parseProp(this.top, this.$el, topOffset);
+                    var bottom = parseProp(this.bottom, this.$el, topOffset + height$1);
+
+                    var start = Math.max(top, topOffset) - this.offset;
                     var end = bottom
                         ? bottom - this.$el.offsetHeight + overflow - this.offset
                         : getScrollingElement(this.$el).scrollHeight - height(window);
@@ -7859,21 +7899,21 @@
                         topOffset: topOffset,
                         offsetParentTop: offsetParentTop,
                         height: height$1,
+                        margin: margin,
                         width: dimensions$1(isVisible(this.widthElement) ? this.widthElement : this.$el).width,
-                        top: offsetPosition(this.placeholder)[0],
-                        margins: css(this.$el, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'])
+                        top: offsetPosition(this.placeholder)[0]
                     };
                 },
 
                 write: function(ref) {
                     var height = ref.height;
-                    var margins = ref.margins;
+                    var margin = ref.margin;
 
 
                     var ref$1 = this;
                     var placeholder = ref$1.placeholder;
 
-                    css(placeholder, assign({height: height}, margins));
+                    css(placeholder, {height: height, margin: margin});
 
                     if (!within(placeholder, document)) {
                         after(this.$el, placeholder);
@@ -8024,7 +8064,7 @@
                 var height = ref.height;
                 var offsetParentTop = ref.offsetParentTop;
                 var active = start !== 0 || scroll > start;
-                var top = Math.max(0, this.offset);
+                var top = this.offset;
                 var position = 'fixed';
 
                 if (scroll > end) {
@@ -8052,16 +8092,10 @@
 
     };
 
-    function parseProp(prop, ref) {
-        var $props = ref.$props;
-        var $el = ref.$el;
-        var propOffset = ref[(prop + "Offset")];
-
-
-        var value = $props[prop];
+    function parseProp(value, el, propOffset) {
 
         if (!value) {
-            return;
+            return 0;
         }
 
         if (isString(value) && value.match(/^-?\d/)) {
@@ -8070,7 +8104,7 @@
 
         } else {
 
-            return offset(value === true ? parent($el) : query(value, $el)).bottom;
+            return offset(value === true ? parent(el) : query(value, el)).bottom;
 
         }
     }
@@ -11082,16 +11116,18 @@
             start: function(ref) {
                 var start = ref.start;
 
-                return parseCalc(start, this.target);
+                return toPx(start, 'height', this.target, true);
             },
 
             end: function(ref) {
                 var end = ref.end;
                 var viewport = ref.viewport;
 
-                return parseCalc(
+                return toPx(
                     end || (viewport = (1 - viewport) * 100) && (viewport + "vh+" + viewport + "%"),
-                    this.target
+                    'height',
+                    this.target,
+                    true
                 );
             }
 
@@ -11138,19 +11174,6 @@
 
     };
 
-    var calcRe = /-?\d+(?:\.\d+)?(?:v[wh]|%|px)?/g;
-    function parseCalc(calc, el) {
-        var match;
-        var result = 0;
-        calc = calc.toString().replace(/\s/g, '');
-        calcRe.lastIndex = 0;
-        while ((match = calcRe.exec(calc)) !== null) {
-            result += toPx(match[0], 'height', el, true);
-        }
-
-        return result;
-    }
-
     function ease(percent, easing) {
         return easing >= 0
             ? Math.pow(percent, easing + 1)