uikit 3.15.18-dev.9cbbb510d → 3.15.19-dev.699ab5a7f
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 +12 -0
- package/build/util.js +4 -4
- package/dist/css/uikit-core-rtl.css +5 -2
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +5 -2
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +5 -2
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +5 -2
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +2 -2
- package/dist/js/components/countdown.min.js +2 -1
- package/dist/js/components/filter.js +22 -30
- package/dist/js/components/filter.min.js +2 -1
- package/dist/js/components/lightbox-panel.js +75 -96
- package/dist/js/components/lightbox-panel.min.js +2 -1
- package/dist/js/components/lightbox.js +78 -99
- package/dist/js/components/lightbox.min.js +2 -1
- package/dist/js/components/notification.js +11 -14
- package/dist/js/components/notification.min.js +2 -1
- package/dist/js/components/parallax.js +24 -26
- package/dist/js/components/parallax.min.js +2 -1
- package/dist/js/components/slider-parallax.js +19 -20
- package/dist/js/components/slider-parallax.min.js +2 -1
- package/dist/js/components/slider.js +95 -51
- package/dist/js/components/slider.min.js +2 -1
- package/dist/js/components/slideshow-parallax.js +19 -20
- package/dist/js/components/slideshow-parallax.min.js +2 -1
- package/dist/js/components/slideshow.js +35 -42
- package/dist/js/components/slideshow.min.js +2 -1
- package/dist/js/components/sortable.js +12 -18
- package/dist/js/components/sortable.min.js +2 -1
- package/dist/js/components/tooltip.js +25 -30
- package/dist/js/components/tooltip.min.js +2 -1
- package/dist/js/components/upload.js +7 -7
- package/dist/js/components/upload.min.js +2 -1
- package/dist/js/uikit-core.js +277 -330
- package/dist/js/uikit-core.min.js +2 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +2 -1
- package/dist/js/uikit.js +470 -503
- package/dist/js/uikit.min.js +2 -1
- package/package.json +2 -2
- package/src/js/components/lightbox-panel.js +3 -5
- package/src/js/components/slider.js +62 -7
- package/src/js/core/accordion.js +5 -4
- package/src/js/core/sticky.js +6 -7
- package/src/js/mixin/slider-drag.js +1 -1
- package/src/js/mixin/slider.js +2 -7
- package/src/js/util/attr.js +1 -6
- package/src/less/components/sticky.less +4 -1
- package/src/scss/components/sticky.scss +4 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.15.
|
|
1
|
+
/*! UIkit 3.15.19-dev.699ab5a7f | 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')) :
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
|
|
18
18
|
computed: {
|
|
19
|
-
container(
|
|
19
|
+
container({ container }) {
|
|
20
20
|
return container === true && this.$container || container && uikitUtil.$(container);
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
install,
|
|
44
44
|
|
|
45
45
|
computed: {
|
|
46
|
-
marginProp(
|
|
47
|
-
return
|
|
46
|
+
marginProp({ pos }) {
|
|
47
|
+
return `margin${uikitUtil.startsWith(pos, 'top') ? 'Top' : 'Bottom'}`;
|
|
48
48
|
},
|
|
49
49
|
|
|
50
50
|
startProps() {
|
|
@@ -54,21 +54,18 @@
|
|
|
54
54
|
|
|
55
55
|
created() {
|
|
56
56
|
const container =
|
|
57
|
-
uikitUtil.$(
|
|
57
|
+
uikitUtil.$(`.${this.clsContainer}-${this.pos}`, this.container) ||
|
|
58
58
|
uikitUtil.append(
|
|
59
|
-
this.container,
|
|
60
|
-
this.clsContainer
|
|
59
|
+
this.container,
|
|
60
|
+
`<div class="${this.clsContainer} ${this.clsContainer}-${this.pos}" style="display: block"></div>`);
|
|
61
61
|
|
|
62
62
|
|
|
63
63
|
this.$mount(
|
|
64
64
|
uikitUtil.append(
|
|
65
|
-
container,
|
|
66
|
-
this.clsMsg
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
this.clsClose + "\" data-uk-close></a> <div>" +
|
|
70
|
-
this.message + "</div> </div>"));
|
|
71
|
-
|
|
65
|
+
container,
|
|
66
|
+
`<div class="${this.clsMsg}${
|
|
67
|
+
this.status ? ` ${this.clsMsg}-${this.status}` : ''
|
|
68
|
+
}" role="alert"> <a href class="${this.clsClose}" data-uk-close></a> <div>${this.message}</div> </div>`));
|
|
72
69
|
|
|
73
70
|
|
|
74
71
|
},
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
/*! UIkit 3.15.
|
|
1
|
+
/*! UIkit 3.15.19-dev.699ab5a7f | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
|
|
2
|
+
(function(t,e){typeof exports=="object"&&typeof module<"u"?module.exports=e(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitnotification",["uikit-util"],e):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitNotification=e(t.UIkit.util))})(this,function(t){"use strict";var e={props:{container:Boolean},data:{container:!0},computed:{container({container:s}){return s===!0&&this.$container||s&&t.$(s)}}},r={mixins:[e],functional:!0,args:["message","status"],data:{message:"",status:"",timeout:5e3,group:null,pos:"top-center",clsContainer:"uk-notification",clsClose:"uk-notification-close",clsMsg:"uk-notification-message"},install:c,computed:{marginProp({pos:s}){return`margin${t.startsWith(s,"top")?"Top":"Bottom"}`},startProps(){return{opacity:0,[this.marginProp]:-this.$el.offsetHeight}}},created(){const s=t.$(`.${this.clsContainer}-${this.pos}`,this.container)||t.append(this.container,`<div class="${this.clsContainer} ${this.clsContainer}-${this.pos}" style="display: block"></div>`);this.$mount(t.append(s,`<div class="${this.clsMsg}${this.status?` ${this.clsMsg}-${this.status}`:""}" role="alert"> <a href class="${this.clsClose}" data-uk-close></a> <div>${this.message}</div> </div>`))},async connected(){const s=t.toFloat(t.css(this.$el,this.marginProp));await t.Transition.start(t.css(this.$el,this.startProps),{opacity:1,[this.marginProp]:s}),this.timeout&&(this.timer=setTimeout(this.close,this.timeout))},events:{click(s){t.closest(s.target,'a[href="#"],a[href=""]')&&s.preventDefault(),this.close()},[t.pointerEnter](){this.timer&&clearTimeout(this.timer)},[t.pointerLeave](){this.timeout&&(this.timer=setTimeout(this.close,this.timeout))}},methods:{async close(s){const n=o=>{const i=t.parent(o);t.trigger(o,"close",[this]),t.remove(o),i!=null&&i.hasChildNodes()||t.remove(i)};this.timer&&clearTimeout(this.timer),s||await t.Transition.start(this.$el,this.startProps),n(this.$el)}}};function c(s){s.notification.closeAll=function(n,o){t.apply(document.body,i=>{const a=s.getComponent(i,"notification");a&&(!n||n===a.group)&&a.close(o)})}}return typeof window<"u"&&window.UIkit&&window.UIkit.component("notification",r),r});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.15.
|
|
1
|
+
/*! UIkit 3.15.19-dev.699ab5a7f | 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')) :
|
|
@@ -9,8 +9,7 @@
|
|
|
9
9
|
var Resize = {
|
|
10
10
|
connected() {var _this$$options$resize;
|
|
11
11
|
this.registerObserver(
|
|
12
|
-
uikitUtil.observeResize(((_this$$options$resize = this.$options.resizeTargets) == null ? void 0 : _this$$options$resize.call(this)) || this.$el, () =>
|
|
13
|
-
this.$emit('resize')));
|
|
12
|
+
uikitUtil.observeResize(((_this$$options$resize = this.$options.resizeTargets) == null ? void 0 : _this$$options$resize.call(this)) || this.$el, () => this.$emit('resize')));
|
|
14
13
|
|
|
15
14
|
|
|
16
15
|
}
|
|
@@ -81,13 +80,13 @@
|
|
|
81
80
|
function toMedia(value, element) {
|
|
82
81
|
if (uikitUtil.isString(value)) {
|
|
83
82
|
if (uikitUtil.startsWith(value, '@')) {
|
|
84
|
-
value = uikitUtil.toFloat(uikitUtil.css(element,
|
|
83
|
+
value = uikitUtil.toFloat(uikitUtil.css(element, `--uk-breakpoint-${value.substr(1)}`));
|
|
85
84
|
} else if (isNaN(value)) {
|
|
86
85
|
return value;
|
|
87
86
|
}
|
|
88
87
|
}
|
|
89
88
|
|
|
90
|
-
return value && uikitUtil.isNumeric(value) ?
|
|
89
|
+
return value && uikitUtil.isNumeric(value) ? `(min-width: ${value}px)` : '';
|
|
91
90
|
}
|
|
92
91
|
|
|
93
92
|
uikitUtil.memoize(async (src) => {
|
|
@@ -194,12 +193,11 @@
|
|
|
194
193
|
let transformFn;
|
|
195
194
|
|
|
196
195
|
if (prop === 'x' || prop === 'y') {
|
|
197
|
-
prop =
|
|
196
|
+
prop = `translate${uikitUtil.ucfirst(prop)}`;
|
|
198
197
|
transformFn = (stop) => uikitUtil.toFloat(uikitUtil.toFloat(stop).toFixed(unit === 'px' ? 0 : 6));
|
|
199
198
|
} else if (prop === 'scale') {
|
|
200
199
|
unit = '';
|
|
201
|
-
transformFn = (stop) =>
|
|
202
|
-
getUnit([stop]) ? uikitUtil.toPx(stop, 'width', el, true) / el.offsetWidth : stop;
|
|
200
|
+
transformFn = (stop) => getUnit([stop]) ? uikitUtil.toPx(stop, 'width', el, true) / el.offsetWidth : stop;
|
|
203
201
|
}
|
|
204
202
|
|
|
205
203
|
if (stops.length === 1) {
|
|
@@ -209,7 +207,7 @@
|
|
|
209
207
|
stops = parseStops(stops, transformFn);
|
|
210
208
|
|
|
211
209
|
return (css, percent) => {
|
|
212
|
-
css.transform +=
|
|
210
|
+
css.transform += ` ${prop}(${getValue(stops, percent)}${unit})`;
|
|
213
211
|
};
|
|
214
212
|
}
|
|
215
213
|
|
|
@@ -228,7 +226,7 @@
|
|
|
228
226
|
return i === 3 ? uikitUtil.toFloat(value) : parseInt(value, 10);
|
|
229
227
|
}).
|
|
230
228
|
join(',');
|
|
231
|
-
css[prop] =
|
|
229
|
+
css[prop] = `rgba(${value})`;
|
|
232
230
|
};
|
|
233
231
|
}
|
|
234
232
|
|
|
@@ -252,7 +250,7 @@
|
|
|
252
250
|
|
|
253
251
|
return (css, percent) => {
|
|
254
252
|
const value = getValue(stops, percent);
|
|
255
|
-
css.filter +=
|
|
253
|
+
css.filter += ` ${prop}(${value + unit})`;
|
|
256
254
|
};
|
|
257
255
|
}
|
|
258
256
|
|
|
@@ -280,7 +278,7 @@
|
|
|
280
278
|
return unit === '%' ? stop * length / 100 : stop;
|
|
281
279
|
});
|
|
282
280
|
|
|
283
|
-
if (!stops.some((
|
|
281
|
+
if (!stops.some(([value]) => value)) {
|
|
284
282
|
return uikitUtil.noop;
|
|
285
283
|
}
|
|
286
284
|
|
|
@@ -332,13 +330,13 @@
|
|
|
332
330
|
|
|
333
331
|
const positions = {};
|
|
334
332
|
for (const prop of bgProps) {
|
|
335
|
-
const values = props[prop].map((
|
|
333
|
+
const values = props[prop].map(([value]) => value);
|
|
336
334
|
const min = Math.min(...values);
|
|
337
335
|
const max = Math.max(...values);
|
|
338
336
|
const down = values.indexOf(min) < values.indexOf(max);
|
|
339
337
|
const diff = max - min;
|
|
340
338
|
|
|
341
|
-
positions[prop] = (down ? -diff : 0) - (down ? min : max)
|
|
339
|
+
positions[prop] = `${(down ? -diff : 0) - (down ? min : max)}px`;
|
|
342
340
|
dimEl[prop === 'bgy' ? 'height' : 'width'] += diff;
|
|
343
341
|
}
|
|
344
342
|
|
|
@@ -347,26 +345,26 @@
|
|
|
347
345
|
for (const prop of bgProps) {
|
|
348
346
|
const attr = prop === 'bgy' ? 'height' : 'width';
|
|
349
347
|
const overflow = dim[attr] - dimEl[attr];
|
|
350
|
-
positions[prop] =
|
|
348
|
+
positions[prop] = `max(${getBackgroundPos(el, prop)},-${overflow}px) + ${positions[prop]}`;
|
|
351
349
|
}
|
|
352
350
|
|
|
353
351
|
const fn = setBackgroundPosFn(bgProps, positions, props);
|
|
354
352
|
return (css, percent) => {
|
|
355
353
|
fn(css, percent);
|
|
356
|
-
css.backgroundSize = dim.width
|
|
354
|
+
css.backgroundSize = `${dim.width}px ${dim.height}px`;
|
|
357
355
|
css.backgroundRepeat = 'no-repeat';
|
|
358
356
|
};
|
|
359
357
|
}
|
|
360
358
|
|
|
361
359
|
function getBackgroundPos(el, prop) {
|
|
362
|
-
return getCssValue(el,
|
|
360
|
+
return getCssValue(el, `background-position-${prop.substr(-1)}`, '');
|
|
363
361
|
}
|
|
364
362
|
|
|
365
363
|
function setBackgroundPosFn(bgProps, positions, props) {
|
|
366
364
|
return function (css, percent) {
|
|
367
365
|
for (const prop of bgProps) {
|
|
368
366
|
const value = getValue(props[prop], percent);
|
|
369
|
-
css[
|
|
367
|
+
css[`background-position-${prop.substr(-1)}`] = `calc(${positions[prop]} + ${value}px)`;
|
|
370
368
|
}
|
|
371
369
|
};
|
|
372
370
|
}
|
|
@@ -402,7 +400,7 @@
|
|
|
402
400
|
};
|
|
403
401
|
}
|
|
404
402
|
|
|
405
|
-
function parseStops(stops, fn
|
|
403
|
+
function parseStops(stops, fn = uikitUtil.toFloat) {
|
|
406
404
|
const result = [];
|
|
407
405
|
const { length } = stops;
|
|
408
406
|
let nullIndex = 0;
|
|
@@ -445,7 +443,7 @@
|
|
|
445
443
|
}
|
|
446
444
|
|
|
447
445
|
function getStop(stops, percent) {
|
|
448
|
-
const index = uikitUtil.findIndex(stops.slice(1), (
|
|
446
|
+
const index = uikitUtil.findIndex(stops.slice(1), ([, targetPercent]) => percent <= targetPercent) + 1;
|
|
449
447
|
return [
|
|
450
448
|
stops[index - 1][0],
|
|
451
449
|
stops[index][0],
|
|
@@ -503,17 +501,17 @@
|
|
|
503
501
|
},
|
|
504
502
|
|
|
505
503
|
computed: {
|
|
506
|
-
target(
|
|
504
|
+
target({ target }, $el) {
|
|
507
505
|
return getOffsetElement(target && uikitUtil.query(target, $el) || $el);
|
|
508
506
|
},
|
|
509
507
|
|
|
510
|
-
start(
|
|
508
|
+
start({ start }) {
|
|
511
509
|
return uikitUtil.toPx(start, 'height', this.target, true);
|
|
512
510
|
},
|
|
513
511
|
|
|
514
|
-
end(
|
|
512
|
+
end({ end, viewport }) {
|
|
515
513
|
return uikitUtil.toPx(
|
|
516
|
-
end || (viewport = (1 - viewport) * 100) && viewport
|
|
514
|
+
end || (viewport = (1 - viewport) * 100) && `${viewport}vh+${viewport}%`,
|
|
517
515
|
'height',
|
|
518
516
|
this.target,
|
|
519
517
|
true);
|
|
@@ -526,7 +524,7 @@
|
|
|
526
524
|
},
|
|
527
525
|
|
|
528
526
|
update: {
|
|
529
|
-
read(
|
|
527
|
+
read({ percent }, types) {
|
|
530
528
|
if (!types.has('scroll')) {
|
|
531
529
|
percent = false;
|
|
532
530
|
}
|
|
@@ -548,7 +546,7 @@
|
|
|
548
546
|
};
|
|
549
547
|
},
|
|
550
548
|
|
|
551
|
-
write(
|
|
549
|
+
write({ style }) {
|
|
552
550
|
if (!this.matchMedia) {
|
|
553
551
|
this.reset();
|
|
554
552
|
return;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
/*! UIkit 3.15.
|
|
1
|
+
/*! UIkit 3.15.19-dev.699ab5a7f | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
|
|
2
|
+
(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")))}},R={connected(){B(this._uid,()=>this.$emit("scroll"))},disconnected(){_(this._uid)}};const y=new Map;let b;function B(e,t){b=b||r.on(window,"scroll",()=>y.forEach(n=>n()),{passive:!0,capture:!0}),y.set(e,t)}function _(e){y.delete(e),b&&!y.size&&(b(),b=null)}var V={props:{media:Boolean},data:{media:!1},connected(){const e=q(this.media,this.$el);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 q(e,t){if(r.isString(e)){if(r.startsWith(e,"@"))e=r.toFloat(r.css(t,`--uk-breakpoint-${e.substr(1)}`));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 H(e){return Math.ceil(Math.max(0,...r.$$("[stroke]",e).map(t=>{try{return t.getTotalLength()}catch{return 0}})))}const v={x:M,y:M,rotate:M,scale:M,color:O,backgroundColor:O,borderColor:O,blur:l,hue:l,fopacity:l,grayscale:l,invert:l,saturate:l,sepia:l,opacity:J,stroke:K,bgx:I,bgy:I},{keys:z}=Object;var A={mixins:[V],props:L(z(v),"list"),data:L(z(v),void 0),computed:{props(e,t){const n={};for(const a in e)a in v&&!r.isUndefined(e[a])&&(n[a]=e[a].slice());const o={};for(const a in n)o[a]=v[a](a,t,n[a],n);return o}},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.willChange=Object.keys(t).filter(n=>t[n]!=="").join(","),t}}};function M(e,t,n){let o=j(n)||{x:"px",y:"px",rotate:"deg"}[e]||"",a;return e==="x"||e==="y"?(e=`translate${r.ucfirst(e)}`,a=s=>r.toFloat(r.toFloat(s).toFixed(o==="px"?0:6))):e==="scale"&&(o="",a=s=>j([s])?r.toPx(s,"width",t,!0)/t.offsetWidth:s),n.length===1&&n.unshift(e==="scale"?1:0),n=g(n,a),(s,c)=>{s.transform+=` ${e}(${x(n,c)}${o})`}}function O(e,t,n){return n.length===1&&n.unshift($(t,e,"")),n=g(n,o=>G(t,o)),(o,a)=>{const[s,c,i]=E(n,a),d=s.map((u,f)=>(u+=i*(c[f]-u),f===3?r.toFloat(u):parseInt(u,10))).join(",");o[e]=`rgba(${d})`}}function G(e,t){return $(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=j(n)||{blur:"px",hue:"deg"}[e]||"%";return e={fopacity:"opacity",hue:"hue-rotate"}[e]||e,n=g(n),(a,s)=>{const c=x(n,s);a.filter+=` ${e}(${c+o})`}}function J(e,t,n){return n.length===1&&n.unshift($(t,e,"")),n=g(n),(o,a)=>{o[e]=x(n,a)}}function K(e,t,n){n.length===1&&n.unshift(0);const o=j(n),a=H(t);return n=g(n.reverse(),s=>(s=r.toFloat(s),o==="%"?s*a/100:s)),n.some(([s])=>s)?(r.css(t,"strokeDasharray",a),(s,c)=>{s.strokeDashoffset=x(n,c)}):r.noop}function I(e,t,n,o){n.length===1&&n.unshift(0);const a=e==="bgy"?"height":"width";o[e]=g(n,i=>r.toPx(i,a,t));const s=["bgx","bgy"].filter(i=>i in o);if(s.length===2&&e==="bgx")return r.noop;if($(t,"backgroundSize","")==="cover")return Q(e,t,n,o);const c={};for(const i of s)c[i]=p(t,i);return C(s,c,o)}function Q(e,t,n,o){const a=X(t);if(!a.width)return r.noop;const s={width:t.offsetWidth,height:t.offsetHeight},c=["bgx","bgy"].filter(f=>f in o),i={};for(const f of c){const h=o[f].map(([k])=>k),w=Math.min(...h),S=Math.max(...h),W=h.indexOf(w)<h.indexOf(S),D=S-w;i[f]=`${(W?-D:0)-(W?w:S)}px`,s[f==="bgy"?"height":"width"]+=D}const d=r.Dimensions.cover(a,s);for(const f of c){const h=f==="bgy"?"height":"width",w=d[h]-s[h];i[f]=`max(${p(t,f)},-${w}px) + ${i[f]}`}const u=C(c,i,o);return(f,h)=>{u(f,h),f.backgroundSize=`${d.width}px ${d.height}px`,f.backgroundRepeat="no-repeat"}}function p(e,t){return $(e,`background-position-${t.substr(-1)}`,"")}function C(e,t,n){return function(o,a){for(const s of e){const c=x(n[s],a);o[`background-position-${s.substr(-1)}`]=`calc(${t[s]} + ${c}px)`}}}const F={};function X(e){const t=r.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]=P(n),r.trigger(e,r.createEvent("load",!1))},P(n)):F[t]=P(n)}function P(e){return{width:e.naturalWidth,height:e.naturalHeight}}function g(e,t=r.toFloat){const n=[],{length:o}=e;let a=0;for(let s=0;s<o;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===o-1&&(i===null?i=1:i!==1&&(n.push([c,i]),i=1)),n.push([c,i]),i===null)a++;else if(a){const d=n[s-a-1][1],u=(i-d)/(a+1);for(let f=a;f>0;f--)n[s-f][1]=d+u*(a-f+1);a=0}}return n}function E(e,t){const n=r.findIndex(e.slice(1),([,o])=>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,o,a]=E(e,t);return r.isNumber(n)?n+Math.abs(n-o)*a*(n<o?1:-1):+o}const Y=/^-?\d+(\S+)?/;function j(e,t){for(const n of e){const o=n.match==null?void 0:n.match(Y);if(o)return o[1]}return t}function $(e,t,n){const o=e.style[t],a=r.css(r.css(e,t,n),t);return e.style[t]=o,a}function L(e,t){return e.reduce((n,o)=>(n[o]=t,n),{})}var N={mixins:[A,m,R],props:{target:String,viewport:Number,easing:Number,start:String,end:String},data:{target:!1,viewport:1,easing:1,start:0,end:0},computed:{target({target:e},t){return T(e&&r.query(e,t)||t)},start({start:e}){return r.toPx(e,"height",this.target,!0)},end({end:e,viewport:t}){return r.toPx(e||(t=(1-t)*100)&&`${t}vh+${t}%`,"height",this.target,!0)}},resizeTargets(){return[this.$el,this.target]},update:{read({percent:e},t){if(t.has("scroll")||(e=!1),!r.isVisible(this.$el))return!1;if(!this.matchMedia)return;const n=e;return e=Z(r.scrolledOver(this.target,this.start,this.end),this.easing),{percent:e,style:n===e?!1:this.getCss(e)}},write({style:e}){if(!this.matchMedia){this.reset();return}e&&r.css(this.$el,e)},events:["scroll","resize"]}};function Z(e,t){return t>=0?Math.pow(e,t+1):1-Math.pow(1-e,1-t)}function T(e){return e?"offsetTop"in e?e:T(r.parent(e)):document.documentElement}return typeof window<"u"&&window.UIkit&&window.UIkit.component("parallax",N),N});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.15.
|
|
1
|
+
/*! UIkit 3.15.19-dev.699ab5a7f | 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')) :
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
function toMedia(value, element) {
|
|
41
41
|
if (uikitUtil.isString(value)) {
|
|
42
42
|
if (uikitUtil.startsWith(value, '@')) {
|
|
43
|
-
value = uikitUtil.toFloat(uikitUtil.css(element,
|
|
43
|
+
value = uikitUtil.toFloat(uikitUtil.css(element, `--uk-breakpoint-${value.substr(1)}`));
|
|
44
44
|
} else if (isNaN(value)) {
|
|
45
45
|
return value;
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
return value && uikitUtil.isNumeric(value) ?
|
|
49
|
+
return value && uikitUtil.isNumeric(value) ? `(min-width: ${value}px)` : '';
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
uikitUtil.memoize(async (src) => {
|
|
@@ -153,12 +153,11 @@
|
|
|
153
153
|
let transformFn;
|
|
154
154
|
|
|
155
155
|
if (prop === 'x' || prop === 'y') {
|
|
156
|
-
prop =
|
|
156
|
+
prop = `translate${uikitUtil.ucfirst(prop)}`;
|
|
157
157
|
transformFn = (stop) => uikitUtil.toFloat(uikitUtil.toFloat(stop).toFixed(unit === 'px' ? 0 : 6));
|
|
158
158
|
} else if (prop === 'scale') {
|
|
159
159
|
unit = '';
|
|
160
|
-
transformFn = (stop) =>
|
|
161
|
-
getUnit([stop]) ? uikitUtil.toPx(stop, 'width', el, true) / el.offsetWidth : stop;
|
|
160
|
+
transformFn = (stop) => getUnit([stop]) ? uikitUtil.toPx(stop, 'width', el, true) / el.offsetWidth : stop;
|
|
162
161
|
}
|
|
163
162
|
|
|
164
163
|
if (stops.length === 1) {
|
|
@@ -168,7 +167,7 @@
|
|
|
168
167
|
stops = parseStops(stops, transformFn);
|
|
169
168
|
|
|
170
169
|
return (css, percent) => {
|
|
171
|
-
css.transform +=
|
|
170
|
+
css.transform += ` ${prop}(${getValue(stops, percent)}${unit})`;
|
|
172
171
|
};
|
|
173
172
|
}
|
|
174
173
|
|
|
@@ -187,7 +186,7 @@
|
|
|
187
186
|
return i === 3 ? uikitUtil.toFloat(value) : parseInt(value, 10);
|
|
188
187
|
}).
|
|
189
188
|
join(',');
|
|
190
|
-
css[prop] =
|
|
189
|
+
css[prop] = `rgba(${value})`;
|
|
191
190
|
};
|
|
192
191
|
}
|
|
193
192
|
|
|
@@ -211,7 +210,7 @@
|
|
|
211
210
|
|
|
212
211
|
return (css, percent) => {
|
|
213
212
|
const value = getValue(stops, percent);
|
|
214
|
-
css.filter +=
|
|
213
|
+
css.filter += ` ${prop}(${value + unit})`;
|
|
215
214
|
};
|
|
216
215
|
}
|
|
217
216
|
|
|
@@ -239,7 +238,7 @@
|
|
|
239
238
|
return unit === '%' ? stop * length / 100 : stop;
|
|
240
239
|
});
|
|
241
240
|
|
|
242
|
-
if (!stops.some((
|
|
241
|
+
if (!stops.some(([value]) => value)) {
|
|
243
242
|
return uikitUtil.noop;
|
|
244
243
|
}
|
|
245
244
|
|
|
@@ -291,13 +290,13 @@
|
|
|
291
290
|
|
|
292
291
|
const positions = {};
|
|
293
292
|
for (const prop of bgProps) {
|
|
294
|
-
const values = props[prop].map((
|
|
293
|
+
const values = props[prop].map(([value]) => value);
|
|
295
294
|
const min = Math.min(...values);
|
|
296
295
|
const max = Math.max(...values);
|
|
297
296
|
const down = values.indexOf(min) < values.indexOf(max);
|
|
298
297
|
const diff = max - min;
|
|
299
298
|
|
|
300
|
-
positions[prop] = (down ? -diff : 0) - (down ? min : max)
|
|
299
|
+
positions[prop] = `${(down ? -diff : 0) - (down ? min : max)}px`;
|
|
301
300
|
dimEl[prop === 'bgy' ? 'height' : 'width'] += diff;
|
|
302
301
|
}
|
|
303
302
|
|
|
@@ -306,26 +305,26 @@
|
|
|
306
305
|
for (const prop of bgProps) {
|
|
307
306
|
const attr = prop === 'bgy' ? 'height' : 'width';
|
|
308
307
|
const overflow = dim[attr] - dimEl[attr];
|
|
309
|
-
positions[prop] =
|
|
308
|
+
positions[prop] = `max(${getBackgroundPos(el, prop)},-${overflow}px) + ${positions[prop]}`;
|
|
310
309
|
}
|
|
311
310
|
|
|
312
311
|
const fn = setBackgroundPosFn(bgProps, positions, props);
|
|
313
312
|
return (css, percent) => {
|
|
314
313
|
fn(css, percent);
|
|
315
|
-
css.backgroundSize = dim.width
|
|
314
|
+
css.backgroundSize = `${dim.width}px ${dim.height}px`;
|
|
316
315
|
css.backgroundRepeat = 'no-repeat';
|
|
317
316
|
};
|
|
318
317
|
}
|
|
319
318
|
|
|
320
319
|
function getBackgroundPos(el, prop) {
|
|
321
|
-
return getCssValue(el,
|
|
320
|
+
return getCssValue(el, `background-position-${prop.substr(-1)}`, '');
|
|
322
321
|
}
|
|
323
322
|
|
|
324
323
|
function setBackgroundPosFn(bgProps, positions, props) {
|
|
325
324
|
return function (css, percent) {
|
|
326
325
|
for (const prop of bgProps) {
|
|
327
326
|
const value = getValue(props[prop], percent);
|
|
328
|
-
css[
|
|
327
|
+
css[`background-position-${prop.substr(-1)}`] = `calc(${positions[prop]} + ${value}px)`;
|
|
329
328
|
}
|
|
330
329
|
};
|
|
331
330
|
}
|
|
@@ -361,7 +360,7 @@
|
|
|
361
360
|
};
|
|
362
361
|
}
|
|
363
362
|
|
|
364
|
-
function parseStops(stops, fn
|
|
363
|
+
function parseStops(stops, fn = uikitUtil.toFloat) {
|
|
365
364
|
const result = [];
|
|
366
365
|
const { length } = stops;
|
|
367
366
|
let nullIndex = 0;
|
|
@@ -404,7 +403,7 @@
|
|
|
404
403
|
}
|
|
405
404
|
|
|
406
405
|
function getStop(stops, percent) {
|
|
407
|
-
const index = uikitUtil.findIndex(stops.slice(1), (
|
|
406
|
+
const index = uikitUtil.findIndex(stops.slice(1), ([, targetPercent]) => percent <= targetPercent) + 1;
|
|
408
407
|
return [
|
|
409
408
|
stops[index - 1][0],
|
|
410
409
|
stops[index][0],
|
|
@@ -467,7 +466,7 @@
|
|
|
467
466
|
return this.item;
|
|
468
467
|
},
|
|
469
468
|
|
|
470
|
-
handler(
|
|
469
|
+
handler({ type, detail: { percent, duration, timing, dir } }) {
|
|
471
470
|
uikitUtil.fastdom.read(() => {
|
|
472
471
|
if (!this.matchMedia) {
|
|
473
472
|
return;
|
|
@@ -506,7 +505,7 @@
|
|
|
506
505
|
return this.item;
|
|
507
506
|
},
|
|
508
507
|
|
|
509
|
-
handler(
|
|
508
|
+
handler({ type, detail: { percent, dir } }) {
|
|
510
509
|
uikitUtil.fastdom.read(() => {
|
|
511
510
|
if (!this.matchMedia) {
|
|
512
511
|
this.reset();
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
/*! UIkit 3.15.
|
|
1
|
+
/*! UIkit 3.15.19-dev.699ab5a7f | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
|
|
2
|
+
(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=E(this.media,this.$el);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 E(e,t){if(r.isString(e)){if(r.startsWith(e,"@"))e=r.toFloat(r.css(t,`--uk-breakpoint-${e.substr(1)}`));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 R(e){return Math.ceil(Math.max(0,...r.$$("[stroke]",e).map(t=>{try{return t.getTotalLength()}catch{return 0}})))}const w={x:y,y,rotate:y,scale:y,color:j,backgroundColor:j,borderColor:j,blur:l,hue:l,fopacity:l,grayscale:l,invert:l,saturate:l,sepia:l,opacity:H,stroke:L,bgx:v,bgy:v},{keys:P}=Object;var _={mixins:[g],props:W(P(w),"list"),data:W(P(w),void 0),computed:{props(e,t){const n={};for(const s in e)s in w&&!r.isUndefined(e[s])&&(n[s]=e[s].slice());const o={};for(const s in n)o[s]=w[s](s,t,n[s],n);return o}},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.willChange=Object.keys(t).filter(n=>t[n]!=="").join(","),t}}};function y(e,t,n){let o=M(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=>M([a])?r.toPx(a,"width",t,!0)/t.offsetWidth:a),n.length===1&&n.unshift(e==="scale"?1:0),n=m(n,s),(a,i)=>{a.transform+=` ${e}(${b(n,i)}${o})`}}function j(e,t,n){return n.length===1&&n.unshift(x(t,e,"")),n=m(n,o=>q(t,o)),(o,s)=>{const[a,i,c]=S(n,s),d=a.map((u,f)=>(u+=c*(i[f]-u),f===3?r.toFloat(u):parseInt(u,10))).join(",");o[e]=`rgba(${d})`}}function q(e,t){return x(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=M(n)||{blur:"px",hue:"deg"}[e]||"%";return e={fopacity:"opacity",hue:"hue-rotate"}[e]||e,n=m(n),(s,a)=>{const i=b(n,a);s.filter+=` ${e}(${i+o})`}}function H(e,t,n){return n.length===1&&n.unshift(x(t,e,"")),n=m(n),(o,s)=>{o[e]=b(n,s)}}function L(e,t,n){n.length===1&&n.unshift(0);const o=M(n),s=R(t);return n=m(n.reverse(),a=>(a=r.toFloat(a),o==="%"?a*s/100:a)),n.some(([a])=>a)?(r.css(t,"strokeDasharray",s),(a,i)=>{a.strokeDashoffset=b(n,i)}):r.noop}function v(e,t,n,o){n.length===1&&n.unshift(0);const s=e==="bgy"?"height":"width";o[e]=m(n,c=>r.toPx(c,s,t));const a=["bgx","bgy"].filter(c=>c in o);if(a.length===2&&e==="bgx")return r.noop;if(x(t,"backgroundSize","")==="cover")return V(e,t,n,o);const i={};for(const c of a)i[c]=O(t,c);return p(a,i,o)}function V(e,t,n,o){const s=A(t);if(!s.width)return r.noop;const a={width:t.offsetWidth,height:t.offsetHeight},i=["bgx","bgy"].filter(f=>f in o),c={};for(const f of i){const h=o[f].map(([J])=>J),$=Math.min(...h),I=Math.max(...h),B=h.indexOf($)<h.indexOf(I),N=I-$;c[f]=`${(B?-N:0)-(B?$:I)}px`,a[f==="bgy"?"height":"width"]+=N}const d=r.Dimensions.cover(s,a);for(const f of i){const h=f==="bgy"?"height":"width",$=d[h]-a[h];c[f]=`max(${O(t,f)},-${$}px) + ${c[f]}`}const u=p(i,c,o);return(f,h)=>{u(f,h),f.backgroundSize=`${d.width}px ${d.height}px`,f.backgroundRepeat="no-repeat"}}function O(e,t){return x(e,`background-position-${t.substr(-1)}`,"")}function p(e,t,n){return function(o,s){for(const a of e){const i=b(n[a],s);o[`background-position-${a.substr(-1)}`]=`calc(${t[a]} + ${i}px)`}}}const F={};function A(e){const t=r.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]=C(n),r.trigger(e,r.createEvent("load",!1))},C(n)):F[t]=C(n)}function C(e){return{width:e.naturalWidth,height:e.naturalHeight}}function m(e,t=r.toFloat){const n=[],{length:o}=e;let s=0;for(let a=0;a<o;a++){let[i,c]=r.isString(e[a])?e[a].trim().split(" "):[e[a]];if(i=t(i),c=c?r.toFloat(c)/100:null,a===0?c===null?c=0:c&&n.push([i,0]):a===o-1&&(c===null?c=1:c!==1&&(n.push([i,c]),c=1)),n.push([i,c]),c===null)s++;else if(s){const d=n[a-s-1][1],u=(c-d)/(s+1);for(let f=s;f>0;f--)n[a-f][1]=d+u*(s-f+1);s=0}}return n}function S(e,t){const n=r.findIndex(e.slice(1),([,o])=>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,o,s]=S(e,t);return r.isNumber(n)?n+Math.abs(n-o)*s*(n<o?1:-1):+o}const G=/^-?\d+(\S+)?/;function M(e,t){for(const n of e){const o=n.match==null?void 0:n.match(G);if(o)return o[1]}return t}function x(e,t,n){const o=e.style[t],s=r.css(r.css(e,t,n),t);return e.style[t]=o,s}function W(e,t){return e.reduce((n,o)=>(n[o]=t,n),{})}var T={mixins:[_],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({type:e,detail:{percent:t,duration:n,timing:o,dir:s}}){r.fastdom.read(()=>{if(!this.matchMedia)return;const a=this.getCss(z(e,s,t)),i=this.getCss(D(e)?.5:s>0?1:0);r.fastdom.write(()=>{r.css(this.$el,a),r.Transition.start(this.$el,i,n,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({type:e,detail:{percent:t,dir:n}}){r.fastdom.read(()=>{if(!this.matchMedia){this.reset();return}const o=this.getCss(z(e,n,t));r.fastdom.write(()=>r.css(this.$el,o))})}}]};function D(e){return r.endsWith(e,"in")}function z(e,t,n){return n/=2,D(e)^t<0?n:1-n}return typeof window<"u"&&window.UIkit&&window.UIkit.component("sliderParallax",T),T});
|