uikit 3.14.1-dev.eeb4cd6ae → 3.14.2-dev.35b3deec9

package/dist/js/components/tooltip.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.1-dev.eeb4cd6ae | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.2-dev.35b3deec9 | 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')) :
@@ -25,6 +25,7 @@
         cls: Boolean,
         animation: 'list',
         duration: Number,
+        velocity: Number,
         origin: String,
         transition: String },
 
@@ -33,6 +34,7 @@
         cls: false,
         animation: [false],
         duration: 200,
+        velocity: 0.2,
         origin: false,
         transition: 'ease',
         clsEnter: 'uk-togglabe-enter',
@@ -40,7 +42,7 @@
 
         initProps: {
           overflow: '',
-          height: '',
+          maxHeight: '',
           paddingTop: '',
           paddingBottom: '',
           marginTop: '',
@@ -50,7 +52,7 @@
 
         hideProps: {
           overflow: 'hidden',
-          height: 0,
+          maxHeight: 0,
           paddingTop: 0,
           paddingBottom: 0,
           marginTop: 0,
@@ -65,7 +67,7 @@
         },
 
         hasTransition(_ref2) {let { animation } = _ref2;
-          return this.hasAnimation && animation[0] === true;
+          return uikitUtil.startsWith(animation[0], 'slide');
         } },
 
 
@@ -84,9 +86,9 @@
             uikitUtil.isFunction(animate) ?
             animate :
             animate === false || !this.hasAnimation ?
-            this._toggle :
+            toggleInstant(this) :
             this.hasTransition ?
-            toggleHeight(this) :
+            toggleTransition(this) :
             toggleAnimation(this))(
             el, show);
 
@@ -150,14 +152,43 @@
 
 
 
-    function toggleHeight(_ref3) {let { isToggled, duration, initProps, hideProps, transition, _toggle } = _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)
+
+
+
+
+
+
+
+    {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);
 
@@ -165,32 +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);
-        uikitUtil.height(el, currentHeight);
+        const endHeight = uikitUtil.toFloat(uikitUtil.css(el, 'height')) + inner;
+        duration = velocity * endHeight + duration;
+
+        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);
@@ -218,33 +314,22 @@
       data: {
         pos: "bottom-" + (uikitUtil.isRtl ? 'right' : 'left'),
         flip: true,
-        offset: false,
-        viewportPadding: 10 },
+        offset: false },
 
 
       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 } = this;
-          if (!uikitUtil.isNumeric(offset)) {
-            const node = uikitUtil.$(offset);
-            offset = node ?
-            uikitUtil.offset(node)[this.axis === 'x' ? 'left' : 'top'] -
-            uikitUtil.offset(target)[this.axis === 'x' ? 'right' : 'bottom'] :
-            0;
-          }
-          offset = uikitUtil.toPx(offset) + uikitUtil.toPx(uikitUtil.getCssVar('position-offset', 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') {
@@ -254,13 +339,41 @@
             offset = offset.reverse();
           }
 
+          // 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,
-            viewportPadding: this.viewportPadding,
-            flip: this.flip });
+            flip: this.flip,
+            viewportOffset: this.getViewportOffset(element) });
+
+        },
+
+        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.1-dev.eeb4cd6ae | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(s,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("uikit-util")):typeof define=="function"&&define.amd?define("uikittooltip",["uikit-util"],c):(s=typeof globalThis<"u"?globalThis:s||self,s.UIkitTooltip=c(s.UIkit.util))})(this,function(s){"use strict";var c={props:{container:Boolean},data:{container:!0},computed:{container(o){let{container:e}=o;return e===!0&&this.$container||e&&s.$(e)}}},w={props:{cls:Boolean,animation:"list",duration:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,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:e}=o;return!!e[0]},hasTransition(o){let{animation:e}=o;return this.hasAnimation&&e[0]===!0}},methods:{toggleElement(o,e,i){return new Promise(r=>Promise.all(s.toNodes(o).map(a=>{const n=s.isBoolean(e)?e:!this.isToggled(a);if(!s.trigger(a,"before"+(n?"show":"hide"),[this]))return Promise.reject();const h=(s.isFunction(i)?i:i===!1||!this.hasAnimation?this._toggle:this.hasTransition?T(this):u(this))(a,n),t=n?this.clsEnter:this.clsLeave;s.addClass(a,t),s.trigger(a,n?"show":"hide",[this]);const d=()=>{s.removeClass(a,t),s.trigger(a,n?"shown":"hidden",[this]),this.$update(a)};return h?h.then(d,()=>(s.removeClass(a,t),Promise.reject())):d()})).then(r,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,e){if(!o)return;e=Boolean(e);let i;this.cls?(i=s.includes(this.cls," ")||e!==s.hasClass(o,this.cls),i&&s.toggleClass(o,this.cls,s.includes(this.cls," ")?void 0:e)):(i=e===o.hidden,i&&(o.hidden=!e)),s.$$("[autofocus]",o).some(r=>s.isVisible(r)?r.focus()||!0:r.blur()),i&&(s.trigger(o,"toggled",[e,this]),this.$update(o))}}};function T(o){let{isToggled:e,duration:i,initProps:r,hideProps:a,transition:n,_toggle:h}=o;return(t,d)=>{const p=s.Transition.inProgress(t),l=t.hasChildNodes()?s.toFloat(s.css(t.firstElementChild,"marginTop"))+s.toFloat(s.css(t.lastElementChild,"marginBottom")):0,f=s.isVisible(t)?s.height(t)+(p?0:l):0;s.Transition.cancel(t),e(t)||h(t,!0),s.height(t,""),s.fastdom.flush();const g=s.height(t)+(p?0:l);return s.height(t,f),(d?s.Transition.start(t,{...r,overflow:"hidden",height:g},Math.round(i*(1-f/g)),n):s.Transition.start(t,a,Math.round(i*(f/g)),n).then(()=>h(t,!1))).then(()=>s.css(t,r))}}function u(o){return(e,i)=>{s.Animation.cancel(e);const{animation:r,duration:a,_toggle:n}=o;return i?(n(e,!0),s.Animation.in(e,r[0],a,o.origin)):s.Animation.out(e,r[1]||r[0],a,o.origin).then(()=>n(e,!1))}}var v={props:{pos:String,offset:null,flip:Boolean},data:{pos:"bottom-"+(s.isRtl?"right":"left"),flip:!0,offset:!1,viewportPadding:10},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,e,i){const[r,a]=this.pos;let{offset:n}=this;if(!s.isNumeric(n)){const t=s.$(n);n=t?s.offset(t)[this.axis==="x"?"left":"top"]-s.offset(e)[this.axis==="x"?"right":"bottom"]:0}n=s.toPx(n)+s.toPx(s.getCssVar("position-offset",o)),n=[s.includes(["left","top"],r)?-n:+n,0];const h={element:[s.flipPosition(r),a],target:[r,a]};if(this.axis==="y"){for(const t in h)h[t]=h[t].reverse();n=n.reverse()}s.positionAt(o,e,{attach:h,offset:n,boundary:i,viewportPadding:this.viewportPadding,flip:this.flip})}}},m={mixins:[c,w,v],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),b(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,e)=>{if(this.updateAria(e),!e)return;this.positionAt(this.tooltip,this.$el);const[i,r]=$(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?s.flipPosition(i)+"-"+r:r+"-"+s.flipPosition(i)}),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 b(o){s.isFocusable(o)||s.attr(o,"tabindex","0")}function $(o,e,i){let[r,a]=i;const n=s.offset(o),h=s.offset(e),t=[["left","right"],["top","bottom"]];for(const p of t){if(n[p[0]]>=h[p[1]]){r=p[1];break}if(n[p[1]]<=h[p[0]]){r=p[0];break}}const d=s.includes(t[0],r)?t[1]:t[0];return n[d[0]]===h[d[0]]?a=d[0]:n[d[1]]===h[d[1]]?a=d[1]:a="center",[r,a]}return typeof window<"u"&&window.UIkit&&window.UIkit.component("tooltip",m),m});
+/*! UIkit 3.14.2-dev.35b3deec9 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(s,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("uikit-util")):typeof define=="function"&&define.amd?define("uikittooltip",["uikit-util"],l):(s=typeof globalThis<"u"?globalThis:s||self,s.UIkitTooltip=l(s.UIkit.util))})(this,function(s){"use strict";var l={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,n){return new Promise(e=>Promise.all(s.toNodes(o).map(r=>{const i=s.isBoolean(t)?t:!this.isToggled(r);if(!s.trigger(r,"before"+(i?"show":"hide"),[this]))return Promise.reject();const c=(s.isFunction(n)?n:n===!1||!this.hasAnimation?P(this):this.hasTransition?u(this):$(this))(r,i),h=i?this.clsEnter:this.clsLeave;s.addClass(r,h),s.trigger(r,i?"show":"hide",[this]);const a=()=>{s.removeClass(r,h),s.trigger(r,i?"shown":"hidden",[this]),this.$update(r)};return c?c.then(a,()=>(s.removeClass(r,h),Promise.reject())):a()})).then(e,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 n;this.cls?(n=s.includes(this.cls," ")||t!==s.hasClass(o,this.cls),n&&s.toggleClass(o,this.cls,s.includes(this.cls," ")?void 0:t)):(n=t===o.hidden,n&&(o.hidden=!t)),s.$$("[autofocus]",o).some(e=>s.isVisible(e)?e.focus()||!0:e.blur()),n&&(s.trigger(o,"toggled",[t,this]),this.$update(o))}}};function P(o){let{_toggle:t}=o;return(n,e)=>(s.Animation.cancel(n),s.Transition.cancel(n),t(n,e))}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:n,velocity:e,initProps:r,hideProps:i,transition:c,_toggle:h}=o;return(a,f)=>{const w=s.Transition.inProgress(a),m=!w&&a.hasChildNodes()?s.toFloat(s.css(a.firstElementChild,"marginTop"))+s.toFloat(s.css(a.lastElementChild,"marginBottom")):0,d=s.isVisible(a)?s.toFloat(s.css(a,"height"))+m:0,p=w?s.css(a,Object.keys(r)):f?i:r;s.Transition.cancel(a),t(a)||h(a,!0),s.css(a,"maxHeight",""),s.fastdom.flush();const g=s.toFloat(s.css(a,"height"))+m;return n=e*g+n,s.css(a,{...p,maxHeight:d}),(f?s.Transition.start(a,{...r,overflow:"hidden",maxHeight:g},n*(1-d/g),c):s.Transition.start(a,i,n*(d/g),c).then(()=>h(a,!1))).then(()=>s.css(a,r))}}function v(o,t){let{isToggled:n,duration:e,velocity:r,transition:i,_toggle:c}=o;return(h,a)=>{const f=s.isVisible(h),w=s.toFloat(s.css(h,"marginLeft"));s.Transition.cancel(h);const[m]=s.scrollParents(h);s.css(m,"overflowX","hidden"),n(h)||c(h,!0);const d=s.toFloat(s.css(h,"width"));e=r*d+e;const p=f?(d+w*(t?-1:1))/d*100:0,g=s.offset(h),T=t?g.right<m.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}),(a?s.Transition.start(h,{clipPath:T?"polygon(0 0,100% 0,100% 100%,0 100%)":"",marginLeft:0},e*(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},e*(p/100),i).then(()=>c(h,!1))).then(()=>{s.css(m,"overflowX",""),s.css(h,{clipPath:"",marginLeft:""})})}}function $(o){return(t,n)=>{s.Animation.cancel(t);const{animation:e,duration:r,_toggle:i}=o;return n?(i(t,!0),s.Animation.in(t,e[0],r,o.origin)):s.Animation.out(t,e[1]||e[0],r,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,n){let e=[this.getPositionOffset(o),this.getShiftOffset(o)];const r={element:[s.flipPosition(this.dir),this.align],target:[this.dir,this.align]};if(this.axis==="y"){for(const c in r)r[c]=r[c].reverse();e=e.reverse()}const i=s.dimensions(o);s.css(o,{top:-i.height,left:-i.width}),s.positionAt(o,t,{attach:r,offset:e,boundary:n,flip:this.flip,viewportOffset:this.getViewportOffset(o)})},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:[l,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[n,e]=E(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?s.flipPosition(n)+"-"+e:e+"-"+s.flipPosition(n)}),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,n){let[e,r]=n;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]]){e=f[1];break}if(i[f[1]]<=c[f[0]]){e=f[0];break}}const a=s.includes(h[0],e)?h[1]:h[0];return i[a[0]]===c[a[0]]?r=a[0]:i[a[1]]===c[a[1]]?r=a[1]:r="center",[e,r]}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.1-dev.eeb4cd6ae | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.2-dev.35b3deec9 | 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.1-dev.eeb4cd6ae | 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.2-dev.35b3deec9 | 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});