uikit 3.14.0 → 3.14.1-dev.b7e81c46b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/css/uikit-core-rtl.css +1 -1
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +1 -1
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +1 -1
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +1 -1
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +19 -5
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +19 -5
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +60 -60
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +60 -60
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +1 -1
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +60 -60
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +1 -1
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +19 -5
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +42 -12
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +101 -71
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/js/core/accordion.js +21 -5
- package/src/js/mixin/parallax.js +59 -59
- package/src/js/mixin/togglable.js +16 -2
- package/tests/parallax.html +7 -7
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.14.
|
|
1
|
+
/*! UIkit 3.14.1-dev.b7e81c46b | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
|
|
2
2
|
|
|
3
3
|
(function (global, factory) {
|
|
4
4
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
|
|
@@ -181,39 +181,39 @@
|
|
|
181
181
|
|
|
182
182
|
|
|
183
183
|
|
|
184
|
-
function transformFn(prop, el,
|
|
185
|
-
let unit = getUnit(
|
|
184
|
+
function transformFn(prop, el, steps) {
|
|
185
|
+
let unit = getUnit(steps) || { x: 'px', y: 'px', rotate: 'deg' }[prop] || '';
|
|
186
186
|
let transformFn;
|
|
187
187
|
|
|
188
188
|
if (prop === 'x' || prop === 'y') {
|
|
189
189
|
prop = "translate" + uikitUtil.ucfirst(prop);
|
|
190
|
-
transformFn = (
|
|
190
|
+
transformFn = (step) => uikitUtil.toFloat(uikitUtil.toFloat(step).toFixed(unit === 'px' ? 0 : 6));
|
|
191
191
|
} else if (prop === 'scale') {
|
|
192
192
|
unit = '';
|
|
193
|
-
transformFn = (
|
|
194
|
-
getUnit([
|
|
193
|
+
transformFn = (step) =>
|
|
194
|
+
getUnit([step]) ? uikitUtil.toPx(step, 'width', el, true) / el.offsetWidth : step;
|
|
195
195
|
}
|
|
196
196
|
|
|
197
|
-
if (
|
|
198
|
-
|
|
197
|
+
if (steps.length === 1) {
|
|
198
|
+
steps.unshift(prop === 'scale' ? 1 : 0);
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
-
|
|
201
|
+
steps = parseSteps(steps, transformFn);
|
|
202
202
|
|
|
203
203
|
return (css, percent) => {
|
|
204
|
-
css.transform += " " + prop + "(" + getValue(
|
|
204
|
+
css.transform += " " + prop + "(" + getValue(steps, percent) + unit + ")";
|
|
205
205
|
};
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
function colorFn(prop, el,
|
|
209
|
-
if (
|
|
210
|
-
|
|
208
|
+
function colorFn(prop, el, steps) {
|
|
209
|
+
if (steps.length === 1) {
|
|
210
|
+
steps.unshift(getCssValue(el, prop, ''));
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
|
|
213
|
+
steps = parseSteps(steps, (step) => parseColor(el, step));
|
|
214
214
|
|
|
215
215
|
return (css, percent) => {
|
|
216
|
-
const [start, end, p] =
|
|
216
|
+
const [start, end, p] = getStep(steps, percent);
|
|
217
217
|
const value = start.
|
|
218
218
|
map((value, i) => {
|
|
219
219
|
value += p * (end[i] - value);
|
|
@@ -233,80 +233,80 @@
|
|
|
233
233
|
map(uikitUtil.toFloat);
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
function filterFn(prop, el,
|
|
237
|
-
if (
|
|
238
|
-
|
|
236
|
+
function filterFn(prop, el, steps) {
|
|
237
|
+
if (steps.length === 1) {
|
|
238
|
+
steps.unshift(0);
|
|
239
239
|
}
|
|
240
240
|
|
|
241
|
-
const unit = getUnit(
|
|
241
|
+
const unit = getUnit(steps) || { blur: 'px', hue: 'deg' }[prop] || '%';
|
|
242
242
|
prop = { fopacity: 'opacity', hue: 'hue-rotate' }[prop] || prop;
|
|
243
|
-
|
|
243
|
+
steps = parseSteps(steps);
|
|
244
244
|
|
|
245
245
|
return (css, percent) => {
|
|
246
|
-
const value = getValue(
|
|
246
|
+
const value = getValue(steps, percent);
|
|
247
247
|
css.filter += " " + prop + "(" + (value + unit) + ")";
|
|
248
248
|
};
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
function cssPropFn(prop, el,
|
|
252
|
-
if (
|
|
253
|
-
|
|
251
|
+
function cssPropFn(prop, el, steps) {
|
|
252
|
+
if (steps.length === 1) {
|
|
253
|
+
steps.unshift(getCssValue(el, prop, ''));
|
|
254
254
|
}
|
|
255
255
|
|
|
256
|
-
|
|
256
|
+
steps = parseSteps(steps);
|
|
257
257
|
|
|
258
258
|
return (css, percent) => {
|
|
259
|
-
css[prop] = getValue(
|
|
259
|
+
css[prop] = getValue(steps, percent);
|
|
260
260
|
};
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
function strokeFn(prop, el,
|
|
264
|
-
if (
|
|
265
|
-
|
|
263
|
+
function strokeFn(prop, el, steps) {
|
|
264
|
+
if (steps.length === 1) {
|
|
265
|
+
steps.unshift(0);
|
|
266
266
|
}
|
|
267
267
|
|
|
268
|
-
const unit = getUnit(
|
|
268
|
+
const unit = getUnit(steps);
|
|
269
269
|
const length = getMaxPathLength(el);
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
return unit === '%' ?
|
|
270
|
+
steps = parseSteps(steps.reverse(), (step) => {
|
|
271
|
+
step = uikitUtil.toFloat(step);
|
|
272
|
+
return unit === '%' ? step * length / 100 : step;
|
|
273
273
|
});
|
|
274
274
|
|
|
275
|
-
if (!
|
|
275
|
+
if (!steps.some((_ref) => {let [value] = _ref;return value;})) {
|
|
276
276
|
return uikitUtil.noop;
|
|
277
277
|
}
|
|
278
278
|
|
|
279
279
|
uikitUtil.css(el, 'strokeDasharray', length);
|
|
280
280
|
|
|
281
281
|
return (css, percent) => {
|
|
282
|
-
css.strokeDashoffset = getValue(
|
|
282
|
+
css.strokeDashoffset = getValue(steps, percent);
|
|
283
283
|
};
|
|
284
284
|
}
|
|
285
285
|
|
|
286
|
-
function backgroundFn(prop, el,
|
|
287
|
-
if (
|
|
288
|
-
|
|
286
|
+
function backgroundFn(prop, el, steps) {
|
|
287
|
+
if (steps.length === 1) {
|
|
288
|
+
steps.unshift(0);
|
|
289
289
|
}
|
|
290
290
|
|
|
291
291
|
prop = prop.substr(-1);
|
|
292
292
|
const attr = prop === 'y' ? 'height' : 'width';
|
|
293
|
-
|
|
293
|
+
steps = parseSteps(steps, (step) => uikitUtil.toPx(step, attr, el));
|
|
294
294
|
|
|
295
295
|
const bgPos = getCssValue(el, "background-position-" + prop, '');
|
|
296
296
|
|
|
297
297
|
return getCssValue(el, 'backgroundSize', '') === 'cover' ?
|
|
298
|
-
backgroundCoverFn(prop, el,
|
|
299
|
-
setBackgroundPosFn(prop,
|
|
298
|
+
backgroundCoverFn(prop, el, steps, bgPos, attr) :
|
|
299
|
+
setBackgroundPosFn(prop, steps, bgPos);
|
|
300
300
|
}
|
|
301
301
|
|
|
302
|
-
function backgroundCoverFn(prop, el,
|
|
302
|
+
function backgroundCoverFn(prop, el, steps, bgPos, attr) {
|
|
303
303
|
const dimImage = getBackgroundImageDimensions(el);
|
|
304
304
|
|
|
305
305
|
if (!dimImage.width) {
|
|
306
306
|
return uikitUtil.noop;
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
-
const values =
|
|
309
|
+
const values = steps.map((_ref2) => {let [value] = _ref2;return value;});
|
|
310
310
|
const min = Math.min(...values);
|
|
311
311
|
const max = Math.max(...values);
|
|
312
312
|
const down = values.indexOf(min) < values.indexOf(max);
|
|
@@ -334,7 +334,7 @@
|
|
|
334
334
|
|
|
335
335
|
const dim = uikitUtil.Dimensions.cover(dimImage, dimEl);
|
|
336
336
|
|
|
337
|
-
const fn = setBackgroundPosFn(prop,
|
|
337
|
+
const fn = setBackgroundPosFn(prop, steps, pos + "px");
|
|
338
338
|
return (css, percent) => {
|
|
339
339
|
fn(css, percent);
|
|
340
340
|
css.backgroundSize = dim.width + "px " + dim.height + "px";
|
|
@@ -342,9 +342,9 @@
|
|
|
342
342
|
};
|
|
343
343
|
}
|
|
344
344
|
|
|
345
|
-
function setBackgroundPosFn(prop,
|
|
345
|
+
function setBackgroundPosFn(prop, steps, pos) {
|
|
346
346
|
return function (css, percent) {
|
|
347
|
-
css["background-position-" + prop] = "calc(" + pos + " + " + getValue(
|
|
347
|
+
css["background-position-" + prop] = "calc(" + pos + " + " + getValue(steps, percent) + "px)";
|
|
348
348
|
};
|
|
349
349
|
}
|
|
350
350
|
|
|
@@ -379,12 +379,12 @@
|
|
|
379
379
|
|
|
380
380
|
}
|
|
381
381
|
|
|
382
|
-
function
|
|
382
|
+
function parseSteps(steps, fn) {if (fn === void 0) {fn = uikitUtil.toFloat;}
|
|
383
383
|
const result = [];
|
|
384
|
-
const { length } =
|
|
384
|
+
const { length } = steps;
|
|
385
385
|
let nullIndex = 0;
|
|
386
386
|
for (let i = 0; i < length; i++) {
|
|
387
|
-
let [value, percent] = uikitUtil.isString(
|
|
387
|
+
let [value, percent] = uikitUtil.isString(steps[i]) ? steps[i].trim().split(' ') : [steps[i]];
|
|
388
388
|
value = fn(value);
|
|
389
389
|
percent = percent ? uikitUtil.toFloat(percent) / 100 : null;
|
|
390
390
|
|
|
@@ -421,24 +421,24 @@
|
|
|
421
421
|
return result;
|
|
422
422
|
}
|
|
423
423
|
|
|
424
|
-
function
|
|
425
|
-
const index = uikitUtil.findIndex(
|
|
424
|
+
function getStep(steps, percent) {
|
|
425
|
+
const index = uikitUtil.findIndex(steps.slice(1), (_ref3) => {let [, targetPercent] = _ref3;return percent <= targetPercent;}) + 1;
|
|
426
426
|
return [
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
(percent -
|
|
427
|
+
steps[index - 1][0],
|
|
428
|
+
steps[index][0],
|
|
429
|
+
(percent - steps[index - 1][1]) / (steps[index][1] - steps[index - 1][1])];
|
|
430
430
|
|
|
431
431
|
}
|
|
432
432
|
|
|
433
|
-
function getValue(
|
|
434
|
-
const [start, end, p] =
|
|
433
|
+
function getValue(steps, percent) {
|
|
434
|
+
const [start, end, p] = getStep(steps, percent);
|
|
435
435
|
return uikitUtil.isNumber(start) ? start + Math.abs(start - end) * p * (start < end ? 1 : -1) : +end;
|
|
436
436
|
}
|
|
437
437
|
|
|
438
|
-
const unitRe = /^-?\d+(
|
|
439
|
-
function getUnit(
|
|
440
|
-
for (const
|
|
441
|
-
const match =
|
|
438
|
+
const unitRe = /^-?\d+(\S*)/;
|
|
439
|
+
function getUnit(steps, defaultUnit) {
|
|
440
|
+
for (const step of steps) {
|
|
441
|
+
const match = step.match == null ? void 0 : step.match(unitRe);
|
|
442
442
|
if (match) {
|
|
443
443
|
return match[1];
|
|
444
444
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! UIkit 3.14.
|
|
1
|
+
/*! UIkit 3.14.1-dev.b7e81c46b | 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:j,backgroundColor:j,borderColor:j,blur:l,hue:l,fopacity:l,grayscale:l,invert:l,saturate:l,sepia:l,opacity:Q,stroke:X,bgx:C,bgy:C},{keys:S}=Object;var J={mixins:[H],props:L(S(M),"list"),data:L(S(M),void 0),computed:{props(e,t){return S(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 j(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});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.14.
|
|
1
|
+
/*! UIkit 3.14.1-dev.b7e81c46b | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
|
|
2
2
|
|
|
3
3
|
(function (global, factory) {
|
|
4
4
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
|
|
@@ -141,39 +141,39 @@
|
|
|
141
141
|
|
|
142
142
|
|
|
143
143
|
|
|
144
|
-
function transformFn(prop, el,
|
|
145
|
-
let unit = getUnit(
|
|
144
|
+
function transformFn(prop, el, steps) {
|
|
145
|
+
let unit = getUnit(steps) || { x: 'px', y: 'px', rotate: 'deg' }[prop] || '';
|
|
146
146
|
let transformFn;
|
|
147
147
|
|
|
148
148
|
if (prop === 'x' || prop === 'y') {
|
|
149
149
|
prop = "translate" + uikitUtil.ucfirst(prop);
|
|
150
|
-
transformFn = (
|
|
150
|
+
transformFn = (step) => uikitUtil.toFloat(uikitUtil.toFloat(step).toFixed(unit === 'px' ? 0 : 6));
|
|
151
151
|
} else if (prop === 'scale') {
|
|
152
152
|
unit = '';
|
|
153
|
-
transformFn = (
|
|
154
|
-
getUnit([
|
|
153
|
+
transformFn = (step) =>
|
|
154
|
+
getUnit([step]) ? uikitUtil.toPx(step, 'width', el, true) / el.offsetWidth : step;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
if (
|
|
158
|
-
|
|
157
|
+
if (steps.length === 1) {
|
|
158
|
+
steps.unshift(prop === 'scale' ? 1 : 0);
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
|
|
161
|
+
steps = parseSteps(steps, transformFn);
|
|
162
162
|
|
|
163
163
|
return (css, percent) => {
|
|
164
|
-
css.transform += " " + prop + "(" + getValue(
|
|
164
|
+
css.transform += " " + prop + "(" + getValue(steps, percent) + unit + ")";
|
|
165
165
|
};
|
|
166
166
|
}
|
|
167
167
|
|
|
168
|
-
function colorFn(prop, el,
|
|
169
|
-
if (
|
|
170
|
-
|
|
168
|
+
function colorFn(prop, el, steps) {
|
|
169
|
+
if (steps.length === 1) {
|
|
170
|
+
steps.unshift(getCssValue(el, prop, ''));
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
|
|
173
|
+
steps = parseSteps(steps, (step) => parseColor(el, step));
|
|
174
174
|
|
|
175
175
|
return (css, percent) => {
|
|
176
|
-
const [start, end, p] =
|
|
176
|
+
const [start, end, p] = getStep(steps, percent);
|
|
177
177
|
const value = start.
|
|
178
178
|
map((value, i) => {
|
|
179
179
|
value += p * (end[i] - value);
|
|
@@ -193,80 +193,80 @@
|
|
|
193
193
|
map(uikitUtil.toFloat);
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
function filterFn(prop, el,
|
|
197
|
-
if (
|
|
198
|
-
|
|
196
|
+
function filterFn(prop, el, steps) {
|
|
197
|
+
if (steps.length === 1) {
|
|
198
|
+
steps.unshift(0);
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
-
const unit = getUnit(
|
|
201
|
+
const unit = getUnit(steps) || { blur: 'px', hue: 'deg' }[prop] || '%';
|
|
202
202
|
prop = { fopacity: 'opacity', hue: 'hue-rotate' }[prop] || prop;
|
|
203
|
-
|
|
203
|
+
steps = parseSteps(steps);
|
|
204
204
|
|
|
205
205
|
return (css, percent) => {
|
|
206
|
-
const value = getValue(
|
|
206
|
+
const value = getValue(steps, percent);
|
|
207
207
|
css.filter += " " + prop + "(" + (value + unit) + ")";
|
|
208
208
|
};
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
function cssPropFn(prop, el,
|
|
212
|
-
if (
|
|
213
|
-
|
|
211
|
+
function cssPropFn(prop, el, steps) {
|
|
212
|
+
if (steps.length === 1) {
|
|
213
|
+
steps.unshift(getCssValue(el, prop, ''));
|
|
214
214
|
}
|
|
215
215
|
|
|
216
|
-
|
|
216
|
+
steps = parseSteps(steps);
|
|
217
217
|
|
|
218
218
|
return (css, percent) => {
|
|
219
|
-
css[prop] = getValue(
|
|
219
|
+
css[prop] = getValue(steps, percent);
|
|
220
220
|
};
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
function strokeFn(prop, el,
|
|
224
|
-
if (
|
|
225
|
-
|
|
223
|
+
function strokeFn(prop, el, steps) {
|
|
224
|
+
if (steps.length === 1) {
|
|
225
|
+
steps.unshift(0);
|
|
226
226
|
}
|
|
227
227
|
|
|
228
|
-
const unit = getUnit(
|
|
228
|
+
const unit = getUnit(steps);
|
|
229
229
|
const length = getMaxPathLength(el);
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
return unit === '%' ?
|
|
230
|
+
steps = parseSteps(steps.reverse(), (step) => {
|
|
231
|
+
step = uikitUtil.toFloat(step);
|
|
232
|
+
return unit === '%' ? step * length / 100 : step;
|
|
233
233
|
});
|
|
234
234
|
|
|
235
|
-
if (!
|
|
235
|
+
if (!steps.some((_ref) => {let [value] = _ref;return value;})) {
|
|
236
236
|
return uikitUtil.noop;
|
|
237
237
|
}
|
|
238
238
|
|
|
239
239
|
uikitUtil.css(el, 'strokeDasharray', length);
|
|
240
240
|
|
|
241
241
|
return (css, percent) => {
|
|
242
|
-
css.strokeDashoffset = getValue(
|
|
242
|
+
css.strokeDashoffset = getValue(steps, percent);
|
|
243
243
|
};
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
function backgroundFn(prop, el,
|
|
247
|
-
if (
|
|
248
|
-
|
|
246
|
+
function backgroundFn(prop, el, steps) {
|
|
247
|
+
if (steps.length === 1) {
|
|
248
|
+
steps.unshift(0);
|
|
249
249
|
}
|
|
250
250
|
|
|
251
251
|
prop = prop.substr(-1);
|
|
252
252
|
const attr = prop === 'y' ? 'height' : 'width';
|
|
253
|
-
|
|
253
|
+
steps = parseSteps(steps, (step) => uikitUtil.toPx(step, attr, el));
|
|
254
254
|
|
|
255
255
|
const bgPos = getCssValue(el, "background-position-" + prop, '');
|
|
256
256
|
|
|
257
257
|
return getCssValue(el, 'backgroundSize', '') === 'cover' ?
|
|
258
|
-
backgroundCoverFn(prop, el,
|
|
259
|
-
setBackgroundPosFn(prop,
|
|
258
|
+
backgroundCoverFn(prop, el, steps, bgPos, attr) :
|
|
259
|
+
setBackgroundPosFn(prop, steps, bgPos);
|
|
260
260
|
}
|
|
261
261
|
|
|
262
|
-
function backgroundCoverFn(prop, el,
|
|
262
|
+
function backgroundCoverFn(prop, el, steps, bgPos, attr) {
|
|
263
263
|
const dimImage = getBackgroundImageDimensions(el);
|
|
264
264
|
|
|
265
265
|
if (!dimImage.width) {
|
|
266
266
|
return uikitUtil.noop;
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
const values =
|
|
269
|
+
const values = steps.map((_ref2) => {let [value] = _ref2;return value;});
|
|
270
270
|
const min = Math.min(...values);
|
|
271
271
|
const max = Math.max(...values);
|
|
272
272
|
const down = values.indexOf(min) < values.indexOf(max);
|
|
@@ -294,7 +294,7 @@
|
|
|
294
294
|
|
|
295
295
|
const dim = uikitUtil.Dimensions.cover(dimImage, dimEl);
|
|
296
296
|
|
|
297
|
-
const fn = setBackgroundPosFn(prop,
|
|
297
|
+
const fn = setBackgroundPosFn(prop, steps, pos + "px");
|
|
298
298
|
return (css, percent) => {
|
|
299
299
|
fn(css, percent);
|
|
300
300
|
css.backgroundSize = dim.width + "px " + dim.height + "px";
|
|
@@ -302,9 +302,9 @@
|
|
|
302
302
|
};
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
function setBackgroundPosFn(prop,
|
|
305
|
+
function setBackgroundPosFn(prop, steps, pos) {
|
|
306
306
|
return function (css, percent) {
|
|
307
|
-
css["background-position-" + prop] = "calc(" + pos + " + " + getValue(
|
|
307
|
+
css["background-position-" + prop] = "calc(" + pos + " + " + getValue(steps, percent) + "px)";
|
|
308
308
|
};
|
|
309
309
|
}
|
|
310
310
|
|
|
@@ -339,12 +339,12 @@
|
|
|
339
339
|
|
|
340
340
|
}
|
|
341
341
|
|
|
342
|
-
function
|
|
342
|
+
function parseSteps(steps, fn) {if (fn === void 0) {fn = uikitUtil.toFloat;}
|
|
343
343
|
const result = [];
|
|
344
|
-
const { length } =
|
|
344
|
+
const { length } = steps;
|
|
345
345
|
let nullIndex = 0;
|
|
346
346
|
for (let i = 0; i < length; i++) {
|
|
347
|
-
let [value, percent] = uikitUtil.isString(
|
|
347
|
+
let [value, percent] = uikitUtil.isString(steps[i]) ? steps[i].trim().split(' ') : [steps[i]];
|
|
348
348
|
value = fn(value);
|
|
349
349
|
percent = percent ? uikitUtil.toFloat(percent) / 100 : null;
|
|
350
350
|
|
|
@@ -381,24 +381,24 @@
|
|
|
381
381
|
return result;
|
|
382
382
|
}
|
|
383
383
|
|
|
384
|
-
function
|
|
385
|
-
const index = uikitUtil.findIndex(
|
|
384
|
+
function getStep(steps, percent) {
|
|
385
|
+
const index = uikitUtil.findIndex(steps.slice(1), (_ref3) => {let [, targetPercent] = _ref3;return percent <= targetPercent;}) + 1;
|
|
386
386
|
return [
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
(percent -
|
|
387
|
+
steps[index - 1][0],
|
|
388
|
+
steps[index][0],
|
|
389
|
+
(percent - steps[index - 1][1]) / (steps[index][1] - steps[index - 1][1])];
|
|
390
390
|
|
|
391
391
|
}
|
|
392
392
|
|
|
393
|
-
function getValue(
|
|
394
|
-
const [start, end, p] =
|
|
393
|
+
function getValue(steps, percent) {
|
|
394
|
+
const [start, end, p] = getStep(steps, percent);
|
|
395
395
|
return uikitUtil.isNumber(start) ? start + Math.abs(start - end) * p * (start < end ? 1 : -1) : +end;
|
|
396
396
|
}
|
|
397
397
|
|
|
398
|
-
const unitRe = /^-?\d+(
|
|
399
|
-
function getUnit(
|
|
400
|
-
for (const
|
|
401
|
-
const match =
|
|
398
|
+
const unitRe = /^-?\d+(\S*)/;
|
|
399
|
+
function getUnit(steps, defaultUnit) {
|
|
400
|
+
for (const step of steps) {
|
|
401
|
+
const match = step.match == null ? void 0 : step.match(unitRe);
|
|
402
402
|
if (match) {
|
|
403
403
|
return match[1];
|
|
404
404
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! UIkit 3.14.
|
|
1
|
+
/*! UIkit 3.14.1-dev.b7e81c46b | 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]=D(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):S(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=S(n,e,B+"px");return(u,j)=>{Q(u,j),u.backgroundSize=R.width+"px "+R.height+"px",u.backgroundRepeat="no-repeat"}}function S(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 D(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]=D(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});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.14.
|
|
1
|
+
/*! UIkit 3.14.1-dev.b7e81c46b | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
|
|
2
2
|
|
|
3
3
|
(function (global, factory) {
|
|
4
4
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
|