uikit 3.11.2-dev.92f357b93 → 3.11.2-dev.946d2efea

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 (81) hide show
  1. package/CHANGELOG.md +10 -3
  2. package/dist/css/uikit-core-rtl.css +24 -11
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +24 -11
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +24 -11
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +24 -11
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +3 -3
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +1 -1
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +5 -15
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +5 -15
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +9 -10
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +9 -10
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +59 -78
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +9 -10
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +23 -45
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +2 -2
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +2 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +427 -312
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +485 -410
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/js/api/hooks.js +2 -2
  44. package/src/js/api/state.js +173 -140
  45. package/src/js/components/countdown.js +2 -2
  46. package/src/js/components/internal/slider-preload.js +4 -32
  47. package/src/js/components/slider.js +39 -42
  48. package/src/js/components/upload.js +2 -1
  49. package/src/js/core/accordion.js +6 -1
  50. package/src/js/core/core.js +2 -75
  51. package/src/js/core/cover.js +5 -1
  52. package/src/js/core/drop.js +3 -1
  53. package/src/js/core/form-custom.js +2 -2
  54. package/src/js/core/height-viewport.js +3 -0
  55. package/src/js/core/icon.js +13 -6
  56. package/src/js/core/img.js +19 -25
  57. package/src/js/core/offcanvas.js +2 -1
  58. package/src/js/core/sticky.js +50 -56
  59. package/src/js/core/switcher.js +11 -3
  60. package/src/js/core/toggle.js +4 -2
  61. package/src/js/core/video.js +13 -1
  62. package/src/js/mixin/lazyload.js +20 -0
  63. package/src/js/mixin/parallax.js +9 -10
  64. package/src/js/mixin/slider.js +0 -6
  65. package/src/js/mixin/slideshow.js +0 -4
  66. package/src/js/mixin/swipe.js +72 -0
  67. package/src/js/mixin/togglable.js +1 -1
  68. package/src/js/util/ajax.js +6 -2
  69. package/src/js/util/dimensions.js +4 -4
  70. package/src/js/util/dom.js +16 -7
  71. package/src/js/util/index.js +1 -0
  72. package/src/js/util/observer.js +36 -0
  73. package/src/less/components/form-range.less +4 -6
  74. package/src/less/components/height.less +3 -0
  75. package/src/less/components/utility.less +6 -3
  76. package/src/scss/components/form-range.scss +4 -6
  77. package/src/scss/components/height.scss +3 -0
  78. package/src/scss/components/utility.scss +6 -3
  79. package/tests/parallax.html +5 -5
  80. package/tests/sticky-parallax.html +10 -10
  81. package/tests/utility.html +17 -0
package/CHANGELOG.md CHANGED
@@ -12,15 +12,17 @@
12
12
  - Add support for basic math operands in `offset` option of Sticky component
13
13
  - Add animation stop positions to Parallax component
14
14
  - Add object fit and position classes to Utility component
15
- - Add support for specifying location for steps in Parallax component
15
+ - Add height viewport classes to Height component
16
16
 
17
17
  ### Changed
18
18
 
19
19
  - Image elements need `width` and `height` attributes to prevent layout shifts
20
20
  - Image component no longer relies on session storage to check for cached images to immediately show an image
21
- - Slideshow and Slider remove native `loading="lazy"` attribute from adjacent slides
21
+ - Slider and Switcher remove native `loading="lazy"` attribute from adjacent slides
22
+ - Accordion, Drop, Switcher and Toggle remove native `loading="lazy"` attribute from their children when entering the viewport
22
23
  - Improve sticky behavior if sticky content is larger than the viewport
23
24
  - Sticky component's `bottom` option checks for bottom padding if sticky element is within referenced element
25
+ - Height Viewport component sets `uk-height-viewport` class to reduce initial layout shifts
24
26
 
25
27
  ### Deprecated
26
28
 
@@ -34,10 +36,15 @@
34
36
  ### Fixed
35
37
 
36
38
  - Fix infinite sliding in Slider component with equally sized slides
37
- - Fix Sticky component setting wrong margin for placeholder
39
+ - Fix Slider component sets calculation
38
40
  - Fix dropdowns not closing in Navbar component when hovering dropbar and navigation with keyboard
39
41
  - Fix dropdown no longer closes if pointer is still moving towards it
40
42
  - Fix `fadein` not transformed correctly to `fade-in` in scss build
43
+ - Fix Sticky component setting wrong margin for placeholder
44
+ - Fix Sticky placeholder sets height with fraction
45
+ - Fix Sticky component does not animate in if scroll position equals top offset
46
+ - Fix Sticky component prevents transition on `selTarget` if forced to hide for recalculation
47
+ - Fix Parallax component initial jump in background image
41
48
 
42
49
  ## 3.11.1 (February 7, 2022)
43
50
 
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.11.2-dev.92f357b93 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
1
+ /*! UIkit 3.11.2-dev.946d2efea | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -1229,16 +1229,12 @@ button.uk-icon:not(:disabled) {
1229
1229
  }
1230
1230
  /*
1231
1231
  * Track
1232
- * 1. Center thumb vertically in Webkit
1233
- * 2. Safari doesn't have a focus state. Using active instead.
1232
+ * 1. Safari doesn't have a focus state. Using active instead.
1234
1233
  */
1235
1234
  /* Webkit */
1236
1235
  .uk-range::-webkit-slider-runnable-track {
1237
1236
  height: 3px;
1238
1237
  background: #ebebeb;
1239
- /* 1 */
1240
- display: flex;
1241
- align-items: center;
1242
1238
  }
1243
1239
  .uk-range:focus::-webkit-slider-runnable-track,
1244
1240
  .uk-range:active::-webkit-slider-runnable-track {
@@ -1261,6 +1257,7 @@ button.uk-icon:not(:disabled) {
1261
1257
  .uk-range::-webkit-slider-thumb {
1262
1258
  /* 1 */
1263
1259
  -webkit-appearance: none;
1260
+ margin-top: -7px;
1264
1261
  /* 2 */
1265
1262
  height: 15px;
1266
1263
  width: 15px;
@@ -1274,6 +1271,7 @@ button.uk-icon:not(:disabled) {
1274
1271
  /* 2 */
1275
1272
  height: 15px;
1276
1273
  width: 15px;
1274
+ margin-top: -7px;
1277
1275
  border-radius: 500px;
1278
1276
  background: #666;
1279
1277
  }
@@ -6648,6 +6646,15 @@ ul.uk-nav-sub {
6648
6646
  .uk-height-viewport {
6649
6647
  min-height: 100vh;
6650
6648
  }
6649
+ .uk-height-viewport-2 {
6650
+ min-height: 200vh;
6651
+ }
6652
+ .uk-height-viewport-3 {
6653
+ min-height: 300vh;
6654
+ }
6655
+ .uk-height-viewport-4 {
6656
+ min-height: 400vh;
6657
+ }
6651
6658
  /*
6652
6659
  * Pixel
6653
6660
  * Useful for `overflow: auto`
@@ -7517,15 +7524,21 @@ iframe[data-uk-cover] {
7517
7524
  }
7518
7525
  /* Object
7519
7526
  ========================================================================== */
7520
- .uk-object-fit-none {
7521
- object-fit: none;
7522
- }
7523
- .uk-object-fit-cover {
7527
+ .uk-object-cover {
7524
7528
  object-fit: cover;
7525
7529
  }
7526
- .uk-object-fit-contain {
7530
+ .uk-object-contain {
7527
7531
  object-fit: contain;
7528
7532
  }
7533
+ .uk-object-fill {
7534
+ object-fit: fill;
7535
+ }
7536
+ .uk-object-none {
7537
+ object-fit: none;
7538
+ }
7539
+ .uk-object-scale-down {
7540
+ object-fit: scale-down;
7541
+ }
7529
7542
  /*
7530
7543
  * Position
7531
7544
  */