uikit 3.16.10 → 3.16.11-dev.55a0fc5b5

package/dist/js/components/slider.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.10 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.11-dev.55a0fc5b5 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -97,28 +97,81 @@
         role: "region"
       },
       computed: {
-        nav: {
-          get({ selNav }, $el) {
-            return util.$(selNav, $el);
-          },
-          watch(nav, prev) {
-            util.attr(nav, "role", "tablist");
-            if (prev) {
-              this.$emit();
-            }
-          },
-          immediate: true
+        nav({ selNav }, $el) {
+          return util.$(selNav, $el);
+        },
+        navChildren() {
+          return util.children(this.nav);
         },
         selNavItem({ attrItem }) {
           return `[${attrItem}],[data-${attrItem}]`;
         },
-        navItems: {
-          get(_, $el) {
-            return util.$$(this.selNavItem, $el);
-          },
-          watch() {
+        navItems(_, $el) {
+          return util.$$(this.selNavItem, $el);
+        }
+      },
+      watch: {
+        nav(nav, prev) {
+          util.attr(nav, "role", "tablist");
+          if (prev) {
             this.$emit();
           }
+        },
+        list(list) {
+          util.attr(list, "role", "presentation");
+        },
+        navChildren(children2) {
+          util.attr(children2, "role", "presentation");
+        },
+        navItems(items) {
+          for (const el of items) {
+            const cmd = util.data(el, this.attrItem);
+            const button = util.$("a,button", el) || el;
+            let ariaLabel;
+            let ariaControls = null;
+            if (util.isNumeric(cmd)) {
+              const item = util.toNumber(cmd);
+              const slide = this.slides[item];
+              if (slide) {
+                if (!slide.id) {
+                  slide.id = generateId(this, slide, `-item-${cmd}`);
+                }
+                ariaControls = slide.id;
+              }
+              ariaLabel = this.t("slideX", util.toFloat(cmd) + 1);
+              util.attr(button, "role", "tab");
+            } else {
+              if (this.list) {
+                if (!this.list.id) {
+                  this.list.id = generateId(this, this.list, "-items");
+                }
+                ariaControls = this.list.id;
+              }
+              ariaLabel = this.t(cmd);
+            }
+            util.attr(button, {
+              "aria-controls": ariaControls,
+              "aria-label": util.attr(button, "aria-label") || ariaLabel
+            });
+          }
+        },
+        slides(slides) {
+          slides.forEach(
+            (slide, i) => util.attr(slide, {
+              role: this.nav ? "tabpanel" : "group",
+              "aria-label": this.t("slideLabel", i + 1, this.length),
+              "aria-roledescription": this.nav ? null : "slide"
+            })
+          );
+        },
+        length(length) {
+          const navLength = this.navChildren.length;
+          if (this.nav && length !== navLength) {
+            util.empty(this.nav);
+            for (let i = 0; i < length; i++) {
+              util.append(this.nav, `<li ${this.attrItem}="${i}"><a href></a></li>`);
+            }
+          }
         }
       },
       connected() {
@@ -128,54 +181,6 @@
         });
       },
       update: [
-        {
-          write() {
-            this.slides.forEach(
-              (slide, i) => util.attr(slide, {
-                role: this.nav ? "tabpanel" : "group",
-                "aria-label": this.t("slideLabel", i + 1, this.length),
-                "aria-roledescription": this.nav ? null : "slide"
-              })
-            );
-            if (this.nav && this.length !== this.nav.children.length) {
-              util.html(
-                this.nav,
-                this.slides.map((_, i) => `<li ${this.attrItem}="${i}"><a href></a></li>`).join("")
-              );
-            }
-            util.attr(util.children(this.nav).concat(this.list), "role", "presentation");
-            for (const el of this.navItems) {
-              const cmd = util.data(el, this.attrItem);
-              const button = util.$("a,button", el) || el;
-              let ariaLabel;
-              let ariaControls = null;
-              if (util.isNumeric(cmd)) {
-                const item = util.toNumber(cmd);
-                const slide = this.slides[item];
-                if (slide) {
-                  if (!slide.id) {
-                    slide.id = generateId(this, slide, `-item-${cmd}`);
-                  }
-                  ariaControls = slide.id;
-                }
-                ariaLabel = this.t("slideX", util.toFloat(cmd) + 1);
-                util.attr(button, "role", "tab");
-              } else {
-                if (this.list) {
-                  if (!this.list.id) {
-                    this.list.id = generateId(this, this.list, "-items");
-                  }
-                  ariaControls = this.list.id;
-                }
-                ariaLabel = this.t(cmd);
-              }
-              util.attr(button, {
-                "aria-controls": ariaControls,
-                "aria-label": util.attr(button, "aria-label") || ariaLabel
-              });
-            }
-          }
-        },
         {
           write() {
             this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = !this.maxIndex));
@@ -500,18 +505,20 @@
         maxIndex() {
           return this.length - 1;
         },
-        slides: {
-          get() {
-            return util.children(this.list);
-          },
-          watch() {
-            this.$emit();
-          }
+        slides() {
+          return util.children(this.list);
         },
         length() {
           return this.slides.length;
         }
       },
+      watch: {
+        slides(slides, prev) {
+          if (prev) {
+            this.$emit();
+          }
+        }
+      },
       observe: resize(),
       methods: {
         show(index, force = false) {

package/dist/js/components/slider.min.js

@@ -1 +1 @@
-/*! UIkit 3.16.10 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */(function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslider",["uikit-util"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitSlider=m(e.UIkit.util))})(this,function(e){"use strict";var m={connected(){e.addClass(this.$el,this.$options.id)}};function A(t){return k(e.observeResize,t,"resize")}function P(t){return k(e.observeIntersection,t)}function z(t={}){return P({handler:function(s,n){const{targets:i=this.$el,preload:h=5}=t;for(const r of e.toNodes(e.isFunction(i)?i(this):i))e.$$('[loading="lazy"]',r).slice(0,h-1).forEach(o=>e.removeAttr(o,"loading"));for(const r of s.filter(({isIntersecting:o})=>o).map(({target:o})=>o))n.unobserve(r)},...t})}function k(t,s,n){return{observe:t,handler(){this.$emit(n)},...s}}var B={props:{i18n:Object},data:{i18n:null},methods:{t(t,...s){var n,i,h;let r=0;return((h=((n=this.i18n)==null?void 0:n[t])||((i=this.$options.i18n)==null?void 0:i[t]))==null?void 0:h.replace(/%s/g,()=>s[r++]||""))||""}}};const p={TAB:9,ESC:27,SPACE:32,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};function b(t,s=t.$el,n=""){if(s.id)return s.id;let i=`${t.$options.id}-${t._uid}${n}`;return e.$(`#${i}`)&&(i=b(t,s,`${n}-2`)),i}var L={i18n:{next:"Next slide",previous:"Previous slide",slideX:"Slide %s",slideLabel:"%s of %s",role:"String"},data:{selNav:!1,role:"region"},computed:{nav:{get({selNav:t},s){return e.$(t,s)},watch(t,s){e.attr(t,"role","tablist"),s&&this.$emit()},immediate:!0},selNavItem({attrItem:t}){return`[${t}],[data-${t}]`},navItems:{get(t,s){return e.$$(this.selNavItem,s)},watch(){this.$emit()}}},connected(){e.attr(this.$el,{role:this.role,ariaRoleDescription:"carousel"})},update:[{write(){this.slides.forEach((t,s)=>e.attr(t,{role:this.nav?"tabpanel":"group","aria-label":this.t("slideLabel",s+1,this.length),"aria-roledescription":this.nav?null:"slide"})),this.nav&&this.length!==this.nav.children.length&&e.html(this.nav,this.slides.map((t,s)=>`<li ${this.attrItem}="${s}"><a href></a></li>`).join("")),e.attr(e.children(this.nav).concat(this.list),"role","presentation");for(const t of this.navItems){const s=e.data(t,this.attrItem),n=e.$("a,button",t)||t;let i,h=null;if(e.isNumeric(s)){const r=e.toNumber(s),o=this.slides[r];o&&(o.id||(o.id=b(this,o,`-item-${s}`)),h=o.id),i=this.t("slideX",e.toFloat(s)+1),e.attr(n,"role","tab")}else this.list&&(this.list.id||(this.list.id=b(this,this.list,"-items")),h=this.list.id),i=this.t(s);e.attr(n,{"aria-controls":h,"aria-label":e.attr(n,"aria-label")||i})}}},{write(){this.navItems.concat(this.nav).forEach(t=>t&&(t.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]}],events:[{name:"click keydown",delegate(){return this.selNavItem},handler(t){e.closest(t.target,"a,button")&&(t.type==="click"||t.keyCode===p.SPACE)&&(t.preventDefault(),this.show(e.data(t.current,this.attrItem)))}},{name:"itemshow",handler:"updateNav"},{name:"keydown",delegate(){return this.selNavItem},handler(t){const{current:s,keyCode:n}=t,i=e.data(s,this.attrItem);if(!e.isNumeric(i))return;let h=n===p.HOME?0:n===p.END?"last":n===p.LEFT?"previous":n===p.RIGHT?"next":-1;~h&&(t.preventDefault(),this.show(h))}}],methods:{updateNav(){const t=this.getValidIndex();let s,n;for(const i of this.navItems){const h=e.data(i,this.attrItem),r=e.$("a,button",i)||i;if(e.isNumeric(h)){const c=e.toNumber(h)===t;e.toggleClass(i,this.clsActive,c),e.attr(r,{"aria-selected":c,tabindex:c?null:-1}),c&&(n=r),s=s||e.matches(r,":focus")}else e.toggleClass(i,"uk-invisible",this.finite&&(h==="previous"&&t===0||h==="next"&&t>=this.maxIndex));s&&n&&n.focus()}}}};const $={passive:!1,capture:!0},N={passive:!0,capture:!0},U="touchstart mousedown",y="touchmove mousemove",C="touchend touchcancel mouseup click input scroll";var V={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const t of["start","move","end"]){const s=this[t];this[t]=n=>{const i=e.getEventPos(n).x*(e.isRtl?-1:1);this.prevPos=i===this.pos?this.prevPos:this.pos,this.pos=i,s(n)}}},events:[{name:U,passive:!0,delegate(){return`${this.selList} > *`},handler(t){!this.draggable||!e.isTouch(t)&&j(t.target)||e.closest(t.target,e.selInput)||t.button>0||this.length<2||this.start(t)}},{name:"dragstart",handler(t){t.preventDefault()}},{name:y,el(){return this.list},handler:e.noop,...$}],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,e.on(document,y,this.move,$),e.on(document,C,this.end,N),e.css(this.list,"userSelect","none")},move(t){const s=this.pos-this.drag;if(s===0||this.prevPos===this.pos||!this.dragging&&Math.abs(s)<this.threshold)return;e.css(this.list,"pointerEvents","none"),t.cancelable&&t.preventDefault(),this.dragging=!0,this.dir=s<0?1:-1;const{slides:n}=this;let{prevIndex:i}=this,h=Math.abs(s),r=this.getIndex(i+this.dir,i),o=this._getDistance(i,r)||n[i].offsetWidth;for(;r!==i&&h>o;)this.drag-=o*this.dir,i=r,h-=o,r=this.getIndex(i+this.dir,i),o=this._getDistance(i,r)||n[i].offsetWidth;this.percent=h/o;const c=n[i],l=n[r],a=this.index!==r,d=i===r;let f;[this.index,this.prevIndex].filter(g=>!e.includes([r,i],g)).forEach(g=>{e.trigger(n[g],"itemhidden",[this]),d&&(f=!0,this.prevIndex=i)}),(this.index===i&&this.prevIndex!==i||f)&&e.trigger(n[this.index],"itemshown",[this]),a&&(this.prevIndex=i,this.index=r,!d&&e.trigger(c,"beforeitemhide",[this]),e.trigger(l,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),c,!d&&l),a&&(!d&&e.trigger(c,"itemhide",[this]),e.trigger(l,"itemshow",[this]))},end(){if(e.off(document,y,this.move,$),e.off(document,C,this.end,N),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=(e.isRtl?this.dir*(e.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)}e.css(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null}}};function j(t){return e.css(t,"userSelect")!=="none"&&e.toNodes(t.childNodes).some(s=>s.nodeType===3&&s.textContent.trim())}var F={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){e.attr(this.list,"aria-live",this.autoplay?"off":"polite"),this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){e.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.stack.length||this.draggable&&e.matches(this.$el,":focus-within")||this.pauseOnHover&&e.matches(this.$el,":hover")||this.show("next")},this.autoplayInterval)},stopAutoplay(){clearInterval(this.interval)}}},H={mixins:[F,V,L,B],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number},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(){e.removeClass(this.slides,this.clsActive)},computed:{duration({velocity:t},s){return M(s.offsetWidth/t)},list({selList:t},s){return e.$(t,s)},maxIndex(){return this.length-1},slides:{get(){return e.children(this.list)},watch(){this.$emit()}},length(){return this.slides.length}},observe:A(),methods:{show(t,s=!1){var n;if(this.dragging||!this.length)return;const{stack:i}=this,h=s?0:i.length,r=()=>{i.splice(h,1),i.length&&this.show(i.shift(),!0)};if(i[s?"unshift":"push"](t),!s&&i.length>1){i.length===2&&((n=this._transitioner)==null||n.forward(Math.min(this.duration,200)));return}const o=this.getIndex(this.index),c=e.hasClass(this.slides,this.clsActive)&&this.slides[o],l=this.getIndex(t,this.index),a=this.slides[l];if(c===a){r();return}if(this.dir=q(t,o),this.prevIndex=o,this.index=l,c&&!e.trigger(c,"beforeitemhide",[this])||!e.trigger(a,"beforeitemshow",[this,c])){this.index=this.prevIndex,r();return}const d=this._show(c,a,s).then(()=>{c&&e.trigger(c,"itemhidden",[this]),e.trigger(a,"itemshown",[this]),i.shift(),this._transitioner=null,requestAnimationFrame(()=>i.length&&this.show(i.shift(),!0))});return c&&e.trigger(c,"itemhide",[this]),e.trigger(a,"itemshow",[this]),d},getIndex(t=this.index,s=this.index){return e.clamp(e.getIndex(t,this.slides,s,this.finite),0,Math.max(0,this.maxIndex))},getValidIndex(t=this.index,s=this.prevIndex){return this.getIndex(t,s)},_show(t,s,n){if(this._transitioner=this._getTransitioner(t,s,this.dir,{easing:n?s.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,s){return this._getTransitioner(t,t!==s&&s).getDistance()},_translate(t,s=this.prevIndex,n=this.index){const i=this._getTransitioner(s===n?!1:s,n);return i.translate(t),i},_getTransitioner(t=this.prevIndex,s=this.index,n=this.dir||1,i=this.transitionOptions){return new this.Transitioner(e.isNumber(t)?this.slides[t]:t,e.isNumber(s)?this.slides[s]:s,n*(e.isRtl?-1:1),i)}}};function q(t,s){return t==="next"?1:t==="previous"||t<s?-1:1}function M(t){return .5*t+300}var G={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"]}},X={observe:z({target:({slides:t})=>t,targets:t=>t.getAdjacentSlides()})};function S(t=0,s="%"){return t+=t?s:"",`translate3d(${t}, 0, 0)`}function J(t,s,n,{center:i,easing:h,list:r}){const o=new e.Deferred,c=t?v(t,r,i):v(s,r,i)+e.dimensions(s).width*n,l=s?v(s,r,i):c+e.dimensions(t).width*n*(e.isRtl?-1:1);return{dir:n,show(a,d=0,f){const g=f?"linear":h;return a-=Math.round(a*e.clamp(d,-1,1)),this.translate(d),d=t?d:e.clamp(d,0,1),_(this.getItemIn(),"itemin",{percent:d,duration:a,timing:g,dir:n}),t&&_(this.getItemIn(!0),"itemout",{percent:1-d,duration:a,timing:g,dir:n}),e.Transition.start(r,{transform:S(-l*(e.isRtl?-1:1),"px")},a,g).then(o.resolve,e.noop),o.promise},cancel(){e.Transition.cancel(r)},reset(){e.css(r,"transform","")},forward(a,d=this.percent()){return e.Transition.cancel(r),this.show(a,d,!0)},translate(a){const d=this.getDistance()*n*(e.isRtl?-1:1);e.css(r,"transform",S(e.clamp(-l+(d-d*a),-I(r),e.dimensions(r).width)*(e.isRtl?-1:1),"px"));const f=this.getActives(),g=this.getItemIn(),x=this.getItemIn(!0);a=t?e.clamp(a,-1,1):0;for(const u of e.children(r)){const R=e.includes(f,u),O=u===g,W=u===x,Z=O||!W&&(R||n*(e.isRtl?-1:1)===-1^w(u,r)>w(t||s));_(u,`itemtranslate${Z?"in":"out"}`,{dir:n,percent:W?1-a:O?a:R?1:0})}},percent(){return Math.abs((e.css(r,"transform").split(",")[4]*(e.isRtl?-1:1)+c)/(l-c))},getDistance(){return Math.abs(l-c)},getItemIn(a=!1){let d=this.getActives(),f=T(r,v(s||t,r,i));if(a){const g=d;d=f,f=g}return f[e.findIndex(f,g=>!e.includes(d,g))]},getActives(){return T(r,v(t||s,r,i))}}}function v(t,s,n){const i=w(t,s);return n?i-K(t,s):Math.min(i,E(s))}function E(t){return Math.max(0,I(t)-e.dimensions(t).width)}function I(t){return e.sumBy(e.children(t),s=>e.dimensions(s).width)}function K(t,s){return e.dimensions(s).width/2-e.dimensions(t).width/2}function w(t,s){return t&&(e.position(t).left+(e.isRtl?e.dimensions(t).width-e.dimensions(s).width:0))*(e.isRtl?-1:1)||0}function T(t,s){s-=1;const n=e.dimensions(t).width,i=s+n+2;return e.children(t).filter(h=>{const r=w(h,t),o=r+Math.min(e.dimensions(h).width,n);return r>=s&&o<=i})}function _(t,s,n){e.trigger(t,e.createEvent(s,!1,!1,n))}var D={mixins:[m,H,G,X],props:{center:Boolean,sets:Boolean},data:{center:!1,sets:!1,attrItem:"uk-slider-item",selList:".uk-slider-items",selNav:".uk-slider-nav",clsContainer:"uk-slider-container",Transitioner:J},computed:{avgWidth(){return I(this.list)/this.length},finite({finite:t}){return t||Q(this.list,this.center)},maxIndex(){if(!this.finite||this.center&&!this.sets)return this.length-1;if(this.center)return e.last(this.sets);let t=0;const s=E(this.list),n=e.findIndex(this.slides,i=>{if(t>=s)return!0;t+=e.dimensions(i).width});return~n?n:this.length-1},sets({sets:t}){if(!t)return;let s=0;const n=[],i=e.dimensions(this.list).width;for(let h=0;h<this.length;h++){const r=e.dimensions(this.slides[h]).width;s+r>i&&(s=0),this.center?s<i/2&&s+r+e.dimensions(this.slides[+h+1]).width/2>i/2&&(n.push(+h),s=i/2-r/2):s===0&&n.push(Math.min(+h,this.maxIndex)),s+=r}if(n.length)return n},transitionOptions(){return{center:this.center,list:this.list}},slides(){return e.children(this.list).filter(e.isVisible)}},connected(){e.toggleClass(this.$el,this.clsContainer,!e.$(`.${this.clsContainer}`,this.$el))},observe:A({target:({slides:t})=>t}),update:{write(){for(const t of this.navItems){const s=e.toNumber(e.data(t,this.attrItem));s!==!1&&(t.hidden=!this.maxIndex||s>this.maxIndex||this.sets&&!e.includes(this.sets,s))}this.length&&!this.dragging&&!this.stack.length&&(this.reorder(),this._translate(1)),this.updateActiveClasses()},events:["resize"]},events:{beforeitemshow(t){!this.dragging&&this.sets&&this.stack.length<2&&!e.includes(this.sets,this.index)&&(this.index=this.getValidIndex());const s=Math.abs(this.index-this.prevIndex+(this.dir>0&&this.index<this.prevIndex||this.dir<0&&this.index>this.prevIndex?(this.maxIndex+1)*this.dir:0));if(!this.dragging&&s>1){for(let i=0;i<s;i++)this.stack.splice(1,0,this.dir>0?"next":"previous");t.preventDefault();return}const n=this.dir<0||!this.slides[this.prevIndex]?this.index:this.prevIndex;this.duration=M(this.avgWidth/this.velocity)*(e.dimensions(this.slides[n]).width/this.avgWidth),this.reorder()},itemshow(){~this.prevIndex&&e.addClass(this._getTransitioner().getItemIn(),this.clsActive)},itemshown(){this.updateActiveClasses()}},methods:{reorder(){if(this.finite){e.css(this.slides,"order","");return}const t=this.dir>0&&this.slides[this.prevIndex]?this.prevIndex:this.index;if(this.slides.forEach((h,r)=>e.css(h,"order",this.dir>0&&r<t?1:this.dir<0&&r>=this.index?-1:"")),!this.center)return;const s=this.slides[t];let n=e.dimensions(this.list).width/2-e.dimensions(s).width/2,i=0;for(;n>0;){const h=this.getIndex(--i+t,t),r=this.slides[h];e.css(r,"order",h>t?-2:-1),n-=e.dimensions(r).width}},updateActiveClasses(){const t=this._getTransitioner(this.index).getActives(),s=[this.clsActive,(!this.sets||e.includes(this.sets,e.toFloat(this.index)))&&this.clsActivated||""];for(const n of this.slides){const i=e.includes(t,n);e.toggleClass(n,s,i),e.attr(n,"aria-hidden",!i),e.attr(e.$$(e.selFocusable,n),"tabindex",i?null:-1)}},getValidIndex(t=this.index,s=this.prevIndex){if(t=this.getIndex(t,s),!this.sets)return t;let n;do{if(e.includes(this.sets,t))return t;n=t,t=this.getIndex(t+this.dir,s)}while(t!==n);return t},getAdjacentSlides(){const{width:t}=e.dimensions(this.list),s=-t,n=t*2,i=e.dimensions(this.slides[this.index]).width,h=this.center?t/2-i/2:0,r=new Set;for(const o of[-1,1]){let c=h+(o>0?i:0),l=0;do{const a=this.slides[this.getIndex(this.index+o+l++*o)];c+=e.dimensions(a).width*o,r.add(a)}while(this.length>l&&c>s&&c<n)}return Array.from(r)}}};function Q(t,s){if(!t||t.length<2)return!0;const{width:n}=e.dimensions(t);if(!s)return Math.ceil(I(t))<Math.trunc(n+Y(t));const i=e.children(t),h=Math.trunc(n/2);for(const r in i){const o=i[r],c=e.dimensions(o).width,l=new Set([o]);let a=0;for(const d of[-1,1]){let f=c/2,g=0;for(;f<h;){const x=i[e.getIndex(+r+d+g++*d,i)];if(l.has(x))return!0;f+=e.dimensions(x).width,l.add(x)}a=Math.max(a,c/2+e.dimensions(i[e.getIndex(+r+d,i)]).width/2-(f-h))}if(a>e.sumBy(i.filter(d=>!l.has(d)),d=>e.dimensions(d).width))return!0}return!1}function Y(t){return Math.max(0,...e.children(t).map(s=>e.dimensions(s).width))}return typeof window<"u"&&window.UIkit&&window.UIkit.component("slider",D),D});
+/*! UIkit 3.16.11-dev.55a0fc5b5 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */(function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslider",["uikit-util"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitSlider=m(e.UIkit.util))})(this,function(e){"use strict";var m={connected(){e.addClass(this.$el,this.$options.id)}};function _(t){return k(e.observeResize,t,"resize")}function L(t){return k(e.observeIntersection,t)}function P(t={}){return L({handler:function(s,n){const{targets:i=this.$el,preload:h=5}=t;for(const r of e.toNodes(e.isFunction(i)?i(this):i))e.$$('[loading="lazy"]',r).slice(0,h-1).forEach(a=>e.removeAttr(a,"loading"));for(const r of s.filter(({isIntersecting:a})=>a).map(({target:a})=>a))n.unobserve(r)},...t})}function k(t,s,n){return{observe:t,handler(){this.$emit(n)},...s}}var z={props:{i18n:Object},data:{i18n:null},methods:{t(t,...s){var n,i,h;let r=0;return((h=((n=this.i18n)==null?void 0:n[t])||((i=this.$options.i18n)==null?void 0:i[t]))==null?void 0:h.replace(/%s/g,()=>s[r++]||""))||""}}};const p={TAB:9,ESC:27,SPACE:32,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};function b(t,s=t.$el,n=""){if(s.id)return s.id;let i=`${t.$options.id}-${t._uid}${n}`;return e.$(`#${i}`)&&(i=b(t,s,`${n}-2`)),i}var B={i18n:{next:"Next slide",previous:"Previous slide",slideX:"Slide %s",slideLabel:"%s of %s",role:"String"},data:{selNav:!1,role:"region"},computed:{nav({selNav:t},s){return e.$(t,s)},navChildren(){return e.children(this.nav)},selNavItem({attrItem:t}){return`[${t}],[data-${t}]`},navItems(t,s){return e.$$(this.selNavItem,s)}},watch:{nav(t,s){e.attr(t,"role","tablist"),s&&this.$emit()},list(t){e.attr(t,"role","presentation")},navChildren(t){e.attr(t,"role","presentation")},navItems(t){for(const s of t){const n=e.data(s,this.attrItem),i=e.$("a,button",s)||s;let h,r=null;if(e.isNumeric(n)){const a=e.toNumber(n),o=this.slides[a];o&&(o.id||(o.id=b(this,o,`-item-${n}`)),r=o.id),h=this.t("slideX",e.toFloat(n)+1),e.attr(i,"role","tab")}else this.list&&(this.list.id||(this.list.id=b(this,this.list,"-items")),r=this.list.id),h=this.t(n);e.attr(i,{"aria-controls":r,"aria-label":e.attr(i,"aria-label")||h})}},slides(t){t.forEach((s,n)=>e.attr(s,{role:this.nav?"tabpanel":"group","aria-label":this.t("slideLabel",n+1,this.length),"aria-roledescription":this.nav?null:"slide"}))},length(t){const s=this.navChildren.length;if(this.nav&&t!==s){e.empty(this.nav);for(let n=0;n<t;n++)e.append(this.nav,`<li ${this.attrItem}="${n}"><a href></a></li>`)}}},connected(){e.attr(this.$el,{role:this.role,ariaRoleDescription:"carousel"})},update:[{write(){this.navItems.concat(this.nav).forEach(t=>t&&(t.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]}],events:[{name:"click keydown",delegate(){return this.selNavItem},handler(t){e.closest(t.target,"a,button")&&(t.type==="click"||t.keyCode===p.SPACE)&&(t.preventDefault(),this.show(e.data(t.current,this.attrItem)))}},{name:"itemshow",handler:"updateNav"},{name:"keydown",delegate(){return this.selNavItem},handler(t){const{current:s,keyCode:n}=t,i=e.data(s,this.attrItem);if(!e.isNumeric(i))return;let h=n===p.HOME?0:n===p.END?"last":n===p.LEFT?"previous":n===p.RIGHT?"next":-1;~h&&(t.preventDefault(),this.show(h))}}],methods:{updateNav(){const t=this.getValidIndex();let s,n;for(const i of this.navItems){const h=e.data(i,this.attrItem),r=e.$("a,button",i)||i;if(e.isNumeric(h)){const o=e.toNumber(h)===t;e.toggleClass(i,this.clsActive,o),e.attr(r,{"aria-selected":o,tabindex:o?null:-1}),o&&(n=r),s=s||e.matches(r,":focus")}else e.toggleClass(i,"uk-invisible",this.finite&&(h==="previous"&&t===0||h==="next"&&t>=this.maxIndex));s&&n&&n.focus()}}}};const $={passive:!1,capture:!0},C={passive:!0,capture:!0},U="touchstart mousedown",y="touchmove mousemove",N="touchend touchcancel mouseup click input scroll";var V={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const t of["start","move","end"]){const s=this[t];this[t]=n=>{const i=e.getEventPos(n).x*(e.isRtl?-1:1);this.prevPos=i===this.pos?this.prevPos:this.pos,this.pos=i,s(n)}}},events:[{name:U,passive:!0,delegate(){return`${this.selList} > *`},handler(t){!this.draggable||!e.isTouch(t)&&F(t.target)||e.closest(t.target,e.selInput)||t.button>0||this.length<2||this.start(t)}},{name:"dragstart",handler(t){t.preventDefault()}},{name:y,el(){return this.list},handler:e.noop,...$}],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,e.on(document,y,this.move,$),e.on(document,N,this.end,C),e.css(this.list,"userSelect","none")},move(t){const s=this.pos-this.drag;if(s===0||this.prevPos===this.pos||!this.dragging&&Math.abs(s)<this.threshold)return;e.css(this.list,"pointerEvents","none"),t.cancelable&&t.preventDefault(),this.dragging=!0,this.dir=s<0?1:-1;const{slides:n}=this;let{prevIndex:i}=this,h=Math.abs(s),r=this.getIndex(i+this.dir,i),a=this._getDistance(i,r)||n[i].offsetWidth;for(;r!==i&&h>a;)this.drag-=a*this.dir,i=r,h-=a,r=this.getIndex(i+this.dir,i),a=this._getDistance(i,r)||n[i].offsetWidth;this.percent=h/a;const o=n[i],l=n[r],d=this.index!==r,c=i===r;let f;[this.index,this.prevIndex].filter(g=>!e.includes([r,i],g)).forEach(g=>{e.trigger(n[g],"itemhidden",[this]),c&&(f=!0,this.prevIndex=i)}),(this.index===i&&this.prevIndex!==i||f)&&e.trigger(n[this.index],"itemshown",[this]),d&&(this.prevIndex=i,this.index=r,!c&&e.trigger(o,"beforeitemhide",[this]),e.trigger(l,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),o,!c&&l),d&&(!c&&e.trigger(o,"itemhide",[this]),e.trigger(l,"itemshow",[this]))},end(){if(e.off(document,y,this.move,$),e.off(document,N,this.end,C),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=(e.isRtl?this.dir*(e.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)}e.css(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null}}};function F(t){return e.css(t,"userSelect")!=="none"&&e.toNodes(t.childNodes).some(s=>s.nodeType===3&&s.textContent.trim())}var H={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){e.attr(this.list,"aria-live",this.autoplay?"off":"polite"),this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){e.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.stack.length||this.draggable&&e.matches(this.$el,":focus-within")||this.pauseOnHover&&e.matches(this.$el,":hover")||this.show("next")},this.autoplayInterval)},stopAutoplay(){clearInterval(this.interval)}}},j={mixins:[H,V,B,z],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number},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(){e.removeClass(this.slides,this.clsActive)},computed:{duration({velocity:t},s){return M(s.offsetWidth/t)},list({selList:t},s){return e.$(t,s)},maxIndex(){return this.length-1},slides(){return e.children(this.list)},length(){return this.slides.length}},watch:{slides(t,s){s&&this.$emit()}},observe:_(),methods:{show(t,s=!1){var n;if(this.dragging||!this.length)return;const{stack:i}=this,h=s?0:i.length,r=()=>{i.splice(h,1),i.length&&this.show(i.shift(),!0)};if(i[s?"unshift":"push"](t),!s&&i.length>1){i.length===2&&((n=this._transitioner)==null||n.forward(Math.min(this.duration,200)));return}const a=this.getIndex(this.index),o=e.hasClass(this.slides,this.clsActive)&&this.slides[a],l=this.getIndex(t,this.index),d=this.slides[l];if(o===d){r();return}if(this.dir=q(t,a),this.prevIndex=a,this.index=l,o&&!e.trigger(o,"beforeitemhide",[this])||!e.trigger(d,"beforeitemshow",[this,o])){this.index=this.prevIndex,r();return}const c=this._show(o,d,s).then(()=>{o&&e.trigger(o,"itemhidden",[this]),e.trigger(d,"itemshown",[this]),i.shift(),this._transitioner=null,requestAnimationFrame(()=>i.length&&this.show(i.shift(),!0))});return o&&e.trigger(o,"itemhide",[this]),e.trigger(d,"itemshow",[this]),c},getIndex(t=this.index,s=this.index){return e.clamp(e.getIndex(t,this.slides,s,this.finite),0,Math.max(0,this.maxIndex))},getValidIndex(t=this.index,s=this.prevIndex){return this.getIndex(t,s)},_show(t,s,n){if(this._transitioner=this._getTransitioner(t,s,this.dir,{easing:n?s.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,s){return this._getTransitioner(t,t!==s&&s).getDistance()},_translate(t,s=this.prevIndex,n=this.index){const i=this._getTransitioner(s===n?!1:s,n);return i.translate(t),i},_getTransitioner(t=this.prevIndex,s=this.index,n=this.dir||1,i=this.transitionOptions){return new this.Transitioner(e.isNumber(t)?this.slides[t]:t,e.isNumber(s)?this.slides[s]:s,n*(e.isRtl?-1:1),i)}}};function q(t,s){return t==="next"?1:t==="previous"||t<s?-1:1}function M(t){return .5*t+300}var G={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"]}},X={observe:P({target:({slides:t})=>t,targets:t=>t.getAdjacentSlides()})};function S(t=0,s="%"){return t+=t?s:"",`translate3d(${t}, 0, 0)`}function J(t,s,n,{center:i,easing:h,list:r}){const a=new e.Deferred,o=t?v(t,r,i):v(s,r,i)+e.dimensions(s).width*n,l=s?v(s,r,i):o+e.dimensions(t).width*n*(e.isRtl?-1:1);return{dir:n,show(d,c=0,f){const g=f?"linear":h;return d-=Math.round(d*e.clamp(c,-1,1)),this.translate(c),c=t?c:e.clamp(c,0,1),A(this.getItemIn(),"itemin",{percent:c,duration:d,timing:g,dir:n}),t&&A(this.getItemIn(!0),"itemout",{percent:1-c,duration:d,timing:g,dir:n}),e.Transition.start(r,{transform:S(-l*(e.isRtl?-1:1),"px")},d,g).then(a.resolve,e.noop),a.promise},cancel(){e.Transition.cancel(r)},reset(){e.css(r,"transform","")},forward(d,c=this.percent()){return e.Transition.cancel(r),this.show(d,c,!0)},translate(d){const c=this.getDistance()*n*(e.isRtl?-1:1);e.css(r,"transform",S(e.clamp(-l+(c-c*d),-I(r),e.dimensions(r).width)*(e.isRtl?-1:1),"px"));const f=this.getActives(),g=this.getItemIn(),x=this.getItemIn(!0);d=t?e.clamp(d,-1,1):0;for(const u of e.children(r)){const R=e.includes(f,u),O=u===g,W=u===x,Z=O||!W&&(R||n*(e.isRtl?-1:1)===-1^w(u,r)>w(t||s));A(u,`itemtranslate${Z?"in":"out"}`,{dir:n,percent:W?1-d:O?d:R?1:0})}},percent(){return Math.abs((e.css(r,"transform").split(",")[4]*(e.isRtl?-1:1)+o)/(l-o))},getDistance(){return Math.abs(l-o)},getItemIn(d=!1){let c=this.getActives(),f=T(r,v(s||t,r,i));if(d){const g=c;c=f,f=g}return f[e.findIndex(f,g=>!e.includes(c,g))]},getActives(){return T(r,v(t||s,r,i))}}}function v(t,s,n){const i=w(t,s);return n?i-K(t,s):Math.min(i,E(s))}function E(t){return Math.max(0,I(t)-e.dimensions(t).width)}function I(t){return e.sumBy(e.children(t),s=>e.dimensions(s).width)}function K(t,s){return e.dimensions(s).width/2-e.dimensions(t).width/2}function w(t,s){return t&&(e.position(t).left+(e.isRtl?e.dimensions(t).width-e.dimensions(s).width:0))*(e.isRtl?-1:1)||0}function T(t,s){s-=1;const n=e.dimensions(t).width,i=s+n+2;return e.children(t).filter(h=>{const r=w(h,t),a=r+Math.min(e.dimensions(h).width,n);return r>=s&&a<=i})}function A(t,s,n){e.trigger(t,e.createEvent(s,!1,!1,n))}var D={mixins:[m,j,G,X],props:{center:Boolean,sets:Boolean},data:{center:!1,sets:!1,attrItem:"uk-slider-item",selList:".uk-slider-items",selNav:".uk-slider-nav",clsContainer:"uk-slider-container",Transitioner:J},computed:{avgWidth(){return I(this.list)/this.length},finite({finite:t}){return t||Q(this.list,this.center)},maxIndex(){if(!this.finite||this.center&&!this.sets)return this.length-1;if(this.center)return e.last(this.sets);let t=0;const s=E(this.list),n=e.findIndex(this.slides,i=>{if(t>=s)return!0;t+=e.dimensions(i).width});return~n?n:this.length-1},sets({sets:t}){if(!t)return;let s=0;const n=[],i=e.dimensions(this.list).width;for(let h=0;h<this.length;h++){const r=e.dimensions(this.slides[h]).width;s+r>i&&(s=0),this.center?s<i/2&&s+r+e.dimensions(this.slides[+h+1]).width/2>i/2&&(n.push(+h),s=i/2-r/2):s===0&&n.push(Math.min(+h,this.maxIndex)),s+=r}if(n.length)return n},transitionOptions(){return{center:this.center,list:this.list}},slides(){return e.children(this.list).filter(e.isVisible)}},connected(){e.toggleClass(this.$el,this.clsContainer,!e.$(`.${this.clsContainer}`,this.$el))},observe:_({target:({slides:t})=>t}),update:{write(){for(const t of this.navItems){const s=e.toNumber(e.data(t,this.attrItem));s!==!1&&(t.hidden=!this.maxIndex||s>this.maxIndex||this.sets&&!e.includes(this.sets,s))}this.length&&!this.dragging&&!this.stack.length&&(this.reorder(),this._translate(1)),this.updateActiveClasses()},events:["resize"]},events:{beforeitemshow(t){!this.dragging&&this.sets&&this.stack.length<2&&!e.includes(this.sets,this.index)&&(this.index=this.getValidIndex());const s=Math.abs(this.index-this.prevIndex+(this.dir>0&&this.index<this.prevIndex||this.dir<0&&this.index>this.prevIndex?(this.maxIndex+1)*this.dir:0));if(!this.dragging&&s>1){for(let i=0;i<s;i++)this.stack.splice(1,0,this.dir>0?"next":"previous");t.preventDefault();return}const n=this.dir<0||!this.slides[this.prevIndex]?this.index:this.prevIndex;this.duration=M(this.avgWidth/this.velocity)*(e.dimensions(this.slides[n]).width/this.avgWidth),this.reorder()},itemshow(){~this.prevIndex&&e.addClass(this._getTransitioner().getItemIn(),this.clsActive)},itemshown(){this.updateActiveClasses()}},methods:{reorder(){if(this.finite){e.css(this.slides,"order","");return}const t=this.dir>0&&this.slides[this.prevIndex]?this.prevIndex:this.index;if(this.slides.forEach((h,r)=>e.css(h,"order",this.dir>0&&r<t?1:this.dir<0&&r>=this.index?-1:"")),!this.center)return;const s=this.slides[t];let n=e.dimensions(this.list).width/2-e.dimensions(s).width/2,i=0;for(;n>0;){const h=this.getIndex(--i+t,t),r=this.slides[h];e.css(r,"order",h>t?-2:-1),n-=e.dimensions(r).width}},updateActiveClasses(){const t=this._getTransitioner(this.index).getActives(),s=[this.clsActive,(!this.sets||e.includes(this.sets,e.toFloat(this.index)))&&this.clsActivated||""];for(const n of this.slides){const i=e.includes(t,n);e.toggleClass(n,s,i),e.attr(n,"aria-hidden",!i),e.attr(e.$$(e.selFocusable,n),"tabindex",i?null:-1)}},getValidIndex(t=this.index,s=this.prevIndex){if(t=this.getIndex(t,s),!this.sets)return t;let n;do{if(e.includes(this.sets,t))return t;n=t,t=this.getIndex(t+this.dir,s)}while(t!==n);return t},getAdjacentSlides(){const{width:t}=e.dimensions(this.list),s=-t,n=t*2,i=e.dimensions(this.slides[this.index]).width,h=this.center?t/2-i/2:0,r=new Set;for(const a of[-1,1]){let o=h+(a>0?i:0),l=0;do{const d=this.slides[this.getIndex(this.index+a+l++*a)];o+=e.dimensions(d).width*a,r.add(d)}while(this.length>l&&o>s&&o<n)}return Array.from(r)}}};function Q(t,s){if(!t||t.length<2)return!0;const{width:n}=e.dimensions(t);if(!s)return Math.ceil(I(t))<Math.trunc(n+Y(t));const i=e.children(t),h=Math.trunc(n/2);for(const r in i){const a=i[r],o=e.dimensions(a).width,l=new Set([a]);let d=0;for(const c of[-1,1]){let f=o/2,g=0;for(;f<h;){const x=i[e.getIndex(+r+c+g++*c,i)];if(l.has(x))return!0;f+=e.dimensions(x).width,l.add(x)}d=Math.max(d,o/2+e.dimensions(i[e.getIndex(+r+c,i)]).width/2-(f-h))}if(d>e.sumBy(i.filter(c=>!l.has(c)),c=>e.dimensions(c).width))return!0}return!1}function Y(t){return Math.max(0,...e.children(t).map(s=>e.dimensions(s).width))}return typeof window<"u"&&window.UIkit&&window.UIkit.component("slider",D),D});

package/dist/js/components/slideshow-parallax.js

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

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

@@ -1 +1 @@
-/*! UIkit 3.16.10 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */(function(s,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslideshow_parallax",["uikit-util"],b):(s=typeof globalThis<"u"?globalThis:s||self,s.UIkitSlideshow_parallax=b(s.UIkit.util))})(this,function(s){"use strict";var b={props:{media:Boolean},data:{media:!1},connected(){const n=X(this.media,this.$el);if(this.matchMedia=!0,n){this.mediaObj=window.matchMedia(n);const e=()=>{this.matchMedia=this.mediaObj.matches,s.trigger(this.$el,s.createEvent("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=s.on(this.mediaObj,"change",()=>{e(),this.$emit("resize")}),e()}},disconnected(){var n;(n=this.offMediaObj)==null||n.call(this)}};function X(n,e){if(s.isString(n)){if(s.startsWith(n,"@"))n=s.toFloat(s.css(e,`--uk-breakpoint-${n.substr(1)}`));else if(isNaN(n))return n}return n&&s.isNumeric(n)?`(min-width: ${n}px)`:""}function T(n,e){var t;return(t=n==null?void 0:n.startsWith)==null?void 0:t.call(n,e)}function Y(n){return typeof n=="function"}function C(n){return n!==null&&typeof n=="object"}function Z(n){return C(n)&&n===n.window}function E(n){return W(n)>=1}function k(n){return W(n)===1}function W(n){return!Z(n)&&C(n)&&n.nodeType}function M(n){return typeof n=="string"}function U(n){return n===void 0}function x(n){return u(n)[0]}function u(n){return E(n)?[n]:Array.from(n||[]).filter(E)}function j(n){const e=Object.create(null);return t=>e[t]||(e[t]=n(t))}function O(n,e,t){var o;if(C(e)){for(const r in e)O(n,r,e[r]);return}if(U(t))return(o=x(n))==null?void 0:o.getAttribute(e);for(const r of u(n))Y(t)&&(t=t.call(r,O(r,e))),t===null?nn(r,e):r.setAttribute(e,t)}function nn(n,e){u(n).forEach(t=>t.removeAttribute(e))}function A(n){var e;return(e=x(n))==null?void 0:e.parentElement}function tn(n,e){return u(n).filter(t=>_(t,e))}function _(n,e){return u(n).some(t=>t.matches(e))}function R(n,e){return k(n)?n.closest(T(e,">")?e.slice(1):e):u(n).map(t=>R(t,e)).filter(Boolean)}function en(n,e){n=x(n);const t=n?u(n.children):[];return e?tn(t,e):t}function rn(n,e){return e?u(n).indexOf(x(e)):en(A(n)).indexOf(n)}function on(n,e){return u(un(n,x(e),"querySelectorAll"))}const sn=/(^|[^\\],)\s*[!>+~-]/,cn=j(n=>n.match(sn)),an=/([!>+~-])(?=\s+[!>+~-]|\s*$)/g,fn=j(n=>n.replace(an,"$1 *"));function un(n,e=document,t){if(!n||!M(n))return n;if(n=fn(n),cn(n)){const o=hn(n);n="";for(let r of o){let i=e;if(r[0]==="!"){const a=r.substr(1).trim().split(" ");if(i=R(A(e),a[0]),r=a.slice(1).join(" ").trim(),!r.length&&o.length===1)return i}if(r[0]==="-"){const a=r.substr(1).trim().split(" "),c=(i||e).previousElementSibling;i=_(c,r.substr(1))?c:null,r=a.slice(1).join(" ")}i&&(n+=`${n?",":""}${ln(i)} ${r}`)}e=document}try{return e[t](n)}catch{return null}}const dn=/.*?[^\\](?:,|$)/g,hn=j(n=>n.match(dn).map(e=>e.replace(/,$/,"").trim()));function ln(n){const e=[];for(;n.parentNode;){const t=O(n,"id");if(t){e.unshift(`#${gn(t)}`);break}else{let{tagName:o}=n;o!=="HTML"&&(o+=`:nth-child(${rn(n)+1})`),e.unshift(o),n=n.parentNode}}return e.join(" > ")}function gn(n){return M(n)?CSS.escape(n):""}const mn=/^\s*<(\w+|!)[^>]*>/,bn=/^<(\w+)\s*\/?>(?:<\/\1>)?$/;function xn(n){const e=bn.exec(n);if(e)return document.createElement(e[1]);const t=document.createElement("div");return mn.test(n)?t.insertAdjacentHTML("beforeend",n.trim()):t.textContent=n,$n(t.childNodes)}function $n(n){return n.length>1?n:n[0]}function wn(n,e){return yn(n)?u(xn(n)):on(n,e)}function yn(n){return M(n)&&T(n.trim(),"<")}function pn(n){return Math.ceil(Math.max(0,...wn("[stroke]",n).map(e=>{try{return e.getTotalLength()}catch{return 0}})))}const p={x:v,y:v,rotate:v,scale:v,color:I,backgroundColor:I,borderColor:I,blur:g,hue:g,fopacity:g,grayscale:g,invert:g,saturate:g,sepia:g,opacity:Sn,stroke:Cn,bgx:B,bgy:B},{keys:z}=Object;var vn={mixins:[b],props:L(z(p),"list"),data:L(z(p),void 0),computed:{props(n,e){const t={};for(const r in n)r in p&&!s.isUndefined(n[r])&&(t[r]=n[r].slice());const o={};for(const r in t)o[r]=p[r](r,e,t[r],t);return o}},events:{load(){this.$emit()}},methods:{reset(){for(const n in this.getCss(0))s.css(this.$el,n,"")},getCss(n){const e={transform:"",filter:""};for(const t in this.props)this.props[t](e,n);return e.willChange=Object.keys(e).filter(t=>e[t]!=="").join(","),e}}};function v(n,e,t){let o=S(t)||{x:"px",y:"px",rotate:"deg"}[n]||"",r;return n==="x"||n==="y"?(n=`translate${s.ucfirst(n)}`,r=i=>s.toFloat(s.toFloat(i).toFixed(o==="px"?0:6))):n==="scale"&&(o="",r=i=>S([i])?s.toPx(i,"width",e,!0)/e.offsetWidth:i),t.length===1&&t.unshift(n==="scale"?1:0),t=m(t,r),(i,a)=>{i.transform+=` ${n}(${$(t,a)}${o})`}}function I(n,e,t){return t.length===1&&t.unshift(w(e,n,"")),t=m(t,o=>Fn(e,o)),(o,r)=>{const[i,a,c]=q(t,r),h=i.map((l,f)=>(l+=c*(a[f]-l),f===3?s.toFloat(l):parseInt(l,10))).join(",");o[n]=`rgba(${h})`}}function Fn(n,e){return w(n,"color",e).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map(s.toFloat)}function g(n,e,t){t.length===1&&t.unshift(0);const o=S(t)||{blur:"px",hue:"deg"}[n]||"%";return n={fopacity:"opacity",hue:"hue-rotate"}[n]||n,t=m(t),(r,i)=>{const a=$(t,i);r.filter+=` ${n}(${a+o})`}}function Sn(n,e,t){return t.length===1&&t.unshift(w(e,n,"")),t=m(t),(o,r)=>{o[n]=$(t,r)}}function Cn(n,e,t){t.length===1&&t.unshift(0);const o=S(t),r=pn(e);return t=m(t.reverse(),i=>(i=s.toFloat(i),o==="%"?i*r/100:i)),t.some(([i])=>i)?(s.css(e,"strokeDasharray",r),(i,a)=>{i.strokeDashoffset=$(t,a)}):s.noop}function B(n,e,t,o){t.length===1&&t.unshift(0);const r=n==="bgy"?"height":"width";o[n]=m(t,c=>s.toPx(c,r,e));const i=["bgx","bgy"].filter(c=>c in o);if(i.length===2&&n==="bgx")return s.noop;if(w(e,"backgroundSize","")==="cover")return Mn(n,e,t,o);const a={};for(const c of i)a[c]=D(e,c);return H(i,a,o)}function Mn(n,e,t,o){const r=jn(e);if(!r.width)return s.noop;const i={width:e.offsetWidth,height:e.offsetHeight},a=["bgx","bgy"].filter(f=>f in o),c={};for(const f of a){const d=o[f].map(([In])=>In),y=Math.min(...d),N=Math.max(...d),K=d.indexOf(y)<d.indexOf(N),Q=N-y;c[f]=`${(K?-Q:0)-(K?y:N)}px`,i[f==="bgy"?"height":"width"]+=Q}const h=s.Dimensions.cover(r,i);for(const f of a){const d=f==="bgy"?"height":"width",y=h[d]-i[d];c[f]=`max(${D(e,f)},-${y}px) + ${c[f]}`}const l=H(a,c,o);return(f,d)=>{l(f,d),f.backgroundSize=`${h.width}px ${h.height}px`,f.backgroundRepeat="no-repeat"}}function D(n,e){return w(n,`background-position-${e.substr(-1)}`,"")}function H(n,e,t){return function(o,r){for(const i of n){const a=$(t[i],r);o[`background-position-${i.substr(-1)}`]=`calc(${e[i]} + ${a}px)`}}}const F={};function jn(n){const e=s.css(n,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if(F[e])return F[e];const t=new Image;return e&&(t.src=e,!t.naturalWidth)?(t.onload=()=>{F[e]=P(t),s.trigger(n,s.createEvent("load",!1))},P(t)):F[e]=P(t)}function P(n){return{width:n.naturalWidth,height:n.naturalHeight}}function m(n,e=s.toFloat){const t=[],{length:o}=n;let r=0;for(let i=0;i<o;i++){let[a,c]=s.isString(n[i])?n[i].trim().split(" "):[n[i]];if(a=e(a),c=c?s.toFloat(c)/100:null,i===0?c===null?c=0:c&&t.push([a,0]):i===o-1&&(c===null?c=1:c!==1&&(t.push([a,c]),c=1)),t.push([a,c]),c===null)r++;else if(r){const h=t[i-r-1][1],l=(c-h)/(r+1);for(let f=r;f>0;f--)t[i-f][1]=h+l*(r-f+1);r=0}}return t}function q(n,e){const t=s.findIndex(n.slice(1),([,o])=>e<=o)+1;return[n[t-1][0],n[t][0],(e-n[t-1][1])/(n[t][1]-n[t-1][1])]}function $(n,e){const[t,o,r]=q(n,e);return s.isNumber(t)?t+Math.abs(t-o)*r*(t<o?1:-1):+o}const On=/^-?\d+(\S+)?/;function S(n,e){var t;for(const o of n){const r=(t=o.match)==null?void 0:t.call(o,On);if(r)return r[1]}return e}function w(n,e,t){const o=n.style[e],r=s.css(s.css(n,e,t),e);return n.style[e]=o,r}function L(n,e){return n.reduce((t,o)=>(t[o]=e,t),{})}var V={mixins:[vn],data:{selItem:"!li"},beforeConnect(){this.item=s.query(this.selItem,this.$el)},disconnected(){this.item=null},events:[{name:"itemin itemout",self:!0,el(){return this.item},handler({type:n,detail:{percent:e,duration:t,timing:o,dir:r}}){s.fastdom.read(()=>{if(!this.matchMedia)return;const i=this.getCss(J(n,r,e)),a=this.getCss(G(n)?.5:r>0?1:0);s.fastdom.write(()=>{s.css(this.$el,i),s.Transition.start(this.$el,a,t,o).catch(s.noop)})})}},{name:"transitioncanceled transitionend",self:!0,el(){return this.item},handler(){s.Transition.cancel(this.$el)}},{name:"itemtranslatein itemtranslateout",self:!0,el(){return this.item},handler({type:n,detail:{percent:e,dir:t}}){s.fastdom.read(()=>{if(!this.matchMedia){this.reset();return}const o=this.getCss(J(n,t,e));s.fastdom.write(()=>s.css(this.$el,o))})}}]};function G(n){return s.endsWith(n,"in")}function J(n,e,t){return t/=2,G(n)^e<0?t:1-t}return typeof window<"u"&&window.UIkit&&window.UIkit.component("slideshowParallax",V),V});
+/*! UIkit 3.16.11-dev.55a0fc5b5 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */(function(s,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslideshow_parallax",["uikit-util"],b):(s=typeof globalThis<"u"?globalThis:s||self,s.UIkitSlideshow_parallax=b(s.UIkit.util))})(this,function(s){"use strict";var b={props:{media:Boolean},data:{media:!1},connected(){const n=X(this.media,this.$el);if(this.matchMedia=!0,n){this.mediaObj=window.matchMedia(n);const e=()=>{this.matchMedia=this.mediaObj.matches,s.trigger(this.$el,s.createEvent("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=s.on(this.mediaObj,"change",()=>{e(),this.$emit("resize")}),e()}},disconnected(){var n;(n=this.offMediaObj)==null||n.call(this)}};function X(n,e){if(s.isString(n)){if(s.startsWith(n,"@"))n=s.toFloat(s.css(e,`--uk-breakpoint-${n.substr(1)}`));else if(isNaN(n))return n}return n&&s.isNumeric(n)?`(min-width: ${n}px)`:""}function T(n,e){var t;return(t=n==null?void 0:n.startsWith)==null?void 0:t.call(n,e)}function Y(n){return typeof n=="function"}function C(n){return n!==null&&typeof n=="object"}function Z(n){return C(n)&&n===n.window}function E(n){return W(n)>=1}function k(n){return W(n)===1}function W(n){return!Z(n)&&C(n)&&n.nodeType}function M(n){return typeof n=="string"}function U(n){return n===void 0}function x(n){return u(n)[0]}function u(n){return E(n)?[n]:Array.from(n||[]).filter(E)}function j(n){const e=Object.create(null);return t=>e[t]||(e[t]=n(t))}function O(n,e,t){var o;if(C(e)){for(const r in e)O(n,r,e[r]);return}if(U(t))return(o=x(n))==null?void 0:o.getAttribute(e);for(const r of u(n))Y(t)&&(t=t.call(r,O(r,e))),t===null?nn(r,e):r.setAttribute(e,t)}function nn(n,e){u(n).forEach(t=>t.removeAttribute(e))}function A(n){var e;return(e=x(n))==null?void 0:e.parentElement}function tn(n,e){return u(n).filter(t=>_(t,e))}function _(n,e){return u(n).some(t=>t.matches(e))}function R(n,e){return k(n)?n.closest(T(e,">")?e.slice(1):e):u(n).map(t=>R(t,e)).filter(Boolean)}function en(n,e){n=x(n);const t=n?u(n.children):[];return e?tn(t,e):t}function rn(n,e){return e?u(n).indexOf(x(e)):en(A(n)).indexOf(n)}function on(n,e){return u(un(n,x(e),"querySelectorAll"))}const sn=/(^|[^\\],)\s*[!>+~-]/,cn=j(n=>n.match(sn)),an=/([!>+~-])(?=\s+[!>+~-]|\s*$)/g,fn=j(n=>n.replace(an,"$1 *"));function un(n,e=document,t){if(!n||!M(n))return n;if(n=fn(n),cn(n)){const o=hn(n);n="";for(let r of o){let i=e;if(r[0]==="!"){const a=r.substr(1).trim().split(" ");if(i=R(A(e),a[0]),r=a.slice(1).join(" ").trim(),!r.length&&o.length===1)return i}if(r[0]==="-"){const a=r.substr(1).trim().split(" "),c=(i||e).previousElementSibling;i=_(c,r.substr(1))?c:null,r=a.slice(1).join(" ")}i&&(n+=`${n?",":""}${ln(i)} ${r}`)}e=document}try{return e[t](n)}catch{return null}}const dn=/.*?[^\\](?:,|$)/g,hn=j(n=>n.match(dn).map(e=>e.replace(/,$/,"").trim()));function ln(n){const e=[];for(;n.parentNode;){const t=O(n,"id");if(t){e.unshift(`#${gn(t)}`);break}else{let{tagName:o}=n;o!=="HTML"&&(o+=`:nth-child(${rn(n)+1})`),e.unshift(o),n=n.parentNode}}return e.join(" > ")}function gn(n){return M(n)?CSS.escape(n):""}const mn=/^\s*<(\w+|!)[^>]*>/,bn=/^<(\w+)\s*\/?>(?:<\/\1>)?$/;function xn(n){const e=bn.exec(n);if(e)return document.createElement(e[1]);const t=document.createElement("div");return mn.test(n)?t.insertAdjacentHTML("beforeend",n.trim()):t.textContent=n,$n(t.childNodes)}function $n(n){return n.length>1?n:n[0]}function wn(n,e){return yn(n)?u(xn(n)):on(n,e)}function yn(n){return M(n)&&T(n.trim(),"<")}function pn(n){return Math.ceil(Math.max(0,...wn("[stroke]",n).map(e=>{try{return e.getTotalLength()}catch{return 0}})))}const p={x:v,y:v,rotate:v,scale:v,color:I,backgroundColor:I,borderColor:I,blur:g,hue:g,fopacity:g,grayscale:g,invert:g,saturate:g,sepia:g,opacity:Sn,stroke:Cn,bgx:B,bgy:B},{keys:z}=Object;var vn={mixins:[b],props:L(z(p),"list"),data:L(z(p),void 0),computed:{props(n,e){const t={};for(const r in n)r in p&&!s.isUndefined(n[r])&&(t[r]=n[r].slice());const o={};for(const r in t)o[r]=p[r](r,e,t[r],t);return o}},events:{load(){this.$emit()}},methods:{reset(){for(const n in this.getCss(0))s.css(this.$el,n,"")},getCss(n){const e={transform:"",filter:""};for(const t in this.props)this.props[t](e,n);return e.willChange=Object.keys(e).filter(t=>e[t]!=="").join(","),e}}};function v(n,e,t){let o=S(t)||{x:"px",y:"px",rotate:"deg"}[n]||"",r;return n==="x"||n==="y"?(n=`translate${s.ucfirst(n)}`,r=i=>s.toFloat(s.toFloat(i).toFixed(o==="px"?0:6))):n==="scale"&&(o="",r=i=>S([i])?s.toPx(i,"width",e,!0)/e.offsetWidth:i),t.length===1&&t.unshift(n==="scale"?1:0),t=m(t,r),(i,a)=>{i.transform+=` ${n}(${$(t,a)}${o})`}}function I(n,e,t){return t.length===1&&t.unshift(w(e,n,"")),t=m(t,o=>Fn(e,o)),(o,r)=>{const[i,a,c]=q(t,r),h=i.map((l,f)=>(l+=c*(a[f]-l),f===3?s.toFloat(l):parseInt(l,10))).join(",");o[n]=`rgba(${h})`}}function Fn(n,e){return w(n,"color",e).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map(s.toFloat)}function g(n,e,t){t.length===1&&t.unshift(0);const o=S(t)||{blur:"px",hue:"deg"}[n]||"%";return n={fopacity:"opacity",hue:"hue-rotate"}[n]||n,t=m(t),(r,i)=>{const a=$(t,i);r.filter+=` ${n}(${a+o})`}}function Sn(n,e,t){return t.length===1&&t.unshift(w(e,n,"")),t=m(t),(o,r)=>{o[n]=$(t,r)}}function Cn(n,e,t){t.length===1&&t.unshift(0);const o=S(t),r=pn(e);return t=m(t.reverse(),i=>(i=s.toFloat(i),o==="%"?i*r/100:i)),t.some(([i])=>i)?(s.css(e,"strokeDasharray",r),(i,a)=>{i.strokeDashoffset=$(t,a)}):s.noop}function B(n,e,t,o){t.length===1&&t.unshift(0);const r=n==="bgy"?"height":"width";o[n]=m(t,c=>s.toPx(c,r,e));const i=["bgx","bgy"].filter(c=>c in o);if(i.length===2&&n==="bgx")return s.noop;if(w(e,"backgroundSize","")==="cover")return Mn(n,e,t,o);const a={};for(const c of i)a[c]=D(e,c);return H(i,a,o)}function Mn(n,e,t,o){const r=jn(e);if(!r.width)return s.noop;const i={width:e.offsetWidth,height:e.offsetHeight},a=["bgx","bgy"].filter(f=>f in o),c={};for(const f of a){const d=o[f].map(([In])=>In),y=Math.min(...d),N=Math.max(...d),K=d.indexOf(y)<d.indexOf(N),Q=N-y;c[f]=`${(K?-Q:0)-(K?y:N)}px`,i[f==="bgy"?"height":"width"]+=Q}const h=s.Dimensions.cover(r,i);for(const f of a){const d=f==="bgy"?"height":"width",y=h[d]-i[d];c[f]=`max(${D(e,f)},-${y}px) + ${c[f]}`}const l=H(a,c,o);return(f,d)=>{l(f,d),f.backgroundSize=`${h.width}px ${h.height}px`,f.backgroundRepeat="no-repeat"}}function D(n,e){return w(n,`background-position-${e.substr(-1)}`,"")}function H(n,e,t){return function(o,r){for(const i of n){const a=$(t[i],r);o[`background-position-${i.substr(-1)}`]=`calc(${e[i]} + ${a}px)`}}}const F={};function jn(n){const e=s.css(n,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if(F[e])return F[e];const t=new Image;return e&&(t.src=e,!t.naturalWidth)?(t.onload=()=>{F[e]=P(t),s.trigger(n,s.createEvent("load",!1))},P(t)):F[e]=P(t)}function P(n){return{width:n.naturalWidth,height:n.naturalHeight}}function m(n,e=s.toFloat){const t=[],{length:o}=n;let r=0;for(let i=0;i<o;i++){let[a,c]=s.isString(n[i])?n[i].trim().split(" "):[n[i]];if(a=e(a),c=c?s.toFloat(c)/100:null,i===0?c===null?c=0:c&&t.push([a,0]):i===o-1&&(c===null?c=1:c!==1&&(t.push([a,c]),c=1)),t.push([a,c]),c===null)r++;else if(r){const h=t[i-r-1][1],l=(c-h)/(r+1);for(let f=r;f>0;f--)t[i-f][1]=h+l*(r-f+1);r=0}}return t}function q(n,e){const t=s.findIndex(n.slice(1),([,o])=>e<=o)+1;return[n[t-1][0],n[t][0],(e-n[t-1][1])/(n[t][1]-n[t-1][1])]}function $(n,e){const[t,o,r]=q(n,e);return s.isNumber(t)?t+Math.abs(t-o)*r*(t<o?1:-1):+o}const On=/^-?\d+(\S+)?/;function S(n,e){var t;for(const o of n){const r=(t=o.match)==null?void 0:t.call(o,On);if(r)return r[1]}return e}function w(n,e,t){const o=n.style[e],r=s.css(s.css(n,e,t),e);return n.style[e]=o,r}function L(n,e){return n.reduce((t,o)=>(t[o]=e,t),{})}var V={mixins:[vn],data:{selItem:"!li"},beforeConnect(){this.item=s.query(this.selItem,this.$el)},disconnected(){this.item=null},events:[{name:"itemin itemout",self:!0,el(){return this.item},handler({type:n,detail:{percent:e,duration:t,timing:o,dir:r}}){s.fastdom.read(()=>{if(!this.matchMedia)return;const i=this.getCss(J(n,r,e)),a=this.getCss(G(n)?.5:r>0?1:0);s.fastdom.write(()=>{s.css(this.$el,i),s.Transition.start(this.$el,a,t,o).catch(s.noop)})})}},{name:"transitioncanceled transitionend",self:!0,el(){return this.item},handler(){s.Transition.cancel(this.$el)}},{name:"itemtranslatein itemtranslateout",self:!0,el(){return this.item},handler({type:n,detail:{percent:e,dir:t}}){s.fastdom.read(()=>{if(!this.matchMedia){this.reset();return}const o=this.getCss(J(n,t,e));s.fastdom.write(()=>s.css(this.$el,o))})}}]};function G(n){return s.endsWith(n,"in")}function J(n,e,t){return t/=2,G(n)^e<0?t:1-t}return typeof window<"u"&&window.UIkit&&window.UIkit.component("slideshowParallax",V),V});

package/dist/js/components/slideshow.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.10 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.11-dev.55a0fc5b5 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -147,28 +147,81 @@
         role: "region"
       },
       computed: {
-        nav: {
-          get({ selNav }, $el) {
-            return util.$(selNav, $el);
-          },
-          watch(nav, prev) {
-            util.attr(nav, "role", "tablist");
-            if (prev) {
-              this.$emit();
-            }
-          },
-          immediate: true
+        nav({ selNav }, $el) {
+          return util.$(selNav, $el);
+        },
+        navChildren() {
+          return util.children(this.nav);
         },
         selNavItem({ attrItem }) {
           return `[${attrItem}],[data-${attrItem}]`;
         },
-        navItems: {
-          get(_, $el) {
-            return util.$$(this.selNavItem, $el);
-          },
-          watch() {
+        navItems(_, $el) {
+          return util.$$(this.selNavItem, $el);
+        }
+      },
+      watch: {
+        nav(nav, prev) {
+          util.attr(nav, "role", "tablist");
+          if (prev) {
             this.$emit();
           }
+        },
+        list(list) {
+          util.attr(list, "role", "presentation");
+        },
+        navChildren(children2) {
+          util.attr(children2, "role", "presentation");
+        },
+        navItems(items) {
+          for (const el of items) {
+            const cmd = util.data(el, this.attrItem);
+            const button = util.$("a,button", el) || el;
+            let ariaLabel;
+            let ariaControls = null;
+            if (util.isNumeric(cmd)) {
+              const item = util.toNumber(cmd);
+              const slide = this.slides[item];
+              if (slide) {
+                if (!slide.id) {
+                  slide.id = generateId(this, slide, `-item-${cmd}`);
+                }
+                ariaControls = slide.id;
+              }
+              ariaLabel = this.t("slideX", util.toFloat(cmd) + 1);
+              util.attr(button, "role", "tab");
+            } else {
+              if (this.list) {
+                if (!this.list.id) {
+                  this.list.id = generateId(this, this.list, "-items");
+                }
+                ariaControls = this.list.id;
+              }
+              ariaLabel = this.t(cmd);
+            }
+            util.attr(button, {
+              "aria-controls": ariaControls,
+              "aria-label": util.attr(button, "aria-label") || ariaLabel
+            });
+          }
+        },
+        slides(slides) {
+          slides.forEach(
+            (slide, i) => util.attr(slide, {
+              role: this.nav ? "tabpanel" : "group",
+              "aria-label": this.t("slideLabel", i + 1, this.length),
+              "aria-roledescription": this.nav ? null : "slide"
+            })
+          );
+        },
+        length(length) {
+          const navLength = this.navChildren.length;
+          if (this.nav && length !== navLength) {
+            util.empty(this.nav);
+            for (let i = 0; i < length; i++) {
+              util.append(this.nav, `<li ${this.attrItem}="${i}"><a href></a></li>`);
+            }
+          }
         }
       },
       connected() {
@@ -178,54 +231,6 @@
         });
       },
       update: [
-        {
-          write() {
-            this.slides.forEach(
-              (slide, i) => util.attr(slide, {
-                role: this.nav ? "tabpanel" : "group",
-                "aria-label": this.t("slideLabel", i + 1, this.length),
-                "aria-roledescription": this.nav ? null : "slide"
-              })
-            );
-            if (this.nav && this.length !== this.nav.children.length) {
-              util.html(
-                this.nav,
-                this.slides.map((_, i) => `<li ${this.attrItem}="${i}"><a href></a></li>`).join("")
-              );
-            }
-            util.attr(util.children(this.nav).concat(this.list), "role", "presentation");
-            for (const el of this.navItems) {
-              const cmd = util.data(el, this.attrItem);
-              const button = util.$("a,button", el) || el;
-              let ariaLabel;
-              let ariaControls = null;
-              if (util.isNumeric(cmd)) {
-                const item = util.toNumber(cmd);
-                const slide = this.slides[item];
-                if (slide) {
-                  if (!slide.id) {
-                    slide.id = generateId(this, slide, `-item-${cmd}`);
-                  }
-                  ariaControls = slide.id;
-                }
-                ariaLabel = this.t("slideX", util.toFloat(cmd) + 1);
-                util.attr(button, "role", "tab");
-              } else {
-                if (this.list) {
-                  if (!this.list.id) {
-                    this.list.id = generateId(this, this.list, "-items");
-                  }
-                  ariaControls = this.list.id;
-                }
-                ariaLabel = this.t(cmd);
-              }
-              util.attr(button, {
-                "aria-controls": ariaControls,
-                "aria-label": util.attr(button, "aria-label") || ariaLabel
-              });
-            }
-          }
-        },
         {
           write() {
             this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = !this.maxIndex));
@@ -580,18 +585,20 @@
         maxIndex() {
           return this.length - 1;
         },
-        slides: {
-          get() {
-            return util.children(this.list);
-          },
-          watch() {
-            this.$emit();
-          }
+        slides() {
+          return util.children(this.list);
         },
         length() {
           return this.slides.length;
         }
       },
+      watch: {
+        slides(slides, prev) {
+          if (prev) {
+            this.$emit();
+          }
+        }
+      },
       observe: resize(),
       methods: {
         show(index, force = false) {

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

@@ -1 +1 @@
-/*! UIkit 3.16.10 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */(function(e,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslideshow",["uikit-util"],p):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitSlideshow=p(e.UIkit.util))})(this,function(e){"use strict";var p={connected(){e.addClass(this.$el,this.$options.id)}},y={slide:{show(t){return[{transform:d(t*-100)},{transform:d()}]},percent(t){return g(t)},translate(t,s){return[{transform:d(s*-100*t)},{transform:d(s*100*(1-t))}]}}};function g(t){return Math.abs(e.css(t,"transform").split(",")[4]/t.offsetWidth)||0}function d(t=0,s="%"){return t+=t?s:"",`translate3d(${t}, 0, 0)`}function z(t){return`scale3d(${t}, ${t}, 1)`}function S(t,s,n,{animation:i,easing:a}){const{percent:r,translate:o,show:c=e.noop}=i,f=c(n),m=new e.Deferred;return{dir:n,show(h,l=0,v){const I=v?"linear":a;return h-=Math.round(h*e.clamp(l,-1,1)),this.translate(l),x(s,"itemin",{percent:l,duration:h,timing:I,dir:n}),x(t,"itemout",{percent:1-l,duration:h,timing:I,dir:n}),Promise.all([e.Transition.start(s,f[1],h,I),e.Transition.start(t,f[0],h,I)]).then(()=>{this.reset(),m.resolve()},e.noop),m.promise},cancel(){e.Transition.cancel([s,t])},reset(){for(const h in f[0])e.css([s,t],h,"")},forward(h,l=this.percent()){return e.Transition.cancel([s,t]),this.show(h,l,!0)},translate(h){this.reset();const l=o(h,n);e.css(s,l[1]),e.css(t,l[0]),x(s,"itemtranslatein",{percent:h,dir:n}),x(t,"itemtranslateout",{percent:1-h,dir:n})},percent(){return r(t||s,s,n)},getDistance(){return t==null?void 0:t.offsetWidth}}}function x(t,s,n){e.trigger(t,e.createEvent(s,!1,!1,n))}var T={props:{i18n:Object},data:{i18n:null},methods:{t(t,...s){var n,i,a;let r=0;return((a=((n=this.i18n)==null?void 0:n[t])||((i=this.$options.i18n)==null?void 0:i[t]))==null?void 0:a.replace(/%s/g,()=>s[r++]||""))||""}}};const u={TAB:9,ESC:27,SPACE:32,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};function w(t,s=t.$el,n=""){if(s.id)return s.id;let i=`${t.$options.id}-${t._uid}${n}`;return e.$(`#${i}`)&&(i=w(t,s,`${n}-2`)),i}var C={i18n:{next:"Next slide",previous:"Previous slide",slideX:"Slide %s",slideLabel:"%s of %s",role:"String"},data:{selNav:!1,role:"region"},computed:{nav:{get({selNav:t},s){return e.$(t,s)},watch(t,s){e.attr(t,"role","tablist"),s&&this.$emit()},immediate:!0},selNavItem({attrItem:t}){return`[${t}],[data-${t}]`},navItems:{get(t,s){return e.$$(this.selNavItem,s)},watch(){this.$emit()}}},connected(){e.attr(this.$el,{role:this.role,ariaRoleDescription:"carousel"})},update:[{write(){this.slides.forEach((t,s)=>e.attr(t,{role:this.nav?"tabpanel":"group","aria-label":this.t("slideLabel",s+1,this.length),"aria-roledescription":this.nav?null:"slide"})),this.nav&&this.length!==this.nav.children.length&&e.html(this.nav,this.slides.map((t,s)=>`<li ${this.attrItem}="${s}"><a href></a></li>`).join("")),e.attr(e.children(this.nav).concat(this.list),"role","presentation");for(const t of this.navItems){const s=e.data(t,this.attrItem),n=e.$("a,button",t)||t;let i,a=null;if(e.isNumeric(s)){const r=e.toNumber(s),o=this.slides[r];o&&(o.id||(o.id=w(this,o,`-item-${s}`)),a=o.id),i=this.t("slideX",e.toFloat(s)+1),e.attr(n,"role","tab")}else this.list&&(this.list.id||(this.list.id=w(this,this.list,"-items")),a=this.list.id),i=this.t(s);e.attr(n,{"aria-controls":a,"aria-label":e.attr(n,"aria-label")||i})}}},{write(){this.navItems.concat(this.nav).forEach(t=>t&&(t.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]}],events:[{name:"click keydown",delegate(){return this.selNavItem},handler(t){e.closest(t.target,"a,button")&&(t.type==="click"||t.keyCode===u.SPACE)&&(t.preventDefault(),this.show(e.data(t.current,this.attrItem)))}},{name:"itemshow",handler:"updateNav"},{name:"keydown",delegate(){return this.selNavItem},handler(t){const{current:s,keyCode:n}=t,i=e.data(s,this.attrItem);if(!e.isNumeric(i))return;let a=n===u.HOME?0:n===u.END?"last":n===u.LEFT?"previous":n===u.RIGHT?"next":-1;~a&&(t.preventDefault(),this.show(a))}}],methods:{updateNav(){const t=this.getValidIndex();let s,n;for(const i of this.navItems){const a=e.data(i,this.attrItem),r=e.$("a,button",i)||i;if(e.isNumeric(a)){const c=e.toNumber(a)===t;e.toggleClass(i,this.clsActive,c),e.attr(r,{"aria-selected":c,tabindex:c?null:-1}),c&&(n=r),s=s||e.matches(r,":focus")}else e.toggleClass(i,"uk-invisible",this.finite&&(a==="previous"&&t===0||a==="next"&&t>=this.maxIndex));s&&n&&n.focus()}}}};const b={passive:!1,capture:!0},_={passive:!0,capture:!0},D="touchstart mousedown",$="touchmove mousemove",A="touchend touchcancel mouseup click input scroll";var E={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const t of["start","move","end"]){const s=this[t];this[t]=n=>{const i=e.getEventPos(n).x*(e.isRtl?-1:1);this.prevPos=i===this.pos?this.prevPos:this.pos,this.pos=i,s(n)}}},events:[{name:D,passive:!0,delegate(){return`${this.selList} > *`},handler(t){!this.draggable||!e.isTouch(t)&&H(t.target)||e.closest(t.target,e.selInput)||t.button>0||this.length<2||this.start(t)}},{name:"dragstart",handler(t){t.preventDefault()}},{name:$,el(){return this.list},handler:e.noop,...b}],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,e.on(document,$,this.move,b),e.on(document,A,this.end,_),e.css(this.list,"userSelect","none")},move(t){const s=this.pos-this.drag;if(s===0||this.prevPos===this.pos||!this.dragging&&Math.abs(s)<this.threshold)return;e.css(this.list,"pointerEvents","none"),t.cancelable&&t.preventDefault(),this.dragging=!0,this.dir=s<0?1:-1;const{slides:n}=this;let{prevIndex:i}=this,a=Math.abs(s),r=this.getIndex(i+this.dir,i),o=this._getDistance(i,r)||n[i].offsetWidth;for(;r!==i&&a>o;)this.drag-=o*this.dir,i=r,a-=o,r=this.getIndex(i+this.dir,i),o=this._getDistance(i,r)||n[i].offsetWidth;this.percent=a/o;const c=n[i],f=n[r],m=this.index!==r,h=i===r;let l;[this.index,this.prevIndex].filter(v=>!e.includes([r,i],v)).forEach(v=>{e.trigger(n[v],"itemhidden",[this]),h&&(l=!0,this.prevIndex=i)}),(this.index===i&&this.prevIndex!==i||l)&&e.trigger(n[this.index],"itemshown",[this]),m&&(this.prevIndex=i,this.index=r,!h&&e.trigger(c,"beforeitemhide",[this]),e.trigger(f,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),c,!h&&f),m&&(!h&&e.trigger(c,"itemhide",[this]),e.trigger(f,"itemshow",[this]))},end(){if(e.off(document,$,this.move,b),e.off(document,A,this.end,_),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=(e.isRtl?this.dir*(e.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)}e.css(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null}}};function H(t){return e.css(t,"userSelect")!=="none"&&e.toNodes(t.childNodes).some(s=>s.nodeType===3&&s.textContent.trim())}var M={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){e.attr(this.list,"aria-live",this.autoplay?"off":"polite"),this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){e.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.stack.length||this.draggable&&e.matches(this.$el,":focus-within")||this.pauseOnHover&&e.matches(this.$el,":hover")||this.show("next")},this.autoplayInterval)},stopAutoplay(){clearInterval(this.interval)}}};function O(t){return N(e.observeResize,t,"resize")}function P(t){return N(e.observeIntersection,t)}function R(t={}){return P({handler:function(s,n){const{targets:i=this.$el,preload:a=5}=t;for(const r of e.toNodes(e.isFunction(i)?i(this):i))e.$$('[loading="lazy"]',r).slice(0,a-1).forEach(o=>e.removeAttr(o,"loading"));for(const r of s.filter(({isIntersecting:o})=>o).map(({target:o})=>o))n.unobserve(r)},...t})}function N(t,s,n){return{observe:t,handler(){this.$emit(n)},...s}}var U={mixins:[M,E,C,T],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number},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(){e.removeClass(this.slides,this.clsActive)},computed:{duration({velocity:t},s){return L(s.offsetWidth/t)},list({selList:t},s){return e.$(t,s)},maxIndex(){return this.length-1},slides:{get(){return e.children(this.list)},watch(){this.$emit()}},length(){return this.slides.length}},observe:O(),methods:{show(t,s=!1){var n;if(this.dragging||!this.length)return;const{stack:i}=this,a=s?0:i.length,r=()=>{i.splice(a,1),i.length&&this.show(i.shift(),!0)};if(i[s?"unshift":"push"](t),!s&&i.length>1){i.length===2&&((n=this._transitioner)==null||n.forward(Math.min(this.duration,200)));return}const o=this.getIndex(this.index),c=e.hasClass(this.slides,this.clsActive)&&this.slides[o],f=this.getIndex(t,this.index),m=this.slides[f];if(c===m){r();return}if(this.dir=W(t,o),this.prevIndex=o,this.index=f,c&&!e.trigger(c,"beforeitemhide",[this])||!e.trigger(m,"beforeitemshow",[this,c])){this.index=this.prevIndex,r();return}const h=this._show(c,m,s).then(()=>{c&&e.trigger(c,"itemhidden",[this]),e.trigger(m,"itemshown",[this]),i.shift(),this._transitioner=null,requestAnimationFrame(()=>i.length&&this.show(i.shift(),!0))});return c&&e.trigger(c,"itemhide",[this]),e.trigger(m,"itemshow",[this]),h},getIndex(t=this.index,s=this.index){return e.clamp(e.getIndex(t,this.slides,s,this.finite),0,Math.max(0,this.maxIndex))},getValidIndex(t=this.index,s=this.prevIndex){return this.getIndex(t,s)},_show(t,s,n){if(this._transitioner=this._getTransitioner(t,s,this.dir,{easing:n?s.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,s){return this._getTransitioner(t,t!==s&&s).getDistance()},_translate(t,s=this.prevIndex,n=this.index){const i=this._getTransitioner(s===n?!1:s,n);return i.translate(t),i},_getTransitioner(t=this.prevIndex,s=this.index,n=this.dir||1,i=this.transitionOptions){return new this.Transitioner(e.isNumber(t)?this.slides[t]:t,e.isNumber(s)?this.slides[s]:s,n*(e.isRtl?-1:1),i)}}};function W(t,s){return t==="next"?1:t==="previous"||t<s?-1:1}function L(t){return .5*t+300}var j={mixins:[U],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:y,Transitioner:S},computed:{animation({animation:t,Animations:s}){return{...s[t]||s.slide,name:t}},transitionOptions(){return{animation:this.animation}}},events:{beforeitemshow({target:t}){e.addClass(t,this.clsActive)},itemshown({target:t}){e.addClass(t,this.clsActivated)},itemhidden({target:t}){e.removeClass(t,this.clsActive,this.clsActivated)}}},B={...y,fade:{show(){return[{opacity:0,zIndex:0},{zIndex:-1}]},percent(t){return 1-e.css(t,"opacity")},translate(t){return[{opacity:1-t,zIndex:0},{zIndex:-1}]}},scale:{show(){return[{opacity:0,transform:z(1+.5),zIndex:0},{zIndex:-1}]},percent(t){return 1-e.css(t,"opacity")},translate(t){return[{opacity:1-t,transform:z(1+.5*t),zIndex:0},{zIndex:-1}]}},pull:{show(t){return t<0?[{transform:d(30),zIndex:-1},{transform:d(),zIndex:0}]:[{transform:d(-100),zIndex:0},{transform:d(),zIndex:-1}]},percent(t,s,n){return n<0?1-g(s):g(t)},translate(t,s){return s<0?[{transform:d(30*t),zIndex:-1},{transform:d(-100*(1-t)),zIndex:0}]:[{transform:d(-t*100),zIndex:0},{transform:d(30*(1-t)),zIndex:-1}]}},push:{show(t){return t<0?[{transform:d(100),zIndex:0},{transform:d(),zIndex:-1}]:[{transform:d(-30),zIndex:-1},{transform:d(),zIndex:0}]},percent(t,s,n){return n>0?1-g(s):g(t)},translate(t,s){return s<0?[{transform:d(t*100),zIndex:0},{transform:d(-30*(1-t)),zIndex:-1}]:[{transform:d(-30*t),zIndex:-1},{transform:d(100*(1-t)),zIndex:0}]}}},F={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"]}},V={observe:R({target:({slides:t})=>t,targets:t=>t.getAdjacentSlides()})},k={mixins:[p,j,F,V],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:B},update:{read(){if(!this.list)return!1;let[t,s]=this.ratio.split(":").map(Number);return s=s*this.list.offsetWidth/t||0,this.minHeight&&(s=Math.max(this.minHeight,s)),this.maxHeight&&(s=Math.min(this.maxHeight,s)),{height:s-e.boxModelAdjust(this.list,"height","content-box")}},write({height:t}){t>0&&e.css(this.list,"minHeight",t)},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",k),k});
+/*! UIkit 3.16.11-dev.55a0fc5b5 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */(function(e,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslideshow",["uikit-util"],p):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitSlideshow=p(e.UIkit.util))})(this,function(e){"use strict";var p={connected(){e.addClass(this.$el,this.$options.id)}},$={slide:{show(t){return[{transform:d(t*-100)},{transform:d()}]},percent(t){return g(t)},translate(t,s){return[{transform:d(s*-100*t)},{transform:d(s*100*(1-t))}]}}};function g(t){return Math.abs(e.css(t,"transform").split(",")[4]/t.offsetWidth)||0}function d(t=0,s="%"){return t+=t?s:"",`translate3d(${t}, 0, 0)`}function z(t){return`scale3d(${t}, ${t}, 1)`}function S(t,s,i,{animation:n,easing:o}){const{percent:r,translate:c,show:a=e.noop}=n,m=a(i),f=new e.Deferred;return{dir:i,show(h,l=0,v){const I=v?"linear":o;return h-=Math.round(h*e.clamp(l,-1,1)),this.translate(l),x(s,"itemin",{percent:l,duration:h,timing:I,dir:i}),x(t,"itemout",{percent:1-l,duration:h,timing:I,dir:i}),Promise.all([e.Transition.start(s,m[1],h,I),e.Transition.start(t,m[0],h,I)]).then(()=>{this.reset(),f.resolve()},e.noop),f.promise},cancel(){e.Transition.cancel([s,t])},reset(){for(const h in m[0])e.css([s,t],h,"")},forward(h,l=this.percent()){return e.Transition.cancel([s,t]),this.show(h,l,!0)},translate(h){this.reset();const l=c(h,i);e.css(s,l[1]),e.css(t,l[0]),x(s,"itemtranslatein",{percent:h,dir:i}),x(t,"itemtranslateout",{percent:1-h,dir:i})},percent(){return r(t||s,s,i)},getDistance(){return t==null?void 0:t.offsetWidth}}}function x(t,s,i){e.trigger(t,e.createEvent(s,!1,!1,i))}var C={props:{i18n:Object},data:{i18n:null},methods:{t(t,...s){var i,n,o;let r=0;return((o=((i=this.i18n)==null?void 0:i[t])||((n=this.$options.i18n)==null?void 0:n[t]))==null?void 0:o.replace(/%s/g,()=>s[r++]||""))||""}}};const u={TAB:9,ESC:27,SPACE:32,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};function w(t,s=t.$el,i=""){if(s.id)return s.id;let n=`${t.$options.id}-${t._uid}${i}`;return e.$(`#${n}`)&&(n=w(t,s,`${i}-2`)),n}var T={i18n:{next:"Next slide",previous:"Previous slide",slideX:"Slide %s",slideLabel:"%s of %s",role:"String"},data:{selNav:!1,role:"region"},computed:{nav({selNav:t},s){return e.$(t,s)},navChildren(){return e.children(this.nav)},selNavItem({attrItem:t}){return`[${t}],[data-${t}]`},navItems(t,s){return e.$$(this.selNavItem,s)}},watch:{nav(t,s){e.attr(t,"role","tablist"),s&&this.$emit()},list(t){e.attr(t,"role","presentation")},navChildren(t){e.attr(t,"role","presentation")},navItems(t){for(const s of t){const i=e.data(s,this.attrItem),n=e.$("a,button",s)||s;let o,r=null;if(e.isNumeric(i)){const c=e.toNumber(i),a=this.slides[c];a&&(a.id||(a.id=w(this,a,`-item-${i}`)),r=a.id),o=this.t("slideX",e.toFloat(i)+1),e.attr(n,"role","tab")}else this.list&&(this.list.id||(this.list.id=w(this,this.list,"-items")),r=this.list.id),o=this.t(i);e.attr(n,{"aria-controls":r,"aria-label":e.attr(n,"aria-label")||o})}},slides(t){t.forEach((s,i)=>e.attr(s,{role:this.nav?"tabpanel":"group","aria-label":this.t("slideLabel",i+1,this.length),"aria-roledescription":this.nav?null:"slide"}))},length(t){const s=this.navChildren.length;if(this.nav&&t!==s){e.empty(this.nav);for(let i=0;i<t;i++)e.append(this.nav,`<li ${this.attrItem}="${i}"><a href></a></li>`)}}},connected(){e.attr(this.$el,{role:this.role,ariaRoleDescription:"carousel"})},update:[{write(){this.navItems.concat(this.nav).forEach(t=>t&&(t.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]}],events:[{name:"click keydown",delegate(){return this.selNavItem},handler(t){e.closest(t.target,"a,button")&&(t.type==="click"||t.keyCode===u.SPACE)&&(t.preventDefault(),this.show(e.data(t.current,this.attrItem)))}},{name:"itemshow",handler:"updateNav"},{name:"keydown",delegate(){return this.selNavItem},handler(t){const{current:s,keyCode:i}=t,n=e.data(s,this.attrItem);if(!e.isNumeric(n))return;let o=i===u.HOME?0:i===u.END?"last":i===u.LEFT?"previous":i===u.RIGHT?"next":-1;~o&&(t.preventDefault(),this.show(o))}}],methods:{updateNav(){const t=this.getValidIndex();let s,i;for(const n of this.navItems){const o=e.data(n,this.attrItem),r=e.$("a,button",n)||n;if(e.isNumeric(o)){const a=e.toNumber(o)===t;e.toggleClass(n,this.clsActive,a),e.attr(r,{"aria-selected":a,tabindex:a?null:-1}),a&&(i=r),s=s||e.matches(r,":focus")}else e.toggleClass(n,"uk-invisible",this.finite&&(o==="previous"&&t===0||o==="next"&&t>=this.maxIndex));s&&i&&i.focus()}}}};const b={passive:!1,capture:!0},_={passive:!0,capture:!0},D="touchstart mousedown",y="touchmove mousemove",A="touchend touchcancel mouseup click input scroll";var E={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const t of["start","move","end"]){const s=this[t];this[t]=i=>{const n=e.getEventPos(i).x*(e.isRtl?-1:1);this.prevPos=n===this.pos?this.prevPos:this.pos,this.pos=n,s(i)}}},events:[{name:D,passive:!0,delegate(){return`${this.selList} > *`},handler(t){!this.draggable||!e.isTouch(t)&&H(t.target)||e.closest(t.target,e.selInput)||t.button>0||this.length<2||this.start(t)}},{name:"dragstart",handler(t){t.preventDefault()}},{name:y,el(){return this.list},handler:e.noop,...b}],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,e.on(document,y,this.move,b),e.on(document,A,this.end,_),e.css(this.list,"userSelect","none")},move(t){const s=this.pos-this.drag;if(s===0||this.prevPos===this.pos||!this.dragging&&Math.abs(s)<this.threshold)return;e.css(this.list,"pointerEvents","none"),t.cancelable&&t.preventDefault(),this.dragging=!0,this.dir=s<0?1:-1;const{slides:i}=this;let{prevIndex:n}=this,o=Math.abs(s),r=this.getIndex(n+this.dir,n),c=this._getDistance(n,r)||i[n].offsetWidth;for(;r!==n&&o>c;)this.drag-=c*this.dir,n=r,o-=c,r=this.getIndex(n+this.dir,n),c=this._getDistance(n,r)||i[n].offsetWidth;this.percent=o/c;const a=i[n],m=i[r],f=this.index!==r,h=n===r;let l;[this.index,this.prevIndex].filter(v=>!e.includes([r,n],v)).forEach(v=>{e.trigger(i[v],"itemhidden",[this]),h&&(l=!0,this.prevIndex=n)}),(this.index===n&&this.prevIndex!==n||l)&&e.trigger(i[this.index],"itemshown",[this]),f&&(this.prevIndex=n,this.index=r,!h&&e.trigger(a,"beforeitemhide",[this]),e.trigger(m,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),a,!h&&m),f&&(!h&&e.trigger(a,"itemhide",[this]),e.trigger(m,"itemshow",[this]))},end(){if(e.off(document,y,this.move,b),e.off(document,A,this.end,_),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=(e.isRtl?this.dir*(e.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)}e.css(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null}}};function H(t){return e.css(t,"userSelect")!=="none"&&e.toNodes(t.childNodes).some(s=>s.nodeType===3&&s.textContent.trim())}var M={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){e.attr(this.list,"aria-live",this.autoplay?"off":"polite"),this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){e.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.stack.length||this.draggable&&e.matches(this.$el,":focus-within")||this.pauseOnHover&&e.matches(this.$el,":hover")||this.show("next")},this.autoplayInterval)},stopAutoplay(){clearInterval(this.interval)}}};function O(t){return N(e.observeResize,t,"resize")}function P(t){return N(e.observeIntersection,t)}function R(t={}){return P({handler:function(s,i){const{targets:n=this.$el,preload:o=5}=t;for(const r of e.toNodes(e.isFunction(n)?n(this):n))e.$$('[loading="lazy"]',r).slice(0,o-1).forEach(c=>e.removeAttr(c,"loading"));for(const r of s.filter(({isIntersecting:c})=>c).map(({target:c})=>c))i.unobserve(r)},...t})}function N(t,s,i){return{observe:t,handler(){this.$emit(i)},...s}}var U={mixins:[M,E,T,C],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number},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(){e.removeClass(this.slides,this.clsActive)},computed:{duration({velocity:t},s){return W(s.offsetWidth/t)},list({selList:t},s){return e.$(t,s)},maxIndex(){return this.length-1},slides(){return e.children(this.list)},length(){return this.slides.length}},watch:{slides(t,s){s&&this.$emit()}},observe:O(),methods:{show(t,s=!1){var i;if(this.dragging||!this.length)return;const{stack:n}=this,o=s?0:n.length,r=()=>{n.splice(o,1),n.length&&this.show(n.shift(),!0)};if(n[s?"unshift":"push"](t),!s&&n.length>1){n.length===2&&((i=this._transitioner)==null||i.forward(Math.min(this.duration,200)));return}const c=this.getIndex(this.index),a=e.hasClass(this.slides,this.clsActive)&&this.slides[c],m=this.getIndex(t,this.index),f=this.slides[m];if(a===f){r();return}if(this.dir=L(t,c),this.prevIndex=c,this.index=m,a&&!e.trigger(a,"beforeitemhide",[this])||!e.trigger(f,"beforeitemshow",[this,a])){this.index=this.prevIndex,r();return}const h=this._show(a,f,s).then(()=>{a&&e.trigger(a,"itemhidden",[this]),e.trigger(f,"itemshown",[this]),n.shift(),this._transitioner=null,requestAnimationFrame(()=>n.length&&this.show(n.shift(),!0))});return a&&e.trigger(a,"itemhide",[this]),e.trigger(f,"itemshow",[this]),h},getIndex(t=this.index,s=this.index){return e.clamp(e.getIndex(t,this.slides,s,this.finite),0,Math.max(0,this.maxIndex))},getValidIndex(t=this.index,s=this.prevIndex){return this.getIndex(t,s)},_show(t,s,i){if(this._transitioner=this._getTransitioner(t,s,this.dir,{easing:i?s.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}),!i&&!t)return this._translate(1),Promise.resolve();const{length:n}=this.stack;return this._transitioner[n>1?"forward":"show"](n>1?Math.min(this.duration,75+75/(n-1)):this.duration,this.percent)},_getDistance(t,s){return this._getTransitioner(t,t!==s&&s).getDistance()},_translate(t,s=this.prevIndex,i=this.index){const n=this._getTransitioner(s===i?!1:s,i);return n.translate(t),n},_getTransitioner(t=this.prevIndex,s=this.index,i=this.dir||1,n=this.transitionOptions){return new this.Transitioner(e.isNumber(t)?this.slides[t]:t,e.isNumber(s)?this.slides[s]:s,i*(e.isRtl?-1:1),n)}}};function L(t,s){return t==="next"?1:t==="previous"||t<s?-1:1}function W(t){return .5*t+300}var B={mixins:[U],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:$,Transitioner:S},computed:{animation({animation:t,Animations:s}){return{...s[t]||s.slide,name:t}},transitionOptions(){return{animation:this.animation}}},events:{beforeitemshow({target:t}){e.addClass(t,this.clsActive)},itemshown({target:t}){e.addClass(t,this.clsActivated)},itemhidden({target:t}){e.removeClass(t,this.clsActive,this.clsActivated)}}},j={...$,fade:{show(){return[{opacity:0,zIndex:0},{zIndex:-1}]},percent(t){return 1-e.css(t,"opacity")},translate(t){return[{opacity:1-t,zIndex:0},{zIndex:-1}]}},scale:{show(){return[{opacity:0,transform:z(1+.5),zIndex:0},{zIndex:-1}]},percent(t){return 1-e.css(t,"opacity")},translate(t){return[{opacity:1-t,transform:z(1+.5*t),zIndex:0},{zIndex:-1}]}},pull:{show(t){return t<0?[{transform:d(30),zIndex:-1},{transform:d(),zIndex:0}]:[{transform:d(-100),zIndex:0},{transform:d(),zIndex:-1}]},percent(t,s,i){return i<0?1-g(s):g(t)},translate(t,s){return s<0?[{transform:d(30*t),zIndex:-1},{transform:d(-100*(1-t)),zIndex:0}]:[{transform:d(-t*100),zIndex:0},{transform:d(30*(1-t)),zIndex:-1}]}},push:{show(t){return t<0?[{transform:d(100),zIndex:0},{transform:d(),zIndex:-1}]:[{transform:d(-30),zIndex:-1},{transform:d(),zIndex:0}]},percent(t,s,i){return i>0?1-g(s):g(t)},translate(t,s){return s<0?[{transform:d(t*100),zIndex:0},{transform:d(-30*(1-t)),zIndex:-1}]:[{transform:d(-30*t),zIndex:-1},{transform:d(100*(1-t)),zIndex:0}]}}},F={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"]}},V={observe:R({target:({slides:t})=>t,targets:t=>t.getAdjacentSlides()})},k={mixins:[p,B,F,V],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:j},update:{read(){if(!this.list)return!1;let[t,s]=this.ratio.split(":").map(Number);return s=s*this.list.offsetWidth/t||0,this.minHeight&&(s=Math.max(this.minHeight,s)),this.maxHeight&&(s=Math.min(this.maxHeight,s)),{height:s-e.boxModelAdjust(this.list,"height","content-box")}},write({height:t}){t>0&&e.css(this.list,"minHeight",t)},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",k),k});

package/dist/js/components/sortable.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.10 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.11-dev.55a0fc5b5 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -379,24 +379,20 @@
         items() {
           return uikitUtil.children(this.target);
         },
-        isEmpty: {
-          get() {
-            return uikitUtil.isEmpty(this.items);
-          },
-          watch(empty) {
-            uikitUtil.toggleClass(this.target, this.clsEmpty, empty);
-          },
-          immediate: true
+        isEmpty() {
+          return uikitUtil.isEmpty(this.items);
         },
-        handles: {
-          get({ handle }, el) {
-            return handle ? uikitUtil.$$(handle, el) : this.items;
-          },
-          watch(handles, prev) {
-            uikitUtil.css(prev, { touchAction: "", userSelect: "" });
-            uikitUtil.css(handles, { touchAction: uikitUtil.hasTouch ? "none" : "", userSelect: "none" });
-          },
-          immediate: true
+        handles({ handle }, el) {
+          return handle ? uikitUtil.$$(handle, el) : this.items;
+        }
+      },
+      watch: {
+        isEmpty(empty) {
+          uikitUtil.toggleClass(this.target, this.clsEmpty, empty);
+        },
+        handles(handles, prev) {
+          uikitUtil.css(prev, { touchAction: "", userSelect: "" });
+          uikitUtil.css(handles, { touchAction: uikitUtil.hasTouch ? "none" : "", userSelect: "none" });
         }
       },
       update: {