uikit 3.11.2-dev.7dd548556 → 3.11.2-dev.93483bd3e

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

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

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.11.2-dev.7dd548556 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.11.2-dev.93483bd3e | 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')) :
@@ -127,39 +127,35 @@
 
 
 
-    function transformFn(prop, el, steps) {
-      const unit = getUnit(steps) || { x: 'px', y: 'px', rotate: 'deg' }[prop] || '';
+    function transformFn(prop, el, stops) {
+      const unit = getUnit(stops) || { 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));
       }
 
-      steps = steps.map(uikitUtil.toFloat);
-
-      if (steps.length === 1) {
-        steps.unshift(prop === 'scale' ? 1 : 0);
+      if (stops.length === 1) {
+        stops.unshift(prop === 'scale' ? 1 : 0);
       }
 
-      return (css, percent) => {
-        let value = getValue(steps, percent);
-
-        if (uikitUtil.startsWith(prop, 'translate')) {
-          value = uikitUtil.toFloat(value).toFixed(unit === 'px' ? 0 : 6);
-        }
+      stops = parseStops(stops, transformFn);
 
-        css.transform += " " + prop + "(" + value + unit + ")";
+      return (css, percent) => {
+        css.transform += " " + prop + "(" + getValue(stops, percent) + unit + ")";
       };
     }
 
-    function colorFn(prop, el, steps) {
-      if (steps.length === 1) {
-        steps.unshift(getCssValue(el, prop, ''));
+    function colorFn(prop, el, stops) {
+      if (stops.length === 1) {
+        stops.unshift(getCssValue(el, prop, ''));
       }
 
-      steps = steps.map((step) => parseColor(el, step));
+      stops = parseStops(stops, (stop) => parseColor(el, stop));
 
       return (css, percent) => {
-        const [start, end, p] = getStep(steps, percent);
+        const [start, end, p] = getStop(stops, percent);
         const value = start.
         map((value, i) => {
           value += p * (end[i] - value);
@@ -179,85 +175,83 @@
       map(uikitUtil.toFloat);
     }
 
-    function filterFn(prop, el, steps) {
-      if (steps.length === 1) {
-        steps.unshift(0);
+    function filterFn(prop, el, stops) {
+      if (stops.length === 1) {
+        stops.unshift(0);
       }
 
-      const unit = getUnit(steps) || { blur: 'px', hue: 'deg' }[prop] || '%';
+      const unit = getUnit(stops) || { blur: 'px', hue: 'deg' }[prop] || '%';
       prop = { fopacity: 'opacity', hue: 'hue-rotate' }[prop] || prop;
-      steps = steps.map(uikitUtil.toFloat);
+      stops = parseStops(stops);
 
       return (css, percent) => {
-        const value = getValue(steps, percent);
+        const value = getValue(stops, percent);
         css.filter += " " + prop + "(" + (value + unit) + ")";
       };
     }
 
-    function cssPropFn(prop, el, steps) {
-      if (steps.length === 1) {
-        steps.unshift(getCssValue(el, prop, ''));
+    function cssPropFn(prop, el, stops) {
+      if (stops.length === 1) {
+        stops.unshift(getCssValue(el, prop, ''));
       }
 
-      steps = steps.map(uikitUtil.toFloat);
+      stops = parseStops(stops);
 
       return (css, percent) => {
-        css[prop] = getValue(steps, percent);
+        css[prop] = getValue(stops, percent);
       };
     }
 
-    function strokeFn(prop, el, steps) {
-      if (steps.length === 1) {
-        steps.unshift(0);
+    function strokeFn(prop, el, stops) {
+      if (stops.length === 1) {
+        stops.unshift(0);
       }
 
-      const unit = getUnit(steps);
-      steps = steps.map(uikitUtil.toFloat);
+      const unit = getUnit(stops);
+      const length = getMaxPathLength(el);
+      stops = parseStops(stops.reverse(), (stop) => {
+        stop = uikitUtil.toFloat(stop);
+        return unit === '%' ? stop * length / 100 : stop;
+      });
 
-      if (!steps.some((step) => step)) {
+      if (!stops.some((_ref) => {let [value] = _ref;return value;})) {
         return uikitUtil.noop;
       }
 
-      const length = getMaxPathLength(el);
       uikitUtil.css(el, 'strokeDasharray', length);
 
-      if (unit === '%') {
-        steps = steps.map((step) => step * length / 100);
-      }
-
-      steps = steps.reverse();
-
       return (css, percent) => {
-        css.strokeDashoffset = getValue(steps, percent);
+        css.strokeDashoffset = getValue(stops, percent);
       };
     }
 
-    function backgroundFn(prop, el, steps) {
-      if (steps.length === 1) {
-        steps.unshift(0);
+    function backgroundFn(prop, el, stops) {
+      if (stops.length === 1) {
+        stops.unshift(0);
       }
 
       prop = prop.substr(-1);
       const attr = prop === 'y' ? 'height' : 'width';
-      steps = steps.map((step) => uikitUtil.toPx(step, attr, el));
+      stops = parseStops(stops, (stop) => uikitUtil.toPx(stop, attr, el));
 
       const bgPos = getCssValue(el, "background-position-" + prop, '');
 
       return getCssValue(el, 'backgroundSize', '') === 'cover' ?
-      backgroundCoverFn(prop, el, steps, bgPos, attr) :
-      setBackgroundPosFn(prop, steps, bgPos);
+      backgroundCoverFn(prop, el, stops, bgPos, attr) :
+      setBackgroundPosFn(prop, stops, bgPos);
     }
 
-    function backgroundCoverFn(prop, el, steps, bgPos, attr) {
+    function backgroundCoverFn(prop, el, stops, bgPos, attr) {
       const dimImage = getBackgroundImageDimensions(el);
 
       if (!dimImage.width) {
         return uikitUtil.noop;
       }
 
-      const min = Math.min(...steps);
-      const max = Math.max(...steps);
-      const down = steps.indexOf(min) < steps.indexOf(max);
+      const values = stops.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);
 
       const diff = max - min;
       let pos = (down ? -diff : 0) - (down ? min : max);
@@ -282,7 +276,7 @@
 
       const dim = uikitUtil.Dimensions.cover(dimImage, dimEl);
 
-      const fn = setBackgroundPosFn(prop, steps, pos + "px");
+      const fn = setBackgroundPosFn(prop, stops, pos + "px");
       return (css, percent) => {
         fn(css, percent);
         css.backgroundSize = dim.width + "px " + dim.height + "px";
@@ -290,9 +284,9 @@
       };
     }
 
-    function setBackgroundPosFn(prop, steps, pos) {
+    function setBackgroundPosFn(prop, stops, pos) {
       return function (css, percent) {
-        css["background-position-" + prop] = "calc(" + pos + " + " + getValue(steps, percent) + "px)";
+        css["background-position-" + prop] = "calc(" + pos + " + " + getValue(stops, percent) + "px)";
       };
     }
 
@@ -326,27 +320,69 @@
 
     }
 
-    function getStep(steps, percent) {
-      const count = steps.length - 1;
-      const index = Math.min(Math.floor(count * percent), count - 1);
+    function parseStops(stops, fn) {if (fn === void 0) {fn = uikitUtil.toFloat;}
+      const result = [];
+      const { length } = stops;
+      for (let i = 0; i < length; i++) {
+        let [value, percent] = uikitUtil.isString(stops[i]) ? stops[i].trim().split(' ') : [stops[i]];
+        value = fn(value);
+        percent = percent ? uikitUtil.toFloat(percent) / 100 : null;
+
+        if (i === 0) {
+          if (percent === null) {
+            percent = 0;
+          } else if (percent) {
+            result.push([value, 0]);
+          }
+        } else if (i === length - 1) {
+          if (percent === null) {
+            percent = 1;
+          } else if (percent !== 1) {
+            result.push([value, percent]);
+            percent = 1;
+          }
+        }
+
+        result.push([value, percent]);
+      }
+
+      for (let i = 1; i < result.length - 1; i++) {
+        if (result[i][1] === null) {
+          const nextIndex = uikitUtil.findIndex(result.slice(i + 1), (_ref3) => {let [, percent] = _ref3;return percent !== null;}) + 1;
+          const percent = (result[i + nextIndex][1] - result[i - 1][1]) / (nextIndex + 1);
+          for (let j = 0; j < nextIndex; j++) {
+            result[i + j][1] = result[i - 1][1] + percent * (j + 1);
+          }
+          i += nextIndex;
+        }
+      }
+
+      return result;
+    }
+
+    function getStop(stops, percent) {
+      const index = uikitUtil.findIndex(stops.slice(1), (_ref4) => {let [, targetPercent] = _ref4;return percent <= targetPercent;}) + 1;
+      return [
+      stops[index - 1][0],
+      stops[index][0],
+      (percent - stops[index - 1][1]) / (stops[index][1] - stops[index - 1][1])];
 
-      return steps.
-      slice(index, index + 2).
-      concat(percent === 1 ? 1 : percent % (1 / count) * count);
     }
 
-    function getValue(steps, percent) {
-      const [start, end, p] = getStep(steps, percent);
+    function getValue(stops, percent) {
+      const [start, end, p] = getStop(stops, percent);
       return uikitUtil.isNumber(start) ? start + Math.abs(start - end) * p * (start < end ? 1 : -1) : +end;
     }
 
-    function getUnit(steps, defaultUnit) {
-      return (
-        steps.reduce(
-        (unit, step) => unit || uikitUtil.isString(step) && step.replace(/[\d-]/g, '').trim(),
-        '') ||
-        defaultUnit);
-
+    const unitRe = /^[\d-]+([^\s]+)/;
+    function getUnit(stops, defaultUnit) {
+      for (const stop of stops) {
+        const match = stop.match == null ? void 0 : stop.match(unitRe);
+        if (match) {
+          return match[1];
+        }
+      }
+      return defaultUnit;
     }
 
     function getCssValue(el, prop, value) {

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

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

package/dist/js/components/slider.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.11.2-dev.7dd548556 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.11.2-dev.93483bd3e | 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')) :
@@ -87,17 +87,17 @@
 
 
       created() {
-        ['start', 'move', 'end'].forEach((key) => {
+        for (const key of ['start', 'move', 'end']) {
           const fn = this[key];
           this[key] = (e) => {
             const pos = uikitUtil.getEventPos(e).x * (uikitUtil.isRtl ? -1 : 1);
 
-            this.prevPos = pos !== this.pos ? this.pos : this.prevPos;
+            this.prevPos = pos === this.pos ? this.prevPos : this.pos;
             this.pos = pos;
 
             fn(e);
           };
-        });
+        }
       },
 
       events: [
@@ -335,7 +335,7 @@
       methods: {
         updateNav() {
           const i = this.getValidIndex();
-          this.navItems.forEach((el) => {
+          for (const el of this.navItems) {
             const cmd = uikitUtil.data(el, this.attrItem);
 
             uikitUtil.toggleClass(el, this.clsActive, uikitUtil.toNumber(cmd) === i);
@@ -345,7 +345,7 @@
             this.finite && (
             cmd === 'previous' && i === 0 || cmd === 'next' && i >= this.maxIndex));
 
-          });
+          }
         } } };
 
     var Slider = {
@@ -503,20 +503,13 @@
         },
 
         _show(prev, next, force) {
-          this._transitioner = this._getTransitioner(
-          prev,
-          next,
-          this.dir,
-          uikitUtil.assign(
-          {
+          this._transitioner = this._getTransitioner(prev, next, this.dir, {
             easing: force ?
             next.offsetWidth < 600 ?
             'cubic-bezier(0.25, 0.46, 0.45, 0.94)' /* easeOutQuad */ :
             'cubic-bezier(0.165, 0.84, 0.44, 1)' /* easeOutQuart */ :
-            this.easing },
-
-          this.transitionOptions));
-
+            this.easing,
+            ...this.transitionOptions });
 
 
           if (!force && !prev) {
@@ -581,6 +574,42 @@
 
         events: ['resize'] } };
 
+    var SliderPreload = {
+      connected() {
+        if (window.IntersectionObserver) {
+          this.observer = new IntersectionObserver(
+          (entries) => {
+            if (entries.some((entry) => entry.isIntersecting)) {
+              removeLazyLoad(this.getAdjacentSlides());
+            }
+          },
+          { rootMargin: '50% 50%' });
+
+          this.observer.observe(this.$el);
+        }
+      },
+
+      disconnected() {
+        this.observer && this.observer.disconnect();
+      },
+
+      update: {
+        read() {
+          if (uikitUtil.isVisible(this.$el)) {
+            removeLazyLoad(this.getAdjacentSlides());
+          }
+        },
+
+        events: ['resize'] } };
+
+
+
+    function removeLazyLoad(elements) {if (elements === void 0) {elements = [];}
+      for (const el of elements) {
+        el && uikitUtil.$$('img[loading="lazy"]', el).forEach((el) => uikitUtil.removeAttr(el, 'loading'));
+      }
+    }
+
     function translate(value, unit) {if (value === void 0) {value = 0;}if (unit === void 0) {unit = '%';}
       value += value ? unit : '';
       return "translate3d(" + value + ", 0, 0)";
@@ -660,7 +689,7 @@
 
           percent = prev ? uikitUtil.clamp(percent, -1, 1) : 0;
 
-          uikitUtil.children(list).forEach((slide) => {
+          for (const slide of uikitUtil.children(list)) {
             const isActive = uikitUtil.includes(actives, slide);
             const isIn = slide === itemIn;
             const isOut = slide === itemOut;
@@ -675,7 +704,7 @@
               dir,
               percent: isOut ? 1 - percent : isIn ? percent : isActive ? 1 : 0 });
 
-          });
+          }
         },
 
         percent() {
@@ -752,7 +781,7 @@
     }
 
     var Component = {
-      mixins: [Class, Slider, SliderReactive],
+      mixins: [Class, Slider, SliderReactive, SliderPreload],
 
       props: {
         center: Boolean,
@@ -862,7 +891,7 @@
 
       update: {
         write() {
-          this.navItems.forEach((el) => {
+          for (const el of this.navItems) {
             const index = uikitUtil.toNumber(uikitUtil.data(el, this.attrItem));
             if (index !== false) {
               el.hidden =
@@ -870,7 +899,7 @@
               index > this.maxIndex ||
               this.sets && !uikitUtil.includes(this.sets, index);
             }
-          });
+          }
 
           if (this.length && !this.dragging && !this.stack.length) {
             this.reorder();
@@ -878,14 +907,13 @@
           }
 
           const actives = this._getTransitioner(this.index).getActives();
-          this.slides.forEach((slide) =>
-          uikitUtil.toggleClass(slide, this.clsActive, uikitUtil.includes(actives, slide)));
-
-
-          if (this.clsActivated && (!this.sets || uikitUtil.includes(this.sets, uikitUtil.toFloat(this.index)))) {
-            this.slides.forEach((slide) =>
-            uikitUtil.toggleClass(slide, this.clsActivated || '', uikitUtil.includes(actives, slide)));
+          const activeClasses = [
+          this.clsActive,
+          (!this.sets || uikitUtil.includes(this.sets, uikitUtil.toFloat(this.index))) && this.clsActivated ||
+          ''];
 
+          for (const slide of this.slides) {
+            uikitUtil.toggleClass(slide, activeClasses, uikitUtil.includes(actives, slide));
           }
         },
 
@@ -990,6 +1018,25 @@
           } while (index !== prev);
 
           return index;
+        },
+
+        getAdjacentSlides() {
+          const { width } = uikitUtil.dimensions(this.list);
+          const left = -width;
+          const right = width * 2;
+          const slideWidth = uikitUtil.dimensions(this.slides[this.index]).width;
+          const slideLeft = this.center ? width / 2 - slideWidth / 2 : 0;
+          const slides = new Set();
+          for (const i of [-1, 1]) {
+            let currentLeft = slideLeft + (i > 0 ? slideWidth : 0);
+            let j = 0;
+            do {
+              const slide = this.slides[this.getIndex(this.index + i + j++ * i)];
+              currentLeft += uikitUtil.dimensions(slide).width * i;
+              slides.add(slide);
+            } while (this.slides.length > j && currentLeft > left && currentLeft < right);
+          }
+          return Array.from(slides);
         } } };