uikit 3.23.0 → 3.23.2-dev.9faffa230
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 +13 -1
- package/dist/css/uikit-core-rtl.css +3 -2
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +3 -2
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +3 -2
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +3 -2
- 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 +85 -84
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +10 -10
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +11 -11
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +2 -2
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +10 -10
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +10 -10
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +12 -12
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +10 -10
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +16 -16
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +84 -83
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +5 -5
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +3 -3
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +55 -56
- 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 +152 -151
- package/dist/js/uikit.min.js +1 -1
- package/package.json +3 -3
- package/src/images/components/drop-parent-icon.svg +2 -2
- package/src/images/components/marker.svg +2 -2
- package/src/images/components/nav-parent-icon.svg +2 -2
- package/src/images/components/navbar-parent-icon.svg +2 -2
- package/src/images/components/slidenav-next-large.svg +3 -3
- package/src/images/components/slidenav-next.svg +3 -3
- package/src/images/components/slidenav-previous-large.svg +3 -3
- package/src/images/components/slidenav-previous.svg +3 -3
- package/src/images/components/totop.svg +1 -1
- package/src/images/icons/chevron-double-left.svg +2 -2
- package/src/images/icons/chevron-double-right.svg +2 -2
- package/src/images/icons/discord.svg +1 -1
- package/src/images/icons/etsy.svg +1 -1
- package/src/images/icons/git-branch.svg +5 -5
- package/src/images/icons/git-fork.svg +5 -5
- package/src/images/icons/instagram.svg +3 -3
- package/src/images/icons/list.svg +6 -6
- package/src/images/icons/mastodon.svg +2 -2
- package/src/images/icons/move.svg +4 -4
- package/src/images/icons/signal.svg +2 -2
- package/src/images/icons/social.svg +5 -5
- package/src/images/icons/soundcloud.svg +4 -4
- package/src/images/icons/telegram.svg +2 -2
- package/src/images/icons/threads.svg +2 -2
- package/src/images/icons/tripadvisor.svg +1 -1
- package/src/images/icons/tumblr.svg +1 -1
- package/src/images/icons/twitch.svg +3 -3
- package/src/images/icons/vimeo.svg +1 -1
- package/src/images/icons/x.svg +2 -2
- package/src/images/icons/yelp.svg +1 -1
- package/src/images/icons/yootheme.svg +2 -2
- package/src/js/core/height-viewport.js +2 -2
- package/src/js/core/margin.js +0 -1
- package/src/js/mixin/internal/animate-fade.js +4 -3
- package/src/less/components/visibility.less +3 -1
- package/src/scss/components/visibility.scss +3 -1
package/dist/js/uikit.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.23.
|
|
1
|
+
/*! UIkit 3.23.2-dev.9faffa230 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
|
|
2
2
|
|
|
3
3
|
(function (global, factory) {
|
|
4
4
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
@@ -19,19 +19,19 @@
|
|
|
19
19
|
const ucfirst = memoize((str) => str.charAt(0).toUpperCase() + str.slice(1));
|
|
20
20
|
function startsWith(str, search) {
|
|
21
21
|
var _a;
|
|
22
|
-
return (_a = str == null ?
|
|
22
|
+
return (_a = str == null ? void 0 : str.startsWith) == null ? void 0 : _a.call(str, search);
|
|
23
23
|
}
|
|
24
24
|
function endsWith(str, search) {
|
|
25
25
|
var _a;
|
|
26
|
-
return (_a = str == null ?
|
|
26
|
+
return (_a = str == null ? void 0 : str.endsWith) == null ? void 0 : _a.call(str, search);
|
|
27
27
|
}
|
|
28
28
|
function includes(obj, search) {
|
|
29
29
|
var _a;
|
|
30
|
-
return (_a = obj == null ?
|
|
30
|
+
return (_a = obj == null ? void 0 : obj.includes) == null ? void 0 : _a.call(obj, search);
|
|
31
31
|
}
|
|
32
32
|
function findIndex(array, predicate) {
|
|
33
33
|
var _a;
|
|
34
|
-
return (_a = array == null ?
|
|
34
|
+
return (_a = array == null ? void 0 : array.findIndex) == null ? void 0 : _a.call(array, predicate);
|
|
35
35
|
}
|
|
36
36
|
const { isArray, from: toArray } = Array;
|
|
37
37
|
const { assign } = Object;
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
return !(isArray(obj) ? obj.length : isObject(obj) ? Object.keys(obj).length : false);
|
|
76
76
|
}
|
|
77
77
|
function isUndefined(value) {
|
|
78
|
-
return value ===
|
|
78
|
+
return value === void 0;
|
|
79
79
|
}
|
|
80
80
|
function toBoolean(value) {
|
|
81
81
|
return isBoolean(value) ? value : value === "true" || value === "1" || value === "" ? true : value === "false" || value === "0" ? false : value;
|
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
return element;
|
|
99
99
|
}
|
|
100
100
|
element = toNode(element);
|
|
101
|
-
const document = isDocument(element) ? element : element == null ?
|
|
102
|
-
return (document == null ?
|
|
101
|
+
const document = isDocument(element) ? element : element == null ? void 0 : element.ownerDocument;
|
|
102
|
+
return (document == null ? void 0 : document.defaultView) || window;
|
|
103
103
|
}
|
|
104
104
|
function isEqual(value, other) {
|
|
105
105
|
return value === other || isObject(value) && isObject(other) && Object.keys(value).length === Object.keys(other).length && each(value, (val, key) => val === other[key]);
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
return;
|
|
243
243
|
}
|
|
244
244
|
if (isUndefined(value)) {
|
|
245
|
-
return (_a = toNode(element)) == null ?
|
|
245
|
+
return (_a = toNode(element)) == null ? void 0 : _a.getAttribute(name);
|
|
246
246
|
} else {
|
|
247
247
|
for (const el of toNodes(element)) {
|
|
248
248
|
if (isFunction(value)) {
|
|
@@ -317,7 +317,7 @@
|
|
|
317
317
|
}
|
|
318
318
|
function parent(element) {
|
|
319
319
|
var _a;
|
|
320
|
-
return (_a = toNode(element)) == null ?
|
|
320
|
+
return (_a = toNode(element)) == null ? void 0 : _a.parentElement;
|
|
321
321
|
}
|
|
322
322
|
function filter$1(element, selector) {
|
|
323
323
|
return toNodes(element).filter((element2) => matches(element2, selector));
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
if (listener.length > 1) {
|
|
473
473
|
listener = detail(listener);
|
|
474
474
|
}
|
|
475
|
-
if (useCapture == null ?
|
|
475
|
+
if (useCapture == null ? void 0 : useCapture.self) {
|
|
476
476
|
listener = selfFilter(listener);
|
|
477
477
|
}
|
|
478
478
|
if (selector) {
|
|
@@ -565,7 +565,7 @@
|
|
|
565
565
|
}
|
|
566
566
|
function getEventPos(e) {
|
|
567
567
|
var _a, _b;
|
|
568
|
-
const { clientX: x, clientY: y } = ((_a = e.touches) == null ?
|
|
568
|
+
const { clientX: x, clientY: y } = ((_a = e.touches) == null ? void 0 : _a[0]) || ((_b = e.changedTouches) == null ? void 0 : _b[0]) || e;
|
|
569
569
|
return { x, y };
|
|
570
570
|
}
|
|
571
571
|
|
|
@@ -741,7 +741,7 @@
|
|
|
741
741
|
function isTag(element, ...tagNames) {
|
|
742
742
|
return tagNames.some((tagName) => {
|
|
743
743
|
var _a;
|
|
744
|
-
return ((_a = element == null ?
|
|
744
|
+
return ((_a = element == null ? void 0 : element.tagName) == null ? void 0 : _a.toLowerCase()) === tagName.toLowerCase();
|
|
745
745
|
});
|
|
746
746
|
}
|
|
747
747
|
function empty(element) {
|
|
@@ -762,7 +762,7 @@
|
|
|
762
762
|
return function(ref, element) {
|
|
763
763
|
var _a;
|
|
764
764
|
const nodes = toNodes(isString(element) ? fragment(element) : element);
|
|
765
|
-
(_a = $(ref)) == null ?
|
|
765
|
+
(_a = $(ref)) == null ? void 0 : _a[fn](...nodes);
|
|
766
766
|
return unwrapSingle(nodes);
|
|
767
767
|
};
|
|
768
768
|
}
|
|
@@ -1037,7 +1037,7 @@
|
|
|
1037
1037
|
}
|
|
1038
1038
|
cancel() {
|
|
1039
1039
|
var _a;
|
|
1040
|
-
(_a = this.unbind) == null ?
|
|
1040
|
+
(_a = this.unbind) == null ? void 0 : _a.call(this);
|
|
1041
1041
|
clearInterval(this.interval);
|
|
1042
1042
|
}
|
|
1043
1043
|
movesTo(target) {
|
|
@@ -2030,8 +2030,7 @@
|
|
|
2030
2030
|
options: {
|
|
2031
2031
|
attributes: true,
|
|
2032
2032
|
attributeFilter: ["style"]
|
|
2033
|
-
}
|
|
2034
|
-
target: ({ $el }) => [$el, ...children($el)]
|
|
2033
|
+
}
|
|
2035
2034
|
}),
|
|
2036
2035
|
resize({
|
|
2037
2036
|
target: ({ $el }) => [$el, ...children($el)]
|
|
@@ -2107,6 +2106,88 @@
|
|
|
2107
2106
|
};
|
|
2108
2107
|
}
|
|
2109
2108
|
|
|
2109
|
+
const clsLeave = "uk-transition-leave";
|
|
2110
|
+
const clsEnter = "uk-transition-enter";
|
|
2111
|
+
function fade(action, target, duration, stagger = 0) {
|
|
2112
|
+
const index = transitionIndex(target, true);
|
|
2113
|
+
const propsIn = { opacity: 1 };
|
|
2114
|
+
const propsOut = { opacity: 0 };
|
|
2115
|
+
const wrapIndexFn = (fn) => () => index === transitionIndex(target) ? fn() : Promise.reject();
|
|
2116
|
+
const leaveFn = wrapIndexFn(async () => {
|
|
2117
|
+
addClass(target, clsLeave);
|
|
2118
|
+
await Promise.all(
|
|
2119
|
+
getTransitionNodes(target).map(
|
|
2120
|
+
(child, i) => new Promise(
|
|
2121
|
+
(resolve) => setTimeout(
|
|
2122
|
+
() => Transition.start(child, propsOut, duration / 2, "ease").then(
|
|
2123
|
+
resolve
|
|
2124
|
+
),
|
|
2125
|
+
i * stagger
|
|
2126
|
+
)
|
|
2127
|
+
)
|
|
2128
|
+
)
|
|
2129
|
+
);
|
|
2130
|
+
removeClass(target, clsLeave);
|
|
2131
|
+
});
|
|
2132
|
+
const enterFn = wrapIndexFn(async () => {
|
|
2133
|
+
const oldHeight = height(target);
|
|
2134
|
+
addClass(target, clsEnter);
|
|
2135
|
+
action();
|
|
2136
|
+
css(children(target), { opacity: 0 });
|
|
2137
|
+
height(target, oldHeight);
|
|
2138
|
+
await awaitTimeout();
|
|
2139
|
+
height(target, "");
|
|
2140
|
+
const nodes = children(target);
|
|
2141
|
+
const newHeight = height(target);
|
|
2142
|
+
css(target, "alignContent", "flex-start");
|
|
2143
|
+
height(target, oldHeight);
|
|
2144
|
+
const transitionNodes = getTransitionNodes(target);
|
|
2145
|
+
css(nodes, propsOut);
|
|
2146
|
+
const transitions = transitionNodes.map(async (child, i) => {
|
|
2147
|
+
await awaitTimeout(i * stagger);
|
|
2148
|
+
await Transition.start(child, propsIn, duration / 2, "ease");
|
|
2149
|
+
});
|
|
2150
|
+
if (oldHeight !== newHeight) {
|
|
2151
|
+
transitions.push(
|
|
2152
|
+
Transition.start(
|
|
2153
|
+
target,
|
|
2154
|
+
{ height: newHeight },
|
|
2155
|
+
duration / 2 + transitionNodes.length * stagger,
|
|
2156
|
+
"ease"
|
|
2157
|
+
)
|
|
2158
|
+
);
|
|
2159
|
+
}
|
|
2160
|
+
await Promise.all(transitions).then(() => {
|
|
2161
|
+
removeClass(target, clsEnter);
|
|
2162
|
+
if (index === transitionIndex(target)) {
|
|
2163
|
+
css(target, { height: "", alignContent: "" });
|
|
2164
|
+
css(nodes, { opacity: "" });
|
|
2165
|
+
delete target.dataset.transition;
|
|
2166
|
+
}
|
|
2167
|
+
});
|
|
2168
|
+
});
|
|
2169
|
+
return hasClass(target, clsLeave) ? waitTransitionend(target).then(enterFn) : hasClass(target, clsEnter) ? waitTransitionend(target).then(leaveFn).then(enterFn) : leaveFn().then(enterFn);
|
|
2170
|
+
}
|
|
2171
|
+
function transitionIndex(target, next) {
|
|
2172
|
+
if (next) {
|
|
2173
|
+
target.dataset.transition = 1 + transitionIndex(target);
|
|
2174
|
+
}
|
|
2175
|
+
return toNumber(target.dataset.transition) || 0;
|
|
2176
|
+
}
|
|
2177
|
+
function waitTransitionend(target) {
|
|
2178
|
+
return Promise.all(
|
|
2179
|
+
children(target).filter(Transition.inProgress).map(
|
|
2180
|
+
(el) => new Promise((resolve) => once(el, "transitionend transitioncanceled", resolve))
|
|
2181
|
+
)
|
|
2182
|
+
);
|
|
2183
|
+
}
|
|
2184
|
+
function getTransitionNodes(target) {
|
|
2185
|
+
return getRows(children(target)).flat().filter(isVisible);
|
|
2186
|
+
}
|
|
2187
|
+
function awaitTimeout(timeout) {
|
|
2188
|
+
return new Promise((resolve) => setTimeout(resolve, timeout));
|
|
2189
|
+
}
|
|
2190
|
+
|
|
2110
2191
|
async function slide(action, target, duration) {
|
|
2111
2192
|
await awaitFrame();
|
|
2112
2193
|
let nodes = children(target);
|
|
@@ -2195,86 +2276,6 @@
|
|
|
2195
2276
|
return new Promise((resolve) => requestAnimationFrame(resolve));
|
|
2196
2277
|
}
|
|
2197
2278
|
|
|
2198
|
-
const clsLeave = "uk-transition-leave";
|
|
2199
|
-
const clsEnter = "uk-transition-enter";
|
|
2200
|
-
function fade(action, target, duration, stagger = 0) {
|
|
2201
|
-
const index = transitionIndex(target, true);
|
|
2202
|
-
const propsIn = { opacity: 1 };
|
|
2203
|
-
const propsOut = { opacity: 0 };
|
|
2204
|
-
const wrapIndexFn = (fn) => () => index === transitionIndex(target) ? fn() : Promise.reject();
|
|
2205
|
-
const leaveFn = wrapIndexFn(async () => {
|
|
2206
|
-
addClass(target, clsLeave);
|
|
2207
|
-
await Promise.all(
|
|
2208
|
-
getTransitionNodes(target).map(
|
|
2209
|
-
(child, i) => new Promise(
|
|
2210
|
-
(resolve) => setTimeout(
|
|
2211
|
-
() => Transition.start(child, propsOut, duration / 2, "ease").then(
|
|
2212
|
-
resolve
|
|
2213
|
-
),
|
|
2214
|
-
i * stagger
|
|
2215
|
-
)
|
|
2216
|
-
)
|
|
2217
|
-
)
|
|
2218
|
-
);
|
|
2219
|
-
removeClass(target, clsLeave);
|
|
2220
|
-
});
|
|
2221
|
-
const enterFn = wrapIndexFn(async () => {
|
|
2222
|
-
const oldHeight = height(target);
|
|
2223
|
-
addClass(target, clsEnter);
|
|
2224
|
-
action();
|
|
2225
|
-
css(children(target), { opacity: 0 });
|
|
2226
|
-
await awaitFrame();
|
|
2227
|
-
const nodes = children(target);
|
|
2228
|
-
const newHeight = height(target);
|
|
2229
|
-
css(target, "alignContent", "flex-start");
|
|
2230
|
-
height(target, oldHeight);
|
|
2231
|
-
const transitionNodes = getTransitionNodes(target);
|
|
2232
|
-
css(nodes, propsOut);
|
|
2233
|
-
const transitions = transitionNodes.map(async (child, i) => {
|
|
2234
|
-
await awaitTimeout(i * stagger);
|
|
2235
|
-
await Transition.start(child, propsIn, duration / 2, "ease");
|
|
2236
|
-
});
|
|
2237
|
-
if (oldHeight !== newHeight) {
|
|
2238
|
-
transitions.push(
|
|
2239
|
-
Transition.start(
|
|
2240
|
-
target,
|
|
2241
|
-
{ height: newHeight },
|
|
2242
|
-
duration / 2 + transitionNodes.length * stagger,
|
|
2243
|
-
"ease"
|
|
2244
|
-
)
|
|
2245
|
-
);
|
|
2246
|
-
}
|
|
2247
|
-
await Promise.all(transitions).then(() => {
|
|
2248
|
-
removeClass(target, clsEnter);
|
|
2249
|
-
if (index === transitionIndex(target)) {
|
|
2250
|
-
css(target, { height: "", alignContent: "" });
|
|
2251
|
-
css(nodes, { opacity: "" });
|
|
2252
|
-
delete target.dataset.transition;
|
|
2253
|
-
}
|
|
2254
|
-
});
|
|
2255
|
-
});
|
|
2256
|
-
return hasClass(target, clsLeave) ? waitTransitionend(target).then(enterFn) : hasClass(target, clsEnter) ? waitTransitionend(target).then(leaveFn).then(enterFn) : leaveFn().then(enterFn);
|
|
2257
|
-
}
|
|
2258
|
-
function transitionIndex(target, next) {
|
|
2259
|
-
if (next) {
|
|
2260
|
-
target.dataset.transition = 1 + transitionIndex(target);
|
|
2261
|
-
}
|
|
2262
|
-
return toNumber(target.dataset.transition) || 0;
|
|
2263
|
-
}
|
|
2264
|
-
function waitTransitionend(target) {
|
|
2265
|
-
return Promise.all(
|
|
2266
|
-
children(target).filter(Transition.inProgress).map(
|
|
2267
|
-
(el) => new Promise((resolve) => once(el, "transitionend transitioncanceled", resolve))
|
|
2268
|
-
)
|
|
2269
|
-
);
|
|
2270
|
-
}
|
|
2271
|
-
function getTransitionNodes(target) {
|
|
2272
|
-
return getRows(children(target)).flat().filter(isVisible);
|
|
2273
|
-
}
|
|
2274
|
-
function awaitTimeout(timeout) {
|
|
2275
|
-
return new Promise((resolve) => setTimeout(resolve, timeout));
|
|
2276
|
-
}
|
|
2277
|
-
|
|
2278
2279
|
var Animate = {
|
|
2279
2280
|
props: {
|
|
2280
2281
|
duration: Number,
|
|
@@ -2442,7 +2443,7 @@
|
|
|
2442
2443
|
}
|
|
2443
2444
|
function sortItems(nodes, sort, order) {
|
|
2444
2445
|
return [...nodes].sort(
|
|
2445
|
-
(a, b) => data(a, sort).localeCompare(data(b, sort),
|
|
2446
|
+
(a, b) => data(a, sort).localeCompare(data(b, sort), void 0, { numeric: true }) * (order === "asc" || -1)
|
|
2446
2447
|
);
|
|
2447
2448
|
}
|
|
2448
2449
|
function findButton(el) {
|
|
@@ -2775,7 +2776,7 @@
|
|
|
2775
2776
|
let changed;
|
|
2776
2777
|
if (this.cls) {
|
|
2777
2778
|
changed = includes(this.cls, " ") || toggled !== hasClass(el, this.cls);
|
|
2778
|
-
changed && toggleClass(el, this.cls, includes(this.cls, " ") ?
|
|
2779
|
+
changed && toggleClass(el, this.cls, includes(this.cls, " ") ? void 0 : toggled);
|
|
2779
2780
|
} else {
|
|
2780
2781
|
changed = toggled === el.hidden;
|
|
2781
2782
|
changed && (el.hidden = !toggled);
|
|
@@ -2793,7 +2794,7 @@
|
|
|
2793
2794
|
}
|
|
2794
2795
|
async function toggleTransition(el, show, { animation, duration, velocity, transition, _toggle }) {
|
|
2795
2796
|
var _a;
|
|
2796
|
-
const [mode = "reveal", startProp = "top"] = ((_a = animation[0]) == null ?
|
|
2797
|
+
const [mode = "reveal", startProp = "top"] = ((_a = animation[0]) == null ? void 0 : _a.split("-")) || [];
|
|
2797
2798
|
const dirs = [
|
|
2798
2799
|
["left", "right"],
|
|
2799
2800
|
["top", "bottom"]
|
|
@@ -3039,7 +3040,7 @@
|
|
|
3039
3040
|
return new Promise(
|
|
3040
3041
|
(resolve, reject) => once(el, "show hide", () => {
|
|
3041
3042
|
var _a;
|
|
3042
|
-
(_a = el._reject) == null ?
|
|
3043
|
+
(_a = el._reject) == null ? void 0 : _a.call(el);
|
|
3043
3044
|
el._reject = reject;
|
|
3044
3045
|
_toggle(el, show);
|
|
3045
3046
|
const off = once(
|
|
@@ -3166,7 +3167,7 @@
|
|
|
3166
3167
|
return percent(prev || next, next, dir);
|
|
3167
3168
|
},
|
|
3168
3169
|
getDistance() {
|
|
3169
|
-
return prev == null ?
|
|
3170
|
+
return prev == null ? void 0 : prev.offsetWidth;
|
|
3170
3171
|
}
|
|
3171
3172
|
};
|
|
3172
3173
|
}
|
|
@@ -3189,7 +3190,7 @@
|
|
|
3189
3190
|
t(key, ...params) {
|
|
3190
3191
|
var _a, _b, _c;
|
|
3191
3192
|
let i = 0;
|
|
3192
|
-
return ((_c = ((_a = this.i18n) == null ?
|
|
3193
|
+
return ((_c = ((_a = this.i18n) == null ? void 0 : _a[key]) || ((_b = this.$options.i18n) == null ? void 0 : _b[key])) == null ? void 0 : _c.replace(
|
|
3193
3194
|
/%s/g,
|
|
3194
3195
|
() => params[i++] || ""
|
|
3195
3196
|
)) || "";
|
|
@@ -3505,7 +3506,7 @@
|
|
|
3505
3506
|
on(
|
|
3506
3507
|
el ? el.call(instance, instance) : instance.$el,
|
|
3507
3508
|
name,
|
|
3508
|
-
delegate == null ?
|
|
3509
|
+
delegate == null ? void 0 : delegate.call(instance, instance),
|
|
3509
3510
|
handler.bind(instance),
|
|
3510
3511
|
{
|
|
3511
3512
|
passive,
|
|
@@ -3637,7 +3638,7 @@
|
|
|
3637
3638
|
|
|
3638
3639
|
function callHook(instance, hook) {
|
|
3639
3640
|
var _a;
|
|
3640
|
-
(_a = instance.$options[hook]) == null ?
|
|
3641
|
+
(_a = instance.$options[hook]) == null ? void 0 : _a.forEach((handler) => handler.call(instance));
|
|
3641
3642
|
}
|
|
3642
3643
|
function callConnected(instance) {
|
|
3643
3644
|
if (instance._connected) {
|
|
@@ -3721,7 +3722,7 @@
|
|
|
3721
3722
|
};
|
|
3722
3723
|
App.util = util;
|
|
3723
3724
|
App.options = {};
|
|
3724
|
-
App.version = "3.23.
|
|
3725
|
+
App.version = "3.23.2-dev.9faffa230";
|
|
3725
3726
|
|
|
3726
3727
|
const PREFIX = "uk-";
|
|
3727
3728
|
const DATA = "__uikit__";
|
|
@@ -3740,7 +3741,7 @@
|
|
|
3740
3741
|
const opt = (_a = options.options) != null ? _a : { ...options };
|
|
3741
3742
|
opt.id = id;
|
|
3742
3743
|
opt.name = name;
|
|
3743
|
-
(_b = opt.install) == null ?
|
|
3744
|
+
(_b = opt.install) == null ? void 0 : _b.call(opt, App, opt, name);
|
|
3744
3745
|
if (App._initialized && !opt.functional) {
|
|
3745
3746
|
requestAnimationFrame(() => createComponent(name, `[${id}],[data-${id}]`));
|
|
3746
3747
|
}
|
|
@@ -3762,7 +3763,7 @@
|
|
|
3762
3763
|
}
|
|
3763
3764
|
}
|
|
3764
3765
|
function getComponents(element) {
|
|
3765
|
-
return (element == null ?
|
|
3766
|
+
return (element == null ? void 0 : element[DATA]) || {};
|
|
3766
3767
|
}
|
|
3767
3768
|
function getComponent(element, name) {
|
|
3768
3769
|
return getComponents(element)[name];
|
|
@@ -3879,7 +3880,7 @@
|
|
|
3879
3880
|
}
|
|
3880
3881
|
let id = 1;
|
|
3881
3882
|
function generateId(instance, el = null) {
|
|
3882
|
-
return (el == null ?
|
|
3883
|
+
return (el == null ? void 0 : el.id) || `${instance.$options.id}-${id++}`;
|
|
3883
3884
|
}
|
|
3884
3885
|
|
|
3885
3886
|
var SliderNav = {
|
|
@@ -4145,7 +4146,7 @@
|
|
|
4145
4146
|
stack[force ? "unshift" : "push"](index);
|
|
4146
4147
|
if (!force && stack.length > 1) {
|
|
4147
4148
|
if (stack.length === 2) {
|
|
4148
|
-
(_a = this._transitioner) == null ?
|
|
4149
|
+
(_a = this._transitioner) == null ? void 0 : _a.forward(Math.min(this.duration, 200));
|
|
4149
4150
|
}
|
|
4150
4151
|
return;
|
|
4151
4152
|
}
|
|
@@ -4691,10 +4692,10 @@
|
|
|
4691
4692
|
return el;
|
|
4692
4693
|
}
|
|
4693
4694
|
function isImage(src) {
|
|
4694
|
-
return src == null ?
|
|
4695
|
+
return src == null ? void 0 : src.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i);
|
|
4695
4696
|
}
|
|
4696
4697
|
function isVideo(src) {
|
|
4697
|
-
return src == null ?
|
|
4698
|
+
return src == null ? void 0 : src.match(/\.(mp4|webm|ogv)($|\?)/i);
|
|
4698
4699
|
}
|
|
4699
4700
|
|
|
4700
4701
|
const selDisabled$1 = ".uk-disabled *, .uk-disabled, [disabled]";
|
|
@@ -4747,7 +4748,7 @@
|
|
|
4747
4748
|
},
|
|
4748
4749
|
hide() {
|
|
4749
4750
|
var _a;
|
|
4750
|
-
return (_a = this.panel) == null ?
|
|
4751
|
+
return (_a = this.panel) == null ? void 0 : _a.hide();
|
|
4751
4752
|
}
|
|
4752
4753
|
}
|
|
4753
4754
|
};
|
|
@@ -4854,7 +4855,7 @@
|
|
|
4854
4855
|
const container = parent(el);
|
|
4855
4856
|
trigger(el, "close", [this]);
|
|
4856
4857
|
remove$1(el);
|
|
4857
|
-
if (!(container == null ?
|
|
4858
|
+
if (!(container == null ? void 0 : container.hasChildNodes())) {
|
|
4858
4859
|
remove$1(container);
|
|
4859
4860
|
}
|
|
4860
4861
|
};
|
|
@@ -4904,7 +4905,7 @@
|
|
|
4904
4905
|
},
|
|
4905
4906
|
disconnected() {
|
|
4906
4907
|
var _a;
|
|
4907
|
-
(_a = this.offMediaObj) == null ?
|
|
4908
|
+
(_a = this.offMediaObj) == null ? void 0 : _a.call(this);
|
|
4908
4909
|
}
|
|
4909
4910
|
};
|
|
4910
4911
|
function toMedia(value, element) {
|
|
@@ -4922,7 +4923,7 @@
|
|
|
4922
4923
|
return isVisible(el) ? Math.ceil(
|
|
4923
4924
|
Math.max(0, ...$$("[stroke]", el).map((stroke) => {
|
|
4924
4925
|
var _a;
|
|
4925
|
-
return ((_a = stroke.getTotalLength) == null ?
|
|
4926
|
+
return ((_a = stroke.getTotalLength) == null ? void 0 : _a.call(stroke)) || 0;
|
|
4926
4927
|
}))
|
|
4927
4928
|
) : 0;
|
|
4928
4929
|
}
|
|
@@ -4951,7 +4952,7 @@
|
|
|
4951
4952
|
var Parallax = {
|
|
4952
4953
|
mixins: [Media],
|
|
4953
4954
|
props: fillObject(keys(props), "list"),
|
|
4954
|
-
data: fillObject(keys(props),
|
|
4955
|
+
data: fillObject(keys(props), void 0),
|
|
4955
4956
|
computed: {
|
|
4956
4957
|
props(properties, $el) {
|
|
4957
4958
|
const stops = {};
|
|
@@ -4998,7 +4999,7 @@
|
|
|
4998
4999
|
unit = "";
|
|
4999
5000
|
transformFn2 = (stop) => {
|
|
5000
5001
|
var _a;
|
|
5001
|
-
return getUnit([stop]) ? toPx(stop, "width", el, true) / el[`offset${((_a = stop.endsWith) == null ?
|
|
5002
|
+
return getUnit([stop]) ? toPx(stop, "width", el, true) / el[`offset${((_a = stop.endsWith) == null ? void 0 : _a.call(stop, "vh")) ? "Height" : "Width"}`] : toFloat(stop);
|
|
5002
5003
|
};
|
|
5003
5004
|
}
|
|
5004
5005
|
if (stops.length === 1) {
|
|
@@ -5207,7 +5208,7 @@
|
|
|
5207
5208
|
function getUnit(stops, defaultUnit) {
|
|
5208
5209
|
var _a;
|
|
5209
5210
|
for (const stop of stops) {
|
|
5210
|
-
const match = (_a = stop.match) == null ?
|
|
5211
|
+
const match = (_a = stop.match) == null ? void 0 : _a.call(stop, unitRe);
|
|
5211
5212
|
if (match) {
|
|
5212
5213
|
return match[1];
|
|
5213
5214
|
}
|
|
@@ -5896,8 +5897,8 @@
|
|
|
5896
5897
|
},
|
|
5897
5898
|
data: {
|
|
5898
5899
|
ratio: "16:9",
|
|
5899
|
-
minHeight:
|
|
5900
|
-
maxHeight:
|
|
5900
|
+
minHeight: void 0,
|
|
5901
|
+
maxHeight: void 0,
|
|
5901
5902
|
selList: ".uk-slideshow-items",
|
|
5902
5903
|
attrItem: "uk-slideshow-item",
|
|
5903
5904
|
selNav: ".uk-slideshow-nav",
|
|
@@ -5906,7 +5907,7 @@
|
|
|
5906
5907
|
watch: {
|
|
5907
5908
|
list(list) {
|
|
5908
5909
|
css(list, {
|
|
5909
|
-
aspectRatio: this.ratio ? this.ratio.replace(":", "/") :
|
|
5910
|
+
aspectRatio: this.ratio ? this.ratio.replace(":", "/") : void 0,
|
|
5910
5911
|
minHeight: this.minHeight,
|
|
5911
5912
|
maxHeight: this.maxHeight,
|
|
5912
5913
|
width: "100%"
|
|
@@ -6273,7 +6274,7 @@
|
|
|
6273
6274
|
if (this.isToggled(this.tooltip || null)) {
|
|
6274
6275
|
await this.toggleElement(this.tooltip, false, false);
|
|
6275
6276
|
}
|
|
6276
|
-
(_a = this.reset) == null ?
|
|
6277
|
+
(_a = this.reset) == null ? void 0 : _a.call(this);
|
|
6277
6278
|
remove$1(this.tooltip);
|
|
6278
6279
|
this.tooltip = null;
|
|
6279
6280
|
},
|
|
@@ -6413,7 +6414,7 @@
|
|
|
6413
6414
|
drop(e) {
|
|
6414
6415
|
stop(e);
|
|
6415
6416
|
const transfer = e.dataTransfer;
|
|
6416
|
-
if (!(transfer == null ?
|
|
6417
|
+
if (!(transfer == null ? void 0 : transfer.files)) {
|
|
6417
6418
|
return;
|
|
6418
6419
|
}
|
|
6419
6420
|
removeClass(this.$el, this.clsDragover);
|
|
@@ -6613,7 +6614,7 @@
|
|
|
6613
6614
|
if (hasAttr(target, attributeName)) {
|
|
6614
6615
|
createComponent(name, target);
|
|
6615
6616
|
} else {
|
|
6616
|
-
(_a = getComponent(target, name)) == null ?
|
|
6617
|
+
(_a = getComponent(target, name)) == null ? void 0 : _a.$destroy();
|
|
6617
6618
|
}
|
|
6618
6619
|
}
|
|
6619
6620
|
}
|
|
@@ -6676,7 +6677,7 @@
|
|
|
6676
6677
|
contents({ content }) {
|
|
6677
6678
|
return this.items.map((item) => {
|
|
6678
6679
|
var _a;
|
|
6679
|
-
return ((_a = item._wrapper) == null ?
|
|
6680
|
+
return ((_a = item._wrapper) == null ? void 0 : _a.firstElementChild) || $(content, item);
|
|
6680
6681
|
});
|
|
6681
6682
|
}
|
|
6682
6683
|
},
|
|
@@ -6715,7 +6716,7 @@
|
|
|
6715
6716
|
return;
|
|
6716
6717
|
}
|
|
6717
6718
|
e.preventDefault();
|
|
6718
|
-
(_a = this._off) == null ?
|
|
6719
|
+
(_a = this._off) == null ? void 0 : _a.call(this);
|
|
6719
6720
|
this._off = keepScrollPosition(e.target);
|
|
6720
6721
|
await this.toggle(index(this.toggles, e.current));
|
|
6721
6722
|
this._off();
|
|
@@ -6784,7 +6785,7 @@
|
|
|
6784
6785
|
}
|
|
6785
6786
|
async function transition(el, show, { content, duration, velocity, transition: transition2 }) {
|
|
6786
6787
|
var _a;
|
|
6787
|
-
content = ((_a = el._wrapper) == null ?
|
|
6788
|
+
content = ((_a = el._wrapper) == null ? void 0 : _a.firstElementChild) || $(content, el);
|
|
6788
6789
|
if (!el._wrapper) {
|
|
6789
6790
|
el._wrapper = wrapAll(content, "<div>");
|
|
6790
6791
|
}
|
|
@@ -7111,7 +7112,7 @@
|
|
|
7111
7112
|
if (this.isToggled()) {
|
|
7112
7113
|
this.hide(false);
|
|
7113
7114
|
} else {
|
|
7114
|
-
this.show(toggle == null ?
|
|
7115
|
+
this.show(toggle == null ? void 0 : toggle.$el, false);
|
|
7115
7116
|
}
|
|
7116
7117
|
}
|
|
7117
7118
|
},
|
|
@@ -7120,7 +7121,7 @@
|
|
|
7120
7121
|
self: true,
|
|
7121
7122
|
handler(e, toggle) {
|
|
7122
7123
|
e.preventDefault();
|
|
7123
|
-
this.show(toggle == null ?
|
|
7124
|
+
this.show(toggle == null ? void 0 : toggle.$el);
|
|
7124
7125
|
}
|
|
7125
7126
|
},
|
|
7126
7127
|
{
|
|
@@ -7359,7 +7360,7 @@
|
|
|
7359
7360
|
`${pointerUp$1} ${pointerCancel} scroll`,
|
|
7360
7361
|
({ defaultPrevented, type, target: newTarget }) => {
|
|
7361
7362
|
var _a;
|
|
7362
|
-
if (!defaultPrevented && type === pointerUp$1 && target === newTarget && !((_a = drop.targetEl) == null ?
|
|
7363
|
+
if (!defaultPrevented && type === pointerUp$1 && target === newTarget && !((_a = drop.targetEl) == null ? void 0 : _a.contains(target))) {
|
|
7363
7364
|
drop.hide(false);
|
|
7364
7365
|
}
|
|
7365
7366
|
},
|
|
@@ -7417,7 +7418,7 @@
|
|
|
7417
7418
|
const dropdowns = $$(`.${clsDrop}`, $el);
|
|
7418
7419
|
if (this.dropContainer !== $el) {
|
|
7419
7420
|
for (const el of $$(`.${clsDrop}`, this.dropContainer)) {
|
|
7420
|
-
const target = (_a = this.getDropdown(el)) == null ?
|
|
7421
|
+
const target = (_a = this.getDropdown(el)) == null ? void 0 : _a.targetEl;
|
|
7421
7422
|
if (!includes(dropdowns, el) && target && this.$el.contains(target)) {
|
|
7422
7423
|
dropdowns.push(el);
|
|
7423
7424
|
}
|
|
@@ -7470,14 +7471,14 @@
|
|
|
7470
7471
|
const { current, keyCode } = e;
|
|
7471
7472
|
const active2 = this.getActive();
|
|
7472
7473
|
if (keyCode === keyMap.DOWN) {
|
|
7473
|
-
if ((active2 == null ?
|
|
7474
|
+
if ((active2 == null ? void 0 : active2.targetEl) === current) {
|
|
7474
7475
|
e.preventDefault();
|
|
7475
|
-
(_a = $(selFocusable, active2.$el)) == null ?
|
|
7476
|
+
(_a = $(selFocusable, active2.$el)) == null ? void 0 : _a.focus();
|
|
7476
7477
|
} else {
|
|
7477
7478
|
const dropdown = this.dropdowns.find(
|
|
7478
7479
|
(el) => {
|
|
7479
7480
|
var _a2;
|
|
7480
|
-
return ((_a2 = this.getDropdown(el)) == null ?
|
|
7481
|
+
return ((_a2 = this.getDropdown(el)) == null ? void 0 : _a2.targetEl) === current;
|
|
7481
7482
|
}
|
|
7482
7483
|
);
|
|
7483
7484
|
if (dropdown) {
|
|
@@ -7485,7 +7486,7 @@
|
|
|
7485
7486
|
current.click();
|
|
7486
7487
|
once(dropdown, "show", (e2) => {
|
|
7487
7488
|
var _a2;
|
|
7488
|
-
return (_a2 = $(selFocusable, e2.target)) == null ?
|
|
7489
|
+
return (_a2 = $(selFocusable, e2.target)) == null ? void 0 : _a2.focus();
|
|
7489
7490
|
});
|
|
7490
7491
|
}
|
|
7491
7492
|
}
|
|
@@ -7514,7 +7515,7 @@
|
|
|
7514
7515
|
} else if (keyCode === keyMap.DOWN) {
|
|
7515
7516
|
next = "next";
|
|
7516
7517
|
} else if (keyCode === keyMap.ESC) {
|
|
7517
|
-
(_a = active2.targetEl) == null ?
|
|
7518
|
+
(_a = active2.targetEl) == null ? void 0 : _a.focus();
|
|
7518
7519
|
}
|
|
7519
7520
|
if (~next) {
|
|
7520
7521
|
e.preventDefault();
|
|
@@ -7600,7 +7601,7 @@
|
|
|
7600
7601
|
if (!this.isDropbarDrop(target)) {
|
|
7601
7602
|
return;
|
|
7602
7603
|
}
|
|
7603
|
-
(_a = this._observer) == null ?
|
|
7604
|
+
(_a = this._observer) == null ? void 0 : _a.disconnect();
|
|
7604
7605
|
const active2 = this.getActive();
|
|
7605
7606
|
if (!active2 || active2.$el === target) {
|
|
7606
7607
|
this.transitionTo(0);
|
|
@@ -7611,7 +7612,7 @@
|
|
|
7611
7612
|
methods: {
|
|
7612
7613
|
getActive() {
|
|
7613
7614
|
var _a;
|
|
7614
|
-
return includes(this.dropdowns, (_a = active) == null ?
|
|
7615
|
+
return includes(this.dropdowns, (_a = active) == null ? void 0 : _a.$el) && active;
|
|
7615
7616
|
},
|
|
7616
7617
|
async transitionTo(newHeight, el) {
|
|
7617
7618
|
const { dropbar } = this;
|
|
@@ -7674,12 +7675,12 @@
|
|
|
7674
7675
|
} else if (keyCode === keyMap.RIGHT) {
|
|
7675
7676
|
next = "next";
|
|
7676
7677
|
} else if (keyCode === keyMap.TAB) {
|
|
7677
|
-
(_a = active2.targetEl) == null ?
|
|
7678
|
-
(_b = active2.hide) == null ?
|
|
7678
|
+
(_a = active2.targetEl) == null ? void 0 : _a.focus();
|
|
7679
|
+
(_b = active2.hide) == null ? void 0 : _b.call(active2, false);
|
|
7679
7680
|
}
|
|
7680
7681
|
if (~next) {
|
|
7681
7682
|
e.preventDefault();
|
|
7682
|
-
(_c = active2.hide) == null ?
|
|
7683
|
+
(_c = active2.hide) == null ? void 0 : _c.call(active2, false);
|
|
7683
7684
|
toggles[getIndex(next, toggles, toggles.indexOf(active2.targetEl || current))].focus();
|
|
7684
7685
|
}
|
|
7685
7686
|
}
|
|
@@ -7711,7 +7712,7 @@
|
|
|
7711
7712
|
let option;
|
|
7712
7713
|
const prop = isInput(target) ? "value" : "textContent";
|
|
7713
7714
|
const prev = target[prop];
|
|
7714
|
-
const value = ((_a = input.files) == null ?
|
|
7715
|
+
const value = ((_a = input.files) == null ? void 0 : _a[0]) ? input.files[0].name : matches(input, "select") && (option = $$("option", input).filter((el) => el.selected)[0]) ? option.textContent : input.value;
|
|
7715
7716
|
if (prev !== value) {
|
|
7716
7717
|
target[prop] = value;
|
|
7717
7718
|
}
|
|
@@ -7980,14 +7981,14 @@
|
|
|
7980
7981
|
expand: Boolean,
|
|
7981
7982
|
offsetTop: Boolean,
|
|
7982
7983
|
offsetBottom: Boolean,
|
|
7983
|
-
|
|
7984
|
+
min: Number,
|
|
7984
7985
|
property: String
|
|
7985
7986
|
},
|
|
7986
7987
|
data: {
|
|
7987
7988
|
expand: false,
|
|
7988
7989
|
offsetTop: false,
|
|
7989
7990
|
offsetBottom: false,
|
|
7990
|
-
|
|
7991
|
+
min: 0,
|
|
7991
7992
|
property: "min-height"
|
|
7992
7993
|
},
|
|
7993
7994
|
// check for offsetTop change
|
|
@@ -8590,7 +8591,7 @@
|
|
|
8590
8591
|
bgClose: false,
|
|
8591
8592
|
escClose: true,
|
|
8592
8593
|
...options,
|
|
8593
|
-
i18n: { ...modal.i18n, ...options == null ?
|
|
8594
|
+
i18n: { ...modal.i18n, ...options == null ? void 0 : options.i18n }
|
|
8594
8595
|
};
|
|
8595
8596
|
const dialog = modal.dialog(tmpl(options), options);
|
|
8596
8597
|
return assign(
|
|
@@ -8940,7 +8941,7 @@
|
|
|
8940
8941
|
},
|
|
8941
8942
|
disconnected() {
|
|
8942
8943
|
for (const [el, state] of this.elementData.entries()) {
|
|
8943
|
-
removeClass(el, clsInView, (state == null ?
|
|
8944
|
+
removeClass(el, clsInView, (state == null ? void 0 : state.cls) || "");
|
|
8944
8945
|
}
|
|
8945
8946
|
delete this.elementData;
|
|
8946
8947
|
},
|
|
@@ -8988,11 +8989,11 @@
|
|
|
8988
8989
|
methods: {
|
|
8989
8990
|
toggle(el, inview) {
|
|
8990
8991
|
var _a, _b;
|
|
8991
|
-
const state = (_a = this.elementData) == null ?
|
|
8992
|
+
const state = (_a = this.elementData) == null ? void 0 : _a.get(el);
|
|
8992
8993
|
if (!state) {
|
|
8993
8994
|
return;
|
|
8994
8995
|
}
|
|
8995
|
-
(_b = state.off) == null ?
|
|
8996
|
+
(_b = state.off) == null ? void 0 : _b.call(state);
|
|
8996
8997
|
css(el, "opacity", !inview && this.hidden ? 0 : "");
|
|
8997
8998
|
toggleClass(el, clsInView, inview);
|
|
8998
8999
|
toggleClass(el, state.cls);
|
|
@@ -9420,7 +9421,7 @@
|
|
|
9420
9421
|
return propOffset + toPx(value, "height", el, true);
|
|
9421
9422
|
} else {
|
|
9422
9423
|
const refElement = value === true ? getVisibleParent(el) : query(value, el);
|
|
9423
|
-
return offset(refElement).bottom - (padding && (refElement == null ?
|
|
9424
|
+
return offset(refElement).bottom - (padding && (refElement == null ? void 0 : refElement.contains(el)) ? toFloat(css(refElement, "paddingBottom")) + toFloat(css(refElement, "borderBottomWidth")) : 0);
|
|
9424
9425
|
}
|
|
9425
9426
|
}
|
|
9426
9427
|
function coerce(value) {
|
|
@@ -9655,7 +9656,7 @@
|
|
|
9655
9656
|
attr(children(this.$el), "role", "presentation");
|
|
9656
9657
|
for (const index in this.toggles) {
|
|
9657
9658
|
const toggle = this.toggles[index];
|
|
9658
|
-
const item = (_a = this.connects[0]) == null ?
|
|
9659
|
+
const item = (_a = this.connects[0]) == null ? void 0 : _a.children[index];
|
|
9659
9660
|
attr(toggle, "role", "tab");
|
|
9660
9661
|
if (!item) {
|
|
9661
9662
|
continue;
|