uikit 3.11.2-dev.ab82450f4 → 3.11.2-dev.e5a6313f1

package/dist/js/components/upload.min.js

@@ -1 +1 @@
-/*! UIkit 3.11.2-dev.ab82450f4 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(r,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitupload",["uikit-util"],s):(r=typeof globalThis<"u"?globalThis:r||self,r.UIkitUpload=s(r.UIkit.util))})(this,function(r){"use strict";var s={props:{allow:String,clsDragover:String,concurrent:Number,maxSize:Number,method:String,mime:String,msgInvalidMime:String,msgInvalidName:String,msgInvalidSize:String,multiple:Boolean,name:String,params:Object,type:String,url:String},data:{allow:!1,clsDragover:"uk-dragover",concurrent:1,maxSize:0,method:"POST",mime:!1,msgInvalidMime:"Invalid File Type: %s",msgInvalidName:"Invalid File Name: %s",msgInvalidSize:"Invalid File Size: %s Kilobytes Max",multiple:!1,name:"files[]",params:{},type:"",url:"",abort:r.noop,beforeAll:r.noop,beforeSend:r.noop,complete:r.noop,completeAll:r.noop,error:r.noop,fail:r.noop,load:r.noop,loadEnd:r.noop,loadStart:r.noop,progress:r.noop},events:{change:function(e){!r.matches(e.target,'input[type="file"]')||(e.preventDefault(),e.target.files&&this.upload(e.target.files),e.target.value="")},drop:function(e){p(e);var n=e.dataTransfer;!n||!n.files||(r.removeClass(this.$el,this.clsDragover),this.upload(n.files))},dragenter:function(e){p(e)},dragover:function(e){p(e),r.addClass(this.$el,this.clsDragover)},dragleave:function(e){p(e),r.removeClass(this.$el,this.clsDragover)}},methods:{upload:function(e){var n=this;if(!!e.length){r.trigger(this.$el,"upload",[e]);for(var o=0;o<e.length;o++){if(this.maxSize&&this.maxSize*1e3<e[o].size){this.fail(this.msgInvalidSize.replace("%s",this.maxSize));return}if(this.allow&&!f(this.allow,e[o].name)){this.fail(this.msgInvalidName.replace("%s",this.allow));return}if(this.mime&&!f(this.mime,e[o].type)){this.fail(this.msgInvalidMime.replace("%s",this.mime));return}}this.multiple||(e=[e[0]]),this.beforeAll(this,e);var t=c(e,this.concurrent),l=function(i){var d=new FormData;i.forEach(function(a){return d.append(n.name,a)});for(var h in n.params)d.append(h,n.params[h]);r.ajax(n.url,{data:d,method:n.method,responseType:n.type,beforeSend:function(a){var m=a.xhr;return m.upload&&r.on(m.upload,"progress",n.progress),["loadStart","load","loadEnd","abort"].forEach(function(u){return r.on(m,u.toLowerCase(),n[u])}),n.beforeSend(a)}}).then(function(a){n.complete(a),t.length?l(t.shift()):n.completeAll(a)},function(a){return n.error(a)})};l(t.shift())}}}};function f(e,n){return n.match(new RegExp("^"+e.replace(/\//g,"\\/").replace(/\*\*/g,"(\\/[^\\/]+)*").replace(/\*/g,"[^\\/]+").replace(/((?!\\))\?/g,"$1.")+"$","i"))}function c(e,n){for(var o=[],t=0;t<e.length;t+=n){for(var l=[],i=0;i<n;i++)l.push(e[t+i]);o.push(l)}return o}function p(e){e.preventDefault(),e.stopPropagation()}return typeof window<"u"&&window.UIkit&&window.UIkit.component("upload",s),s});
+/*! UIkit 3.11.2-dev.e5a6313f1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(r,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitupload",["uikit-util"],s):(r=typeof globalThis<"u"?globalThis:r||self,r.UIkitUpload=s(r.UIkit.util))})(this,function(r){"use strict";var s={props:{allow:String,clsDragover:String,concurrent:Number,maxSize:Number,method:String,mime:String,msgInvalidMime:String,msgInvalidName:String,msgInvalidSize:String,multiple:Boolean,name:String,params:Object,type:String,url:String},data:{allow:!1,clsDragover:"uk-dragover",concurrent:1,maxSize:0,method:"POST",mime:!1,msgInvalidMime:"Invalid File Type: %s",msgInvalidName:"Invalid File Name: %s",msgInvalidSize:"Invalid File Size: %s Kilobytes Max",multiple:!1,name:"files[]",params:{},type:"",url:"",abort:r.noop,beforeAll:r.noop,beforeSend:r.noop,complete:r.noop,completeAll:r.noop,error:r.noop,fail:r.noop,load:r.noop,loadEnd:r.noop,loadStart:r.noop,progress:r.noop},events:{change:function(e){!r.matches(e.target,'input[type="file"]')||(e.preventDefault(),e.target.files&&this.upload(e.target.files),e.target.value="")},drop:function(e){p(e);var n=e.dataTransfer;!n||!n.files||(r.removeClass(this.$el,this.clsDragover),this.upload(n.files))},dragenter:function(e){p(e)},dragover:function(e){p(e),r.addClass(this.$el,this.clsDragover)},dragleave:function(e){p(e),r.removeClass(this.$el,this.clsDragover)}},methods:{upload:function(e){var n=this;if(!!e.length){r.trigger(this.$el,"upload",[e]);for(var o=0;o<e.length;o++){if(this.maxSize&&this.maxSize*1e3<e[o].size){this.fail(this.msgInvalidSize.replace("%s",this.maxSize));return}if(this.allow&&!f(this.allow,e[o].name)){this.fail(this.msgInvalidName.replace("%s",this.allow));return}if(this.mime&&!f(this.mime,e[o].type)){this.fail(this.msgInvalidMime.replace("%s",this.mime));return}}this.multiple||(e=[e[0]]),this.beforeAll(this,e);var t=c(e,this.concurrent),l=function(i){var d=new FormData;i.forEach(function(a){return d.append(n.name,a)});for(var h in n.params)d.append(h,n.params[h]);r.ajax(n.url,{data:d,method:n.method,responseType:n.type,beforeSend:function(a){var m=a.xhr;return m.upload&&r.on(m.upload,"progress",n.progress),["loadStart","load","loadEnd","abort"].forEach(function(u){return r.on(m,u.toLowerCase(),n[u])}),n.beforeSend(a)}}).then(function(a){n.complete(a),t.length?l(t.shift()):n.completeAll(a)},function(a){return n.error(a)})};l(t.shift())}}}};function f(e,n){return n.match(new RegExp("^"+e.replace(/\//g,"\\/").replace(/\*\*/g,"(\\/[^\\/]+)*").replace(/\*/g,"[^\\/]+").replace(/((?!\\))\?/g,"$1.")+"$","i"))}function c(e,n){for(var o=[],t=0;t<e.length;t+=n){for(var l=[],i=0;i<n;i++)l.push(e[t+i]);o.push(l)}return o}function p(e){e.preventDefault(),e.stopPropagation()}return typeof window<"u"&&window.UIkit&&window.UIkit.component("upload",s),s});

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.11.2-dev.ab82450f4 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.11.2-dev.e5a6313f1 | 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(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(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;
     }
@@ -1800,8 +1816,6 @@
     };
 
     function flush(recursion) {
-        if ( recursion === void 0 ) recursion = 1;
-
         runTasks(fastdom.reads);
         runTasks(fastdom.writes.splice(0));
 
@@ -1823,7 +1837,7 @@
         if (recursion && recursion < RECURSION_LIMIT) {
             Promise$1.resolve().then(function () { return flush(recursion); });
         } else {
-            requestAnimationFrame(function () { return flush(); });
+            requestAnimationFrame(function () { return flush(1); });
         }
 
     }
@@ -2241,7 +2255,11 @@
             element = toNode(element);
         }
 
-        element.scrollTop = top;
+        if (isUndefined(top)) {
+            return element.scrollTop;
+        } else {
+            element.scrollTop = top;
+        }
     }
 
     function scrollIntoView(element, ref) {
@@ -2673,7 +2691,8 @@
         scrolledOver: scrolledOver,
         scrollParents: scrollParents,
         getViewport: getViewport$1,
-        getViewportClientHeight: getViewportClientHeight
+        getViewportClientHeight: getViewportClientHeight,
+        getScrollingElement: getScrollingElement
     });
 
     function globalAPI (UIkit) {
@@ -3137,11 +3156,11 @@
                 on(
                     el,
                     name,
-                    !delegate
-                        ? null
-                        : isString(delegate)
+                    delegate
+                        ? isString(delegate)
                             ? delegate
-                            : delegate.call(component),
+                            : delegate.call(component)
+                        : null,
                     isString(handler) ? component[handler] : handler.bind(component),
                     {passive: passive, capture: capture, self: self}
                 )
@@ -3462,7 +3481,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.11.2-dev.ab82450f4';
+    UIkit.version = '3.11.2-dev.e5a6313f1';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3483,7 +3502,7 @@
                 return;
             }
             pendingResize = true;
-            fastdom.write(function () { return pendingResize = false; });
+            fastdom.read(function () { return pendingResize = false; });
             UIkit.update(null, 'resize');
         };
 
@@ -3502,7 +3521,7 @@
                 return;
             }
             pending = true;
-            fastdom.write(function () { return pending = false; });
+            fastdom.read(function () { return pending = false; });
 
             UIkit.update(null, e.type);
 
@@ -4588,7 +4607,7 @@
                 if (active$1) {
 
                     if (delay && active$1.isDelaying) {
-                        this.showTimer = setTimeout(this.show, 10);
+                        this.showTimer = setTimeout(function () { return matches(target, ':hover') && this$1$1.show(); }, 10);
                         return;
                     }
 
@@ -5312,7 +5331,7 @@
                 css(this.$el, {minHeight: minHeight});
 
                 if (minHeight !== prev) {
-                    this.$update(this.$el, 'resize');
+                    trigger(this.$el, 'resize');
                 }
 
                 if (this.minHeight && toFloat(css(this.$el, 'minHeight')) < this.minHeight) {
@@ -6720,7 +6739,7 @@
                     var current = ref.current;
 
                     var active = this.getActive();
-                    if (active && includes(active.mode, 'hover') && active.target && !within(active.target, current) && !active.tracker.movesTo(active.$el)) {
+                    if (active && includes(active.mode, 'hover') && active.target && !within(active.target, current) && !active.isDelaying) {
                         active.hide(false);
                     }
                 }
@@ -6895,7 +6914,11 @@
 
                     var active = this.getActive();
 
-                    if (matches(this.dropbar, ':hover') && active && active.$el === $el) {
+                    if (matches(this.dropbar, ':hover')
+                        && active
+                        && active.$el === $el
+                        && !this.toggles.some(function (el) { return active.target !== el && matches(el, ':focus'); })
+                    ) {
                         e.preventDefault();
                     }
                 }
@@ -7687,6 +7710,7 @@
         mixins: [Class, Media],
 
         props: {
+            position: String,
             top: null,
             bottom: Boolean,
             offset: String,
@@ -7702,6 +7726,7 @@
         },
 
         data: {
+            position: 'top',
             top: 0,
             bottom: false,
             offset: 0,
@@ -7718,10 +7743,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) {
@@ -7788,7 +7826,7 @@
                     var this$1$1 = this;
 
 
-                    if (!(this.targetOffset !== false && location.hash && window.pageYOffset > 0)) {
+                    if (!(this.targetOffset !== false && location.hash && scrollTop(window) > 0)) {
                         return;
                     }
 
@@ -7821,6 +7859,7 @@
 
                 read: function(ref, types) {
                     var height$1 = ref.height;
+                    var margin = ref.margin;
 
 
                     this.inactive = !this.matchMedia || !isVisible(this.$el);
@@ -7829,46 +7868,56 @@
                         return false;
                     }
 
-                    if (this.isActive && types.has('resize')) {
+                    var hide = this.isActive && types.has('resize');
+                    if (hide) {
                         this.hide();
-                        height$1 = this.$el.offsetHeight;
-                        this.show();
                     }
 
-                    height$1 = this.isActive ? height$1 : this.$el.offsetHeight;
+                    if (!this.isActive) {
+                        height$1 = this.$el.offsetHeight;
+                        margin = css(this.$el, 'margin');
+                    }
 
-                    if (height$1 + this.offset > height(window)) {
-                        this.inactive = true;
-                        return false;
+                    if (hide) {
+                        this.show();
                     }
 
+                    var overflow = Math.max(0, height$1 + this.offset - height(window));
+
                     var referenceElement = this.isFixed ? this.placeholder : this.$el;
-                    this.topOffset = offset(referenceElement).top;
-                    this.bottomOffset = this.topOffset + height$1;
-                    this.offsetParentTop = offset(referenceElement.offsetParent).top;
+                    var topOffset = offset(referenceElement).top;
+                    var offsetParentTop = offset(referenceElement.offsetParent).top;
 
-                    var bottom = parseProp('bottom', this);
+                    var top = parseProp(this.top, this.$el, topOffset);
+                    var bottom = parseProp(this.bottom, this.$el, topOffset + height$1);
 
-                    this.top = Math.max(toFloat(parseProp('top', this)), this.topOffset) - this.offset;
-                    this.bottom = bottom && bottom - this.$el.offsetHeight;
-                    this.width = dimensions(isVisible(this.widthElement) ? this.widthElement : this.$el).width;
+                    var start = Math.max(top, topOffset) - this.offset;
+                    var end = bottom
+                        ? bottom - this.$el.offsetHeight + overflow - this.offset
+                        : getScrollingElement(this.$el).scrollHeight - height(window);
 
                     return {
+                        start: start,
+                        end: end,
+                        overflow: overflow,
+                        topOffset: topOffset,
+                        offsetParentTop: offsetParentTop,
                         height: height$1,
-                        top: offsetPosition(this.placeholder)[0],
-                        margins: css(this.$el, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'])
+                        margin: margin,
+                        width: dimensions(isVisible(this.widthElement) ? this.widthElement : this.$el).width,
+                        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);
@@ -7886,14 +7935,29 @@
             {
 
                 read: function(ref) {
-                    var scroll = ref.scroll; if ( scroll === void 0 ) scroll = 0;
+                    var prevScroll = ref.scroll; if ( prevScroll === void 0 ) prevScroll = 0;
+                    var prevDir = ref.dir; if ( prevDir === void 0 ) prevDir = 'down';
+                    var overflow = ref.overflow;
+                    var overflowScroll = ref.overflowScroll; if ( overflowScroll === void 0 ) overflowScroll = 0;
+                    var start = ref.start;
+                    var end = ref.end;
 
 
-                    this.scroll = window.pageYOffset;
+                    var scroll = scrollTop(window);
+                    var dir = prevScroll <= scroll ? 'down' : 'up';
 
                     return {
-                        dir: scroll <= this.scroll ? 'down' : 'up',
-                        scroll: this.scroll
+                        dir: dir,
+                        prevDir: prevDir,
+                        scroll: scroll,
+                        prevScroll: prevScroll,
+                        overflowScroll: clamp(
+                            overflowScroll
+                            + clamp(scroll, start, end)
+                            - clamp(prevScroll, start, end),
+                            0,
+                            overflow
+                        )
                     };
                 },
 
@@ -7901,35 +7965,34 @@
                     var this$1$1 = this;
 
 
-                    var now = Date.now();
                     var isScrollUpdate = types.has('scroll');
                     var initTimestamp = data.initTimestamp; if ( initTimestamp === void 0 ) initTimestamp = 0;
                     var dir = data.dir;
-                    var lastDir = data.lastDir;
-                    var lastScroll = data.lastScroll;
+                    var prevDir = data.prevDir;
                     var scroll = data.scroll;
+                    var prevScroll = data.prevScroll; if ( prevScroll === void 0 ) prevScroll = 0;
                     var top = data.top;
+                    var start = data.start;
+                    var topOffset = data.topOffset;
+                    var height = data.height;
 
-                    data.lastScroll = scroll;
-
-                    if (scroll < 0 || scroll === lastScroll && isScrollUpdate || this.showOnUp && !isScrollUpdate && !this.isFixed) {
+                    if (scroll < 0 || scroll === prevScroll && isScrollUpdate || this.showOnUp && !isScrollUpdate && !this.isFixed) {
                         return;
                     }
 
-                    if (now - initTimestamp > 300 || dir !== lastDir) {
+                    var now = Date.now();
+                    if (now - initTimestamp > 300 || dir !== prevDir) {
                         data.initScroll = scroll;
                         data.initTimestamp = now;
                     }
 
-                    data.lastDir = dir;
-
-                    if (this.showOnUp && !this.isFixed && Math.abs(data.initScroll - scroll) <= 30 && Math.abs(lastScroll - scroll) <= 10) {
+                    if (this.showOnUp && !this.isFixed && Math.abs(data.initScroll - scroll) <= 30 && Math.abs(prevScroll - scroll) <= 10) {
                         return;
                     }
 
                     if (this.inactive
-                        || scroll < this.top
-                        || this.showOnUp && (scroll <= this.top || dir === 'down' && isScrollUpdate || dir === 'up' && !this.isFixed && scroll <= this.bottomOffset)
+                        || scroll < start
+                        || this.showOnUp && (scroll <= start || dir === 'down' && isScrollUpdate || dir === 'up' && !this.isFixed && scroll <= topOffset + height)
                     ) {
 
                         if (!this.isFixed) {
@@ -7944,7 +8007,7 @@
 
                         this.isFixed = false;
 
-                        if (this.animation && scroll > this.topOffset) {
+                        if (this.animation && scroll > topOffset) {
                             Animation.cancel(this.$el);
                             Animation.out(this.$el, this.animation).then(function () { return this$1$1.hide(); }, noop);
                         } else {
@@ -7994,23 +8057,37 @@
 
             update: function() {
 
-                var active = this.top !== 0 || this.scroll > this.top;
-                var top = Math.max(0, this.offset);
+                var ref = this._data;
+                var width = ref.width;
+                var scroll = ref.scroll; if ( scroll === void 0 ) scroll = 0;
+                var overflow = ref.overflow;
+                var overflowScroll = ref.overflowScroll; if ( overflowScroll === void 0 ) overflowScroll = 0;
+                var start = ref.start;
+                var end = ref.end;
+                var topOffset = ref.topOffset;
+                var height = ref.height;
+                var offsetParentTop = ref.offsetParentTop;
+                var active = start !== 0 || scroll > start;
+                var top = this.offset;
                 var position = 'fixed';
 
-                if (isNumeric(this.bottom) && this.scroll > this.bottom - this.offset) {
-                    top = this.bottom - this.offsetParentTop;
+                if (scroll > end) {
+                    top = end + this.offset - offsetParentTop;
                     position = 'absolute';
                 }
 
+                if (overflow) {
+                    top -= overflowScroll;
+                }
+
                 css(this.$el, {
                     position: position,
                     top: (top + "px"),
-                    width: this.width
+                    width: width
                 });
 
                 this.isActive = active;
-                toggleClass(this.$el, this.clsBelow, this.scroll > this.bottomOffset);
+                toggleClass(this.$el, this.clsBelow, scroll > topOffset + height);
                 addClass(this.$el, this.clsFixed);
 
             }
@@ -8019,16 +8096,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/)) {
@@ -8037,7 +8108,7 @@
 
         } else {
 
-            return offset(value === true ? parent($el) : query(value, $el)).bottom;
+            return offset(value === true ? parent(el) : query(value, el)).bottom;
 
         }
     }