uikit 3.14.3 → 3.14.4-dev.008162cc3

package/dist/js/components/tooltip.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.4-dev.008162cc3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -42,7 +42,7 @@
 
         initProps: {
           overflow: '',
-          height: '',
+          maxHeight: '',
           paddingTop: '',
           paddingBottom: '',
           marginTop: '',
@@ -52,7 +52,7 @@
 
         hideProps: {
           overflow: 'hidden',
-          height: 0,
+          maxHeight: 0,
           paddingTop: 0,
           paddingBottom: 0,
           marginTop: 0,
@@ -67,7 +67,7 @@
         },
 
         hasTransition(_ref2) {let { animation } = _ref2;
-          return this.hasAnimation && animation[0] === true;
+          return uikitUtil.startsWith(animation[0], 'slide');
         } },
 
 
@@ -82,18 +82,13 @@
               return Promise.reject();
             }
 
-            if (!animate) {
-              uikitUtil.Animation.cancel(el);
-              uikitUtil.Transition.cancel(el);
-            }
-
             const promise = (
             uikitUtil.isFunction(animate) ?
             animate :
             animate === false || !this.hasAnimation ?
-            this._toggle :
+            toggleInstant(this) :
             this.hasTransition ?
-            toggleHeight(this) :
+            toggleTransition(this) :
             toggleAnimation(this))(
             el, show);
 
@@ -157,7 +152,25 @@
 
 
 
-    function toggleHeight(_ref3)
+    function toggleInstant(_ref3) {let { _toggle } = _ref3;
+      return (el, show) => {
+        uikitUtil.Animation.cancel(el);
+        uikitUtil.Transition.cancel(el);
+        return _toggle(el, show);
+      };
+    }
+
+    function toggleTransition(cmp) {
+      switch (cmp.animation[0]) {
+        case 'slide-left':
+          return slideHorizontal(cmp);
+        case 'slide-right':
+          return slideHorizontal(cmp, true);}
+
+      return slide(cmp);
+    }
+
+    function slide(_ref4)
 
 
 
@@ -165,14 +178,17 @@
 
 
 
-    {let { isToggled, duration, velocity, initProps, hideProps, transition, _toggle } = _ref3;
+    {let { isToggled, duration, velocity, initProps, hideProps, transition, _toggle } = _ref4;
       return (el, show) => {
         const inProgress = uikitUtil.Transition.inProgress(el);
-        const inner = el.hasChildNodes() ?
+        const inner =
+        !inProgress && el.hasChildNodes() ?
         uikitUtil.toFloat(uikitUtil.css(el.firstElementChild, 'marginTop')) +
         uikitUtil.toFloat(uikitUtil.css(el.lastElementChild, 'marginBottom')) :
         0;
-        const currentHeight = uikitUtil.isVisible(el) ? uikitUtil.height(el) + (inProgress ? 0 : inner) : 0;
+        const currentHeight = uikitUtil.isVisible(el) ? uikitUtil.toFloat(uikitUtil.css(el, 'height')) + inner : 0;
+
+        const props = inProgress ? uikitUtil.css(el, Object.keys(initProps)) : show ? hideProps : initProps;
 
         uikitUtil.Transition.cancel(el);
 
@@ -180,34 +196,97 @@
           _toggle(el, true);
         }
 
-        uikitUtil.height(el, '');
+        uikitUtil.css(el, 'maxHeight', '');
 
         // Update child components first
         uikitUtil.fastdom.flush();
 
-        const endHeight = uikitUtil.height(el) + (inProgress ? 0 : inner);
-        duration = velocity * el.offsetHeight + duration;
+        const endHeight = uikitUtil.toFloat(uikitUtil.css(el, 'height')) + inner;
+        duration = velocity * endHeight + duration;
 
-        uikitUtil.height(el, currentHeight);
+        uikitUtil.css(el, { ...props, maxHeight: currentHeight });
 
         return (
         show ?
         uikitUtil.Transition.start(
         el,
-        { ...initProps, overflow: 'hidden', height: endHeight },
-        Math.round(duration * (1 - currentHeight / endHeight)),
+        { ...initProps, overflow: 'hidden', maxHeight: endHeight },
+        duration * (1 - currentHeight / endHeight),
         transition) :
 
         uikitUtil.Transition.start(
         el,
         hideProps,
-        Math.round(duration * (currentHeight / endHeight)),
+        duration * (currentHeight / endHeight),
         transition).
         then(() => _toggle(el, false))).
         then(() => uikitUtil.css(el, initProps));
       };
     }
 
+    function slideHorizontal(_ref5, right) {let { isToggled, duration, velocity, transition, _toggle } = _ref5;
+      return (el, show) => {
+        const visible = uikitUtil.isVisible(el);
+        const marginLeft = uikitUtil.toFloat(uikitUtil.css(el, 'marginLeft'));
+
+        uikitUtil.Transition.cancel(el);
+
+        const [scrollElement] = uikitUtil.scrollParents(el);
+        uikitUtil.css(scrollElement, 'overflowX', 'hidden');
+
+        if (!isToggled(el)) {
+          _toggle(el, true);
+        }
+
+        const width = uikitUtil.toFloat(uikitUtil.css(el, 'width'));
+        duration = velocity * width + duration;
+
+        const percent = visible ? (width + marginLeft * (right ? -1 : 1)) / width * 100 : 0;
+        const offsetEl = uikitUtil.offset(el);
+        const useClipPath = right ?
+        offsetEl.right < scrollElement.clientWidth :
+        Math.round(offsetEl.left) > 0;
+
+        uikitUtil.css(el, {
+          clipPath: useClipPath ?
+          right ? "polygon(0 0," +
+          percent + "% 0," + percent + "% 100%,0 100%)" : "polygon(" + (
+          100 - percent) + "% 0,100% 0,100% 100%," + (100 - percent) + "% 100%)" :
+          '',
+          marginLeft: (100 - percent) * (right ? 1 : -1) / 100 * width });
+
+
+        return (
+        show ?
+        uikitUtil.Transition.start(
+        el,
+        {
+          clipPath: useClipPath ? "polygon(0 0,100% 0,100% 100%,0 100%)" : '',
+          marginLeft: 0 },
+
+        duration * (1 - percent / 100),
+        transition) :
+
+        uikitUtil.Transition.start(
+        el,
+        {
+          clipPath: useClipPath ?
+          right ? "polygon(0 0,0 0,0 100%,0 100%)" : "polygon(100% 0,100% 0,100% 100%,100% 100%)" :
+
+
+          '',
+          marginLeft: (right ? 1 : -1) * width },
+
+        duration * (percent / 100),
+        transition).
+        then(() => _toggle(el, false))).
+        then(() => {
+          uikitUtil.css(scrollElement, 'overflowX', '');
+          uikitUtil.css(el, { clipPath: '', marginLeft: '' });
+        });
+      };
+    }
+
     function toggleAnimation(cmp) {
       return (el, show) => {
         uikitUtil.Animation.cancel(el);
@@ -240,23 +319,17 @@
 
       connected() {
         this.pos = this.$props.pos.split('-').concat('center').slice(0, 2);
-        this.axis = uikitUtil.includes(['top', 'bottom'], this.pos[0]) ? 'y' : 'x';
+        [this.dir, this.align] = this.pos;
+        this.axis = uikitUtil.includes(['top', 'bottom'], this.dir) ? 'y' : 'x';
       },
 
       methods: {
         positionAt(element, target, boundary) {
-          const [dir, align] = this.pos;
-
-          let offset = uikitUtil.toPx(
-          this.offset === false ? uikitUtil.getCssVar('position-offset', element) : this.offset,
-          this.axis === 'x' ? 'width' : 'height',
-          element);
-
-          offset = [uikitUtil.includes(['left', 'top'], dir) ? -offset : +offset, 0];
+          let offset = [this.getPositionOffset(element), this.getShiftOffset(element)];
 
           const attach = {
-            element: [uikitUtil.flipPosition(dir), align],
-            target: [dir, align] };
+            element: [uikitUtil.flipPosition(this.dir), this.align],
+            target: [this.dir, this.align] };
 
 
           if (this.axis === 'y') {
@@ -266,13 +339,48 @@
             offset = offset.reverse();
           }
 
+          const [scrollElement] = uikitUtil.scrollParents(element, /auto|scroll/);
+          const { scrollTop, scrollLeft } = scrollElement;
+
+          // Ensure none positioned element does not generate scrollbars
+          const elDim = uikitUtil.dimensions(element);
+          uikitUtil.css(element, { top: -elDim.height, left: -elDim.width });
+
           uikitUtil.positionAt(element, target, {
             attach,
             offset,
             boundary,
             flip: this.flip,
-            viewportOffset: uikitUtil.toPx(uikitUtil.getCssVar('position-viewport-offset', element)) });
+            viewportOffset: this.getViewportOffset(element) });
+
+
+          // Restore scroll position
+          scrollElement.scrollTop = scrollTop;
+          scrollElement.scrollLeft = scrollLeft;
+        },
+
+        getPositionOffset(element) {
+          return (
+            uikitUtil.toPx(
+            this.offset === false ? uikitUtil.getCssVar('position-offset', element) : this.offset,
+            this.axis === 'x' ? 'width' : 'height',
+            element) * (
+            uikitUtil.includes(['left', 'top'], this.dir) ? -1 : 1));
+
+        },
+
+        getShiftOffset(element) {
+          return uikitUtil.includes(['center', 'justify', 'stretch'], this.align) ?
+          0 :
+          uikitUtil.toPx(
+          uikitUtil.getCssVar('position-shift-offset', element),
+          this.axis === 'y' ? 'width' : 'height',
+          element) * (
+          uikitUtil.includes(['left', 'top'], this.align) ? 1 : -1);
+        },
 
+        getViewportOffset(element) {
+          return uikitUtil.toPx(uikitUtil.getCssVar('position-viewport-offset', element));
         } } };
 
     var Component = {

package/dist/js/components/tooltip.min.js

@@ -1 +1 @@
-/*! UIkit 3.14.3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(s,f){typeof exports=="object"&&typeof module<"u"?module.exports=f(require("uikit-util")):typeof define=="function"&&define.amd?define("uikittooltip",["uikit-util"],f):(s=typeof globalThis<"u"?globalThis:s||self,s.UIkitTooltip=f(s.UIkit.util))})(this,function(s){"use strict";var f={props:{container:Boolean},data:{container:!0},computed:{container(o){let{container:t}=o;return t===!0&&this.$container||t&&s.$(t)}}},T={props:{cls:Boolean,animation:"list",duration:Number,velocity:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,velocity:.2,origin:!1,transition:"ease",clsEnter:"uk-togglabe-enter",clsLeave:"uk-togglabe-leave",initProps:{overflow:"",height:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:"",boxShadow:""},hideProps:{overflow:"hidden",height:0,paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0,boxShadow:"none"}},computed:{hasAnimation(o){let{animation:t}=o;return!!t[0]},hasTransition(o){let{animation:t}=o;return this.hasAnimation&&t[0]===!0}},methods:{toggleElement(o,t,r){return new Promise(a=>Promise.all(s.toNodes(o).map(n=>{const i=s.isBoolean(t)?t:!this.isToggled(n);if(!s.trigger(n,"before"+(i?"show":"hide"),[this]))return Promise.reject();r||(s.Animation.cancel(n),s.Transition.cancel(n));const h=(s.isFunction(r)?r:r===!1||!this.hasAnimation?this._toggle:this.hasTransition?u(this):v(this))(n,i),d=i?this.clsEnter:this.clsLeave;s.addClass(n,d),s.trigger(n,i?"show":"hide",[this]);const e=()=>{s.removeClass(n,d),s.trigger(n,i?"shown":"hidden",[this]),this.$update(n)};return h?h.then(e,()=>(s.removeClass(n,d),Promise.reject())):e()})).then(a,s.noop))},isToggled(o){return o===void 0&&(o=this.$el),[o]=s.toNodes(o),s.hasClass(o,this.clsEnter)?!0:s.hasClass(o,this.clsLeave)?!1:this.cls?s.hasClass(o,this.cls.split(" ")[0]):s.isVisible(o)},_toggle(o,t){if(!o)return;t=Boolean(t);let r;this.cls?(r=s.includes(this.cls," ")||t!==s.hasClass(o,this.cls),r&&s.toggleClass(o,this.cls,s.includes(this.cls," ")?void 0:t)):(r=t===o.hidden,r&&(o.hidden=!t)),s.$$("[autofocus]",o).some(a=>s.isVisible(a)?a.focus()||!0:a.blur()),r&&(s.trigger(o,"toggled",[t,this]),this.$update(o))}}};function u(o){let{isToggled:t,duration:r,velocity:a,initProps:n,hideProps:i,transition:h,_toggle:d}=o;return(e,p)=>{const l=s.Transition.inProgress(e),w=e.hasChildNodes()?s.toFloat(s.css(e.firstElementChild,"marginTop"))+s.toFloat(s.css(e.lastElementChild,"marginBottom")):0,c=s.isVisible(e)?s.height(e)+(l?0:w):0;s.Transition.cancel(e),t(e)||d(e,!0),s.height(e,""),s.fastdom.flush();const g=s.height(e)+(l?0:w);return r=a*e.offsetHeight+r,s.height(e,c),(p?s.Transition.start(e,{...n,overflow:"hidden",height:g},Math.round(r*(1-c/g)),h):s.Transition.start(e,i,Math.round(r*(c/g)),h).then(()=>d(e,!1))).then(()=>s.css(e,n))}}function v(o){return(t,r)=>{s.Animation.cancel(t);const{animation:a,duration:n,_toggle:i}=o;return r?(i(t,!0),s.Animation.in(t,a[0],n,o.origin)):s.Animation.out(t,a[1]||a[0],n,o.origin).then(()=>i(t,!1))}}var b={props:{pos:String,offset:null,flip:Boolean},data:{pos:"bottom-"+(s.isRtl?"right":"left"),flip:!0,offset:!1},connected(){this.pos=this.$props.pos.split("-").concat("center").slice(0,2),this.axis=s.includes(["top","bottom"],this.pos[0])?"y":"x"},methods:{positionAt(o,t,r){const[a,n]=this.pos;let i=s.toPx(this.offset===!1?s.getCssVar("position-offset",o):this.offset,this.axis==="x"?"width":"height",o);i=[s.includes(["left","top"],a)?-i:+i,0];const h={element:[s.flipPosition(a),n],target:[a,n]};if(this.axis==="y"){for(const d in h)h[d]=h[d].reverse();i=i.reverse()}s.positionAt(o,t,{attach:h,offset:i,boundary:r,flip:this.flip,viewportOffset:s.toPx(s.getCssVar("position-viewport-offset",o))})}}},m={mixins:[f,T,b],args:"title",props:{delay:Number,title:String},data:{pos:"top",title:"",delay:0,animation:["uk-animation-scale-up"],duration:100,cls:"uk-active"},beforeConnect(){this._hasTitle=s.hasAttr(this.$el,"title"),s.attr(this.$el,"title",""),this.updateAria(!1),$(this.$el)},disconnected(){this.hide(),s.attr(this.$el,"title",this._hasTitle?this.title:null)},methods:{show(){this.isToggled(this.tooltip||null)||!this.title||(this._unbind=s.once(document,"show keydown "+s.pointerDown,this.hide,!1,o=>o.type===s.pointerDown&&!s.within(o.target,this.$el)||o.type==="keydown"&&o.keyCode===27||o.type==="show"&&o.detail[0]!==this&&o.detail[0].$name===this.$name),clearTimeout(this.showTimer),this.showTimer=setTimeout(this._show,this.delay))},async hide(){s.matches(this.$el,"input:focus")||(clearTimeout(this.showTimer),this.isToggled(this.tooltip||null)&&(await this.toggleElement(this.tooltip,!1,!1),s.remove(this.tooltip),this.tooltip=null,this._unbind()))},_show(){this.tooltip=s.append(this.container,'<div class="uk-'+this.$options.name+'"> <div class="uk-'+this.$options.name+'-inner">'+this.title+"</div> </div>"),s.on(this.tooltip,"toggled",(o,t)=>{if(this.updateAria(t),!t)return;this.positionAt(this.tooltip,this.$el);const[r,a]=y(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?s.flipPosition(r)+"-"+a:a+"-"+s.flipPosition(r)}),this.toggleElement(this.tooltip,!0)},updateAria(o){s.attr(this.$el,"aria-expanded",o)}},events:{focus:"show",blur:"hide",[s.pointerEnter+" "+s.pointerLeave](o){s.isTouch(o)||this[o.type===s.pointerEnter?"show":"hide"]()},[s.pointerDown](o){s.isTouch(o)&&this.show()}}};function $(o){s.isFocusable(o)||s.attr(o,"tabindex","0")}function y(o,t,r){let[a,n]=r;const i=s.offset(o),h=s.offset(t),d=[["left","right"],["top","bottom"]];for(const p of d){if(i[p[0]]>=h[p[1]]){a=p[1];break}if(i[p[1]]<=h[p[0]]){a=p[0];break}}const e=s.includes(d[0],a)?d[1]:d[0];return i[e[0]]===h[e[0]]?n=e[0]:i[e[1]]===h[e[1]]?n=e[1]:n="center",[a,n]}return typeof window<"u"&&window.UIkit&&window.UIkit.component("tooltip",m),m});
+/*! UIkit 3.14.4-dev.008162cc3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(s,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("uikit-util")):typeof define=="function"&&define.amd?define("uikittooltip",["uikit-util"],m):(s=typeof globalThis<"u"?globalThis:s||self,s.UIkitTooltip=m(s.UIkit.util))})(this,function(s){"use strict";var m={props:{container:Boolean},data:{container:!0},computed:{container(o){let{container:t}=o;return t===!0&&this.$container||t&&s.$(t)}}},b={props:{cls:Boolean,animation:"list",duration:Number,velocity:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,velocity:.2,origin:!1,transition:"ease",clsEnter:"uk-togglabe-enter",clsLeave:"uk-togglabe-leave",initProps:{overflow:"",maxHeight:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:"",boxShadow:""},hideProps:{overflow:"hidden",maxHeight:0,paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0,boxShadow:"none"}},computed:{hasAnimation(o){let{animation:t}=o;return!!t[0]},hasTransition(o){let{animation:t}=o;return s.startsWith(t[0],"slide")}},methods:{toggleElement(o,t,r){return new Promise(n=>Promise.all(s.toNodes(o).map(a=>{const i=s.isBoolean(t)?t:!this.isToggled(a);if(!s.trigger(a,"before"+(i?"show":"hide"),[this]))return Promise.reject();const c=(s.isFunction(r)?r:r===!1||!this.hasAnimation?P(this):this.hasTransition?u(this):$(this))(a,i),h=i?this.clsEnter:this.clsLeave;s.addClass(a,h),s.trigger(a,i?"show":"hide",[this]);const e=()=>{s.removeClass(a,h),s.trigger(a,i?"shown":"hidden",[this]),this.$update(a)};return c?c.then(e,()=>(s.removeClass(a,h),Promise.reject())):e()})).then(n,s.noop))},isToggled(o){return o===void 0&&(o=this.$el),[o]=s.toNodes(o),s.hasClass(o,this.clsEnter)?!0:s.hasClass(o,this.clsLeave)?!1:this.cls?s.hasClass(o,this.cls.split(" ")[0]):s.isVisible(o)},_toggle(o,t){if(!o)return;t=Boolean(t);let r;this.cls?(r=s.includes(this.cls," ")||t!==s.hasClass(o,this.cls),r&&s.toggleClass(o,this.cls,s.includes(this.cls," ")?void 0:t)):(r=t===o.hidden,r&&(o.hidden=!t)),s.$$("[autofocus]",o).some(n=>s.isVisible(n)?n.focus()||!0:n.blur()),r&&(s.trigger(o,"toggled",[t,this]),this.$update(o))}}};function P(o){let{_toggle:t}=o;return(r,n)=>(s.Animation.cancel(r),s.Transition.cancel(r),t(r,n))}function u(o){switch(o.animation[0]){case"slide-left":return v(o);case"slide-right":return v(o,!0)}return x(o)}function x(o){let{isToggled:t,duration:r,velocity:n,initProps:a,hideProps:i,transition:c,_toggle:h}=o;return(e,f)=>{const w=s.Transition.inProgress(e),l=!w&&e.hasChildNodes()?s.toFloat(s.css(e.firstElementChild,"marginTop"))+s.toFloat(s.css(e.lastElementChild,"marginBottom")):0,d=s.isVisible(e)?s.toFloat(s.css(e,"height"))+l:0,p=w?s.css(e,Object.keys(a)):f?i:a;s.Transition.cancel(e),t(e)||h(e,!0),s.css(e,"maxHeight",""),s.fastdom.flush();const g=s.toFloat(s.css(e,"height"))+l;return r=n*g+r,s.css(e,{...p,maxHeight:d}),(f?s.Transition.start(e,{...a,overflow:"hidden",maxHeight:g},r*(1-d/g),c):s.Transition.start(e,i,r*(d/g),c).then(()=>h(e,!1))).then(()=>s.css(e,a))}}function v(o,t){let{isToggled:r,duration:n,velocity:a,transition:i,_toggle:c}=o;return(h,e)=>{const f=s.isVisible(h),w=s.toFloat(s.css(h,"marginLeft"));s.Transition.cancel(h);const[l]=s.scrollParents(h);s.css(l,"overflowX","hidden"),r(h)||c(h,!0);const d=s.toFloat(s.css(h,"width"));n=a*d+n;const p=f?(d+w*(t?-1:1))/d*100:0,g=s.offset(h),T=t?g.right<l.clientWidth:Math.round(g.left)>0;return s.css(h,{clipPath:T?t?"polygon(0 0,"+p+"% 0,"+p+"% 100%,0 100%)":"polygon("+(100-p)+"% 0,100% 0,100% 100%,"+(100-p)+"% 100%)":"",marginLeft:(100-p)*(t?1:-1)/100*d}),(e?s.Transition.start(h,{clipPath:T?"polygon(0 0,100% 0,100% 100%,0 100%)":"",marginLeft:0},n*(1-p/100),i):s.Transition.start(h,{clipPath:T?t?"polygon(0 0,0 0,0 100%,0 100%)":"polygon(100% 0,100% 0,100% 100%,100% 100%)":"",marginLeft:(t?1:-1)*d},n*(p/100),i).then(()=>c(h,!1))).then(()=>{s.css(l,"overflowX",""),s.css(h,{clipPath:"",marginLeft:""})})}}function $(o){return(t,r)=>{s.Animation.cancel(t);const{animation:n,duration:a,_toggle:i}=o;return r?(i(t,!0),s.Animation.in(t,n[0],a,o.origin)):s.Animation.out(t,n[1]||n[0],a,o.origin).then(()=>i(t,!1))}}var C={props:{pos:String,offset:null,flip:Boolean},data:{pos:"bottom-"+(s.isRtl?"right":"left"),flip:!0,offset:!1},connected(){this.pos=this.$props.pos.split("-").concat("center").slice(0,2),[this.dir,this.align]=this.pos,this.axis=s.includes(["top","bottom"],this.dir)?"y":"x"},methods:{positionAt(o,t,r){let n=[this.getPositionOffset(o),this.getShiftOffset(o)];const a={element:[s.flipPosition(this.dir),this.align],target:[this.dir,this.align]};if(this.axis==="y"){for(const f in a)a[f]=a[f].reverse();n=n.reverse()}const[i]=s.scrollParents(o,/auto|scroll/),{scrollTop:c,scrollLeft:h}=i,e=s.dimensions(o);s.css(o,{top:-e.height,left:-e.width}),s.positionAt(o,t,{attach:a,offset:n,boundary:r,flip:this.flip,viewportOffset:this.getViewportOffset(o)}),i.scrollTop=c,i.scrollLeft=h},getPositionOffset(o){return s.toPx(this.offset===!1?s.getCssVar("position-offset",o):this.offset,this.axis==="x"?"width":"height",o)*(s.includes(["left","top"],this.dir)?-1:1)},getShiftOffset(o){return s.includes(["center","justify","stretch"],this.align)?0:s.toPx(s.getCssVar("position-shift-offset",o),this.axis==="y"?"width":"height",o)*(s.includes(["left","top"],this.align)?1:-1)},getViewportOffset(o){return s.toPx(s.getCssVar("position-viewport-offset",o))}}},y={mixins:[m,b,C],args:"title",props:{delay:Number,title:String},data:{pos:"top",title:"",delay:0,animation:["uk-animation-scale-up"],duration:100,cls:"uk-active"},beforeConnect(){this._hasTitle=s.hasAttr(this.$el,"title"),s.attr(this.$el,"title",""),this.updateAria(!1),A(this.$el)},disconnected(){this.hide(),s.attr(this.$el,"title",this._hasTitle?this.title:null)},methods:{show(){this.isToggled(this.tooltip||null)||!this.title||(this._unbind=s.once(document,"show keydown "+s.pointerDown,this.hide,!1,o=>o.type===s.pointerDown&&!s.within(o.target,this.$el)||o.type==="keydown"&&o.keyCode===27||o.type==="show"&&o.detail[0]!==this&&o.detail[0].$name===this.$name),clearTimeout(this.showTimer),this.showTimer=setTimeout(this._show,this.delay))},async hide(){s.matches(this.$el,"input:focus")||(clearTimeout(this.showTimer),this.isToggled(this.tooltip||null)&&(await this.toggleElement(this.tooltip,!1,!1),s.remove(this.tooltip),this.tooltip=null,this._unbind()))},_show(){this.tooltip=s.append(this.container,'<div class="uk-'+this.$options.name+'"> <div class="uk-'+this.$options.name+'-inner">'+this.title+"</div> </div>"),s.on(this.tooltip,"toggled",(o,t)=>{if(this.updateAria(t),!t)return;this.positionAt(this.tooltip,this.$el);const[r,n]=E(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?s.flipPosition(r)+"-"+n:n+"-"+s.flipPosition(r)}),this.toggleElement(this.tooltip,!0)},updateAria(o){s.attr(this.$el,"aria-expanded",o)}},events:{focus:"show",blur:"hide",[s.pointerEnter+" "+s.pointerLeave](o){s.isTouch(o)||this[o.type===s.pointerEnter?"show":"hide"]()},[s.pointerDown](o){s.isTouch(o)&&this.show()}}};function A(o){s.isFocusable(o)||s.attr(o,"tabindex","0")}function E(o,t,r){let[n,a]=r;const i=s.offset(o),c=s.offset(t),h=[["left","right"],["top","bottom"]];for(const f of h){if(i[f[0]]>=c[f[1]]){n=f[1];break}if(i[f[1]]<=c[f[0]]){n=f[0];break}}const e=s.includes(h[0],n)?h[1]:h[0];return i[e[0]]===c[e[0]]?a=e[0]:i[e[1]]===c[e[1]]?a=e[1]:a="center",[n,a]}return typeof window<"u"&&window.UIkit&&window.UIkit.component("tooltip",y),y});

package/dist/js/components/upload.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.4-dev.008162cc3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :

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

@@ -1 +1 @@
-/*! UIkit 3.14.3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(o,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitupload",["uikit-util"],n):(o=typeof globalThis<"u"?globalThis:o||self,o.UIkitUpload=n(o.UIkit.util))})(this,function(o){"use strict";var n={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:o.noop,beforeAll:o.noop,beforeSend:o.noop,complete:o.noop,completeAll:o.noop,error:o.noop,fail:o.noop,load:o.noop,loadEnd:o.noop,loadStart:o.noop,progress:o.noop},events:{change(e){!o.matches(e.target,'input[type="file"]')||(e.preventDefault(),e.target.files&&this.upload(e.target.files),e.target.value="")},drop(e){i(e);const t=e.dataTransfer;!(t!=null&&t.files)||(o.removeClass(this.$el,this.clsDragover),this.upload(t.files))},dragenter(e){i(e)},dragover(e){i(e),o.addClass(this.$el,this.clsDragover)},dragleave(e){i(e),o.removeClass(this.$el,this.clsDragover)}},methods:{async upload(e){if(e=o.toArray(e),!e.length)return;o.trigger(this.$el,"upload",[e]);for(const a of e){if(this.maxSize&&this.maxSize*1e3<a.size){this.fail(this.msgInvalidSize.replace("%s",this.maxSize));return}if(this.allow&&!d(this.allow,a.name)){this.fail(this.msgInvalidName.replace("%s",this.allow));return}if(this.mime&&!d(this.mime,a.type)){this.fail(this.msgInvalidMime.replace("%s",this.mime));return}}this.multiple||(e=e.slice(0,1)),this.beforeAll(this,e);const t=c(e,this.concurrent),s=async a=>{const l=new FormData;a.forEach(r=>l.append(this.name,r));for(const r in this.params)l.append(r,this.params[r]);try{const r=await o.ajax(this.url,{data:l,method:this.method,responseType:this.type,beforeSend:h=>{const{xhr:p}=h;p.upload&&o.on(p.upload,"progress",this.progress);for(const m of["loadStart","load","loadEnd","abort"])o.on(p,m.toLowerCase(),this[m]);return this.beforeSend(h)}});this.complete(r),t.length?await s(t.shift()):this.completeAll(r)}catch(r){this.error(r)}};await s(t.shift())}}};function d(e,t){return t.match(new RegExp("^"+e.replace(/\//g,"\\/").replace(/\*\*/g,"(\\/[^\\/]+)*").replace(/\*/g,"[^\\/]+").replace(/((?!\\))\?/g,"$1.")+"$","i"))}function c(e,t){const s=[];for(let a=0;a<e.length;a+=t)s.push(e.slice(a,a+t));return s}function i(e){e.preventDefault(),e.stopPropagation()}return typeof window<"u"&&window.UIkit&&window.UIkit.component("upload",n),n});
+/*! UIkit 3.14.4-dev.008162cc3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(o,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitupload",["uikit-util"],n):(o=typeof globalThis<"u"?globalThis:o||self,o.UIkitUpload=n(o.UIkit.util))})(this,function(o){"use strict";var n={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:o.noop,beforeAll:o.noop,beforeSend:o.noop,complete:o.noop,completeAll:o.noop,error:o.noop,fail:o.noop,load:o.noop,loadEnd:o.noop,loadStart:o.noop,progress:o.noop},events:{change(e){!o.matches(e.target,'input[type="file"]')||(e.preventDefault(),e.target.files&&this.upload(e.target.files),e.target.value="")},drop(e){i(e);const t=e.dataTransfer;!(t!=null&&t.files)||(o.removeClass(this.$el,this.clsDragover),this.upload(t.files))},dragenter(e){i(e)},dragover(e){i(e),o.addClass(this.$el,this.clsDragover)},dragleave(e){i(e),o.removeClass(this.$el,this.clsDragover)}},methods:{async upload(e){if(e=o.toArray(e),!e.length)return;o.trigger(this.$el,"upload",[e]);for(const a of e){if(this.maxSize&&this.maxSize*1e3<a.size){this.fail(this.msgInvalidSize.replace("%s",this.maxSize));return}if(this.allow&&!d(this.allow,a.name)){this.fail(this.msgInvalidName.replace("%s",this.allow));return}if(this.mime&&!d(this.mime,a.type)){this.fail(this.msgInvalidMime.replace("%s",this.mime));return}}this.multiple||(e=e.slice(0,1)),this.beforeAll(this,e);const t=c(e,this.concurrent),s=async a=>{const l=new FormData;a.forEach(r=>l.append(this.name,r));for(const r in this.params)l.append(r,this.params[r]);try{const r=await o.ajax(this.url,{data:l,method:this.method,responseType:this.type,beforeSend:h=>{const{xhr:p}=h;p.upload&&o.on(p.upload,"progress",this.progress);for(const m of["loadStart","load","loadEnd","abort"])o.on(p,m.toLowerCase(),this[m]);return this.beforeSend(h)}});this.complete(r),t.length?await s(t.shift()):this.completeAll(r)}catch(r){this.error(r)}};await s(t.shift())}}};function d(e,t){return t.match(new RegExp("^"+e.replace(/\//g,"\\/").replace(/\*\*/g,"(\\/[^\\/]+)*").replace(/\*/g,"[^\\/]+").replace(/((?!\\))\?/g,"$1.")+"$","i"))}function c(e,t){const s=[];for(let a=0;a<e.length;a+=t)s.push(e.slice(a,a+t));return s}function i(e){e.preventDefault(),e.stopPropagation()}return typeof window<"u"&&window.UIkit&&window.UIkit.component("upload",n),n});