uikit 3.15.12-dev.f3ed37053 → 3.15.13-dev.2d86ae8cf

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 (50) hide show
  1. package/CHANGELOG.md +15 -7
  2. package/CONTRIBUTING.md +1 -1
  3. package/composer.json +1 -1
  4. package/dist/css/uikit-core-rtl.css +1 -1
  5. package/dist/css/uikit-core-rtl.min.css +1 -1
  6. package/dist/css/uikit-core.css +1 -1
  7. package/dist/css/uikit-core.min.css +1 -1
  8. package/dist/css/uikit-rtl.css +1 -1
  9. package/dist/css/uikit-rtl.min.css +1 -1
  10. package/dist/css/uikit.css +1 -1
  11. package/dist/css/uikit.min.css +1 -1
  12. package/dist/js/components/countdown.js +1 -1
  13. package/dist/js/components/countdown.min.js +1 -1
  14. package/dist/js/components/filter.js +2 -5
  15. package/dist/js/components/filter.min.js +1 -1
  16. package/dist/js/components/lightbox-panel.js +7 -4
  17. package/dist/js/components/lightbox-panel.min.js +1 -1
  18. package/dist/js/components/lightbox.js +7 -4
  19. package/dist/js/components/lightbox.min.js +1 -1
  20. package/dist/js/components/notification.js +1 -1
  21. package/dist/js/components/notification.min.js +1 -1
  22. package/dist/js/components/parallax.js +1 -1
  23. package/dist/js/components/parallax.min.js +1 -1
  24. package/dist/js/components/slider-parallax.js +1 -1
  25. package/dist/js/components/slider-parallax.min.js +1 -1
  26. package/dist/js/components/slider.js +1 -1
  27. package/dist/js/components/slider.min.js +1 -1
  28. package/dist/js/components/slideshow-parallax.js +1 -1
  29. package/dist/js/components/slideshow-parallax.min.js +1 -1
  30. package/dist/js/components/slideshow.js +1 -1
  31. package/dist/js/components/slideshow.min.js +1 -1
  32. package/dist/js/components/sortable.js +2 -5
  33. package/dist/js/components/sortable.min.js +1 -1
  34. package/dist/js/components/tooltip.js +1 -1
  35. package/dist/js/components/tooltip.min.js +1 -1
  36. package/dist/js/components/upload.js +1 -1
  37. package/dist/js/components/upload.min.js +1 -1
  38. package/dist/js/uikit-core.js +15 -15
  39. package/dist/js/uikit-core.min.js +1 -1
  40. package/dist/js/uikit-icons.js +1 -1
  41. package/dist/js/uikit-icons.min.js +1 -1
  42. package/dist/js/uikit.js +22 -22
  43. package/dist/js/uikit.min.js +1 -1
  44. package/package.json +1 -1
  45. package/src/js/components/lightbox-panel.js +5 -2
  46. package/src/js/core/margin.js +2 -0
  47. package/src/js/core/sticky.js +2 -3
  48. package/src/js/mixin/internal/animate-slide.js +1 -4
  49. package/src/js/util/filter.js +0 -1
  50. package/tests/svg.html +2 -2
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "uikit",
3
3
  "title": "UIkit",
4
4
  "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
5
- "version": "3.15.12-dev.f3ed37053",
5
+ "version": "3.15.13-dev.2d86ae8cf",
6
6
  "main": "dist/js/uikit.js",
7
7
  "style": "dist/css/uikit.css",
8
8
  "sideEffects": [
@@ -232,11 +232,14 @@ export default {
232
232
  controls: '',
233
233
  playsinline: '',
234
234
  'uk-video': `${this.videoAutoplay}`,
235
- ...attrs,
236
235
  });
237
236
 
238
237
  on(video, 'loadedmetadata', () => {
239
- attr(video, { width: video.videoWidth, height: video.videoHeight });
238
+ attr(video, {
239
+ width: video.videoWidth,
240
+ height: video.videoHeight,
241
+ ...attrs,
242
+ });
240
243
  this.setItem(item, video);
241
244
  });
242
245
  on(video, 'error', () => this.setError(item));
@@ -29,6 +29,8 @@ export default {
29
29
  this.registerObserver(
30
30
  observeMutation(this.$el, () => this.$reset(), {
31
31
  childList: true,
32
+ attributes: true,
33
+ attributeFilter: ['style'],
32
34
  })
33
35
  );
34
36
  },
@@ -154,7 +154,7 @@ export default {
154
154
  return false;
155
155
  }
156
156
 
157
- const hide = this.active && types.has('resize');
157
+ const hide = this.isFixed && types.has('resize');
158
158
  if (hide) {
159
159
  css(this.selTarget, 'transition', '0s');
160
160
  this.hide();
@@ -309,8 +309,6 @@ export default {
309
309
  return;
310
310
  }
311
311
 
312
- this.isFixed = false;
313
-
314
312
  if (this.animation && scroll > topOffset) {
315
313
  Animation.cancel(this.$el);
316
314
  Animation.out(this.$el, this.animation).then(() => this.hide(), noop);
@@ -344,6 +342,7 @@ export default {
344
342
  removeClass(this.$el, this.clsFixed, this.clsBelow);
345
343
  css(this.$el, { position: '', top: '', width: '' });
346
344
  this.placeholder.hidden = true;
345
+ this.isFixed = false;
347
346
  },
348
347
 
349
348
  update() {
@@ -40,10 +40,7 @@ export default async function (action, target, duration) {
40
40
  const targetStyle = attr(target, 'style');
41
41
  const targetPropsTo = css(target, ['height', 'padding']);
42
42
  const [propsTo, propsFrom] = getTransitionProps(target, nodes, currentProps);
43
- const attrsTo = nodes.map((el) => ({
44
- class: attr(el, 'class'),
45
- style: attr(el, 'style'),
46
- }));
43
+ const attrsTo = nodes.map((el) => ({ style: attr(el, 'style') }));
47
44
 
48
45
  // Reset to previous state
49
46
  nodes.forEach((el, i) => propsFrom[i] && css(el, propsFrom[i]));
@@ -11,7 +11,6 @@ const voidElements = {
11
11
  input: true,
12
12
  keygen: true,
13
13
  link: true,
14
- menuitem: true,
15
14
  meta: true,
16
15
  param: true,
17
16
  source: true,
package/tests/svg.html CHANGED
@@ -30,8 +30,8 @@
30
30
  </div>
31
31
  <div>
32
32
  <p>Symbol + ID + Fallback</p>
33
- <img src="../src/images/backgrounds/nav-parent-close.svg#notfound" width="20" height="20" alt="" uk-svg>
34
- <img src="../src/images/backgrounds/nav-parent-open.svg#notfound" width="20" height="20" alt="" uk-svg>
33
+ <img src="../src/images/backgrounds/accordion-close.svg#notfound" width="20" height="20" alt="" uk-svg>
34
+ <img src="../src/images/backgrounds/accordion-open.svg#notfound" width="20" height="20" alt="" uk-svg>
35
35
  </div>
36
36
  <div>
37
37
  <p>Stroke Animation</p>