uikit 3.14.3 → 3.14.4-dev.07daf8fb8

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.07daf8fb8 | 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')) :
@@ -38,27 +38,7 @@
         origin: false,
         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' } },
-
+        clsLeave: 'uk-togglabe-leave' },
 
 
       computed: {
@@ -67,7 +47,7 @@
         },
 
         hasTransition(_ref2) {let { animation } = _ref2;
-          return this.hasAnimation && animation[0] === true;
+          return ['slide', 'reveal'].some((transition) => uikitUtil.startsWith(animation[0], transition));
         } },
 
 
@@ -82,18 +62,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,54 +132,105 @@
 
 
 
-    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) {var _cmp$animation$;
+      const [mode = 'reveal', startProp = 'top'] = ((_cmp$animation$ = cmp.animation[0]) == null ? void 0 : _cmp$animation$.split('-')) || [];
 
+      const dirs = [
+      ['left', 'right'],
+      ['top', 'bottom']];
 
+      const dir = dirs[uikitUtil.includes(dirs[0], startProp) ? 0 : 1];
+      const end = dir[1] === startProp;
+      const props = ['width', 'height'];
+      const dimProp = props[dirs.indexOf(dir)];
+      const marginProp = "margin-" + dir[0];
+      const marginStartProp = "margin-" + startProp;
 
+      return async (el, show) => {
+        let { duration, velocity, transition, _toggle } = cmp;
 
+        let currentDim = uikitUtil.dimensions(el)[dimProp];
 
-    {let { isToggled, duration, velocity, initProps, hideProps, transition, _toggle } = _ref3;
-      return (el, show) => {
         const inProgress = uikitUtil.Transition.inProgress(el);
-        const inner = 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;
+        await uikitUtil.Transition.cancel(el);
 
-        uikitUtil.Transition.cancel(el);
-
-        if (!isToggled(el)) {
+        if (show) {
           _toggle(el, true);
         }
 
-        uikitUtil.height(el, '');
+        const prevProps = Object.fromEntries(
+        ['padding', 'border', 'width', 'height', 'overflow', marginProp, marginStartProp].map(
+        (key) => [key, el.style[key]]));
+
+
+
+        const dim = uikitUtil.dimensions(el);
+        const currentMargin = uikitUtil.toFloat(uikitUtil.css(el, marginProp));
+        const marginStart = uikitUtil.toFloat(uikitUtil.css(el, marginStartProp));
+        const endDim = dim[dimProp] + marginStart;
+
+        if (!inProgress && !show) {
+          currentDim += marginStart;
+        }
+
+        const [wrapper] = uikitUtil.wrapInner(el, '<div>');
+        uikitUtil.css(wrapper, {
+          boxSizing: 'border-box',
+          height: dim.height,
+          width: dim.width,
+          ...uikitUtil.css(el, [
+          'padding',
+          'borderTop',
+          'borderRight',
+          'borderBottom',
+          'borderLeft',
+          'borderImage',
+          marginStartProp]) });
+
+
+
+        uikitUtil.css(el, {
+          padding: 0,
+          border: 0,
+          [marginStartProp]: 0,
+          width: dim.width,
+          height: dim.height,
+          overflow: 'hidden',
+          [dimProp]: currentDim });
 
-        // Update child components first
-        uikitUtil.fastdom.flush();
 
-        const endHeight = uikitUtil.height(el) + (inProgress ? 0 : inner);
-        duration = velocity * el.offsetHeight + duration;
+        const percent = currentDim / endDim;
+        duration = (velocity * endDim + duration) * (show ? 1 - percent : percent);
+        const endProps = { [dimProp]: show ? endDim : 0 };
 
-        uikitUtil.height(el, currentHeight);
+        if (end) {
+          uikitUtil.css(el, marginProp, endDim - currentDim + currentMargin);
+          endProps[marginProp] = show ? currentMargin : endDim + currentMargin;
+        }
 
-        return (
-        show ?
-        uikitUtil.Transition.start(
-        el,
-        { ...initProps, overflow: 'hidden', height: endHeight },
-        Math.round(duration * (1 - currentHeight / endHeight)),
-        transition) :
+        if (!end ^ mode === 'reveal') {
+          uikitUtil.css(wrapper, marginProp, -endDim + currentDim);
+          uikitUtil.Transition.start(wrapper, { [marginProp]: show ? 0 : -endDim }, duration, transition);
+        }
 
-        uikitUtil.Transition.start(
-        el,
-        hideProps,
-        Math.round(duration * (currentHeight / endHeight)),
-        transition).
-        then(() => _toggle(el, false))).
-        then(() => uikitUtil.css(el, initProps));
+        try {
+          await uikitUtil.Transition.start(el, endProps, duration, transition);
+        } finally {
+          uikitUtil.css(el, prevProps);
+          uikitUtil.unwrap(wrapper.firstChild);
+
+          if (!show) {
+            _toggle(el, false);
+          }
+        }
       };
     }
 
@@ -229,34 +255,32 @@
       props: {
         pos: String,
         offset: null,
-        flip: Boolean },
+        flip: Boolean,
+        shift: Boolean,
+        inset: Boolean },
 
 
       data: {
         pos: "bottom-" + (uikitUtil.isRtl ? 'right' : 'left'),
+        offset: false,
         flip: true,
-        offset: false },
+        shift: true,
+        inset: 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 = 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: [this.inset ? this.dir : uikitUtil.flipPosition(this.dir), this.align],
+            target: [this.dir, this.align] };
 
 
           if (this.axis === 'y') {
@@ -266,13 +290,51 @@
             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)) });
+            shift: this.shift,
+            viewportOffset: this.getViewportOffset(element) });
+
+
+          // Restore scroll position
+          scrollElement.scrollTop = scrollTop;
+          scrollElement.scrollLeft = scrollLeft;
+        },
+
+        getPositionOffset(element) {
+          return (
+            uikitUtil.toPx(
+            this.offset === false ? uikitUtil.css(element, '--uk-position-offset') : this.offset,
+            this.axis === 'x' ? 'width' : 'height',
+            element) * (
+
+            uikitUtil.includes(['left', 'top'], this.dir) ? -1 : 1) * (
+            this.inset ? -1 : 1));
+
+        },
+
+        getShiftOffset(element) {
+          return this.align === 'center' ?
+          0 :
+          uikitUtil.toPx(
+          uikitUtil.css(element, '--uk-position-shift-offset'),
+          this.axis === 'y' ? 'width' : 'height',
+          element) * (
+          uikitUtil.includes(['left', 'top'], this.align) ? 1 : -1);
+        },
 
+        getViewportOffset(element) {
+          return uikitUtil.toPx(uikitUtil.css(element, '--uk-position-viewport-offset'));
         } } };
 
     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.07daf8fb8 | 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(t){let{container:o}=t;return o===!0&&this.$container||o&&s.$(o)}}},_={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"},computed:{hasAnimation(t){let{animation:o}=t;return!!o[0]},hasTransition(t){let{animation:o}=t;return["slide","reveal"].some(n=>s.startsWith(o[0],n))}},methods:{toggleElement(t,o,n){return new Promise(e=>Promise.all(s.toNodes(t).map(r=>{const i=s.isBoolean(o)?o:!this.isToggled(r);if(!s.trigger(r,"before"+(i?"show":"hide"),[this]))return Promise.reject();const d=(s.isFunction(n)?n:n===!1||!this.hasAnimation?E(this):this.hasTransition?S(this):B(this))(r,i),f=i?this.clsEnter:this.clsLeave;s.addClass(r,f),s.trigger(r,i?"show":"hide",[this]);const a=()=>{s.removeClass(r,f),s.trigger(r,i?"shown":"hidden",[this]),this.$update(r)};return d?d.then(a,()=>(s.removeClass(r,f),Promise.reject())):a()})).then(e,s.noop))},isToggled(t){return t===void 0&&(t=this.$el),[t]=s.toNodes(t),s.hasClass(t,this.clsEnter)?!0:s.hasClass(t,this.clsLeave)?!1:this.cls?s.hasClass(t,this.cls.split(" ")[0]):s.isVisible(t)},_toggle(t,o){if(!t)return;o=Boolean(o);let n;this.cls?(n=s.includes(this.cls," ")||o!==s.hasClass(t,this.cls),n&&s.toggleClass(t,this.cls,s.includes(this.cls," ")?void 0:o)):(n=o===t.hidden,n&&(t.hidden=!o)),s.$$("[autofocus]",t).some(e=>s.isVisible(e)?e.focus()||!0:e.blur()),n&&(s.trigger(t,"toggled",[o,this]),this.$update(t))}}};function E(t){let{_toggle:o}=t;return(n,e)=>(s.Animation.cancel(n),s.Transition.cancel(n),o(n,e))}function S(t){var o;const[n="reveal",e="top"]=((o=t.animation[0])==null?void 0:o.split("-"))||[],r=[["left","right"],["top","bottom"]],i=r[s.includes(r[0],e)?0:1],d=i[1]===e,a=["width","height"][r.indexOf(i)],h="margin-"+i[0],v="margin-"+e;return async(c,p)=>{let{duration:b,velocity:F,transition:$,_toggle:P}=t,m=s.dimensions(c)[a];const N=s.Transition.inProgress(c);await s.Transition.cancel(c),p&&P(c,!0);const j=Object.fromEntries(["padding","border","width","height","overflow",h,v].map(O=>[O,c.style[O]])),w=s.dimensions(c),T=s.toFloat(s.css(c,h)),x=s.toFloat(s.css(c,v)),g=w[a]+x;!N&&!p&&(m+=x);const[u]=s.wrapInner(c,"<div>");s.css(u,{boxSizing:"border-box",height:w.height,width:w.width,...s.css(c,["padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",v])}),s.css(c,{padding:0,border:0,[v]:0,width:w.width,height:w.height,overflow:"hidden",[a]:m});const A=m/g;b=(F*g+b)*(p?1-A:A);const C={[a]:p?g:0};d&&(s.css(c,h,g-m+T),C[h]=p?T:g+T),!d^n==="reveal"&&(s.css(u,h,-g+m),s.Transition.start(u,{[h]:p?0:-g},b,$));try{await s.Transition.start(c,C,b,$)}finally{s.css(c,j),s.unwrap(u.firstChild),p||P(c,!1)}}}function B(t){return(o,n)=>{s.Animation.cancel(o);const{animation:e,duration:r,_toggle:i}=t;return n?(i(o,!0),s.Animation.in(o,e[0],r,t.origin)):s.Animation.out(o,e[1]||e[0],r,t.origin).then(()=>i(o,!1))}}var I={props:{pos:String,offset:null,flip:Boolean,shift:Boolean,inset:Boolean},data:{pos:"bottom-"+(s.isRtl?"right":"left"),offset:!1,flip:!0,shift:!0,inset:!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(t,o,n){let e=[this.getPositionOffset(t),this.getShiftOffset(t)];const r={element:[this.inset?this.dir:s.flipPosition(this.dir),this.align],target:[this.dir,this.align]};if(this.axis==="y"){for(const h in r)r[h]=r[h].reverse();e=e.reverse()}const[i]=s.scrollParents(t,/auto|scroll/),{scrollTop:d,scrollLeft:f}=i,a=s.dimensions(t);s.css(t,{top:-a.height,left:-a.width}),s.positionAt(t,o,{attach:r,offset:e,boundary:n,flip:this.flip,shift:this.shift,viewportOffset:this.getViewportOffset(t)}),i.scrollTop=d,i.scrollLeft=f},getPositionOffset(t){return s.toPx(this.offset===!1?s.css(t,"--uk-position-offset"):this.offset,this.axis==="x"?"width":"height",t)*(s.includes(["left","top"],this.dir)?-1:1)*(this.inset?-1:1)},getShiftOffset(t){return this.align==="center"?0:s.toPx(s.css(t,"--uk-position-shift-offset"),this.axis==="y"?"width":"height",t)*(s.includes(["left","top"],this.align)?1:-1)},getViewportOffset(t){return s.toPx(s.css(t,"--uk-position-viewport-offset"))}}},y={mixins:[l,_,I],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),L(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,t=>t.type===s.pointerDown&&!s.within(t.target,this.$el)||t.type==="keydown"&&t.keyCode===27||t.type==="show"&&t.detail[0]!==this&&t.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",(t,o)=>{if(this.updateAria(o),!o)return;this.positionAt(this.tooltip,this.$el);const[n,e]=D(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(t){s.attr(this.$el,"aria-expanded",t)}},events:{focus:"show",blur:"hide",[s.pointerEnter+" "+s.pointerLeave](t){s.isTouch(t)||this[t.type===s.pointerEnter?"show":"hide"]()},[s.pointerDown](t){s.isTouch(t)&&this.show()}}};function L(t){s.isFocusable(t)||s.attr(t,"tabindex","0")}function D(t,o,n){let[e,r]=n;const i=s.offset(t),d=s.offset(o),f=[["left","right"],["top","bottom"]];for(const h of f){if(i[h[0]]>=d[h[1]]){e=h[1];break}if(i[h[1]]<=d[h[0]]){e=h[0];break}}const a=s.includes(f[0],e)?f[1]:f[0];return i[a[0]]===d[a[0]]?r=a[0]:i[a[1]]===d[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.3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.4-dev.07daf8fb8 | 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.07daf8fb8 | 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});