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.
Files changed (43) hide show
  1. package/dist/css/uikit-core-rtl.css +1 -1
  2. package/dist/css/uikit-core-rtl.min.css +1 -1
  3. package/dist/css/uikit-core.css +1 -1
  4. package/dist/css/uikit-core.min.css +1 -1
  5. package/dist/css/uikit-rtl.css +1 -1
  6. package/dist/css/uikit-rtl.min.css +1 -1
  7. package/dist/css/uikit.css +1 -1
  8. package/dist/css/uikit.min.css +1 -1
  9. package/dist/js/components/countdown.js +1 -1
  10. package/dist/js/components/countdown.min.js +1 -1
  11. package/dist/js/components/filter.js +84 -83
  12. package/dist/js/components/filter.min.js +1 -1
  13. package/dist/js/components/lightbox-panel.js +1 -1
  14. package/dist/js/components/lightbox-panel.min.js +1 -1
  15. package/dist/js/components/lightbox.js +1 -1
  16. package/dist/js/components/lightbox.min.js +1 -1
  17. package/dist/js/components/notification.js +1 -1
  18. package/dist/js/components/notification.min.js +1 -1
  19. package/dist/js/components/parallax.js +1 -1
  20. package/dist/js/components/parallax.min.js +1 -1
  21. package/dist/js/components/slider-parallax.js +1 -1
  22. package/dist/js/components/slider-parallax.min.js +1 -1
  23. package/dist/js/components/slider.js +1 -1
  24. package/dist/js/components/slider.min.js +1 -1
  25. package/dist/js/components/slideshow-parallax.js +1 -1
  26. package/dist/js/components/slideshow-parallax.min.js +1 -1
  27. package/dist/js/components/slideshow.js +1 -1
  28. package/dist/js/components/slideshow.min.js +1 -1
  29. package/dist/js/components/sortable.js +84 -83
  30. package/dist/js/components/sortable.min.js +1 -1
  31. package/dist/js/components/tooltip.js +1 -1
  32. package/dist/js/components/tooltip.min.js +1 -1
  33. package/dist/js/components/upload.js +1 -1
  34. package/dist/js/components/upload.min.js +1 -1
  35. package/dist/js/uikit-core.js +3 -4
  36. package/dist/js/uikit-core.min.js +1 -1
  37. package/dist/js/uikit-icons.js +1 -1
  38. package/dist/js/uikit-icons.min.js +1 -1
  39. package/dist/js/uikit.js +85 -84
  40. package/dist/js/uikit.min.js +1 -1
  41. package/package.json +2 -2
  42. package/src/js/core/margin.js +0 -1
  43. 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 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
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.1";
3725
+ App.version = "3.23.2-dev.facbdc6d9";
3725
3726
 
3726
3727
  const PREFIX = "uk-";
3727
3728
  const DATA = "__uikit__";