uikit 3.13.11-dev.eb080f280 → 3.14.1-dev.dadc910c0

package/dist/js/components/parallax.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.13.11-dev.eb080f280 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.1-dev.dadc910c0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -166,7 +166,9 @@
 
       methods: {
         reset() {
-          uikitUtil.each(this.getCss(0), (_, prop) => uikitUtil.css(this.$el, prop, ''));
+          for (const prop in this.getCss(0)) {
+            uikitUtil.css(this.$el, prop, '');
+          }
         },
 
         getCss(percent) {
@@ -179,39 +181,39 @@
 
 
 
-    function transformFn(prop, el, stops) {
-      let unit = getUnit(stops) || { x: 'px', y: 'px', rotate: 'deg' }[prop] || '';
+    function transformFn(prop, el, steps) {
+      let unit = getUnit(steps) || { x: 'px', y: 'px', rotate: 'deg' }[prop] || '';
       let transformFn;
 
       if (prop === 'x' || prop === 'y') {
         prop = "translate" + uikitUtil.ucfirst(prop);
-        transformFn = (stop) => uikitUtil.toFloat(uikitUtil.toFloat(stop).toFixed(unit === 'px' ? 0 : 6));
+        transformFn = (step) => uikitUtil.toFloat(uikitUtil.toFloat(step).toFixed(unit === 'px' ? 0 : 6));
       } else if (prop === 'scale') {
         unit = '';
-        transformFn = (stop) =>
-        getUnit([stop]) ? uikitUtil.toPx(stop, 'width', el, true) / el.offsetWidth : stop;
+        transformFn = (step) =>
+        getUnit([step]) ? uikitUtil.toPx(step, 'width', el, true) / el.offsetWidth : step;
       }
 
-      if (stops.length === 1) {
-        stops.unshift(prop === 'scale' ? 1 : 0);
+      if (steps.length === 1) {
+        steps.unshift(prop === 'scale' ? 1 : 0);
       }
 
-      stops = parseStops(stops, transformFn);
+      steps = parseSteps(steps, transformFn);
 
       return (css, percent) => {
-        css.transform += " " + prop + "(" + getValue(stops, percent) + unit + ")";
+        css.transform += " " + prop + "(" + getValue(steps, percent) + unit + ")";
       };
     }
 
-    function colorFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(getCssValue(el, prop, ''));
+    function colorFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(getCssValue(el, prop, ''));
       }
 
-      stops = parseStops(stops, (stop) => parseColor(el, stop));
+      steps = parseSteps(steps, (step) => parseColor(el, step));
 
       return (css, percent) => {
-        const [start, end, p] = getStop(stops, percent);
+        const [start, end, p] = getStep(steps, percent);
         const value = start.
         map((value, i) => {
           value += p * (end[i] - value);
@@ -231,80 +233,80 @@
       map(uikitUtil.toFloat);
     }
 
-    function filterFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(0);
+    function filterFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(0);
       }
 
-      const unit = getUnit(stops) || { blur: 'px', hue: 'deg' }[prop] || '%';
+      const unit = getUnit(steps) || { blur: 'px', hue: 'deg' }[prop] || '%';
       prop = { fopacity: 'opacity', hue: 'hue-rotate' }[prop] || prop;
-      stops = parseStops(stops);
+      steps = parseSteps(steps);
 
       return (css, percent) => {
-        const value = getValue(stops, percent);
+        const value = getValue(steps, percent);
         css.filter += " " + prop + "(" + (value + unit) + ")";
       };
     }
 
-    function cssPropFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(getCssValue(el, prop, ''));
+    function cssPropFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(getCssValue(el, prop, ''));
       }
 
-      stops = parseStops(stops);
+      steps = parseSteps(steps);
 
       return (css, percent) => {
-        css[prop] = getValue(stops, percent);
+        css[prop] = getValue(steps, percent);
       };
     }
 
-    function strokeFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(0);
+    function strokeFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(0);
       }
 
-      const unit = getUnit(stops);
+      const unit = getUnit(steps);
       const length = getMaxPathLength(el);
-      stops = parseStops(stops.reverse(), (stop) => {
-        stop = uikitUtil.toFloat(stop);
-        return unit === '%' ? stop * length / 100 : stop;
+      steps = parseSteps(steps.reverse(), (step) => {
+        step = uikitUtil.toFloat(step);
+        return unit === '%' ? step * length / 100 : step;
       });
 
-      if (!stops.some((_ref) => {let [value] = _ref;return value;})) {
+      if (!steps.some((_ref) => {let [value] = _ref;return value;})) {
         return uikitUtil.noop;
       }
 
       uikitUtil.css(el, 'strokeDasharray', length);
 
       return (css, percent) => {
-        css.strokeDashoffset = getValue(stops, percent);
+        css.strokeDashoffset = getValue(steps, percent);
       };
     }
 
-    function backgroundFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(0);
+    function backgroundFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(0);
       }
 
       prop = prop.substr(-1);
       const attr = prop === 'y' ? 'height' : 'width';
-      stops = parseStops(stops, (stop) => uikitUtil.toPx(stop, attr, el));
+      steps = parseSteps(steps, (step) => uikitUtil.toPx(step, attr, el));
 
       const bgPos = getCssValue(el, "background-position-" + prop, '');
 
       return getCssValue(el, 'backgroundSize', '') === 'cover' ?
-      backgroundCoverFn(prop, el, stops, bgPos, attr) :
-      setBackgroundPosFn(prop, stops, bgPos);
+      backgroundCoverFn(prop, el, steps, bgPos, attr) :
+      setBackgroundPosFn(prop, steps, bgPos);
     }
 
-    function backgroundCoverFn(prop, el, stops, bgPos, attr) {
+    function backgroundCoverFn(prop, el, steps, bgPos, attr) {
       const dimImage = getBackgroundImageDimensions(el);
 
       if (!dimImage.width) {
         return uikitUtil.noop;
       }
 
-      const values = stops.map((_ref2) => {let [value] = _ref2;return value;});
+      const values = steps.map((_ref2) => {let [value] = _ref2;return value;});
       const min = Math.min(...values);
       const max = Math.max(...values);
       const down = values.indexOf(min) < values.indexOf(max);
@@ -332,7 +334,7 @@
 
       const dim = uikitUtil.Dimensions.cover(dimImage, dimEl);
 
-      const fn = setBackgroundPosFn(prop, stops, pos + "px");
+      const fn = setBackgroundPosFn(prop, steps, pos + "px");
       return (css, percent) => {
         fn(css, percent);
         css.backgroundSize = dim.width + "px " + dim.height + "px";
@@ -340,9 +342,9 @@
       };
     }
 
-    function setBackgroundPosFn(prop, stops, pos) {
+    function setBackgroundPosFn(prop, steps, pos) {
       return function (css, percent) {
-        css["background-position-" + prop] = "calc(" + pos + " + " + getValue(stops, percent) + "px)";
+        css["background-position-" + prop] = "calc(" + pos + " + " + getValue(steps, percent) + "px)";
       };
     }
 
@@ -377,12 +379,12 @@
 
     }
 
-    function parseStops(stops, fn) {if (fn === void 0) {fn = uikitUtil.toFloat;}
+    function parseSteps(steps, fn) {if (fn === void 0) {fn = uikitUtil.toFloat;}
       const result = [];
-      const { length } = stops;
+      const { length } = steps;
       let nullIndex = 0;
       for (let i = 0; i < length; i++) {
-        let [value, percent] = uikitUtil.isString(stops[i]) ? stops[i].trim().split(' ') : [stops[i]];
+        let [value, percent] = uikitUtil.isString(steps[i]) ? steps[i].trim().split(' ') : [steps[i]];
         value = fn(value);
         percent = percent ? uikitUtil.toFloat(percent) / 100 : null;
 
@@ -419,24 +421,24 @@
       return result;
     }
 
-    function getStop(stops, percent) {
-      const index = uikitUtil.findIndex(stops.slice(1), (_ref3) => {let [, targetPercent] = _ref3;return percent <= targetPercent;}) + 1;
+    function getStep(steps, percent) {
+      const index = uikitUtil.findIndex(steps.slice(1), (_ref3) => {let [, targetPercent] = _ref3;return percent <= targetPercent;}) + 1;
       return [
-      stops[index - 1][0],
-      stops[index][0],
-      (percent - stops[index - 1][1]) / (stops[index][1] - stops[index - 1][1])];
+      steps[index - 1][0],
+      steps[index][0],
+      (percent - steps[index - 1][1]) / (steps[index][1] - steps[index - 1][1])];
 
     }
 
-    function getValue(stops, percent) {
-      const [start, end, p] = getStop(stops, percent);
+    function getValue(steps, percent) {
+      const [start, end, p] = getStep(steps, percent);
       return uikitUtil.isNumber(start) ? start + Math.abs(start - end) * p * (start < end ? 1 : -1) : +end;
     }
 
     const unitRe = /^-?\d+([^\s]*)/;
-    function getUnit(stops, defaultUnit) {
-      for (const stop of stops) {
-        const match = stop.match == null ? void 0 : stop.match(unitRe);
+    function getUnit(steps, defaultUnit) {
+      for (const step of steps) {
+        const match = step.match == null ? void 0 : step.match(unitRe);
         if (match) {
           return match[1];
         }

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

@@ -1 +1 @@
-/*! UIkit 3.13.11-dev.eb080f280 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(r,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitparallax",["uikit-util"],m):(r=typeof globalThis<"u"?globalThis:r||self,r.UIkitParallax=m(r.UIkit.util))})(this,function(r){"use strict";var m={connected(){var e;this.registerObserver(r.observeResize(((e=this.$options.resizeTargets)==null?void 0:e.call(this))||this.$el,()=>this.$emit("resize")))}},B={connected(){V(this._uid,()=>this.$emit("scroll"))},disconnected(){q(this._uid)}};const y=new Map;let x;function V(e,t){x=x||r.on(window,"scroll",()=>y.forEach(n=>n()),{passive:!0,capture:!0}),y.set(e,t)}function q(e){y.delete(e),x&&!y.size&&(x(),x=null)}var H={props:{media:Boolean},data:{media:!1},connected(){const e=A(this.media);if(this.matchMedia=!0,e){this.mediaObj=window.matchMedia(e);const t=()=>{this.matchMedia=this.mediaObj.matches,r.trigger(this.$el,r.createEvent("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=r.on(this.mediaObj,"change",()=>{t(),this.$emit("resize")}),t()}},disconnected(){var e;(e=this.offMediaObj)==null||e.call(this)}};function A(e){if(r.isString(e)){if(r.startsWith(e,"@")){const t="breakpoint-"+e.substr(1);e=r.toFloat(r.getCssVar(t))}else if(isNaN(e))return e}return e&&r.isNumeric(e)?"(min-width: "+e+"px)":""}r.memoize(async e=>e?r.startsWith(e,"data:")?decodeURIComponent(e.split(",")[1]):(await fetch(e)).text():Promise.reject());function G(e){return Math.ceil(Math.max(0,...r.$$("[stroke]",e).map(t=>{try{return t.getTotalLength()}catch{return 0}})))}const M={x:F,y:F,rotate:F,scale:F,color:S,backgroundColor:S,borderColor:S,blur:l,hue:l,fopacity:l,grayscale:l,invert:l,saturate:l,sepia:l,opacity:Q,stroke:X,bgx:C,bgy:C},{keys:j}=Object;var J={mixins:[H],props:L(j(M),"list"),data:L(j(M),void 0),computed:{props(e,t){return j(M).reduce((n,s)=>(r.isUndefined(e[s])||(n[s]=M[s](s,t,e[s].slice())),n),{})}},events:{load(){this.$emit()}},methods:{reset(){r.each(this.getCss(0),(e,t)=>r.css(this.$el,t,""))},getCss(e){const t={transform:"",filter:""};for(const n in this.props)this.props[n](t,e);return t}}};function F(e,t,n){let s=P(n)||{x:"px",y:"px",rotate:"deg"}[e]||"",o;return e==="x"||e==="y"?(e="translate"+r.ucfirst(e),o=a=>r.toFloat(r.toFloat(a).toFixed(s==="px"?0:6))):e==="scale"&&(s="",o=a=>P([a])?r.toPx(a,"width",t,!0)/t.offsetWidth:a),n.length===1&&n.unshift(e==="scale"?1:0),n=g(n,o),(a,c)=>{a.transform+=" "+e+"("+b(n,c)+s+")"}}function S(e,t,n){return n.length===1&&n.unshift(v(t,e,"")),n=g(n,s=>K(t,s)),(s,o)=>{const[a,c,i]=E(n,o),h=a.map((d,f)=>(d+=i*(c[f]-d),f===3?r.toFloat(d):parseInt(d,10))).join(",");s[e]="rgba("+h+")"}}function K(e,t){return v(e,"color",t).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map(r.toFloat)}function l(e,t,n){n.length===1&&n.unshift(0);const s=P(n)||{blur:"px",hue:"deg"}[e]||"%";return e={fopacity:"opacity",hue:"hue-rotate"}[e]||e,n=g(n),(o,a)=>{const c=b(n,a);o.filter+=" "+e+"("+(c+s)+")"}}function Q(e,t,n){return n.length===1&&n.unshift(v(t,e,"")),n=g(n),(s,o)=>{s[e]=b(n,o)}}function X(e,t,n){n.length===1&&n.unshift(0);const s=P(n),o=G(t);return n=g(n.reverse(),a=>(a=r.toFloat(a),s==="%"?a*o/100:a)),n.some(a=>{let[c]=a;return c})?(r.css(t,"strokeDasharray",o),(a,c)=>{a.strokeDashoffset=b(n,c)}):r.noop}function C(e,t,n){n.length===1&&n.unshift(0),e=e.substr(-1);const s=e==="y"?"height":"width";n=g(n,a=>r.toPx(a,s,t));const o=v(t,"background-position-"+e,"");return v(t,"backgroundSize","")==="cover"?Y(e,t,n,o,s):D(e,n,o)}function Y(e,t,n,s,o){const a=Z(t);if(!a.width)return r.noop;const c=n.map(u=>{let[z]=u;return z}),i=Math.min(...c),h=Math.max(...c),d=c.indexOf(i)<c.indexOf(h),f=h-i;let R=(d?-f:0)-(d?i:h);const w={width:t.offsetWidth,height:t.offsetHeight},T=r.Dimensions.cover(a,w),O=T[o]-w[o];if(O<f)w[o]=T[o]+f-O;else if(O>f){const u=w[o]/r.toPx(s,o,t,!0);u&&(R-=(O-f)/u)}const _=r.Dimensions.cover(a,w),U=D(e,n,R+"px");return(u,z)=>{U(u,z),u.backgroundSize=_.width+"px "+_.height+"px",u.backgroundRepeat="no-repeat"}}function D(e,t,n){return function(s,o){s["background-position-"+e]="calc("+n+" + "+b(t,o)+"px)"}}const $={};function Z(e){const t=r.css(e,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if($[t])return $[t];const n=new Image;return t&&(n.src=t,!n.naturalWidth)?(n.onload=()=>{$[t]=I(n),r.trigger(e,r.createEvent("load",!1))},I(n)):$[t]=I(n)}function I(e){return{width:e.naturalWidth,height:e.naturalHeight}}function g(e,t){t===void 0&&(t=r.toFloat);const n=[],{length:s}=e;let o=0;for(let a=0;a<s;a++){let[c,i]=r.isString(e[a])?e[a].trim().split(" "):[e[a]];if(c=t(c),i=i?r.toFloat(i)/100:null,a===0?i===null?i=0:i&&n.push([c,0]):a===s-1&&(i===null?i=1:i!==1&&(n.push([c,i]),i=1)),n.push([c,i]),i===null)o++;else if(o){const h=n[a-o-1][1],d=(i-h)/(o+1);for(let f=o;f>0;f--)n[a-f][1]=h+d*(o-f+1);o=0}}return n}function E(e,t){const n=r.findIndex(e.slice(1),s=>{let[,o]=s;return t<=o})+1;return[e[n-1][0],e[n][0],(t-e[n-1][1])/(e[n][1]-e[n-1][1])]}function b(e,t){const[n,s,o]=E(e,t);return r.isNumber(n)?n+Math.abs(n-s)*o*(n<s?1:-1):+s}const p=/^-?\d+([^\s]*)/;function P(e,t){for(const n of e){const s=n.match==null?void 0:n.match(p);if(s)return s[1]}return t}function v(e,t,n){const s=e.style[t],o=r.css(r.css(e,t,n),t);return e.style[t]=s,o}function L(e,t){return e.reduce((n,s)=>(n[s]=t,n),{})}var N={mixins:[J,m,B],props:{target:String,viewport:Number,easing:Number,start:String,end:String},data:{target:!1,viewport:1,easing:1,start:0,end:0},computed:{target(e,t){let{target:n}=e;return W(n&&r.query(n,t)||t)},start(e){let{start:t}=e;return r.toPx(t,"height",this.target,!0)},end(e){let{end:t,viewport:n}=e;return r.toPx(t||(n=(1-n)*100)&&n+"vh+"+n+"%","height",this.target,!0)}},update:{read(e,t){let{percent:n}=e;if(t.has("scroll")||(n=!1),!this.matchMedia)return;const s=n;return n=k(r.scrolledOver(this.target,this.start,this.end),this.easing),{percent:n,style:s===n?!1:this.getCss(n)}},write(e){let{style:t}=e;if(!this.matchMedia){this.reset();return}t&&r.css(this.$el,t)},events:["scroll","resize"]}};function k(e,t){return t>=0?Math.pow(e,t+1):1-Math.pow(1-e,-t+1)}function W(e){return e?"offsetTop"in e?e:W(r.parent(e)):document.documentElement}return typeof window<"u"&&window.UIkit&&window.UIkit.component("parallax",N),N});
+/*! UIkit 3.14.1-dev.dadc910c0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(r,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitparallax",["uikit-util"],m):(r=typeof globalThis<"u"?globalThis:r||self,r.UIkitParallax=m(r.UIkit.util))})(this,function(r){"use strict";var m={connected(){var e;this.registerObserver(r.observeResize(((e=this.$options.resizeTargets)==null?void 0:e.call(this))||this.$el,()=>this.$emit("resize")))}},B={connected(){V(this._uid,()=>this.$emit("scroll"))},disconnected(){q(this._uid)}};const y=new Map;let x;function V(e,t){x=x||r.on(window,"scroll",()=>y.forEach(n=>n()),{passive:!0,capture:!0}),y.set(e,t)}function q(e){y.delete(e),x&&!y.size&&(x(),x=null)}var H={props:{media:Boolean},data:{media:!1},connected(){const e=A(this.media);if(this.matchMedia=!0,e){this.mediaObj=window.matchMedia(e);const t=()=>{this.matchMedia=this.mediaObj.matches,r.trigger(this.$el,r.createEvent("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=r.on(this.mediaObj,"change",()=>{t(),this.$emit("resize")}),t()}},disconnected(){var e;(e=this.offMediaObj)==null||e.call(this)}};function A(e){if(r.isString(e)){if(r.startsWith(e,"@")){const t="breakpoint-"+e.substr(1);e=r.toFloat(r.getCssVar(t))}else if(isNaN(e))return e}return e&&r.isNumeric(e)?"(min-width: "+e+"px)":""}r.memoize(async e=>e?r.startsWith(e,"data:")?decodeURIComponent(e.split(",")[1]):(await fetch(e)).text():Promise.reject());function G(e){return Math.ceil(Math.max(0,...r.$$("[stroke]",e).map(t=>{try{return t.getTotalLength()}catch{return 0}})))}const M={x:F,y:F,rotate:F,scale:F,color:S,backgroundColor:S,borderColor:S,blur:l,hue:l,fopacity:l,grayscale:l,invert:l,saturate:l,sepia:l,opacity:Q,stroke:X,bgx:C,bgy:C},{keys:j}=Object;var J={mixins:[H],props:L(j(M),"list"),data:L(j(M),void 0),computed:{props(e,t){return j(M).reduce((n,o)=>(r.isUndefined(e[o])||(n[o]=M[o](o,t,e[o].slice())),n),{})}},events:{load(){this.$emit()}},methods:{reset(){for(const e in this.getCss(0))r.css(this.$el,e,"")},getCss(e){const t={transform:"",filter:""};for(const n in this.props)this.props[n](t,e);return t}}};function F(e,t,n){let o=P(n)||{x:"px",y:"px",rotate:"deg"}[e]||"",s;return e==="x"||e==="y"?(e="translate"+r.ucfirst(e),s=a=>r.toFloat(r.toFloat(a).toFixed(o==="px"?0:6))):e==="scale"&&(o="",s=a=>P([a])?r.toPx(a,"width",t,!0)/t.offsetWidth:a),n.length===1&&n.unshift(e==="scale"?1:0),n=g(n,s),(a,c)=>{a.transform+=" "+e+"("+b(n,c)+o+")"}}function S(e,t,n){return n.length===1&&n.unshift(v(t,e,"")),n=g(n,o=>K(t,o)),(o,s)=>{const[a,c,i]=E(n,s),h=a.map((d,f)=>(d+=i*(c[f]-d),f===3?r.toFloat(d):parseInt(d,10))).join(",");o[e]="rgba("+h+")"}}function K(e,t){return v(e,"color",t).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map(r.toFloat)}function l(e,t,n){n.length===1&&n.unshift(0);const o=P(n)||{blur:"px",hue:"deg"}[e]||"%";return e={fopacity:"opacity",hue:"hue-rotate"}[e]||e,n=g(n),(s,a)=>{const c=b(n,a);s.filter+=" "+e+"("+(c+o)+")"}}function Q(e,t,n){return n.length===1&&n.unshift(v(t,e,"")),n=g(n),(o,s)=>{o[e]=b(n,s)}}function X(e,t,n){n.length===1&&n.unshift(0);const o=P(n),s=G(t);return n=g(n.reverse(),a=>(a=r.toFloat(a),o==="%"?a*s/100:a)),n.some(a=>{let[c]=a;return c})?(r.css(t,"strokeDasharray",s),(a,c)=>{a.strokeDashoffset=b(n,c)}):r.noop}function C(e,t,n){n.length===1&&n.unshift(0),e=e.substr(-1);const o=e==="y"?"height":"width";n=g(n,a=>r.toPx(a,o,t));const s=v(t,"background-position-"+e,"");return v(t,"backgroundSize","")==="cover"?Y(e,t,n,s,o):D(e,n,s)}function Y(e,t,n,o,s){const a=Z(t);if(!a.width)return r.noop;const c=n.map(u=>{let[z]=u;return z}),i=Math.min(...c),h=Math.max(...c),d=c.indexOf(i)<c.indexOf(h),f=h-i;let R=(d?-f:0)-(d?i:h);const w={width:t.offsetWidth,height:t.offsetHeight},T=r.Dimensions.cover(a,w),O=T[s]-w[s];if(O<f)w[s]=T[s]+f-O;else if(O>f){const u=w[s]/r.toPx(o,s,t,!0);u&&(R-=(O-f)/u)}const _=r.Dimensions.cover(a,w),U=D(e,n,R+"px");return(u,z)=>{U(u,z),u.backgroundSize=_.width+"px "+_.height+"px",u.backgroundRepeat="no-repeat"}}function D(e,t,n){return function(o,s){o["background-position-"+e]="calc("+n+" + "+b(t,s)+"px)"}}const $={};function Z(e){const t=r.css(e,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if($[t])return $[t];const n=new Image;return t&&(n.src=t,!n.naturalWidth)?(n.onload=()=>{$[t]=I(n),r.trigger(e,r.createEvent("load",!1))},I(n)):$[t]=I(n)}function I(e){return{width:e.naturalWidth,height:e.naturalHeight}}function g(e,t){t===void 0&&(t=r.toFloat);const n=[],{length:o}=e;let s=0;for(let a=0;a<o;a++){let[c,i]=r.isString(e[a])?e[a].trim().split(" "):[e[a]];if(c=t(c),i=i?r.toFloat(i)/100:null,a===0?i===null?i=0:i&&n.push([c,0]):a===o-1&&(i===null?i=1:i!==1&&(n.push([c,i]),i=1)),n.push([c,i]),i===null)s++;else if(s){const h=n[a-s-1][1],d=(i-h)/(s+1);for(let f=s;f>0;f--)n[a-f][1]=h+d*(s-f+1);s=0}}return n}function E(e,t){const n=r.findIndex(e.slice(1),o=>{let[,s]=o;return t<=s})+1;return[e[n-1][0],e[n][0],(t-e[n-1][1])/(e[n][1]-e[n-1][1])]}function b(e,t){const[n,o,s]=E(e,t);return r.isNumber(n)?n+Math.abs(n-o)*s*(n<o?1:-1):+o}const p=/^-?\d+([^\s]*)/;function P(e,t){for(const n of e){const o=n.match==null?void 0:n.match(p);if(o)return o[1]}return t}function v(e,t,n){const o=e.style[t],s=r.css(r.css(e,t,n),t);return e.style[t]=o,s}function L(e,t){return e.reduce((n,o)=>(n[o]=t,n),{})}var N={mixins:[J,m,B],props:{target:String,viewport:Number,easing:Number,start:String,end:String},data:{target:!1,viewport:1,easing:1,start:0,end:0},computed:{target(e,t){let{target:n}=e;return W(n&&r.query(n,t)||t)},start(e){let{start:t}=e;return r.toPx(t,"height",this.target,!0)},end(e){let{end:t,viewport:n}=e;return r.toPx(t||(n=(1-n)*100)&&n+"vh+"+n+"%","height",this.target,!0)}},update:{read(e,t){let{percent:n}=e;if(t.has("scroll")||(n=!1),!this.matchMedia)return;const o=n;return n=k(r.scrolledOver(this.target,this.start,this.end),this.easing),{percent:n,style:o===n?!1:this.getCss(n)}},write(e){let{style:t}=e;if(!this.matchMedia){this.reset();return}t&&r.css(this.$el,t)},events:["scroll","resize"]}};function k(e,t){return t>=0?Math.pow(e,t+1):1-Math.pow(1-e,-t+1)}function W(e){return e?"offsetTop"in e?e:W(r.parent(e)):document.documentElement}return typeof window<"u"&&window.UIkit&&window.UIkit.component("parallax",N),N});

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.13.11-dev.eb080f280 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.1-dev.dadc910c0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -126,7 +126,9 @@
 
       methods: {
         reset() {
-          uikitUtil.each(this.getCss(0), (_, prop) => uikitUtil.css(this.$el, prop, ''));
+          for (const prop in this.getCss(0)) {
+            uikitUtil.css(this.$el, prop, '');
+          }
         },
 
         getCss(percent) {
@@ -139,39 +141,39 @@
 
 
 
-    function transformFn(prop, el, stops) {
-      let unit = getUnit(stops) || { x: 'px', y: 'px', rotate: 'deg' }[prop] || '';
+    function transformFn(prop, el, steps) {
+      let unit = getUnit(steps) || { x: 'px', y: 'px', rotate: 'deg' }[prop] || '';
       let transformFn;
 
       if (prop === 'x' || prop === 'y') {
         prop = "translate" + uikitUtil.ucfirst(prop);
-        transformFn = (stop) => uikitUtil.toFloat(uikitUtil.toFloat(stop).toFixed(unit === 'px' ? 0 : 6));
+        transformFn = (step) => uikitUtil.toFloat(uikitUtil.toFloat(step).toFixed(unit === 'px' ? 0 : 6));
       } else if (prop === 'scale') {
         unit = '';
-        transformFn = (stop) =>
-        getUnit([stop]) ? uikitUtil.toPx(stop, 'width', el, true) / el.offsetWidth : stop;
+        transformFn = (step) =>
+        getUnit([step]) ? uikitUtil.toPx(step, 'width', el, true) / el.offsetWidth : step;
       }
 
-      if (stops.length === 1) {
-        stops.unshift(prop === 'scale' ? 1 : 0);
+      if (steps.length === 1) {
+        steps.unshift(prop === 'scale' ? 1 : 0);
       }
 
-      stops = parseStops(stops, transformFn);
+      steps = parseSteps(steps, transformFn);
 
       return (css, percent) => {
-        css.transform += " " + prop + "(" + getValue(stops, percent) + unit + ")";
+        css.transform += " " + prop + "(" + getValue(steps, percent) + unit + ")";
       };
     }
 
-    function colorFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(getCssValue(el, prop, ''));
+    function colorFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(getCssValue(el, prop, ''));
       }
 
-      stops = parseStops(stops, (stop) => parseColor(el, stop));
+      steps = parseSteps(steps, (step) => parseColor(el, step));
 
       return (css, percent) => {
-        const [start, end, p] = getStop(stops, percent);
+        const [start, end, p] = getStep(steps, percent);
         const value = start.
         map((value, i) => {
           value += p * (end[i] - value);
@@ -191,80 +193,80 @@
       map(uikitUtil.toFloat);
     }
 
-    function filterFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(0);
+    function filterFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(0);
       }
 
-      const unit = getUnit(stops) || { blur: 'px', hue: 'deg' }[prop] || '%';
+      const unit = getUnit(steps) || { blur: 'px', hue: 'deg' }[prop] || '%';
       prop = { fopacity: 'opacity', hue: 'hue-rotate' }[prop] || prop;
-      stops = parseStops(stops);
+      steps = parseSteps(steps);
 
       return (css, percent) => {
-        const value = getValue(stops, percent);
+        const value = getValue(steps, percent);
         css.filter += " " + prop + "(" + (value + unit) + ")";
       };
     }
 
-    function cssPropFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(getCssValue(el, prop, ''));
+    function cssPropFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(getCssValue(el, prop, ''));
       }
 
-      stops = parseStops(stops);
+      steps = parseSteps(steps);
 
       return (css, percent) => {
-        css[prop] = getValue(stops, percent);
+        css[prop] = getValue(steps, percent);
       };
     }
 
-    function strokeFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(0);
+    function strokeFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(0);
       }
 
-      const unit = getUnit(stops);
+      const unit = getUnit(steps);
       const length = getMaxPathLength(el);
-      stops = parseStops(stops.reverse(), (stop) => {
-        stop = uikitUtil.toFloat(stop);
-        return unit === '%' ? stop * length / 100 : stop;
+      steps = parseSteps(steps.reverse(), (step) => {
+        step = uikitUtil.toFloat(step);
+        return unit === '%' ? step * length / 100 : step;
       });
 
-      if (!stops.some((_ref) => {let [value] = _ref;return value;})) {
+      if (!steps.some((_ref) => {let [value] = _ref;return value;})) {
         return uikitUtil.noop;
       }
 
       uikitUtil.css(el, 'strokeDasharray', length);
 
       return (css, percent) => {
-        css.strokeDashoffset = getValue(stops, percent);
+        css.strokeDashoffset = getValue(steps, percent);
       };
     }
 
-    function backgroundFn(prop, el, stops) {
-      if (stops.length === 1) {
-        stops.unshift(0);
+    function backgroundFn(prop, el, steps) {
+      if (steps.length === 1) {
+        steps.unshift(0);
       }
 
       prop = prop.substr(-1);
       const attr = prop === 'y' ? 'height' : 'width';
-      stops = parseStops(stops, (stop) => uikitUtil.toPx(stop, attr, el));
+      steps = parseSteps(steps, (step) => uikitUtil.toPx(step, attr, el));
 
       const bgPos = getCssValue(el, "background-position-" + prop, '');
 
       return getCssValue(el, 'backgroundSize', '') === 'cover' ?
-      backgroundCoverFn(prop, el, stops, bgPos, attr) :
-      setBackgroundPosFn(prop, stops, bgPos);
+      backgroundCoverFn(prop, el, steps, bgPos, attr) :
+      setBackgroundPosFn(prop, steps, bgPos);
     }
 
-    function backgroundCoverFn(prop, el, stops, bgPos, attr) {
+    function backgroundCoverFn(prop, el, steps, bgPos, attr) {
       const dimImage = getBackgroundImageDimensions(el);
 
       if (!dimImage.width) {
         return uikitUtil.noop;
       }
 
-      const values = stops.map((_ref2) => {let [value] = _ref2;return value;});
+      const values = steps.map((_ref2) => {let [value] = _ref2;return value;});
       const min = Math.min(...values);
       const max = Math.max(...values);
       const down = values.indexOf(min) < values.indexOf(max);
@@ -292,7 +294,7 @@
 
       const dim = uikitUtil.Dimensions.cover(dimImage, dimEl);
 
-      const fn = setBackgroundPosFn(prop, stops, pos + "px");
+      const fn = setBackgroundPosFn(prop, steps, pos + "px");
       return (css, percent) => {
         fn(css, percent);
         css.backgroundSize = dim.width + "px " + dim.height + "px";
@@ -300,9 +302,9 @@
       };
     }
 
-    function setBackgroundPosFn(prop, stops, pos) {
+    function setBackgroundPosFn(prop, steps, pos) {
       return function (css, percent) {
-        css["background-position-" + prop] = "calc(" + pos + " + " + getValue(stops, percent) + "px)";
+        css["background-position-" + prop] = "calc(" + pos + " + " + getValue(steps, percent) + "px)";
       };
     }
 
@@ -337,12 +339,12 @@
 
     }
 
-    function parseStops(stops, fn) {if (fn === void 0) {fn = uikitUtil.toFloat;}
+    function parseSteps(steps, fn) {if (fn === void 0) {fn = uikitUtil.toFloat;}
       const result = [];
-      const { length } = stops;
+      const { length } = steps;
       let nullIndex = 0;
       for (let i = 0; i < length; i++) {
-        let [value, percent] = uikitUtil.isString(stops[i]) ? stops[i].trim().split(' ') : [stops[i]];
+        let [value, percent] = uikitUtil.isString(steps[i]) ? steps[i].trim().split(' ') : [steps[i]];
         value = fn(value);
         percent = percent ? uikitUtil.toFloat(percent) / 100 : null;
 
@@ -379,24 +381,24 @@
       return result;
     }
 
-    function getStop(stops, percent) {
-      const index = uikitUtil.findIndex(stops.slice(1), (_ref3) => {let [, targetPercent] = _ref3;return percent <= targetPercent;}) + 1;
+    function getStep(steps, percent) {
+      const index = uikitUtil.findIndex(steps.slice(1), (_ref3) => {let [, targetPercent] = _ref3;return percent <= targetPercent;}) + 1;
       return [
-      stops[index - 1][0],
-      stops[index][0],
-      (percent - stops[index - 1][1]) / (stops[index][1] - stops[index - 1][1])];
+      steps[index - 1][0],
+      steps[index][0],
+      (percent - steps[index - 1][1]) / (steps[index][1] - steps[index - 1][1])];
 
     }
 
-    function getValue(stops, percent) {
-      const [start, end, p] = getStop(stops, percent);
+    function getValue(steps, percent) {
+      const [start, end, p] = getStep(steps, percent);
       return uikitUtil.isNumber(start) ? start + Math.abs(start - end) * p * (start < end ? 1 : -1) : +end;
     }
 
     const unitRe = /^-?\d+([^\s]*)/;
-    function getUnit(stops, defaultUnit) {
-      for (const stop of stops) {
-        const match = stop.match == null ? void 0 : stop.match(unitRe);
+    function getUnit(steps, defaultUnit) {
+      for (const step of steps) {
+        const match = step.match == null ? void 0 : step.match(unitRe);
         if (match) {
           return match[1];
         }

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

@@ -1 +1 @@
-/*! UIkit 3.13.11-dev.eb080f280 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(r,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslider_parallax",["uikit-util"],g):(r=typeof globalThis<"u"?globalThis:r||self,r.UIkitSlider_parallax=g(r.UIkit.util))})(this,function(r){"use strict";var g={props:{media:Boolean},data:{media:!1},connected(){const e=R(this.media);if(this.matchMedia=!0,e){this.mediaObj=window.matchMedia(e);const t=()=>{this.matchMedia=this.mediaObj.matches,r.trigger(this.$el,r.createEvent("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=r.on(this.mediaObj,"change",()=>{t(),this.$emit("resize")}),t()}},disconnected(){var e;(e=this.offMediaObj)==null||e.call(this)}};function R(e){if(r.isString(e)){if(r.startsWith(e,"@")){const t="breakpoint-"+e.substr(1);e=r.toFloat(r.getCssVar(t))}else if(isNaN(e))return e}return e&&r.isNumeric(e)?"(min-width: "+e+"px)":""}r.memoize(async e=>e?r.startsWith(e,"data:")?decodeURIComponent(e.split(",")[1]):(await fetch(e)).text():Promise.reject());function V(e){return Math.ceil(Math.max(0,...r.$$("[stroke]",e).map(t=>{try{return t.getTotalLength()}catch{return 0}})))}const w={x:F,y:F,rotate:F,scale:F,color:P,backgroundColor:P,borderColor:P,blur:m,hue:m,fopacity:m,grayscale:m,invert:m,saturate:m,sepia:m,opacity:L,stroke:A,bgx:O,bgy:O},{keys:M}=Object;var q={mixins:[g],props:W(M(w),"list"),data:W(M(w),void 0),computed:{props(e,t){return M(w).reduce((n,a)=>(r.isUndefined(e[a])||(n[a]=w[a](a,t,e[a].slice())),n),{})}},events:{load(){this.$emit()}},methods:{reset(){r.each(this.getCss(0),(e,t)=>r.css(this.$el,t,""))},getCss(e){const t={transform:"",filter:""};for(const n in this.props)this.props[n](t,e);return t}}};function F(e,t,n){let a=I(n)||{x:"px",y:"px",rotate:"deg"}[e]||"",o;return e==="x"||e==="y"?(e="translate"+r.ucfirst(e),o=s=>r.toFloat(r.toFloat(s).toFixed(a==="px"?0:6))):e==="scale"&&(a="",o=s=>I([s])?r.toPx(s,"width",t,!0)/t.offsetWidth:s),n.length===1&&n.unshift(e==="scale"?1:0),n=l(n,o),(s,c)=>{s.transform+=" "+e+"("+x(n,c)+a+")"}}function P(e,t,n){return n.length===1&&n.unshift(b(t,e,"")),n=l(n,a=>H(t,a)),(a,o)=>{const[s,c,i]=S(n,o),h=s.map((d,f)=>(d+=i*(c[f]-d),f===3?r.toFloat(d):parseInt(d,10))).join(",");a[e]="rgba("+h+")"}}function H(e,t){return b(e,"color",t).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map(r.toFloat)}function m(e,t,n){n.length===1&&n.unshift(0);const a=I(n)||{blur:"px",hue:"deg"}[e]||"%";return e={fopacity:"opacity",hue:"hue-rotate"}[e]||e,n=l(n),(o,s)=>{const c=x(n,s);o.filter+=" "+e+"("+(c+a)+")"}}function L(e,t,n){return n.length===1&&n.unshift(b(t,e,"")),n=l(n),(a,o)=>{a[e]=x(n,o)}}function A(e,t,n){n.length===1&&n.unshift(0);const a=I(n),o=V(t);return n=l(n.reverse(),s=>(s=r.toFloat(s),a==="%"?s*o/100:s)),n.some(s=>{let[c]=s;return c})?(r.css(t,"strokeDasharray",o),(s,c)=>{s.strokeDashoffset=x(n,c)}):r.noop}function O(e,t,n){n.length===1&&n.unshift(0),e=e.substr(-1);const a=e==="y"?"height":"width";n=l(n,s=>r.toPx(s,a,t));const o=b(t,"background-position-"+e,"");return b(t,"backgroundSize","")==="cover"?G(e,t,n,o,a):D(e,n,o)}function G(e,t,n,a,o){const s=J(t);if(!s.width)return r.noop;const c=n.map(u=>{let[j]=u;return j}),i=Math.min(...c),h=Math.max(...c),d=c.indexOf(i)<c.indexOf(h),f=h-i;let _=(d?-f:0)-(d?i:h);const y={width:t.offsetWidth,height:t.offsetHeight},B=r.Dimensions.cover(s,y),v=B[o]-y[o];if(v<f)y[o]=B[o]+f-v;else if(v>f){const u=y[o]/r.toPx(a,o,t,!0);u&&(_-=(v-f)/u)}const E=r.Dimensions.cover(s,y),Q=D(e,n,_+"px");return(u,j)=>{Q(u,j),u.backgroundSize=E.width+"px "+E.height+"px",u.backgroundRepeat="no-repeat"}}function D(e,t,n){return function(a,o){a["background-position-"+e]="calc("+n+" + "+x(t,o)+"px)"}}const C={};function J(e){const t=r.css(e,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if(C[t])return C[t];const n=new Image;return t&&(n.src=t,!n.naturalWidth)?(n.onload=()=>{C[t]=$(n),r.trigger(e,r.createEvent("load",!1))},$(n)):C[t]=$(n)}function $(e){return{width:e.naturalWidth,height:e.naturalHeight}}function l(e,t){t===void 0&&(t=r.toFloat);const n=[],{length:a}=e;let o=0;for(let s=0;s<a;s++){let[c,i]=r.isString(e[s])?e[s].trim().split(" "):[e[s]];if(c=t(c),i=i?r.toFloat(i)/100:null,s===0?i===null?i=0:i&&n.push([c,0]):s===a-1&&(i===null?i=1:i!==1&&(n.push([c,i]),i=1)),n.push([c,i]),i===null)o++;else if(o){const h=n[s-o-1][1],d=(i-h)/(o+1);for(let f=o;f>0;f--)n[s-f][1]=h+d*(o-f+1);o=0}}return n}function S(e,t){const n=r.findIndex(e.slice(1),a=>{let[,o]=a;return t<=o})+1;return[e[n-1][0],e[n][0],(t-e[n-1][1])/(e[n][1]-e[n-1][1])]}function x(e,t){const[n,a,o]=S(e,t);return r.isNumber(n)?n+Math.abs(n-a)*o*(n<a?1:-1):+a}const K=/^-?\d+([^\s]*)/;function I(e,t){for(const n of e){const a=n.match==null?void 0:n.match(K);if(a)return a[1]}return t}function b(e,t,n){const a=e.style[t],o=r.css(r.css(e,t,n),t);return e.style[t]=a,o}function W(e,t){return e.reduce((n,a)=>(n[a]=t,n),{})}var T={mixins:[q],data:{selItem:"!li"},beforeConnect(){this.item=r.query(this.selItem,this.$el)},disconnected(){this.item=null},events:[{name:"itemin itemout",self:!0,el(){return this.item},handler(e){let{type:t,detail:{percent:n,duration:a,timing:o,dir:s}}=e;r.fastdom.read(()=>{const c=this.getCss(N(t,s,n)),i=this.getCss(z(t)?.5:s>0?1:0);r.fastdom.write(()=>{r.css(this.$el,c),r.Transition.start(this.$el,i,a,o).catch(r.noop)})})}},{name:"transitioncanceled transitionend",self:!0,el(){return this.item},handler(){r.Transition.cancel(this.$el)}},{name:"itemtranslatein itemtranslateout",self:!0,el(){return this.item},handler(e){let{type:t,detail:{percent:n,dir:a}}=e;r.fastdom.read(()=>{const o=this.getCss(N(t,a,n));r.fastdom.write(()=>r.css(this.$el,o))})}}]};function z(e){return r.endsWith(e,"in")}function N(e,t,n){return n/=2,z(e)^t<0?n:1-n}return typeof window<"u"&&window.UIkit&&window.UIkit.component("sliderParallax",T),T});
+/*! UIkit 3.14.1-dev.dadc910c0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(r,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslider_parallax",["uikit-util"],g):(r=typeof globalThis<"u"?globalThis:r||self,r.UIkitSlider_parallax=g(r.UIkit.util))})(this,function(r){"use strict";var g={props:{media:Boolean},data:{media:!1},connected(){const n=V(this.media);if(this.matchMedia=!0,n){this.mediaObj=window.matchMedia(n);const t=()=>{this.matchMedia=this.mediaObj.matches,r.trigger(this.$el,r.createEvent("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=r.on(this.mediaObj,"change",()=>{t(),this.$emit("resize")}),t()}},disconnected(){var n;(n=this.offMediaObj)==null||n.call(this)}};function V(n){if(r.isString(n)){if(r.startsWith(n,"@")){const t="breakpoint-"+n.substr(1);n=r.toFloat(r.getCssVar(t))}else if(isNaN(n))return n}return n&&r.isNumeric(n)?"(min-width: "+n+"px)":""}r.memoize(async n=>n?r.startsWith(n,"data:")?decodeURIComponent(n.split(",")[1]):(await fetch(n)).text():Promise.reject());function _(n){return Math.ceil(Math.max(0,...r.$$("[stroke]",n).map(t=>{try{return t.getTotalLength()}catch{return 0}})))}const w={x:F,y:F,rotate:F,scale:F,color:P,backgroundColor:P,borderColor:P,blur:m,hue:m,fopacity:m,grayscale:m,invert:m,saturate:m,sepia:m,opacity:L,stroke:A,bgx:O,bgy:O},{keys:M}=Object;var q={mixins:[g],props:W(M(w),"list"),data:W(M(w),void 0),computed:{props(n,t){return M(w).reduce((e,o)=>(r.isUndefined(n[o])||(e[o]=w[o](o,t,n[o].slice())),e),{})}},events:{load(){this.$emit()}},methods:{reset(){for(const n in this.getCss(0))r.css(this.$el,n,"")},getCss(n){const t={transform:"",filter:""};for(const e in this.props)this.props[e](t,n);return t}}};function F(n,t,e){let o=I(e)||{x:"px",y:"px",rotate:"deg"}[n]||"",a;return n==="x"||n==="y"?(n="translate"+r.ucfirst(n),a=s=>r.toFloat(r.toFloat(s).toFixed(o==="px"?0:6))):n==="scale"&&(o="",a=s=>I([s])?r.toPx(s,"width",t,!0)/t.offsetWidth:s),e.length===1&&e.unshift(n==="scale"?1:0),e=l(e,a),(s,c)=>{s.transform+=" "+n+"("+x(e,c)+o+")"}}function P(n,t,e){return e.length===1&&e.unshift(b(t,n,"")),e=l(e,o=>H(t,o)),(o,a)=>{const[s,c,i]=S(e,a),h=s.map((d,f)=>(d+=i*(c[f]-d),f===3?r.toFloat(d):parseInt(d,10))).join(",");o[n]="rgba("+h+")"}}function H(n,t){return b(n,"color",t).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map(r.toFloat)}function m(n,t,e){e.length===1&&e.unshift(0);const o=I(e)||{blur:"px",hue:"deg"}[n]||"%";return n={fopacity:"opacity",hue:"hue-rotate"}[n]||n,e=l(e),(a,s)=>{const c=x(e,s);a.filter+=" "+n+"("+(c+o)+")"}}function L(n,t,e){return e.length===1&&e.unshift(b(t,n,"")),e=l(e),(o,a)=>{o[n]=x(e,a)}}function A(n,t,e){e.length===1&&e.unshift(0);const o=I(e),a=_(t);return e=l(e.reverse(),s=>(s=r.toFloat(s),o==="%"?s*a/100:s)),e.some(s=>{let[c]=s;return c})?(r.css(t,"strokeDasharray",a),(s,c)=>{s.strokeDashoffset=x(e,c)}):r.noop}function O(n,t,e){e.length===1&&e.unshift(0),n=n.substr(-1);const o=n==="y"?"height":"width";e=l(e,s=>r.toPx(s,o,t));const a=b(t,"background-position-"+n,"");return b(t,"backgroundSize","")==="cover"?G(n,t,e,a,o):D(n,e,a)}function G(n,t,e,o,a){const s=J(t);if(!s.width)return r.noop;const c=e.map(u=>{let[j]=u;return j}),i=Math.min(...c),h=Math.max(...c),d=c.indexOf(i)<c.indexOf(h),f=h-i;let B=(d?-f:0)-(d?i:h);const y={width:t.offsetWidth,height:t.offsetHeight},E=r.Dimensions.cover(s,y),v=E[a]-y[a];if(v<f)y[a]=E[a]+f-v;else if(v>f){const u=y[a]/r.toPx(o,a,t,!0);u&&(B-=(v-f)/u)}const R=r.Dimensions.cover(s,y),Q=D(n,e,B+"px");return(u,j)=>{Q(u,j),u.backgroundSize=R.width+"px "+R.height+"px",u.backgroundRepeat="no-repeat"}}function D(n,t,e){return function(o,a){o["background-position-"+n]="calc("+e+" + "+x(t,a)+"px)"}}const C={};function J(n){const t=r.css(n,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if(C[t])return C[t];const e=new Image;return t&&(e.src=t,!e.naturalWidth)?(e.onload=()=>{C[t]=$(e),r.trigger(n,r.createEvent("load",!1))},$(e)):C[t]=$(e)}function $(n){return{width:n.naturalWidth,height:n.naturalHeight}}function l(n,t){t===void 0&&(t=r.toFloat);const e=[],{length:o}=n;let a=0;for(let s=0;s<o;s++){let[c,i]=r.isString(n[s])?n[s].trim().split(" "):[n[s]];if(c=t(c),i=i?r.toFloat(i)/100:null,s===0?i===null?i=0:i&&e.push([c,0]):s===o-1&&(i===null?i=1:i!==1&&(e.push([c,i]),i=1)),e.push([c,i]),i===null)a++;else if(a){const h=e[s-a-1][1],d=(i-h)/(a+1);for(let f=a;f>0;f--)e[s-f][1]=h+d*(a-f+1);a=0}}return e}function S(n,t){const e=r.findIndex(n.slice(1),o=>{let[,a]=o;return t<=a})+1;return[n[e-1][0],n[e][0],(t-n[e-1][1])/(n[e][1]-n[e-1][1])]}function x(n,t){const[e,o,a]=S(n,t);return r.isNumber(e)?e+Math.abs(e-o)*a*(e<o?1:-1):+o}const K=/^-?\d+([^\s]*)/;function I(n,t){for(const e of n){const o=e.match==null?void 0:e.match(K);if(o)return o[1]}return t}function b(n,t,e){const o=n.style[t],a=r.css(r.css(n,t,e),t);return n.style[t]=o,a}function W(n,t){return n.reduce((e,o)=>(e[o]=t,e),{})}var T={mixins:[q],data:{selItem:"!li"},beforeConnect(){this.item=r.query(this.selItem,this.$el)},disconnected(){this.item=null},events:[{name:"itemin itemout",self:!0,el(){return this.item},handler(n){let{type:t,detail:{percent:e,duration:o,timing:a,dir:s}}=n;r.fastdom.read(()=>{const c=this.getCss(N(t,s,e)),i=this.getCss(z(t)?.5:s>0?1:0);r.fastdom.write(()=>{r.css(this.$el,c),r.Transition.start(this.$el,i,o,a).catch(r.noop)})})}},{name:"transitioncanceled transitionend",self:!0,el(){return this.item},handler(){r.Transition.cancel(this.$el)}},{name:"itemtranslatein itemtranslateout",self:!0,el(){return this.item},handler(n){let{type:t,detail:{percent:e,dir:o}}=n;r.fastdom.read(()=>{const a=this.getCss(N(t,o,e));r.fastdom.write(()=>r.css(this.$el,a))})}}]};function z(n){return r.endsWith(n,"in")}function N(n,t,e){return e/=2,z(n)^t<0?e:1-e}return typeof window<"u"&&window.UIkit&&window.UIkit.component("sliderParallax",T),T});

package/dist/js/components/slider.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.13.11-dev.eb080f280 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.1-dev.dadc910c0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -832,7 +832,7 @@
           let left = 0;
           const sets = [];
           const width = uikitUtil.dimensions(this.list).width;
-          for (let i in this.slides) {
+          for (let i = 0; i < this.slides.length; i++) {
             const slideWidth = uikitUtil.dimensions(this.slides[i]).width;
 
             if (left + slideWidth > width) {