uikit 3.23.1 → 3.23.2-dev.facbdc6d9
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/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 +84 -83
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +1 -1
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +3 -4
- 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 +85 -84
- package/dist/js/uikit.min.js +1 -1
- package/package.json +2 -2
- package/src/js/core/margin.js +0 -1
- package/src/js/mixin/internal/animate-fade.js +4 -3
package/dist/js/uikit.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.23.
|
|
1
|
+
/*! UIkit 3.23.2-dev.facbdc6d9 | 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() :
|
|
@@ -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,
|
|
@@ -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.facbdc6d9";
|
|
3725
3726
|
|
|
3726
3727
|
const PREFIX = "uk-";
|
|
3727
3728
|
const DATA = "__uikit__";
|