uikit 3.15.11-dev.fd61e70ff → 3.15.12-dev.0c0d42cdf

package/dist/js/components/slideshow.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.11-dev.fd61e70ff | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.12-dev.0c0d42cdf | 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')) :
@@ -9,7 +9,8 @@
     var Class = {
       connected() {
         uikitUtil.addClass(this.$el, this.$options.id);
-      } };
+      }
+    };
 
     var Animations$1 = {
       slide: {
@@ -26,9 +27,9 @@
           { transform: translate(dir * -100 * percent) },
           { transform: translate(dir * 100 * (1 - percent)) }];
 
-        } } };
-
-
+        }
+      }
+    };
 
     function translated(el) {
       return Math.abs(uikitUtil.css(el, 'transform').split(',')[4] / el.offsetWidth) || 0;
@@ -102,8 +103,8 @@
 
         getDistance() {
           return prev == null ? void 0 : prev.offsetWidth;
-        } };
-
+        }
+      };
     }
 
     function triggerUpdate(el, type, data) {
@@ -117,20 +118,21 @@
         this.$emit('resize')));
 
 
-      } };
+      }
+    };
 
     var SliderAutoplay = {
       props: {
         autoplay: Boolean,
         autoplayInterval: Number,
-        pauseOnHover: Boolean },
-
+        pauseOnHover: Boolean
+      },
 
       data: {
         autoplay: false,
         autoplayInterval: 7000,
-        pauseOnHover: true },
-
+        pauseOnHover: true
+      },
 
       connected() {
         this.autoplay && this.startAutoplay();
@@ -162,8 +164,8 @@
           } else {
             this.startAutoplay();
           }
-        } }],
-
+        }
+      }],
 
 
       methods: {
@@ -182,7 +184,9 @@
 
         stopAutoplay() {
           this.interval && clearInterval(this.interval);
-        } } };
+        }
+      }
+    };
 
     const pointerOptions = { passive: false, capture: true };
     const pointerUpOptions = { passive: true, capture: true };
@@ -192,13 +196,13 @@
 
     var SliderDrag = {
       props: {
-        draggable: Boolean },
-
+        draggable: Boolean
+      },
 
       data: {
         draggable: true,
-        threshold: 10 },
-
+        threshold: 10
+      },
 
       created() {
         for (const key of ['start', 'move', 'end']) {
@@ -236,16 +240,16 @@
           }
 
           this.start(e);
-        } },
-
+        }
+      },
 
       {
         name: 'dragstart',
 
         handler(e) {
           e.preventDefault();
-        } },
-
+        }
+      },
 
       {
         // iOS workaround for slider stopping if swiping fast
@@ -254,8 +258,8 @@
           return this.list;
         },
         handler: uikitUtil.noop,
-        ...pointerOptions }],
-
+        ...pointerOptions
+      }],
 
 
       methods: {
@@ -392,9 +396,9 @@
           uikitUtil.css(this.list, { userSelect: '', pointerEvents: '' });
 
           this.drag = this.percent = null;
-        } } };
-
-
+        }
+      }
+    };
 
     function hasSelectableText(el) {
       return (
@@ -405,8 +409,8 @@
 
     var SliderNav = {
       data: {
-        selNav: false },
-
+        selNav: false
+      },
 
       computed: {
         nav(_ref, $el) {let { selNav } = _ref;
@@ -419,8 +423,8 @@
 
         navItems(_, $el) {
           return uikitUtil.$$(this.selNavItem, $el);
-        } },
-
+        }
+      },
 
       update: {
         write() {
@@ -438,8 +442,8 @@
           this.updateNav();
         },
 
-        events: ['resize'] },
-
+        events: ['resize']
+      },
 
       events: [
       {
@@ -452,13 +456,13 @@
         handler(e) {
           e.preventDefault();
           this.show(uikitUtil.data(e.current, this.attrItem));
-        } },
-
+        }
+      },
 
       {
         name: 'itemshow',
-        handler: 'updateNav' }],
-
+        handler: 'updateNav'
+      }],
 
 
       methods: {
@@ -475,7 +479,9 @@
             cmd === 'previous' && i === 0 || cmd === 'next' && i >= this.maxIndex));
 
           }
-        } } };
+        }
+      }
+    };
 
     var Slider = {
       mixins: [SliderAutoplay, SliderDrag, SliderNav, Resize],
@@ -486,8 +492,8 @@
         index: Number,
         finite: Boolean,
         velocity: Number,
-        selSlides: String },
-
+        selSlides: String
+      },
 
       data: () => ({
         easing: 'ease',
@@ -500,8 +506,8 @@
         clsActive: 'uk-active',
         clsActivated: false,
         Transitioner: false,
-        transitionOptions: {} }),
-
+        transitionOptions: {}
+      }),
 
       connected() {
         this.prevIndex = -1;
@@ -537,13 +543,13 @@
 
           watch() {
             this.$emit('resize');
-          } },
-
+          }
+        },
 
         length() {
           return this.slides.length;
-        } },
-
+        }
+      },
 
       methods: {
         show(index, force) {if (force === void 0) {force = false;}
@@ -632,8 +638,8 @@
             'cubic-bezier(0.25, 0.46, 0.45, 0.94)' /* easeOutQuad */ :
             'cubic-bezier(0.165, 0.84, 0.44, 1)' /* easeOutQuart */ :
             this.easing,
-            ...this.transitionOptions });
-
+            ...this.transitionOptions
+          });
 
           if (!force && !prev) {
             this._translate(1);
@@ -669,9 +675,9 @@
           dir * (uikitUtil.isRtl ? -1 : 1),
           options);
 
-        } } };
-
-
+        }
+      }
+    };
 
     function getDirection(index, prevIndex) {
       return index === 'next' ? 1 : index === 'previous' ? -1 : index < prevIndex ? -1 : 1;
@@ -685,15 +691,15 @@
       mixins: [Slider],
 
       props: {
-        animation: String },
-
+        animation: String
+      },
 
       data: {
         animation: 'slide',
         clsActivated: 'uk-transition-active',
         Animations: Animations$1,
-        Transitioner },
-
+        Transitioner
+      },
 
       computed: {
         animation(_ref) {let { animation, Animations } = _ref;
@@ -702,8 +708,8 @@
 
         transitionOptions() {
           return { animation: this.animation };
-        } },
-
+        }
+      },
 
       events: {
         beforeitemshow(_ref2) {let { target } = _ref2;
@@ -716,7 +722,9 @@
 
         itemhidden(_ref4) {let { target } = _ref4;
           uikitUtil.removeClass(target, this.clsActive, this.clsActivated);
-        } } };
+        }
+      }
+    };
 
     var Animations = {
       ...Animations$1,
@@ -731,8 +739,8 @@
 
         translate(percent) {
           return [{ opacity: 1 - percent, zIndex: 0 }, { zIndex: -1 }];
-        } },
-
+        }
+      },
 
       scale: {
         show() {
@@ -748,8 +756,8 @@
           { opacity: 1 - percent, transform: scale3d(1 + 0.5 * percent), zIndex: 0 },
           { zIndex: -1 }];
 
-        } },
-
+        }
+      },
 
       pull: {
         show(dir) {
@@ -778,8 +786,8 @@
           { transform: translate(-percent * 100), zIndex: 0 },
           { transform: translate(30 * (1 - percent)), zIndex: -1 }];
 
-        } },
-
+        }
+      },
 
       push: {
         show(dir) {
@@ -808,7 +816,9 @@
           { transform: translate(-30 * percent), zIndex: -1 },
           { transform: translate(100 * (1 - percent)), zIndex: 0 }];
 
-        } } };
+        }
+      }
+    };
 
     var SliderReactive = {
       update: {
@@ -826,12 +836,14 @@
           }
         },
 
-        events: ['resize'] } };
+        events: ['resize']
+      }
+    };
 
     var Lazyload = {
       data: {
-        preload: 5 },
-
+        preload: 5
+      },
 
       methods: {
         lazyload(observeTargets, targets) {if (observeTargets === void 0) {observeTargets = this.$el;}if (targets === void 0) {targets = this.$el;}
@@ -850,14 +862,17 @@
             }
           }));
 
-        } } };
+        }
+      }
+    };
 
     var SliderPreload = {
       mixins: [Lazyload],
 
       connected() {
         this.lazyload(this.slides, this.getAdjacentSlides);
-      } };
+      }
+    };
 
     var Component = {
       mixins: [Class, Slideshow, SliderReactive, SliderPreload],
@@ -865,8 +880,8 @@
       props: {
         ratio: String,
         minHeight: Number,
-        maxHeight: Number },
-
+        maxHeight: Number
+      },
 
       data: {
         ratio: '16:9',
@@ -875,8 +890,8 @@
         selList: '.uk-slideshow-items',
         attrItem: 'uk-slideshow-item',
         selNav: '.uk-slideshow-nav',
-        Animations },
-
+        Animations
+      },
 
       update: {
         read() {
@@ -903,13 +918,15 @@
           height > 0 && uikitUtil.css(this.list, 'minHeight', height);
         },
 
-        events: ['resize'] },
-
+        events: ['resize']
+      },
 
       methods: {
         getAdjacentSlides() {
           return [1, -1].map((i) => this.slides[this.getIndex(this.index + i)]);
-        } } };
+        }
+      }
+    };
 
     if (typeof window !== 'undefined' && window.UIkit) {
       window.UIkit.component('slideshow', Component);

package/dist/js/components/slideshow.min.js

@@ -1 +1 @@
-/*! UIkit 3.15.11-dev.fd61e70ff | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(s,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslideshow",["uikit-util"],p):(s=typeof globalThis<"u"?globalThis:s||self,s.UIkitSlideshow=p(s.UIkit.util))})(this,function(s){"use strict";var p={connected(){s.addClass(this.$el,this.$options.id)}},z={slide:{show(t){return[{transform:h(t*-100)},{transform:h()}]},percent(t){return v(t)},translate(t,e){return[{transform:h(e*-100*t)},{transform:h(e*100*(1-t))}]}}};function v(t){return Math.abs(s.css(t,"transform").split(",")[4]/t.offsetWidth)||0}function h(t,e){return t===void 0&&(t=0),e===void 0&&(e="%"),t+=t?e:"","translate3d("+t+", 0, 0)"}function b(t){return"scale3d("+t+", "+t+", 1)"}function $(t,e,n,i){let{animation:l,easing:r}=i;const{percent:a,translate:f,show:c=s.noop}=l,g=c(n),m=new s.Deferred;return{dir:n,show(o,d,L){d===void 0&&(d=0);const x=L?"linear":r;return o-=Math.round(o*s.clamp(d,-1,1)),this.translate(d),u(e,"itemin",{percent:d,duration:o,timing:x,dir:n}),u(t,"itemout",{percent:1-d,duration:o,timing:x,dir:n}),Promise.all([s.Transition.start(e,g[1],o,x),s.Transition.start(t,g[0],o,x)]).then(()=>{this.reset(),m.resolve()},s.noop),m.promise},cancel(){s.Transition.cancel([e,t])},reset(){for(const o in g[0])s.css([e,t],o,"")},forward(o,d){return d===void 0&&(d=this.percent()),s.Transition.cancel([e,t]),this.show(o,d,!0)},translate(o){this.reset();const d=f(o,n);s.css(e,d[1]),s.css(t,d[0]),u(e,"itemtranslatein",{percent:o,dir:n}),u(t,"itemtranslateout",{percent:1-o,dir:n})},percent(){return a(t||e,e,n)},getDistance(){return t==null?void 0:t.offsetWidth}}}function u(t,e,n){s.trigger(t,s.createEvent(e,!1,!1,n))}var S={connected(){var t;this.registerObserver(s.observeResize(((t=this.$options.resizeTargets)==null?void 0:t.call(this))||this.$el,()=>this.$emit("resize")))}},N={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){s.attr(this.slides,"tabindex","-1")},events:[{name:"visibilitychange",el(){return document},filter(){return this.autoplay},handler(){document.hidden?this.stopAutoplay():this.startAutoplay()}}],methods:{startAutoplay(){this.stopAutoplay(),this.interval=setInterval(()=>(!this.draggable||!s.$(":focus",this.$el))&&(!this.pauseOnHover||!s.matches(this.$el,":hover"))&&!this.stack.length&&this.show("next"),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)}}};const I={passive:!1,capture:!0},y={passive:!0,capture:!0},T="touchstart mousedown",w="touchmove mousemove",A="touchend touchcancel mouseup click input scroll";var D={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const t of["start","move","end"]){const e=this[t];this[t]=n=>{const i=s.getEventPos(n).x*(s.isRtl?-1:1);this.prevPos=i===this.pos?this.prevPos:this.pos,this.pos=i,e(n)}}},events:[{name:T,passive:!0,delegate(){return this.selSlides},handler(t){!this.draggable||!s.isTouch(t)&&C(t.target)||s.closest(t.target,s.selInput)||t.button>0||this.length<2||this.start(t)}},{name:"dragstart",handler(t){t.preventDefault()}},{name:w,el(){return this.list},handler:s.noop,...I}],methods:{start(){this.drag=this.pos,this._transitioner?(this.percent=this._transitioner.percent(),this.drag+=this._transitioner.getDistance()*this.percent*this.dir,this._transitioner.cancel(),this._transitioner.translate(this.percent),this.dragging=!0,this.stack=[]):this.prevIndex=this.index,s.on(document,w,this.move,I),s.on(document,A,this.end,y),s.css(this.list,"userSelect","none")},move(t){const e=this.pos-this.drag;if(e===0||this.prevPos===this.pos||!this.dragging&&Math.abs(e)<this.threshold)return;s.css(this.list,"pointerEvents","none"),t.cancelable&&t.preventDefault(),this.dragging=!0,this.dir=e<0?1:-1;const{slides:n}=this;let{prevIndex:i}=this,l=Math.abs(e),r=this.getIndex(i+this.dir,i),a=this._getDistance(i,r)||n[i].offsetWidth;for(;r!==i&&l>a;)this.drag-=a*this.dir,i=r,l-=a,r=this.getIndex(i+this.dir,i),a=this._getDistance(i,r)||n[i].offsetWidth;this.percent=l/a;const f=n[i],c=n[r],g=this.index!==r,m=i===r;let o;[this.index,this.prevIndex].filter(d=>!s.includes([r,i],d)).forEach(d=>{s.trigger(n[d],"itemhidden",[this]),m&&(o=!0,this.prevIndex=i)}),(this.index===i&&this.prevIndex!==i||o)&&s.trigger(n[this.index],"itemshown",[this]),g&&(this.prevIndex=i,this.index=r,!m&&s.trigger(f,"beforeitemhide",[this]),s.trigger(c,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),f,!m&&c),g&&(!m&&s.trigger(f,"itemhide",[this]),s.trigger(c,"itemshow",[this]))},end(){if(s.off(document,w,this.move,I),s.off(document,A,this.end,y),this.dragging)if(this.dragging=null,this.index===this.prevIndex)this.percent=1-this.percent,this.dir*=-1,this._show(!1,this.index,!0),this._transitioner=null;else{const t=(s.isRtl?this.dir*(s.isRtl?1:-1):this.dir)<0==this.prevPos>this.pos;this.index=t?this.index:this.prevIndex,t&&(this.percent=1-this.percent),this.show(this.dir>0&&!t||this.dir<0&&t?"next":"previous",!0)}s.css(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null}}};function C(t){return s.css(t,"userSelect")!=="none"&&s.toNodes(t.childNodes).some(e=>e.nodeType===3&&e.textContent.trim())}var H={data:{selNav:!1},computed:{nav(t,e){let{selNav:n}=t;return s.$(n,e)},selNavItem(t){let{attrItem:e}=t;return"["+e+"],[data-"+e+"]"},navItems(t,e){return s.$$(this.selNavItem,e)}},update:{write(){this.nav&&this.length!==this.nav.children.length&&s.html(this.nav,this.slides.map((t,e)=>"<li "+this.attrItem+'="'+e+'"><a href></a></li>').join("")),this.navItems.concat(this.nav).forEach(t=>t&&(t.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]},events:[{name:"click",delegate(){return this.selNavItem},handler(t){t.preventDefault(),this.show(s.data(t.current,this.attrItem))}},{name:"itemshow",handler:"updateNav"}],methods:{updateNav(){const t=this.getValidIndex();for(const e of this.navItems){const n=s.data(e,this.attrItem);s.toggleClass(e,this.clsActive,s.toNumber(n)===t),s.toggleClass(e,"uk-invisible",this.finite&&(n==="previous"&&t===0||n==="next"&&t>=this.maxIndex))}}}},M={mixins:[N,D,H,S],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number,selSlides:String},data:()=>({easing:"ease",finite:!1,velocity:1,index:0,prevIndex:-1,stack:[],percent:0,clsActive:"uk-active",clsActivated:!1,Transitioner:!1,transitionOptions:{}}),connected(){this.prevIndex=-1,this.index=this.getValidIndex(this.$props.index),this.stack=[]},disconnected(){s.removeClass(this.slides,this.clsActive)},computed:{duration(t,e){let{velocity:n}=t;return P(e.offsetWidth/n)},list(t,e){let{selList:n}=t;return s.$(n,e)},maxIndex(){return this.length-1},selSlides(t){let{selList:e,selSlides:n}=t;return e+" "+(n||"> *")},slides:{get(){return s.$$(this.selSlides,this.$el)},watch(){this.$emit("resize")}},length(){return this.slides.length}},methods:{show(t,e){if(e===void 0&&(e=!1),this.dragging||!this.length)return;const{stack:n}=this,i=e?0:n.length,l=()=>{n.splice(i,1),n.length&&this.show(n.shift(),!0)};if(n[e?"unshift":"push"](t),!e&&n.length>1){n.length===2&&this._transitioner.forward(Math.min(this.duration,200));return}const r=this.getIndex(this.index),a=s.hasClass(this.slides,this.clsActive)&&this.slides[r],f=this.getIndex(t,this.index),c=this.slides[f];if(a===c){l();return}if(this.dir=O(t,r),this.prevIndex=r,this.index=f,a&&!s.trigger(a,"beforeitemhide",[this])||!s.trigger(c,"beforeitemshow",[this,a])){this.index=this.prevIndex,l();return}const g=this._show(a,c,e).then(()=>(a&&s.trigger(a,"itemhidden",[this]),s.trigger(c,"itemshown",[this]),new Promise(m=>{requestAnimationFrame(()=>{n.shift(),n.length?this.show(n.shift(),!0):this._transitioner=null,m()})})));return a&&s.trigger(a,"itemhide",[this]),s.trigger(c,"itemshow",[this]),g},getIndex(t,e){return t===void 0&&(t=this.index),e===void 0&&(e=this.index),s.clamp(s.getIndex(t,this.slides,e,this.finite),0,this.maxIndex)},getValidIndex(t,e){return t===void 0&&(t=this.index),e===void 0&&(e=this.prevIndex),this.getIndex(t,e)},_show(t,e,n){if(this._transitioner=this._getTransitioner(t,e,this.dir,{easing:n?e.offsetWidth<600?"cubic-bezier(0.25, 0.46, 0.45, 0.94)":"cubic-bezier(0.165, 0.84, 0.44, 1)":this.easing,...this.transitionOptions}),!n&&!t)return this._translate(1),Promise.resolve();const{length:i}=this.stack;return this._transitioner[i>1?"forward":"show"](i>1?Math.min(this.duration,75+75/(i-1)):this.duration,this.percent)},_getDistance(t,e){return this._getTransitioner(t,t!==e&&e).getDistance()},_translate(t,e,n){e===void 0&&(e=this.prevIndex),n===void 0&&(n=this.index);const i=this._getTransitioner(e!==n?e:!1,n);return i.translate(t),i},_getTransitioner(t,e,n,i){return t===void 0&&(t=this.prevIndex),e===void 0&&(e=this.index),n===void 0&&(n=this.dir||1),i===void 0&&(i=this.transitionOptions),new this.Transitioner(s.isNumber(t)?this.slides[t]:t,s.isNumber(e)?this.slides[e]:e,n*(s.isRtl?-1:1),i)}}};function O(t,e){return t==="next"?1:t==="previous"||t<e?-1:1}function P(t){return .5*t+300}var E={mixins:[M],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:z,Transitioner:$},computed:{animation(t){let{animation:e,Animations:n}=t;return{...n[e]||n.slide,name:e}},transitionOptions(){return{animation:this.animation}}},events:{beforeitemshow(t){let{target:e}=t;s.addClass(e,this.clsActive)},itemshown(t){let{target:e}=t;s.addClass(e,this.clsActivated)},itemhidden(t){let{target:e}=t;s.removeClass(e,this.clsActive,this.clsActivated)}}},R={...z,fade:{show(){return[{opacity:0,zIndex:0},{zIndex:-1}]},percent(t){return 1-s.css(t,"opacity")},translate(t){return[{opacity:1-t,zIndex:0},{zIndex:-1}]}},scale:{show(){return[{opacity:0,transform:b(1+.5),zIndex:0},{zIndex:-1}]},percent(t){return 1-s.css(t,"opacity")},translate(t){return[{opacity:1-t,transform:b(1+.5*t),zIndex:0},{zIndex:-1}]}},pull:{show(t){return t<0?[{transform:h(30),zIndex:-1},{transform:h(),zIndex:0}]:[{transform:h(-100),zIndex:0},{transform:h(),zIndex:-1}]},percent(t,e,n){return n<0?1-v(e):v(t)},translate(t,e){return e<0?[{transform:h(30*t),zIndex:-1},{transform:h(-100*(1-t)),zIndex:0}]:[{transform:h(-t*100),zIndex:0},{transform:h(30*(1-t)),zIndex:-1}]}},push:{show(t){return t<0?[{transform:h(100),zIndex:0},{transform:h(),zIndex:-1}]:[{transform:h(-30),zIndex:-1},{transform:h(),zIndex:0}]},percent(t,e,n){return n>0?1-v(e):v(t)},translate(t,e){return e<0?[{transform:h(t*100),zIndex:0},{transform:h(-30*(1-t)),zIndex:-1}]:[{transform:h(-30*t),zIndex:-1},{transform:h(100*(1-t)),zIndex:0}]}}},W={update:{write(){if(this.stack.length||this.dragging)return;const t=this.getValidIndex(this.index);!~this.prevIndex||this.index!==t?this.show(t):this._translate(1,this.prevIndex,this.index)},events:["resize"]}},j={data:{preload:5},methods:{lazyload(t,e){t===void 0&&(t=this.$el),e===void 0&&(e=this.$el),this.registerObserver(s.observeIntersection(t,(n,i)=>{for(const l of s.toNodes(s.isFunction(e)?e():e))s.$$('[loading="lazy"]',l).slice(0,this.preload-1).forEach(r=>s.removeAttr(r,"loading"));for(const l of n.filter(r=>{let{isIntersecting:a}=r;return a}).map(r=>{let{target:a}=r;return a}))i.unobserve(l)}))}}},B={mixins:[j],connected(){this.lazyload(this.slides,this.getAdjacentSlides)}},_={mixins:[p,E,W,B],props:{ratio:String,minHeight:Number,maxHeight:Number},data:{ratio:"16:9",minHeight:!1,maxHeight:!1,selList:".uk-slideshow-items",attrItem:"uk-slideshow-item",selNav:".uk-slideshow-nav",Animations:R},update:{read(){if(!this.list)return!1;let[t,e]=this.ratio.split(":").map(Number);return e=e*this.list.offsetWidth/t||0,this.minHeight&&(e=Math.max(this.minHeight,e)),this.maxHeight&&(e=Math.min(this.maxHeight,e)),{height:e-s.boxModelAdjust(this.list,"height","content-box")}},write(t){let{height:e}=t;e>0&&s.css(this.list,"minHeight",e)},events:["resize"]},methods:{getAdjacentSlides(){return[1,-1].map(t=>this.slides[this.getIndex(this.index+t)])}}};return typeof window<"u"&&window.UIkit&&window.UIkit.component("slideshow",_),_});
+/*! UIkit 3.15.12-dev.0c0d42cdf | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(s,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslideshow",["uikit-util"],p):(s=typeof globalThis<"u"?globalThis:s||self,s.UIkitSlideshow=p(s.UIkit.util))})(this,function(s){"use strict";var p={connected(){s.addClass(this.$el,this.$options.id)}},z={slide:{show(t){return[{transform:h(t*-100)},{transform:h()}]},percent(t){return v(t)},translate(t,e){return[{transform:h(e*-100*t)},{transform:h(e*100*(1-t))}]}}};function v(t){return Math.abs(s.css(t,"transform").split(",")[4]/t.offsetWidth)||0}function h(t,e){return t===void 0&&(t=0),e===void 0&&(e="%"),t+=t?e:"","translate3d("+t+", 0, 0)"}function b(t){return"scale3d("+t+", "+t+", 1)"}function $(t,e,n,i){let{animation:l,easing:r}=i;const{percent:a,translate:f,show:c=s.noop}=l,g=c(n),m=new s.Deferred;return{dir:n,show(o,d,L){d===void 0&&(d=0);const x=L?"linear":r;return o-=Math.round(o*s.clamp(d,-1,1)),this.translate(d),u(e,"itemin",{percent:d,duration:o,timing:x,dir:n}),u(t,"itemout",{percent:1-d,duration:o,timing:x,dir:n}),Promise.all([s.Transition.start(e,g[1],o,x),s.Transition.start(t,g[0],o,x)]).then(()=>{this.reset(),m.resolve()},s.noop),m.promise},cancel(){s.Transition.cancel([e,t])},reset(){for(const o in g[0])s.css([e,t],o,"")},forward(o,d){return d===void 0&&(d=this.percent()),s.Transition.cancel([e,t]),this.show(o,d,!0)},translate(o){this.reset();const d=f(o,n);s.css(e,d[1]),s.css(t,d[0]),u(e,"itemtranslatein",{percent:o,dir:n}),u(t,"itemtranslateout",{percent:1-o,dir:n})},percent(){return a(t||e,e,n)},getDistance(){return t==null?void 0:t.offsetWidth}}}function u(t,e,n){s.trigger(t,s.createEvent(e,!1,!1,n))}var S={connected(){var t;this.registerObserver(s.observeResize(((t=this.$options.resizeTargets)==null?void 0:t.call(this))||this.$el,()=>this.$emit("resize")))}},N={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){s.attr(this.slides,"tabindex","-1")},events:[{name:"visibilitychange",el(){return document},filter(){return this.autoplay},handler(){document.hidden?this.stopAutoplay():this.startAutoplay()}}],methods:{startAutoplay(){this.stopAutoplay(),this.interval=setInterval(()=>(!this.draggable||!s.$(":focus",this.$el))&&(!this.pauseOnHover||!s.matches(this.$el,":hover"))&&!this.stack.length&&this.show("next"),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)}}};const I={passive:!1,capture:!0},y={passive:!0,capture:!0},T="touchstart mousedown",w="touchmove mousemove",A="touchend touchcancel mouseup click input scroll";var D={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const t of["start","move","end"]){const e=this[t];this[t]=n=>{const i=s.getEventPos(n).x*(s.isRtl?-1:1);this.prevPos=i===this.pos?this.prevPos:this.pos,this.pos=i,e(n)}}},events:[{name:T,passive:!0,delegate(){return this.selSlides},handler(t){!this.draggable||!s.isTouch(t)&&C(t.target)||s.closest(t.target,s.selInput)||t.button>0||this.length<2||this.start(t)}},{name:"dragstart",handler(t){t.preventDefault()}},{name:w,el(){return this.list},handler:s.noop,...I}],methods:{start(){this.drag=this.pos,this._transitioner?(this.percent=this._transitioner.percent(),this.drag+=this._transitioner.getDistance()*this.percent*this.dir,this._transitioner.cancel(),this._transitioner.translate(this.percent),this.dragging=!0,this.stack=[]):this.prevIndex=this.index,s.on(document,w,this.move,I),s.on(document,A,this.end,y),s.css(this.list,"userSelect","none")},move(t){const e=this.pos-this.drag;if(e===0||this.prevPos===this.pos||!this.dragging&&Math.abs(e)<this.threshold)return;s.css(this.list,"pointerEvents","none"),t.cancelable&&t.preventDefault(),this.dragging=!0,this.dir=e<0?1:-1;const{slides:n}=this;let{prevIndex:i}=this,l=Math.abs(e),r=this.getIndex(i+this.dir,i),a=this._getDistance(i,r)||n[i].offsetWidth;for(;r!==i&&l>a;)this.drag-=a*this.dir,i=r,l-=a,r=this.getIndex(i+this.dir,i),a=this._getDistance(i,r)||n[i].offsetWidth;this.percent=l/a;const f=n[i],c=n[r],g=this.index!==r,m=i===r;let o;[this.index,this.prevIndex].filter(d=>!s.includes([r,i],d)).forEach(d=>{s.trigger(n[d],"itemhidden",[this]),m&&(o=!0,this.prevIndex=i)}),(this.index===i&&this.prevIndex!==i||o)&&s.trigger(n[this.index],"itemshown",[this]),g&&(this.prevIndex=i,this.index=r,!m&&s.trigger(f,"beforeitemhide",[this]),s.trigger(c,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),f,!m&&c),g&&(!m&&s.trigger(f,"itemhide",[this]),s.trigger(c,"itemshow",[this]))},end(){if(s.off(document,w,this.move,I),s.off(document,A,this.end,y),this.dragging)if(this.dragging=null,this.index===this.prevIndex)this.percent=1-this.percent,this.dir*=-1,this._show(!1,this.index,!0),this._transitioner=null;else{const t=(s.isRtl?this.dir*(s.isRtl?1:-1):this.dir)<0==this.prevPos>this.pos;this.index=t?this.index:this.prevIndex,t&&(this.percent=1-this.percent),this.show(this.dir>0&&!t||this.dir<0&&t?"next":"previous",!0)}s.css(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null}}};function C(t){return s.css(t,"userSelect")!=="none"&&s.toNodes(t.childNodes).some(e=>e.nodeType===3&&e.textContent.trim())}var H={data:{selNav:!1},computed:{nav(t,e){let{selNav:n}=t;return s.$(n,e)},selNavItem(t){let{attrItem:e}=t;return"["+e+"],[data-"+e+"]"},navItems(t,e){return s.$$(this.selNavItem,e)}},update:{write(){this.nav&&this.length!==this.nav.children.length&&s.html(this.nav,this.slides.map((t,e)=>"<li "+this.attrItem+'="'+e+'"><a href></a></li>').join("")),this.navItems.concat(this.nav).forEach(t=>t&&(t.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]},events:[{name:"click",delegate(){return this.selNavItem},handler(t){t.preventDefault(),this.show(s.data(t.current,this.attrItem))}},{name:"itemshow",handler:"updateNav"}],methods:{updateNav(){const t=this.getValidIndex();for(const e of this.navItems){const n=s.data(e,this.attrItem);s.toggleClass(e,this.clsActive,s.toNumber(n)===t),s.toggleClass(e,"uk-invisible",this.finite&&(n==="previous"&&t===0||n==="next"&&t>=this.maxIndex))}}}},M={mixins:[N,D,H,S],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number,selSlides:String},data:()=>({easing:"ease",finite:!1,velocity:1,index:0,prevIndex:-1,stack:[],percent:0,clsActive:"uk-active",clsActivated:!1,Transitioner:!1,transitionOptions:{}}),connected(){this.prevIndex=-1,this.index=this.getValidIndex(this.$props.index),this.stack=[]},disconnected(){s.removeClass(this.slides,this.clsActive)},computed:{duration(t,e){let{velocity:n}=t;return P(e.offsetWidth/n)},list(t,e){let{selList:n}=t;return s.$(n,e)},maxIndex(){return this.length-1},selSlides(t){let{selList:e,selSlides:n}=t;return e+" "+(n||"> *")},slides:{get(){return s.$$(this.selSlides,this.$el)},watch(){this.$emit("resize")}},length(){return this.slides.length}},methods:{show(t,e){if(e===void 0&&(e=!1),this.dragging||!this.length)return;const{stack:n}=this,i=e?0:n.length,l=()=>{n.splice(i,1),n.length&&this.show(n.shift(),!0)};if(n[e?"unshift":"push"](t),!e&&n.length>1){n.length===2&&this._transitioner.forward(Math.min(this.duration,200));return}const r=this.getIndex(this.index),a=s.hasClass(this.slides,this.clsActive)&&this.slides[r],f=this.getIndex(t,this.index),c=this.slides[f];if(a===c){l();return}if(this.dir=O(t,r),this.prevIndex=r,this.index=f,a&&!s.trigger(a,"beforeitemhide",[this])||!s.trigger(c,"beforeitemshow",[this,a])){this.index=this.prevIndex,l();return}const g=this._show(a,c,e).then(()=>(a&&s.trigger(a,"itemhidden",[this]),s.trigger(c,"itemshown",[this]),new Promise(m=>{requestAnimationFrame(()=>{n.shift(),n.length?this.show(n.shift(),!0):this._transitioner=null,m()})})));return a&&s.trigger(a,"itemhide",[this]),s.trigger(c,"itemshow",[this]),g},getIndex(t,e){return t===void 0&&(t=this.index),e===void 0&&(e=this.index),s.clamp(s.getIndex(t,this.slides,e,this.finite),0,this.maxIndex)},getValidIndex(t,e){return t===void 0&&(t=this.index),e===void 0&&(e=this.prevIndex),this.getIndex(t,e)},_show(t,e,n){if(this._transitioner=this._getTransitioner(t,e,this.dir,{easing:n?e.offsetWidth<600?"cubic-bezier(0.25, 0.46, 0.45, 0.94)":"cubic-bezier(0.165, 0.84, 0.44, 1)":this.easing,...this.transitionOptions}),!n&&!t)return this._translate(1),Promise.resolve();const{length:i}=this.stack;return this._transitioner[i>1?"forward":"show"](i>1?Math.min(this.duration,75+75/(i-1)):this.duration,this.percent)},_getDistance(t,e){return this._getTransitioner(t,t!==e&&e).getDistance()},_translate(t,e,n){e===void 0&&(e=this.prevIndex),n===void 0&&(n=this.index);const i=this._getTransitioner(e!==n?e:!1,n);return i.translate(t),i},_getTransitioner(t,e,n,i){return t===void 0&&(t=this.prevIndex),e===void 0&&(e=this.index),n===void 0&&(n=this.dir||1),i===void 0&&(i=this.transitionOptions),new this.Transitioner(s.isNumber(t)?this.slides[t]:t,s.isNumber(e)?this.slides[e]:e,n*(s.isRtl?-1:1),i)}}};function O(t,e){return t==="next"?1:t==="previous"||t<e?-1:1}function P(t){return .5*t+300}var E={mixins:[M],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:z,Transitioner:$},computed:{animation(t){let{animation:e,Animations:n}=t;return{...n[e]||n.slide,name:e}},transitionOptions(){return{animation:this.animation}}},events:{beforeitemshow(t){let{target:e}=t;s.addClass(e,this.clsActive)},itemshown(t){let{target:e}=t;s.addClass(e,this.clsActivated)},itemhidden(t){let{target:e}=t;s.removeClass(e,this.clsActive,this.clsActivated)}}},R={...z,fade:{show(){return[{opacity:0,zIndex:0},{zIndex:-1}]},percent(t){return 1-s.css(t,"opacity")},translate(t){return[{opacity:1-t,zIndex:0},{zIndex:-1}]}},scale:{show(){return[{opacity:0,transform:b(1+.5),zIndex:0},{zIndex:-1}]},percent(t){return 1-s.css(t,"opacity")},translate(t){return[{opacity:1-t,transform:b(1+.5*t),zIndex:0},{zIndex:-1}]}},pull:{show(t){return t<0?[{transform:h(30),zIndex:-1},{transform:h(),zIndex:0}]:[{transform:h(-100),zIndex:0},{transform:h(),zIndex:-1}]},percent(t,e,n){return n<0?1-v(e):v(t)},translate(t,e){return e<0?[{transform:h(30*t),zIndex:-1},{transform:h(-100*(1-t)),zIndex:0}]:[{transform:h(-t*100),zIndex:0},{transform:h(30*(1-t)),zIndex:-1}]}},push:{show(t){return t<0?[{transform:h(100),zIndex:0},{transform:h(),zIndex:-1}]:[{transform:h(-30),zIndex:-1},{transform:h(),zIndex:0}]},percent(t,e,n){return n>0?1-v(e):v(t)},translate(t,e){return e<0?[{transform:h(t*100),zIndex:0},{transform:h(-30*(1-t)),zIndex:-1}]:[{transform:h(-30*t),zIndex:-1},{transform:h(100*(1-t)),zIndex:0}]}}},W={update:{write(){if(this.stack.length||this.dragging)return;const t=this.getValidIndex(this.index);!~this.prevIndex||this.index!==t?this.show(t):this._translate(1,this.prevIndex,this.index)},events:["resize"]}},j={data:{preload:5},methods:{lazyload(t,e){t===void 0&&(t=this.$el),e===void 0&&(e=this.$el),this.registerObserver(s.observeIntersection(t,(n,i)=>{for(const l of s.toNodes(s.isFunction(e)?e():e))s.$$('[loading="lazy"]',l).slice(0,this.preload-1).forEach(r=>s.removeAttr(r,"loading"));for(const l of n.filter(r=>{let{isIntersecting:a}=r;return a}).map(r=>{let{target:a}=r;return a}))i.unobserve(l)}))}}},B={mixins:[j],connected(){this.lazyload(this.slides,this.getAdjacentSlides)}},_={mixins:[p,E,W,B],props:{ratio:String,minHeight:Number,maxHeight:Number},data:{ratio:"16:9",minHeight:!1,maxHeight:!1,selList:".uk-slideshow-items",attrItem:"uk-slideshow-item",selNav:".uk-slideshow-nav",Animations:R},update:{read(){if(!this.list)return!1;let[t,e]=this.ratio.split(":").map(Number);return e=e*this.list.offsetWidth/t||0,this.minHeight&&(e=Math.max(this.minHeight,e)),this.maxHeight&&(e=Math.min(this.maxHeight,e)),{height:e-s.boxModelAdjust(this.list,"height","content-box")}},write(t){let{height:e}=t;e>0&&s.css(this.list,"minHeight",e)},events:["resize"]},methods:{getAdjacentSlides(){return[1,-1].map(t=>this.slides[this.getIndex(this.index+t)])}}};return typeof window<"u"&&window.UIkit&&window.UIkit.component("slideshow",_),_});

package/dist/js/components/sortable.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.11-dev.fd61e70ff | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.12-dev.0c0d42cdf | 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')) :
@@ -67,8 +67,8 @@
         top: offsetTop,
         left: offsetLeft,
         bottom: offsetTop + offsetHeight,
-        right: offsetLeft + offsetWidth };
-
+        right: offsetLeft + offsetWidth
+      };
     }
 
     const clsLeave = 'uk-transition-leave';
@@ -224,10 +224,7 @@
       const targetStyle = uikitUtil.attr(target, 'style');
       const targetPropsTo = uikitUtil.css(target, ['height', 'padding']);
       const [propsTo, propsFrom] = getTransitionProps(target, nodes, currentProps);
-      const attrsTo = nodes.map((el) => ({
-        class: uikitUtil.attr(el, 'class'),
-        style: uikitUtil.attr(el, 'style') }));
-
+      const attrsTo = nodes.map((el) => ({ style: uikitUtil.attr(el, 'style') }));
 
       // Reset to previous state
       nodes.forEach((el, i) => propsFrom[i] && uikitUtil.css(el, propsFrom[i]));
@@ -265,8 +262,8 @@
         pointerEvents: 'none',
         position: 'absolute',
         zIndex: zIndex === 'auto' ? uikitUtil.index(el) : zIndex,
-        ...getPositionWithMargin(el) } :
-
+        ...getPositionWithMargin(el)
+      } :
       false;
     }
 
@@ -320,8 +317,8 @@
         width,
         transform: '',
         ...uikitUtil.position(el),
-        ...uikitUtil.css(el, ['marginTop', 'marginLeft']) };
-
+        ...uikitUtil.css(el, ['marginTop', 'marginLeft'])
+      };
     }
 
     function awaitFrame() {
@@ -331,13 +328,13 @@
     var Animate = {
       props: {
         duration: Number,
-        animation: Boolean },
-
+        animation: Boolean
+      },
 
       data: {
         duration: 150,
-        animation: 'slide' },
-
+        animation: 'slide'
+      },
 
       methods: {
         animate(action, target) {if (target === void 0) {target = this.$el;}
@@ -355,12 +352,15 @@
           };
 
           return animationFn(action, target, this.duration).catch(uikitUtil.noop);
-        } } };
+        }
+      }
+    };
 
     var Class = {
       connected() {
         uikitUtil.addClass(this.$el, this.$options.id);
-      } };
+      }
+    };
 
     var Component = {
       mixins: [Class, Animate],
@@ -376,8 +376,8 @@
         clsNoDrag: String,
         clsEmpty: String,
         clsCustom: String,
-        handle: String },
-
+        handle: String
+      },
 
       data: {
         group: false,
@@ -391,8 +391,8 @@
         clsEmpty: 'uk-sortable-empty',
         clsCustom: '',
         handle: false,
-        pos: {} },
-
+        pos: {}
+      },
 
       created() {
         for (const key of ['init', 'start', 'move', 'end']) {
@@ -407,8 +407,8 @@
       events: {
         name: uikitUtil.pointerDown,
         passive: false,
-        handler: 'init' },
-
+        handler: 'init'
+      },
 
       computed: {
         target() {
@@ -428,8 +428,8 @@
             uikitUtil.toggleClass(this.target, this.clsEmpty, empty);
           },
 
-          immediate: true },
-
+          immediate: true
+        },
 
         handles: {
           get(_ref, el) {let { handle } = _ref;
@@ -441,9 +441,9 @@
             uikitUtil.css(handles, { touchAction: uikitUtil.hasTouch ? 'none' : '', userSelect: 'none' }); // touchAction set to 'none' causes a performance drop in Chrome 80
           },
 
-          immediate: true } },
-
-
+          immediate: true
+        }
+      },
 
       update: {
         write(data) {
@@ -454,13 +454,13 @@
           const {
             pos: { x, y },
             origin: { offsetTop, offsetLeft },
-            placeholder } =
-          this;
+            placeholder
+          } = this;
 
           uikitUtil.css(this.drag, {
             top: y - offsetTop,
-            left: x - offsetLeft });
-
+            left: x - offsetLeft
+          });
 
           const sortable = this.getSortable(document.elementFromPoint(x, y));
 
@@ -510,8 +510,8 @@
           this.touched.add(sortable);
         },
 
-        events: ['move'] },
-
+        events: ['move']
+      },
 
       methods: {
         init(e) {
@@ -633,9 +633,9 @@
               return sortable;
             }
           } while (element = uikitUtil.parent(element));
-        } } };
-
-
+        }
+      }
+    };
 
     let trackTimer;
     function trackScroll(pos) {
@@ -693,8 +693,8 @@
         boxSizing: 'border-box',
         width: element.offsetWidth,
         height: element.offsetHeight,
-        padding: uikitUtil.css(element, 'padding') });
-
+        padding: uikitUtil.css(element, 'padding')
+      });
 
       uikitUtil.height(clone.firstElementChild, uikitUtil.height(element.firstElementChild));