uikit 3.16.15-dev.b0c8c0a4b → 3.16.16-dev.0851166f4
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 +8 -0
- package/build/release.js +7 -7
- package/build/util.js +1 -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 +17 -12
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +17 -12
- 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 +1 -1
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +1 -1
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +9 -7
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +1 -1
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +9 -7
- 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 +15 -11
- 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 +50 -48
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +154 -154
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +64 -59
- package/dist/js/uikit.min.js +1 -1
- package/package.json +7 -7
- package/src/js/components/tooltip.js +6 -5
- package/src/js/core/accordion.js +2 -2
- package/src/js/core/cover.js +1 -1
- package/src/js/core/img.js +2 -2
- package/src/js/core/switcher.js +5 -5
- package/src/js/core/toggle.js +6 -5
- package/src/js/core/video.js +7 -7
- package/src/js/mixin/slider-drag.js +4 -4
- package/src/js/mixin/togglable.js +8 -6
package/dist/js/uikit-core.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.16.
|
|
1
|
+
/*! UIkit 3.16.16-dev.0851166f4 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
|
|
2
2
|
|
|
3
3
|
(function (global, factory) {
|
|
4
4
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
@@ -2159,7 +2159,7 @@
|
|
|
2159
2159
|
};
|
|
2160
2160
|
App.util = util;
|
|
2161
2161
|
App.options = {};
|
|
2162
|
-
App.version = "3.16.
|
|
2162
|
+
App.version = "3.16.16-dev.0851166f4";
|
|
2163
2163
|
|
|
2164
2164
|
const PREFIX = "uk-";
|
|
2165
2165
|
const DATA = "__uikit__";
|
|
@@ -2435,9 +2435,9 @@
|
|
|
2435
2435
|
}
|
|
2436
2436
|
},
|
|
2437
2437
|
methods: {
|
|
2438
|
-
toggleElement(targets, toggle, animate) {
|
|
2439
|
-
|
|
2440
|
-
|
|
2438
|
+
async toggleElement(targets, toggle, animate) {
|
|
2439
|
+
try {
|
|
2440
|
+
await Promise.all(
|
|
2441
2441
|
toNodes(targets).map((el) => {
|
|
2442
2442
|
const show = isBoolean(toggle) ? toggle : !this.isToggled(el);
|
|
2443
2443
|
if (!trigger(el, `before${show ? "show" : "hide"}`, [this])) {
|
|
@@ -2456,8 +2456,11 @@
|
|
|
2456
2456
|
return Promise.reject();
|
|
2457
2457
|
}) : done();
|
|
2458
2458
|
})
|
|
2459
|
-
)
|
|
2460
|
-
|
|
2459
|
+
);
|
|
2460
|
+
return true;
|
|
2461
|
+
} catch (e) {
|
|
2462
|
+
return false;
|
|
2463
|
+
}
|
|
2461
2464
|
},
|
|
2462
2465
|
isToggled(el = this.$el) {
|
|
2463
2466
|
el = toNode(el);
|
|
@@ -2796,7 +2799,7 @@
|
|
|
2796
2799
|
}
|
|
2797
2800
|
},
|
|
2798
2801
|
methods: {
|
|
2799
|
-
|
|
2802
|
+
toggle(item, animate) {
|
|
2800
2803
|
item = this.items[getIndex(item, this.items)];
|
|
2801
2804
|
let items = [item];
|
|
2802
2805
|
const activeItems = filter(this.items, `.${this.clsOpen}`);
|
|
@@ -2806,7 +2809,7 @@
|
|
|
2806
2809
|
if (!this.collapsible && activeItems.length < 2 && includes(activeItems, item)) {
|
|
2807
2810
|
return;
|
|
2808
2811
|
}
|
|
2809
|
-
|
|
2812
|
+
return Promise.all(
|
|
2810
2813
|
items.map(
|
|
2811
2814
|
(el) => this.toggleElement(el, !includes(activeItems, el), (el2, show) => {
|
|
2812
2815
|
toggleClass(el2, this.clsOpen, show);
|
|
@@ -2932,9 +2935,7 @@
|
|
|
2932
2935
|
mute(this.$el);
|
|
2933
2936
|
}
|
|
2934
2937
|
},
|
|
2935
|
-
observe: intersection({
|
|
2936
|
-
args: { intersecting: false }
|
|
2937
|
-
}),
|
|
2938
|
+
observe: [intersection({ args: { intersecting: false } }), resize()],
|
|
2938
2939
|
update: {
|
|
2939
2940
|
read({ visible }) {
|
|
2940
2941
|
if (!isVideo(this.$el)) {
|
|
@@ -2942,17 +2943,18 @@
|
|
|
2942
2943
|
}
|
|
2943
2944
|
return {
|
|
2944
2945
|
prev: visible,
|
|
2945
|
-
visible: isVisible(this.$el)
|
|
2946
|
+
visible: isVisible(this.$el),
|
|
2946
2947
|
inView: this.inView && isInView(this.$el)
|
|
2947
2948
|
};
|
|
2948
2949
|
},
|
|
2949
2950
|
write({ prev, visible, inView }) {
|
|
2950
2951
|
if (!visible || this.inView && !inView) {
|
|
2951
2952
|
pause(this.$el);
|
|
2952
|
-
} else if (this.autoplay === true && !prev ||
|
|
2953
|
+
} else if (this.autoplay === true && !prev || inView) {
|
|
2953
2954
|
play(this.$el);
|
|
2954
2955
|
}
|
|
2955
|
-
}
|
|
2956
|
+
},
|
|
2957
|
+
events: ["resize"]
|
|
2956
2958
|
}
|
|
2957
2959
|
};
|
|
2958
2960
|
|
|
@@ -2971,7 +2973,7 @@
|
|
|
2971
2973
|
}
|
|
2972
2974
|
},
|
|
2973
2975
|
observe: resize({
|
|
2974
|
-
target: ({ $el }) => [
|
|
2976
|
+
target: ({ $el }) => [getPositionedParent($el) || parent($el)]
|
|
2975
2977
|
}),
|
|
2976
2978
|
update: {
|
|
2977
2979
|
read() {
|
|
@@ -4301,45 +4303,45 @@
|
|
|
4301
4303
|
}
|
|
4302
4304
|
};
|
|
4303
4305
|
|
|
4304
|
-
var closeIcon = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"
|
|
4306
|
+
var closeIcon = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"1\" y1=\"1\" x2=\"13\" y2=\"13\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"13\" y1=\"1\" x2=\"1\" y2=\"13\"/></svg>";
|
|
4305
4307
|
|
|
4306
|
-
var closeLarge = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"
|
|
4308
|
+
var closeLarge = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" x1=\"1\" y1=\"1\" x2=\"19\" y2=\"19\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" x1=\"19\" y1=\"1\" x2=\"1\" y2=\"19\"/></svg>";
|
|
4307
4309
|
|
|
4308
|
-
var dropParentIcon = "<svg
|
|
4310
|
+
var dropParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>";
|
|
4309
4311
|
|
|
4310
|
-
var marker = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"
|
|
4312
|
+
var marker = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><rect x=\"9\" y=\"4\" width=\"1\" height=\"11\"/><rect x=\"4\" y=\"9\" width=\"11\" height=\"1\"/></svg>";
|
|
4311
4313
|
|
|
4312
|
-
var navParentIcon = "<svg
|
|
4314
|
+
var navParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>";
|
|
4313
4315
|
|
|
4314
|
-
var navParentIconLarge = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"
|
|
4316
|
+
var navParentIconLarge = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 4 7 10 13 4\"/></svg>";
|
|
4315
4317
|
|
|
4316
|
-
var navbarParentIcon = "<svg
|
|
4318
|
+
var navbarParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>";
|
|
4317
4319
|
|
|
4318
|
-
var navbarToggleIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"
|
|
4320
|
+
var navbarToggleIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><style>.uk-navbar-toggle-animate svg>[class*="line-"]{transition:0.2s ease-in-out;transition-property:transform, opacity;transform-origin:center;opacity:1}.uk-navbar-toggle svg>.line-3{opacity:0}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-3{opacity:1}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-2{transform:rotate(45deg)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-3{transform:rotate(-45deg)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-1,.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-4{opacity:0}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-1{transform:translateY(6px) scaleX(0)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-4{transform:translateY(-6px) scaleX(0)}</style><rect class=\"line-1\" y=\"3\" width=\"20\" height=\"2\"/><rect class=\"line-2\" y=\"9\" width=\"20\" height=\"2\"/><rect class=\"line-3\" y=\"9\" width=\"20\" height=\"2\"/><rect class=\"line-4\" y=\"15\" width=\"20\" height=\"2\"/></svg>";
|
|
4319
4321
|
|
|
4320
|
-
var overlayIcon = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"
|
|
4322
|
+
var overlayIcon = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><rect x=\"19\" y=\"0\" width=\"1\" height=\"40\"/><rect x=\"0\" y=\"19\" width=\"40\" height=\"1\"/></svg>";
|
|
4321
4323
|
|
|
4322
|
-
var paginationNext = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"
|
|
4324
|
+
var paginationNext = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"1 1 6 6 1 11\"/></svg>";
|
|
4323
4325
|
|
|
4324
|
-
var paginationPrevious = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"
|
|
4326
|
+
var paginationPrevious = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"6 1 1 6 6 11\"/></svg>";
|
|
4325
4327
|
|
|
4326
|
-
var searchIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"
|
|
4328
|
+
var searchIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"9\" cy=\"9\" r=\"7\"/><path fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" d=\"M14,14 L18,18 L14,14 Z\"/></svg>";
|
|
4327
4329
|
|
|
4328
|
-
var searchLarge = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"
|
|
4330
|
+
var searchLarge = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" cx=\"17.5\" cy=\"17.5\" r=\"16.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" x1=\"38\" y1=\"39\" x2=\"29\" y2=\"30\"/></svg>";
|
|
4329
4331
|
|
|
4330
|
-
var searchNavbar = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"
|
|
4332
|
+
var searchNavbar = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"10.5\" cy=\"10.5\" r=\"9.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"23\" y1=\"23\" x2=\"17\" y2=\"17\"/></svg>";
|
|
4331
4333
|
|
|
4332
|
-
var slidenavNext = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"
|
|
4334
|
+
var slidenavNext = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" points=\"1.225,23 12.775,12 1.225,1\"/></svg>";
|
|
4333
4335
|
|
|
4334
|
-
var slidenavNextLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"
|
|
4336
|
+
var slidenavNextLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"2\" points=\"4.002,38.547 22.527,20.024 4,1.5\"/></svg>";
|
|
4335
4337
|
|
|
4336
|
-
var slidenavPrevious = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"
|
|
4338
|
+
var slidenavPrevious = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" points=\"12.775,1 1.225,12 12.775,23\"/></svg>";
|
|
4337
4339
|
|
|
4338
|
-
var slidenavPreviousLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"
|
|
4340
|
+
var slidenavPreviousLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"2\" points=\"20.527,1.5 2,20.024 20.525,38.547\"/></svg>";
|
|
4339
4341
|
|
|
4340
|
-
var spinner = "<svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\"
|
|
4342
|
+
var spinner = "<svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\"><circle fill=\"none\" stroke=\"#000\" cx=\"15\" cy=\"15\" r=\"14\"/></svg>";
|
|
4341
4343
|
|
|
4342
|
-
var totop = "<svg width=\"18\" height=\"10\" viewBox=\"0 0 18 10\"
|
|
4344
|
+
var totop = "<svg width=\"18\" height=\"10\" viewBox=\"0 0 18 10\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"1 9 9 1 17 9\"/></svg>";
|
|
4343
4345
|
|
|
4344
4346
|
const icons = {
|
|
4345
4347
|
spinner,
|
|
@@ -4570,12 +4572,12 @@
|
|
|
4570
4572
|
}
|
|
4571
4573
|
const srcProps = ["data-src", "data-srcset", "sizes"];
|
|
4572
4574
|
function setSourceProps(sourceEl, targetEl) {
|
|
4573
|
-
|
|
4575
|
+
for (const prop of srcProps) {
|
|
4574
4576
|
const value = data(sourceEl, prop);
|
|
4575
4577
|
if (value) {
|
|
4576
4578
|
attr(targetEl, prop.replace(/^(data-)+/, ""), value);
|
|
4577
4579
|
}
|
|
4578
|
-
}
|
|
4580
|
+
}
|
|
4579
4581
|
}
|
|
4580
4582
|
function getImageFromElement(el, src, sources) {
|
|
4581
4583
|
const img = new Image();
|
|
@@ -6005,7 +6007,7 @@
|
|
|
6005
6007
|
this.$emit();
|
|
6006
6008
|
},
|
|
6007
6009
|
connectChildren() {
|
|
6008
|
-
|
|
6010
|
+
let index = Math.max(0, this.index());
|
|
6009
6011
|
for (const el of this.connects) {
|
|
6010
6012
|
children(el).forEach((child, i) => toggleClass(child, this.cls, i === index));
|
|
6011
6013
|
}
|
|
@@ -6125,11 +6127,10 @@
|
|
|
6125
6127
|
});
|
|
6126
6128
|
const animate = prev >= 0 && prev !== next;
|
|
6127
6129
|
this.connects.forEach(async ({ children: children2 }) => {
|
|
6128
|
-
|
|
6129
|
-
|
|
6130
|
-
false,
|
|
6131
|
-
animate
|
|
6130
|
+
const actives = toArray(children2).filter(
|
|
6131
|
+
(child, i) => i !== active && hasClass(child, this.cls)
|
|
6132
6132
|
);
|
|
6133
|
+
await this.toggleElement(actives, false, animate);
|
|
6133
6134
|
await this.toggleElement(children2[active], true, animate);
|
|
6134
6135
|
});
|
|
6135
6136
|
}
|
|
@@ -6298,11 +6299,12 @@
|
|
|
6298
6299
|
return;
|
|
6299
6300
|
}
|
|
6300
6301
|
const toggled = this.target.filter(this.isToggled);
|
|
6301
|
-
await this.toggleElement(toggled, false)
|
|
6302
|
-
|
|
6303
|
-
|
|
6304
|
-
|
|
6305
|
-
|
|
6302
|
+
if (await this.toggleElement(toggled, false)) {
|
|
6303
|
+
await this.toggleElement(
|
|
6304
|
+
this.target.filter((el) => !includes(toggled, el)),
|
|
6305
|
+
true
|
|
6306
|
+
);
|
|
6307
|
+
}
|
|
6306
6308
|
}
|
|
6307
6309
|
}
|
|
6308
6310
|
};
|