uikit 3.15.3-dev.e9711b588 → 3.15.4-dev.c21737f52

package/dist/js/components/sortable.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.3-dev.e9711b588 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.4-dev.c21737f52 | 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')) :
@@ -81,10 +81,10 @@
 
       const wrapIndexFn = (fn) => () => index === transitionIndex(target) ? fn() : Promise.reject();
 
-      const leaveFn = wrapIndexFn(() => {
+      const leaveFn = wrapIndexFn(async () => {
         uikitUtil.addClass(target, clsLeave);
 
-        return Promise.all(
+        await Promise.all(
         getTransitionNodes(target).map(
         (child, i) =>
         new Promise((resolve) =>
@@ -93,14 +93,16 @@
         uikitUtil.Transition.start(child, propsOut, duration / 2, 'ease').then(
         resolve),
 
-        i * stagger)))).
+        i * stagger))));
 
 
 
-        then(() => uikitUtil.removeClass(target, clsLeave));
+
+
+        uikitUtil.removeClass(target, clsLeave);
       });
 
-      const enterFn = wrapIndexFn(() => {
+      const enterFn = wrapIndexFn(async () => {
         const oldHeight = uikitUtil.height(target);
 
         uikitUtil.addClass(target, clsEnter);
@@ -109,53 +111,42 @@
         uikitUtil.css(uikitUtil.children(target), { opacity: 0 });
 
         // Ensure UIkit updates have propagated
-        return new Promise((resolve) =>
-        requestAnimationFrame(() => {
-          const nodes = uikitUtil.children(target);
-          const newHeight = uikitUtil.height(target);
-
-          // Ensure Grid cells do not stretch when height is applied
-          uikitUtil.css(target, 'alignContent', 'flex-start');
-          uikitUtil.height(target, oldHeight);
-
-          const transitionNodes = getTransitionNodes(target);
-          uikitUtil.css(nodes, propsOut);
+        await awaitFrame$1();
 
-          const transitions = transitionNodes.map(
-          (child, i) =>
-          new Promise((resolve) =>
-          setTimeout(
-          () =>
-          uikitUtil.Transition.start(child, propsIn, duration / 2, 'ease').then(
-          resolve),
+        const nodes = uikitUtil.children(target);
+        const newHeight = uikitUtil.height(target);
 
-          i * stagger)));
+        // Ensure Grid cells do not stretch when height is applied
+        uikitUtil.css(target, 'alignContent', 'flex-start');
+        uikitUtil.height(target, oldHeight);
 
+        const transitionNodes = getTransitionNodes(target);
+        uikitUtil.css(nodes, propsOut);
 
+        const transitions = transitionNodes.map(async (child, i) => {
+          await awaitTimeout(i * stagger);
+          await uikitUtil.Transition.start(child, propsIn, duration / 2, 'ease');
+        });
 
+        if (oldHeight !== newHeight) {
+          transitions.push(
+          uikitUtil.Transition.start(
+          target,
+          { height: newHeight },
+          duration / 2 + transitionNodes.length * stagger,
+          'ease'));
 
-          if (oldHeight !== newHeight) {
-            transitions.push(
-            uikitUtil.Transition.start(
-            target,
-            { height: newHeight },
-            duration / 2 + transitionNodes.length * stagger,
-            'ease'));
 
+        }
 
+        await Promise.all(transitions).then(() => {
+          uikitUtil.removeClass(target, clsEnter);
+          if (index === transitionIndex(target)) {
+            uikitUtil.css(target, { height: '', alignContent: '' });
+            uikitUtil.css(nodes, { opacity: '' });
+            delete target.dataset.transition;
           }
-
-          Promise.all(transitions).then(() => {
-            uikitUtil.removeClass(target, clsEnter);
-            if (index === transitionIndex(target)) {
-              uikitUtil.css(target, { height: '', alignContent: '' });
-              uikitUtil.css(nodes, { opacity: '' });
-              delete target.dataset.transition;
-            }
-            resolve();
-          });
-        }));
-
+        });
       });
 
       return uikitUtil.hasClass(target, clsLeave) ?
@@ -197,63 +188,62 @@
 
     }
 
-    function slide (action, target, duration) {
-      return new Promise((resolve) =>
-      requestAnimationFrame(() => {
-        let nodes = uikitUtil.children(target);
+    function awaitFrame$1() {
+      return new Promise((resolve) => requestAnimationFrame(resolve));
+    }
 
-        // Get current state
-        const currentProps = nodes.map((el) => getProps(el, true));
-        const targetProps = uikitUtil.css(target, ['height', 'padding']);
+    function awaitTimeout(timeout) {
+      return new Promise((resolve) => setTimeout(resolve, timeout));
+    }
 
-        // Cancel previous animations
-        uikitUtil.Transition.cancel(target);
-        nodes.forEach(uikitUtil.Transition.cancel);
-        reset(target);
+    async function slide (action, target, duration) {
+      await awaitFrame();
 
-        // Adding, sorting, removing nodes
-        action();
+      let nodes = uikitUtil.children(target);
 
-        // Find new nodes
-        nodes = nodes.concat(uikitUtil.children(target).filter((el) => !uikitUtil.includes(nodes, el)));
-
-        // Wait for update to propagate
-        Promise.resolve().then(() => {
-          // Force update
-          uikitUtil.fastdom.flush();
-
-          // Get new state
-          const targetPropsTo = uikitUtil.css(target, ['height', 'padding']);
-          const [propsTo, propsFrom] = getTransitionProps(target, nodes, currentProps);
-
-          // Reset to previous state
-          nodes.forEach((el, i) => propsFrom[i] && uikitUtil.css(el, propsFrom[i]));
-          uikitUtil.css(target, { display: 'block', ...targetProps });
-
-          // Start transitions on next frame
-          requestAnimationFrame(() => {
-            const transitions = nodes.
-            map(
-            (el, i) =>
-            uikitUtil.parent(el) === target &&
-            uikitUtil.Transition.start(el, propsTo[i], duration, 'ease')).
-
-            concat(uikitUtil.Transition.start(target, targetPropsTo, duration, 'ease'));
-
-            Promise.all(transitions).
-            then(() => {
-              nodes.forEach(
-              (el, i) =>
-              uikitUtil.parent(el) === target &&
-              uikitUtil.css(el, 'display', propsTo[i].opacity === 0 ? 'none' : ''));
-
-              reset(target);
-            }, uikitUtil.noop).
-            then(resolve);
-          });
-        });
-      }));
+      // Get current state
+      const currentProps = nodes.map((el) => getProps(el, true));
+      const targetProps = uikitUtil.css(target, ['height', 'padding']);
+
+      // Cancel previous animations
+      uikitUtil.Transition.cancel(target);
+      nodes.forEach(uikitUtil.Transition.cancel);
+      reset(target);
+
+      // Adding, sorting, removing nodes
+      action();
+
+      // Find new nodes
+      nodes = nodes.concat(uikitUtil.children(target).filter((el) => !uikitUtil.includes(nodes, el)));
+
+      // Wait for update to propagate
+      await Promise.resolve();
+
+      // Force update
+      uikitUtil.fastdom.flush();
+
+      // Get new state
+      const targetPropsTo = uikitUtil.css(target, ['height', 'padding']);
+      const [propsTo, propsFrom] = getTransitionProps(target, nodes, currentProps);
 
+      // Reset to previous state
+      nodes.forEach((el, i) => propsFrom[i] && uikitUtil.css(el, propsFrom[i]));
+      uikitUtil.css(target, { display: 'block', ...targetProps });
+
+      // Start transitions on next frame
+      await awaitFrame();
+
+      const transitions = nodes.
+      map((el, i) => uikitUtil.parent(el) === target && uikitUtil.Transition.start(el, propsTo[i], duration, 'ease')).
+      concat(uikitUtil.Transition.start(target, targetPropsTo, duration, 'ease'));
+
+      await Promise.all(transitions).then(() => {
+        nodes.forEach(
+        (el, i) =>
+        uikitUtil.parent(el) === target && uikitUtil.css(el, 'display', propsTo[i].opacity === 0 ? 'none' : ''));
+
+        reset(target);
+      }, uikitUtil.noop);
     }
 
     function getProps(el, opacity) {
@@ -332,6 +322,10 @@
       return { top, left, height, width, marginLeft, marginTop, transform: '' };
     }
 
+    function awaitFrame() {
+      return new Promise((resolve) => requestAnimationFrame(resolve));
+    }
+
     var Animate = {
       props: {
         duration: Number,

package/dist/js/components/sortable.min.js

@@ -1 +1 @@
-/*! UIkit 3.15.3-dev.e9711b588 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(e,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitsortable",["uikit-util"],g):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitSortable=g(e.UIkit.util))})(this,function(e){"use strict";function g(n){return F(n,"top","bottom")}function F(n,s,o){const a=[[]];for(const r of n){if(!e.isVisible(r))continue;let c=u(r);for(let t=a.length-1;t>=0;t--){const h=a[t];if(!h[0]){h.push(r);break}let d;if(h[0].offsetParent===r.offsetParent?d=u(h[0]):(c=u(r,!0),d=u(h[0],!0)),c[s]>=d[o]-1&&c[s]!==d[s]){a.push([r]);break}if(c[o]-1>d[s]||c[s]===d[s]){h.push(r);break}if(t===0){a.unshift([r]);break}}}return a}function u(n,s){s===void 0&&(s=!1);let{offsetTop:o,offsetLeft:a,offsetHeight:r,offsetWidth:c}=n;return s&&([o,a]=e.offsetPosition(n)),{top:o,left:a,bottom:o+r,right:a+c}}const b="uk-transition-leave",w="uk-transition-enter";function y(n,s,o,a){a===void 0&&(a=0);const r=v(s,!0),c={opacity:1},t={opacity:0},h=f=>()=>r===v(s)?f():Promise.reject(),d=h(()=>(e.addClass(s,b),Promise.all(C(s).map((f,p)=>new Promise(m=>setTimeout(()=>e.Transition.start(f,t,o/2,"ease").then(m),p*a)))).then(()=>e.removeClass(s,b)))),i=h(()=>{const f=e.height(s);return e.addClass(s,w),n(),e.css(e.children(s),{opacity:0}),new Promise(p=>requestAnimationFrame(()=>{const m=e.children(s),l=e.height(s);e.css(s,"alignContent","flex-start"),e.height(s,f);const E=C(s);e.css(m,t);const B=E.map((j,O)=>new Promise(G=>setTimeout(()=>e.Transition.start(j,c,o/2,"ease").then(G),O*a)));f!==l&&B.push(e.Transition.start(s,{height:l},o/2+E.length*a,"ease")),Promise.all(B).then(()=>{e.removeClass(s,w),r===v(s)&&(e.css(s,{height:"",alignContent:""}),e.css(m,{opacity:""}),delete s.dataset.transition),p()})}))});return e.hasClass(s,b)?T(s).then(i):e.hasClass(s,w)?T(s).then(d).then(i):d().then(i)}function v(n,s){return s&&(n.dataset.transition=1+v(n)),e.toNumber(n.dataset.transition)||0}function T(n){return Promise.all(e.children(n).filter(e.Transition.inProgress).map(s=>new Promise(o=>e.once(s,"transitionend transitioncanceled",o))))}function C(n){return g(e.children(n)).reduce((s,o)=>s.concat(e.sortBy(o.filter(a=>e.isInView(a)),"offsetLeft")),[])}function R(n,s,o){return new Promise(a=>requestAnimationFrame(()=>{let r=e.children(s);const c=r.map(h=>P(h,!0)),t=e.css(s,["height","padding"]);e.Transition.cancel(s),r.forEach(e.Transition.cancel),S(s),n(),r=r.concat(e.children(s).filter(h=>!e.includes(r,h))),Promise.resolve().then(()=>{e.fastdom.flush();const h=e.css(s,["height","padding"]),[d,i]=L(s,r,c);r.forEach((f,p)=>i[p]&&e.css(f,i[p])),e.css(s,{display:"block",...t}),requestAnimationFrame(()=>{const f=r.map((p,m)=>e.parent(p)===s&&e.Transition.start(p,d[m],o,"ease")).concat(e.Transition.start(s,h,o,"ease"));Promise.all(f).then(()=>{r.forEach((p,m)=>e.parent(p)===s&&e.css(p,"display",d[m].opacity===0?"none":"")),S(s)},e.noop).then(a)})})}))}function P(n,s){const o=e.css(n,"zIndex");return e.isVisible(n)?{display:"",opacity:s?e.css(n,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:o==="auto"?e.index(n):o,...x(n)}:!1}function L(n,s,o){const a=s.map((c,t)=>e.parent(c)&&t in o?o[t]?e.isVisible(c)?x(c):{opacity:0}:{opacity:e.isVisible(c)?1:0}:!1),r=a.map((c,t)=>{const h=e.parent(s[t])===n&&(o[t]||P(s[t]));if(!h)return!1;if(!c)delete h.opacity;else if(!("opacity"in c)){const{opacity:d}=h;d%1?c.opacity=1:delete h.opacity}return h});return[a,r]}function S(n){e.css(n.children,{height:"",left:"",opacity:"",pointerEvents:"",position:"",top:"",marginTop:"",marginLeft:"",transform:"",width:"",zIndex:""}),e.css(n,{height:"",display:"",padding:""})}function x(n){const{height:s,width:o}=e.offset(n),{top:a,left:r}=e.position(n),{marginLeft:c,marginTop:t}=e.css(n,["marginTop","marginLeft"]);return{top:a,left:r,height:s,width:o,marginLeft:c,marginTop:t,transform:""}}var z={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate(n,s){s===void 0&&(s=this.$el);const o=this.animation;return(o==="fade"?y:o==="delayed-fade"?function(){for(var r=arguments.length,c=new Array(r),t=0;t<r;t++)c[t]=arguments[t];return y(...c,40)}:o?R:()=>(n(),Promise.resolve()))(n,s,this.duration).then(()=>this.$update(s,"resize"),e.noop)}}},H={connected(){!e.hasClass(this.$el,this.$name)&&e.addClass(this.$el,this.$name)}},I={mixins:[H,z],props:{group:String,threshold:Number,clsItem:String,clsPlaceholder:String,clsDrag:String,clsDragState:String,clsBase:String,clsNoDrag:String,clsEmpty:String,clsCustom:String,handle:String},data:{group:!1,threshold:5,clsItem:"uk-sortable-item",clsPlaceholder:"uk-sortable-placeholder",clsDrag:"uk-sortable-drag",clsDragState:"uk-drag",clsBase:"uk-sortable",clsNoDrag:"uk-sortable-nodrag",clsEmpty:"uk-sortable-empty",clsCustom:"",handle:!1,pos:{}},created(){for(const n of["init","start","move","end"]){const s=this[n];this[n]=o=>{e.assign(this.pos,e.getEventPos(o)),s(o)}}},events:{name:e.pointerDown,passive:!1,handler:"init"},computed:{target(){return(this.$el.tBodies||[this.$el])[0]},items(){return e.children(this.target)},isEmpty:{get(){return e.isEmpty(this.items)},watch(n){e.toggleClass(this.target,this.clsEmpty,n)},immediate:!0},handles:{get(n,s){let{handle:o}=n;return o?e.$$(o,s):this.items},watch(n,s){e.css(s,{touchAction:"",userSelect:""}),e.css(n,{touchAction:e.hasTouch?"none":"",userSelect:"none"})},immediate:!0}},update:{write(n){if(!this.drag||!e.parent(this.placeholder))return;const{pos:{x:s,y:o},origin:{offsetTop:a,offsetLeft:r},placeholder:c}=this;e.css(this.drag,{top:o-a,left:s-r});const t=this.getSortable(document.elementFromPoint(s,o));if(!t)return;const{items:h}=t;if(h.some(e.Transition.inProgress))return;const d=V(h,{x:s,y:o});if(h.length&&(!d||d===c))return;const i=this.getSortable(c),f=q(t.target,d,c,s,o,t===i&&n.moved!==d);f!==!1&&(f&&c===f||(t!==i?(i.remove(c),n.moved=d):delete n.moved,t.insert(c,f),this.touched.add(t)))},events:["move"]},methods:{init(n){const{target:s,button:o,defaultPrevented:a}=n,[r]=this.items.filter(c=>e.within(s,c));!r||a||o>0||e.isInput(s)||e.within(s,"."+this.clsNoDrag)||this.handle&&!e.within(s,this.handle)||(n.preventDefault(),this.touched=new Set([this]),this.placeholder=r,this.origin={target:s,index:e.index(r),...this.pos},e.on(document,e.pointerMove,this.move),e.on(document,e.pointerUp,this.end),this.threshold||this.start(n))},start(n){this.drag=M(this.$container,this.placeholder);const{left:s,top:o}=this.placeholder.getBoundingClientRect();e.assign(this.origin,{offsetLeft:this.pos.x-s,offsetTop:this.pos.y-o}),e.addClass(this.drag,this.clsDrag,this.clsCustom),e.addClass(this.placeholder,this.clsPlaceholder),e.addClass(this.items,this.clsItem),e.addClass(document.documentElement,this.clsDragState),e.trigger(this.$el,"start",[this,this.placeholder]),N(this.pos),this.move(n)},move(n){this.drag?this.$emit("move"):(Math.abs(this.pos.x-this.origin.x)>this.threshold||Math.abs(this.pos.y-this.origin.y)>this.threshold)&&this.start(n)},end(){if(e.off(document,e.pointerMove,this.move),e.off(document,e.pointerUp,this.end),!this.drag)return;A();const n=this.getSortable(this.placeholder);this===n?this.origin.index!==e.index(this.placeholder)&&e.trigger(this.$el,"moved",[this,this.placeholder]):(e.trigger(n.$el,"added",[n,this.placeholder]),e.trigger(this.$el,"removed",[this,this.placeholder])),e.trigger(this.$el,"stop",[this,this.placeholder]),e.remove(this.drag),this.drag=null;for(const{clsPlaceholder:s,clsItem:o}of this.touched)for(const a of this.touched)e.removeClass(a.items,s,o);this.touched=null,e.removeClass(document.documentElement,this.clsDragState)},insert(n,s){e.addClass(this.items,this.clsItem);const o=()=>s?e.before(s,n):e.append(this.target,n);this.animate(o)},remove(n){!e.within(n,this.target)||this.animate(()=>e.remove(n))},getSortable(n){do{const s=this.$getComponent(n,"sortable");if(s&&(s===this||this.group!==!1&&s.group===this.group))return s}while(n=e.parent(n))}}};let $;function N(n){let s=Date.now();$=setInterval(()=>{let{x:o,y:a}=n;a+=document.scrollingElement.scrollTop;const r=(Date.now()-s)*.3;s=Date.now(),e.scrollParents(document.elementFromPoint(o,n.y),/auto|scroll/).reverse().some(c=>{let{scrollTop:t,scrollHeight:h}=c;const{top:d,bottom:i,height:f}=e.offsetViewport(c);if(d<a&&d+35>a)t-=r;else if(i>a&&i-35<a)t+=r;else return;if(t>0&&t<h-f)return c.scrollTop=t,!0})},15)}function A(){clearInterval($)}function M(n,s){const o=e.append(n,s.outerHTML.replace(/(^<)(?:li|tr)|(?:li|tr)(\/>$)/g,"$1div$2"));return e.css(o,"margin","0","important"),e.css(o,{boxSizing:"border-box",width:s.offsetWidth,height:s.offsetHeight,padding:e.css(s,"padding")}),e.height(o.firstElementChild,e.height(s.firstElementChild)),o}function V(n,s){return n[e.findIndex(n,o=>e.pointInRect(s,o.getBoundingClientRect()))]}function q(n,s,o,a,r,c){if(!e.children(n).length)return;const t=s.getBoundingClientRect();if(!c)return W(n,o)||r<t.top+t.height/2?s:s.nextElementSibling;const h=o.getBoundingClientRect(),d=D([t.top,t.bottom],[h.top,h.bottom]),i=d?a:r,f=d?"width":"height",p=d?"left":"top",m=d?"right":"bottom",l=h[f]<t[f]?t[f]-h[f]:0;return h[p]<t[p]?l&&i<t[p]+l?!1:s.nextElementSibling:l&&i>t[m]-l?!1:s}function W(n,s){const o=e.children(n).length===1;o&&e.append(n,s);const a=e.children(n),r=a.some((c,t)=>{const h=c.getBoundingClientRect();return a.slice(t+1).some(d=>{const i=d.getBoundingClientRect();return!D([h.left,h.right],[i.left,i.right])})});return o&&e.remove(s),r}function D(n,s){return n[1]>s[0]&&s[1]>n[0]}return typeof window<"u"&&window.UIkit&&window.UIkit.component("sortable",I),I});
+/*! UIkit 3.15.4-dev.c21737f52 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(e,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitsortable",["uikit-util"],g):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitSortable=g(e.UIkit.util))})(this,function(e){"use strict";function g(n){return B(n,"top","bottom")}function B(n,s,o){const t=[[]];for(const c of n){if(!e.isVisible(c))continue;let a=u(c);for(let r=t.length-1;r>=0;r--){const h=t[r];if(!h[0]){h.push(c);break}let d;if(h[0].offsetParent===c.offsetParent?d=u(h[0]):(a=u(c,!0),d=u(h[0],!0)),a[s]>=d[o]-1&&a[s]!==d[s]){t.push([c]);break}if(a[o]-1>d[s]||a[s]===d[s]){h.push(c);break}if(r===0){t.unshift([c]);break}}}return t}function u(n,s){s===void 0&&(s=!1);let{offsetTop:o,offsetLeft:t,offsetHeight:c,offsetWidth:a}=n;return s&&([o,t]=e.offsetPosition(n)),{top:o,left:t,bottom:o+c,right:t+a}}const w="uk-transition-leave",b="uk-transition-enter";function y(n,s,o,t){t===void 0&&(t=0);const c=v(s,!0),a={opacity:1},r={opacity:0},h=f=>()=>c===v(s)?f():Promise.reject(),d=h(async()=>{e.addClass(s,w),await Promise.all(C(s).map((f,p)=>new Promise(l=>setTimeout(()=>e.Transition.start(f,r,o/2,"ease").then(l),p*t)))),e.removeClass(s,w)}),i=h(async()=>{const f=e.height(s);e.addClass(s,b),n(),e.css(e.children(s),{opacity:0}),await R();const p=e.children(s),l=e.height(s);e.css(s,"alignContent","flex-start"),e.height(s,f);const m=C(s);e.css(p,r);const F=m.map(async(G,J)=>{await L(J*t),await e.Transition.start(G,a,o/2,"ease")});f!==l&&F.push(e.Transition.start(s,{height:l},o/2+m.length*t,"ease")),await Promise.all(F).then(()=>{e.removeClass(s,b),c===v(s)&&(e.css(s,{height:"",alignContent:""}),e.css(p,{opacity:""}),delete s.dataset.transition)})});return e.hasClass(s,w)?T(s).then(i):e.hasClass(s,b)?T(s).then(d).then(i):d().then(i)}function v(n,s){return s&&(n.dataset.transition=1+v(n)),e.toNumber(n.dataset.transition)||0}function T(n){return Promise.all(e.children(n).filter(e.Transition.inProgress).map(s=>new Promise(o=>e.once(s,"transitionend transitioncanceled",o))))}function C(n){return g(e.children(n)).reduce((s,o)=>s.concat(e.sortBy(o.filter(t=>e.isInView(t)),"offsetLeft")),[])}function R(){return new Promise(n=>requestAnimationFrame(n))}function L(n){return new Promise(s=>setTimeout(s,n))}async function z(n,s,o){await I();let t=e.children(s);const c=t.map(f=>P(f,!0)),a=e.css(s,["height","padding"]);e.Transition.cancel(s),t.forEach(e.Transition.cancel),S(s),n(),t=t.concat(e.children(s).filter(f=>!e.includes(t,f))),await Promise.resolve(),e.fastdom.flush();const r=e.css(s,["height","padding"]),[h,d]=H(s,t,c);t.forEach((f,p)=>d[p]&&e.css(f,d[p])),e.css(s,{display:"block",...a}),await I();const i=t.map((f,p)=>e.parent(f)===s&&e.Transition.start(f,h[p],o,"ease")).concat(e.Transition.start(s,r,o,"ease"));await Promise.all(i).then(()=>{t.forEach((f,p)=>e.parent(f)===s&&e.css(f,"display",h[p].opacity===0?"none":"")),S(s)},e.noop)}function P(n,s){const o=e.css(n,"zIndex");return e.isVisible(n)?{display:"",opacity:s?e.css(n,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:o==="auto"?e.index(n):o,...x(n)}:!1}function H(n,s,o){const t=s.map((a,r)=>e.parent(a)&&r in o?o[r]?e.isVisible(a)?x(a):{opacity:0}:{opacity:e.isVisible(a)?1:0}:!1),c=t.map((a,r)=>{const h=e.parent(s[r])===n&&(o[r]||P(s[r]));if(!h)return!1;if(!a)delete h.opacity;else if(!("opacity"in a)){const{opacity:d}=h;d%1?a.opacity=1:delete h.opacity}return h});return[t,c]}function S(n){e.css(n.children,{height:"",left:"",opacity:"",pointerEvents:"",position:"",top:"",marginTop:"",marginLeft:"",transform:"",width:"",zIndex:""}),e.css(n,{height:"",display:"",padding:""})}function x(n){const{height:s,width:o}=e.offset(n),{top:t,left:c}=e.position(n),{marginLeft:a,marginTop:r}=e.css(n,["marginTop","marginLeft"]);return{top:t,left:c,height:s,width:o,marginLeft:a,marginTop:r,transform:""}}function I(){return new Promise(n=>requestAnimationFrame(n))}var N={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate(n,s){s===void 0&&(s=this.$el);const o=this.animation;return(o==="fade"?y:o==="delayed-fade"?function(){for(var c=arguments.length,a=new Array(c),r=0;r<c;r++)a[r]=arguments[r];return y(...a,40)}:o?z:()=>(n(),Promise.resolve()))(n,s,this.duration).then(()=>this.$update(s,"resize"),e.noop)}}},A={connected(){!e.hasClass(this.$el,this.$name)&&e.addClass(this.$el,this.$name)}},$={mixins:[A,N],props:{group:String,threshold:Number,clsItem:String,clsPlaceholder:String,clsDrag:String,clsDragState:String,clsBase:String,clsNoDrag:String,clsEmpty:String,clsCustom:String,handle:String},data:{group:!1,threshold:5,clsItem:"uk-sortable-item",clsPlaceholder:"uk-sortable-placeholder",clsDrag:"uk-sortable-drag",clsDragState:"uk-drag",clsBase:"uk-sortable",clsNoDrag:"uk-sortable-nodrag",clsEmpty:"uk-sortable-empty",clsCustom:"",handle:!1,pos:{}},created(){for(const n of["init","start","move","end"]){const s=this[n];this[n]=o=>{e.assign(this.pos,e.getEventPos(o)),s(o)}}},events:{name:e.pointerDown,passive:!1,handler:"init"},computed:{target(){return(this.$el.tBodies||[this.$el])[0]},items(){return e.children(this.target)},isEmpty:{get(){return e.isEmpty(this.items)},watch(n){e.toggleClass(this.target,this.clsEmpty,n)},immediate:!0},handles:{get(n,s){let{handle:o}=n;return o?e.$$(o,s):this.items},watch(n,s){e.css(s,{touchAction:"",userSelect:""}),e.css(n,{touchAction:e.hasTouch?"none":"",userSelect:"none"})},immediate:!0}},update:{write(n){if(!this.drag||!e.parent(this.placeholder))return;const{pos:{x:s,y:o},origin:{offsetTop:t,offsetLeft:c},placeholder:a}=this;e.css(this.drag,{top:o-t,left:s-c});const r=this.getSortable(document.elementFromPoint(s,o));if(!r)return;const{items:h}=r;if(h.some(e.Transition.inProgress))return;const d=W(h,{x:s,y:o});if(h.length&&(!d||d===a))return;const i=this.getSortable(a),f=j(r.target,d,a,s,o,r===i&&n.moved!==d);f!==!1&&(f&&a===f||(r!==i?(i.remove(a),n.moved=d):delete n.moved,r.insert(a,f),this.touched.add(r)))},events:["move"]},methods:{init(n){const{target:s,button:o,defaultPrevented:t}=n,[c]=this.items.filter(a=>e.within(s,a));!c||t||o>0||e.isInput(s)||e.within(s,"."+this.clsNoDrag)||this.handle&&!e.within(s,this.handle)||(n.preventDefault(),this.touched=new Set([this]),this.placeholder=c,this.origin={target:s,index:e.index(c),...this.pos},e.on(document,e.pointerMove,this.move),e.on(document,e.pointerUp,this.end),this.threshold||this.start(n))},start(n){this.drag=q(this.$container,this.placeholder);const{left:s,top:o}=this.placeholder.getBoundingClientRect();e.assign(this.origin,{offsetLeft:this.pos.x-s,offsetTop:this.pos.y-o}),e.addClass(this.drag,this.clsDrag,this.clsCustom),e.addClass(this.placeholder,this.clsPlaceholder),e.addClass(this.items,this.clsItem),e.addClass(document.documentElement,this.clsDragState),e.trigger(this.$el,"start",[this,this.placeholder]),M(this.pos),this.move(n)},move(n){this.drag?this.$emit("move"):(Math.abs(this.pos.x-this.origin.x)>this.threshold||Math.abs(this.pos.y-this.origin.y)>this.threshold)&&this.start(n)},end(){if(e.off(document,e.pointerMove,this.move),e.off(document,e.pointerUp,this.end),!this.drag)return;V();const n=this.getSortable(this.placeholder);this===n?this.origin.index!==e.index(this.placeholder)&&e.trigger(this.$el,"moved",[this,this.placeholder]):(e.trigger(n.$el,"added",[n,this.placeholder]),e.trigger(this.$el,"removed",[this,this.placeholder])),e.trigger(this.$el,"stop",[this,this.placeholder]),e.remove(this.drag),this.drag=null;for(const{clsPlaceholder:s,clsItem:o}of this.touched)for(const t of this.touched)e.removeClass(t.items,s,o);this.touched=null,e.removeClass(document.documentElement,this.clsDragState)},insert(n,s){e.addClass(this.items,this.clsItem);const o=()=>s?e.before(s,n):e.append(this.target,n);this.animate(o)},remove(n){!e.within(n,this.target)||this.animate(()=>e.remove(n))},getSortable(n){do{const s=this.$getComponent(n,"sortable");if(s&&(s===this||this.group!==!1&&s.group===this.group))return s}while(n=e.parent(n))}}};let D;function M(n){let s=Date.now();D=setInterval(()=>{let{x:o,y:t}=n;t+=document.scrollingElement.scrollTop;const c=(Date.now()-s)*.3;s=Date.now(),e.scrollParents(document.elementFromPoint(o,n.y),/auto|scroll/).reverse().some(a=>{let{scrollTop:r,scrollHeight:h}=a;const{top:d,bottom:i,height:f}=e.offsetViewport(a);if(d<t&&d+35>t)r-=c;else if(i>t&&i-35<t)r+=c;else return;if(r>0&&r<h-f)return a.scrollTop=r,!0})},15)}function V(){clearInterval(D)}function q(n,s){const o=e.append(n,s.outerHTML.replace(/(^<)(?:li|tr)|(?:li|tr)(\/>$)/g,"$1div$2"));return e.css(o,"margin","0","important"),e.css(o,{boxSizing:"border-box",width:s.offsetWidth,height:s.offsetHeight,padding:e.css(s,"padding")}),e.height(o.firstElementChild,e.height(s.firstElementChild)),o}function W(n,s){return n[e.findIndex(n,o=>e.pointInRect(s,o.getBoundingClientRect()))]}function j(n,s,o,t,c,a){if(!e.children(n).length)return;const r=s.getBoundingClientRect();if(!a)return O(n,o)||c<r.top+r.height/2?s:s.nextElementSibling;const h=o.getBoundingClientRect(),d=E([r.top,r.bottom],[h.top,h.bottom]),i=d?t:c,f=d?"width":"height",p=d?"left":"top",l=d?"right":"bottom",m=h[f]<r[f]?r[f]-h[f]:0;return h[p]<r[p]?m&&i<r[p]+m?!1:s.nextElementSibling:m&&i>r[l]-m?!1:s}function O(n,s){const o=e.children(n).length===1;o&&e.append(n,s);const t=e.children(n),c=t.some((a,r)=>{const h=a.getBoundingClientRect();return t.slice(r+1).some(d=>{const i=d.getBoundingClientRect();return!E([h.left,h.right],[i.left,i.right])})});return o&&e.remove(s),c}function E(n,s){return n[1]>s[0]&&s[1]>n[0]}return typeof window<"u"&&window.UIkit&&window.UIkit.component("sortable",$),$});

package/dist/js/components/tooltip.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.3-dev.e9711b588 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.4-dev.c21737f52 | 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')) :
@@ -81,7 +81,6 @@
             const done = () => {
               uikitUtil.removeClass(el, cls);
               uikitUtil.trigger(el, show ? 'shown' : 'hidden', [this]);
-              this.$update(el);
             };
 
             return promise ?
@@ -126,7 +125,6 @@
 
           if (changed) {
             uikitUtil.trigger(el, 'toggled', [toggled, this]);
-            this.$update(el);
           }
         } } };
 

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

@@ -1 +1 @@
-/*! UIkit 3.15.3-dev.e9711b588 | 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(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(e=>s.startsWith(o[0],e))}},methods:{toggleElement(t,o,e){return new Promise(n=>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 f=(s.isFunction(e)?e:e===!1||!this.hasAnimation?E(this):this.hasTransition?S(this):B(this))(r,i),d=i?this.clsEnter:this.clsLeave;s.addClass(r,d),s.trigger(r,i?"show":"hide",[this]);const a=()=>{s.removeClass(r,d),s.trigger(r,i?"shown":"hidden",[this]),this.$update(r)};return f?f.then(a,()=>(s.removeClass(r,d),Promise.reject())):a()})).then(n,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 e;this.cls?(e=s.includes(this.cls," ")||o!==s.hasClass(t,this.cls),e&&s.toggleClass(t,this.cls,s.includes(this.cls," ")?void 0:o)):(e=o===t.hidden,e&&(t.hidden=!o)),s.$$("[autofocus]",t).some(n=>s.isVisible(n)?n.focus()||!0:n.blur()),e&&(s.trigger(t,"toggled",[o,this]),this.$update(t))}}};function E(t){let{_toggle:o}=t;return(e,n)=>(s.Animation.cancel(e),s.Transition.cancel(e),o(e,n))}function S(t){var o;const[e="reveal",n="top"]=((o=t.animation[0])==null?void 0:o.split("-"))||[],r=[["left","right"],["top","bottom"]],i=r[s.includes(r[0],n)?0:1],f=i[1]===n,a=["width","height"][r.indexOf(i)],h="margin-"+i[0],l="margin-"+n;return async(c,p)=>{let{duration:b,velocity:F,transition:$,_toggle:P}=t,w=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","overflowY","overflowX",h,l].map(O=>[O,c.style[O]])),v=s.dimensions(c),T=s.toFloat(s.css(c,h)),x=s.toFloat(s.css(c,l)),g=v[a]+x;!N&&!p&&(w+=x);const[u]=s.wrapInner(c,"<div>");s.css(u,{boxSizing:"border-box",height:v.height,width:v.width,...s.css(c,["overflow","padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",l])}),s.css(c,{padding:0,border:0,minWidth:0,minHeight:0,[l]:0,width:v.width,height:v.height,overflow:"hidden",[a]:w});const A=w/g;b=(F*g+b)*(p?1-A:A);const C={[a]:p?g:0};f&&(s.css(c,h,g-w+T),C[h]=p?T:g+T),!f^e==="reveal"&&(s.css(u,h,-g+w),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,e)=>{s.Animation.cancel(o);const{animation:n,duration:r,_toggle:i}=t;return e?(i(o,!0),s.Animation.in(o,n[0],r,t.origin)):s.Animation.out(o,n[1]||n[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,e){let n=[this.getPositionOffset(t),this.getShiftOffset(t)];const r=[this.flip&&"flip",this.shift&&"shift"],i={element:[this.inset?this.dir:s.flipPosition(this.dir),this.align],target:[this.dir,this.align]};if(this.axis==="y"){for(const l in i)i[l].reverse();n.reverse(),r.reverse()}const[f]=s.scrollParents(t,/auto|scroll/),{scrollTop:d,scrollLeft:a}=f,h=s.dimensions(t);s.css(t,{top:-h.height,left:-h.width}),s.positionAt(t,o,{attach:i,offset:n,boundary:e,placement:r,viewportOffset:this.getViewportOffset(t)}),f.scrollTop=d,f.scrollLeft=a},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:[m,_,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[e,n]=D(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?s.flipPosition(e)+"-"+n:n+"-"+s.flipPosition(e)}),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,e){let[n,r]=e;const i=s.offset(t),f=s.offset(o),d=[["left","right"],["top","bottom"]];for(const h of d){if(i[h[0]]>=f[h[1]]){n=h[1];break}if(i[h[1]]<=f[h[0]]){n=h[0];break}}const a=s.includes(d[0],n)?d[1]:d[0];return i[a[0]]===f[a[0]]?r=a[0]:i[a[1]]===f[a[1]]?r=a[1]:r="center",[n,r]}return typeof window<"u"&&window.UIkit&&window.UIkit.component("tooltip",y),y});
+/*! UIkit 3.15.4-dev.c21737f52 | 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(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(e=>s.startsWith(o[0],e))}},methods:{toggleElement(t,o,e){return new Promise(n=>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 f=(s.isFunction(e)?e:e===!1||!this.hasAnimation?E(this):this.hasTransition?S(this):B(this))(r,i),d=i?this.clsEnter:this.clsLeave;s.addClass(r,d),s.trigger(r,i?"show":"hide",[this]);const a=()=>{s.removeClass(r,d),s.trigger(r,i?"shown":"hidden",[this])};return f?f.then(a,()=>(s.removeClass(r,d),Promise.reject())):a()})).then(n,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 e;this.cls?(e=s.includes(this.cls," ")||o!==s.hasClass(t,this.cls),e&&s.toggleClass(t,this.cls,s.includes(this.cls," ")?void 0:o)):(e=o===t.hidden,e&&(t.hidden=!o)),s.$$("[autofocus]",t).some(n=>s.isVisible(n)?n.focus()||!0:n.blur()),e&&s.trigger(t,"toggled",[o,this])}}};function E(t){let{_toggle:o}=t;return(e,n)=>(s.Animation.cancel(e),s.Transition.cancel(e),o(e,n))}function S(t){var o;const[e="reveal",n="top"]=((o=t.animation[0])==null?void 0:o.split("-"))||[],r=[["left","right"],["top","bottom"]],i=r[s.includes(r[0],n)?0:1],f=i[1]===n,a=["width","height"][r.indexOf(i)],h="margin-"+i[0],l="margin-"+n;return async(c,p)=>{let{duration:b,velocity:F,transition:P,_toggle:$}=t,w=s.dimensions(c)[a];const N=s.Transition.inProgress(c);await s.Transition.cancel(c),p&&$(c,!0);const j=Object.fromEntries(["padding","border","width","height","overflowY","overflowX",h,l].map(O=>[O,c.style[O]])),v=s.dimensions(c),u=s.toFloat(s.css(c,h)),x=s.toFloat(s.css(c,l)),g=v[a]+x;!N&&!p&&(w+=x);const[T]=s.wrapInner(c,"<div>");s.css(T,{boxSizing:"border-box",height:v.height,width:v.width,...s.css(c,["overflow","padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",l])}),s.css(c,{padding:0,border:0,minWidth:0,minHeight:0,[l]:0,width:v.width,height:v.height,overflow:"hidden",[a]:w});const A=w/g;b=(F*g+b)*(p?1-A:A);const C={[a]:p?g:0};f&&(s.css(c,h,g-w+u),C[h]=p?u:g+u),!f^e==="reveal"&&(s.css(T,h,-g+w),s.Transition.start(T,{[h]:p?0:-g},b,P));try{await s.Transition.start(c,C,b,P)}finally{s.css(c,j),s.unwrap(T.firstChild),p||$(c,!1)}}}function B(t){return(o,e)=>{s.Animation.cancel(o);const{animation:n,duration:r,_toggle:i}=t;return e?(i(o,!0),s.Animation.in(o,n[0],r,t.origin)):s.Animation.out(o,n[1]||n[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,e){let n=[this.getPositionOffset(t),this.getShiftOffset(t)];const r=[this.flip&&"flip",this.shift&&"shift"],i={element:[this.inset?this.dir:s.flipPosition(this.dir),this.align],target:[this.dir,this.align]};if(this.axis==="y"){for(const l in i)i[l].reverse();n.reverse(),r.reverse()}const[f]=s.scrollParents(t,/auto|scroll/),{scrollTop:d,scrollLeft:a}=f,h=s.dimensions(t);s.css(t,{top:-h.height,left:-h.width}),s.positionAt(t,o,{attach:i,offset:n,boundary:e,placement:r,viewportOffset:this.getViewportOffset(t)}),f.scrollTop=d,f.scrollLeft=a},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:[m,_,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[e,n]=D(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?s.flipPosition(e)+"-"+n:n+"-"+s.flipPosition(e)}),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,e){let[n,r]=e;const i=s.offset(t),f=s.offset(o),d=[["left","right"],["top","bottom"]];for(const h of d){if(i[h[0]]>=f[h[1]]){n=h[1];break}if(i[h[1]]<=f[h[0]]){n=h[0];break}}const a=s.includes(d[0],n)?d[1]:d[0];return i[a[0]]===f[a[0]]?r=a[0]:i[a[1]]===f[a[1]]?r=a[1]:r="center",[n,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.15.3-dev.e9711b588 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.4-dev.c21737f52 | 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.15.3-dev.e9711b588 | 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.15.4-dev.c21737f52 | 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});

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.3-dev.e9711b588 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.4-dev.c21737f52 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1492,7 +1492,7 @@
           return;
         }
         pendingResize = true;
-        fastdom.read(() => pendingResize = false);
+        requestAnimationFrame(() => pendingResize = false);
         for (const listener of listeners) {
           listener();
         }
@@ -2730,7 +2730,7 @@
     function initChildListObserver(component) {
       const { el } = component.$options;
 
-      const observer = new MutationObserver(() => component.$emit());
+      const observer = new MutationObserver(() => component._callWatches());
       observer.observe(el, {
         childList: true,
         subtree: true });
@@ -2899,7 +2899,7 @@
         opt.install == null ? void 0 : opt.install(UIkit, opt, name);
 
         if (UIkit._initialized && !opt.functional) {
-          fastdom.read(() => UIkit[name]("[uk-" + id + "],[data-uk-" + id + "]"));
+          requestAnimationFrame(() => UIkit[name]("[uk-" + id + "],[data-uk-" + id + "]"));
         }
 
         return components[name] = isPlainObject(options) ? opt : options;
@@ -2945,7 +2945,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.15.3-dev.e9711b588';
+    UIkit.version = '3.15.4-dev.c21737f52';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -2960,7 +2960,7 @@
         return;
       }
 
-      fastdom.read(function () {
+      requestAnimationFrame(function () {
         if (document.body) {
           apply(document.body, connect);
         }
@@ -3100,7 +3100,6 @@
             const done = () => {
               removeClass(el, cls);
               trigger(el, show ? 'shown' : 'hidden', [this]);
-              this.$update(el);
             };
 
             return promise ?
@@ -3145,7 +3144,6 @@
 
           if (changed) {
             trigger(el, 'toggled', [toggled, this]);
-            this.$update(el);
           }
         } } };
 
@@ -3407,7 +3405,7 @@
 
               if (show) {
                 const toggle = $(this.$props.toggle, el);
-                fastdom.read(() => {
+                requestAnimationFrame(() => {
                   if (!isInView(toggle)) {
                     scrollIntoView(toggle, { offset: this.offset });
                   }
@@ -4753,7 +4751,7 @@
     var grid = {
       extends: Margin,
 
-      mixins: [Class, Scroll],
+      mixins: [Class],
 
       name: 'grid',
 
@@ -4771,6 +4769,11 @@
 
       connected() {
         this.masonry && addClass(this.$el, 'uk-flex-top uk-flex-wrap-top');
+        this.parallax && registerScrollListener(this._uid, () => this.$emit('scroll'));
+      },
+
+      disconnected() {
+        unregisterScrollListener(this._uid);
       },
 
       update: [
@@ -6826,8 +6829,6 @@
           trigger(el, inview ? 'inview' : 'outview');
 
           state.inview = inview;
-
-          this.$update(el);
         } } };
 
     var scrollspyNav = {