uikit 3.23.2-dev.a2b266b69 → 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 +83 -81
- 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 +83 -81
- 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 +2 -2
- 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 +84 -82
- package/dist/js/uikit.min.js +1 -1
- package/package.json +2 -2
- package/src/js/mixin/internal/animate-fade.js +4 -3
package/dist/js/uikit.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.23.2-dev.
|
|
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() :
|
|
@@ -2106,6 +2106,88 @@
|
|
|
2106
2106
|
};
|
|
2107
2107
|
}
|
|
2108
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
|
+
|
|
2109
2191
|
async function slide(action, target, duration) {
|
|
2110
2192
|
await awaitFrame();
|
|
2111
2193
|
let nodes = children(target);
|
|
@@ -2194,86 +2276,6 @@
|
|
|
2194
2276
|
return new Promise((resolve) => requestAnimationFrame(resolve));
|
|
2195
2277
|
}
|
|
2196
2278
|
|
|
2197
|
-
const clsLeave = "uk-transition-leave";
|
|
2198
|
-
const clsEnter = "uk-transition-enter";
|
|
2199
|
-
function fade(action, target, duration, stagger = 0) {
|
|
2200
|
-
const index = transitionIndex(target, true);
|
|
2201
|
-
const propsIn = { opacity: 1 };
|
|
2202
|
-
const propsOut = { opacity: 0 };
|
|
2203
|
-
const wrapIndexFn = (fn) => () => index === transitionIndex(target) ? fn() : Promise.reject();
|
|
2204
|
-
const leaveFn = wrapIndexFn(async () => {
|
|
2205
|
-
addClass(target, clsLeave);
|
|
2206
|
-
await Promise.all(
|
|
2207
|
-
getTransitionNodes(target).map(
|
|
2208
|
-
(child, i) => new Promise(
|
|
2209
|
-
(resolve) => setTimeout(
|
|
2210
|
-
() => Transition.start(child, propsOut, duration / 2, "ease").then(
|
|
2211
|
-
resolve
|
|
2212
|
-
),
|
|
2213
|
-
i * stagger
|
|
2214
|
-
)
|
|
2215
|
-
)
|
|
2216
|
-
)
|
|
2217
|
-
);
|
|
2218
|
-
removeClass(target, clsLeave);
|
|
2219
|
-
});
|
|
2220
|
-
const enterFn = wrapIndexFn(async () => {
|
|
2221
|
-
const oldHeight = height(target);
|
|
2222
|
-
addClass(target, clsEnter);
|
|
2223
|
-
action();
|
|
2224
|
-
css(children(target), { opacity: 0 });
|
|
2225
|
-
await awaitFrame();
|
|
2226
|
-
const nodes = children(target);
|
|
2227
|
-
const newHeight = height(target);
|
|
2228
|
-
css(target, "alignContent", "flex-start");
|
|
2229
|
-
height(target, oldHeight);
|
|
2230
|
-
const transitionNodes = getTransitionNodes(target);
|
|
2231
|
-
css(nodes, propsOut);
|
|
2232
|
-
const transitions = transitionNodes.map(async (child, i) => {
|
|
2233
|
-
await awaitTimeout(i * stagger);
|
|
2234
|
-
await Transition.start(child, propsIn, duration / 2, "ease");
|
|
2235
|
-
});
|
|
2236
|
-
if (oldHeight !== newHeight) {
|
|
2237
|
-
transitions.push(
|
|
2238
|
-
Transition.start(
|
|
2239
|
-
target,
|
|
2240
|
-
{ height: newHeight },
|
|
2241
|
-
duration / 2 + transitionNodes.length * stagger,
|
|
2242
|
-
"ease"
|
|
2243
|
-
)
|
|
2244
|
-
);
|
|
2245
|
-
}
|
|
2246
|
-
await Promise.all(transitions).then(() => {
|
|
2247
|
-
removeClass(target, clsEnter);
|
|
2248
|
-
if (index === transitionIndex(target)) {
|
|
2249
|
-
css(target, { height: "", alignContent: "" });
|
|
2250
|
-
css(nodes, { opacity: "" });
|
|
2251
|
-
delete target.dataset.transition;
|
|
2252
|
-
}
|
|
2253
|
-
});
|
|
2254
|
-
});
|
|
2255
|
-
return hasClass(target, clsLeave) ? waitTransitionend(target).then(enterFn) : hasClass(target, clsEnter) ? waitTransitionend(target).then(leaveFn).then(enterFn) : leaveFn().then(enterFn);
|
|
2256
|
-
}
|
|
2257
|
-
function transitionIndex(target, next) {
|
|
2258
|
-
if (next) {
|
|
2259
|
-
target.dataset.transition = 1 + transitionIndex(target);
|
|
2260
|
-
}
|
|
2261
|
-
return toNumber(target.dataset.transition) || 0;
|
|
2262
|
-
}
|
|
2263
|
-
function waitTransitionend(target) {
|
|
2264
|
-
return Promise.all(
|
|
2265
|
-
children(target).filter(Transition.inProgress).map(
|
|
2266
|
-
(el) => new Promise((resolve) => once(el, "transitionend transitioncanceled", resolve))
|
|
2267
|
-
)
|
|
2268
|
-
);
|
|
2269
|
-
}
|
|
2270
|
-
function getTransitionNodes(target) {
|
|
2271
|
-
return getRows(children(target)).flat().filter(isVisible);
|
|
2272
|
-
}
|
|
2273
|
-
function awaitTimeout(timeout) {
|
|
2274
|
-
return new Promise((resolve) => setTimeout(resolve, timeout));
|
|
2275
|
-
}
|
|
2276
|
-
|
|
2277
2279
|
var Animate = {
|
|
2278
2280
|
props: {
|
|
2279
2281
|
duration: Number,
|
|
@@ -3720,7 +3722,7 @@
|
|
|
3720
3722
|
};
|
|
3721
3723
|
App.util = util;
|
|
3722
3724
|
App.options = {};
|
|
3723
|
-
App.version = "3.23.2-dev.
|
|
3725
|
+
App.version = "3.23.2-dev.facbdc6d9";
|
|
3724
3726
|
|
|
3725
3727
|
const PREFIX = "uk-";
|
|
3726
3728
|
const DATA = "__uikit__";
|