uikit 3.11.2-dev.03e47c2ff → 3.11.2-dev.06fe7f1d0

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 (72) hide show
  1. package/CHANGELOG.md +5 -1
  2. package/dist/css/uikit-core-rtl.css +12 -6
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +12 -6
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +12 -6
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +12 -6
  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 +4 -14
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +4 -14
  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 +8 -9
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +8 -9
  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 +8 -9
  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 +1 -1
  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 +357 -264
  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 +414 -361
  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/img.js +16 -24
  56. package/src/js/core/offcanvas.js +2 -1
  57. package/src/js/core/sticky.js +27 -33
  58. package/src/js/core/switcher.js +11 -3
  59. package/src/js/core/toggle.js +3 -1
  60. package/src/js/core/video.js +13 -1
  61. package/src/js/mixin/lazyload.js +20 -0
  62. package/src/js/mixin/parallax.js +8 -9
  63. package/src/js/mixin/slider.js +0 -6
  64. package/src/js/mixin/slideshow.js +0 -4
  65. package/src/js/mixin/swipe.js +72 -0
  66. package/src/js/util/index.js +1 -0
  67. package/src/js/util/observer.js +36 -0
  68. package/src/less/components/utility.less +6 -3
  69. package/src/scss/components/utility.scss +6 -3
  70. package/tests/parallax.html +2 -2
  71. package/tests/sticky-parallax.html +1 -1
  72. package/tests/utility.html +17 -0
package/src/less/components/utility.less CHANGED
@@ -10,6 +10,7 @@
10
10
  // `uk-inline-*`
11
11
  // `uk-responsive-*`
12
12
  // `uk-preserve-width`
13
+ // `uk-object-*`
13
14
  // `uk-border-*`
14
15
  // `uk-box-shadow-*`
15
16
  // `uk-box-shadow-bottom`
@@ -254,9 +255,11 @@
254
255
  /* Object
255
256
  ========================================================================== */
256
257
 
257
- .uk-object-fit-none { object-fit: none; }
258
- .uk-object-fit-cover { object-fit: cover; }
259
- .uk-object-fit-contain { object-fit: contain; }
258
+ .uk-object-cover { object-fit: cover; }
259
+ .uk-object-contain { object-fit: contain; }
260
+ .uk-object-fill { object-fit: fill; }
261
+ .uk-object-none { object-fit: none; }
262
+ .uk-object-scale-down { object-fit: scale-down; }
260
263
 
261
264
  /*
262
265
  * Position
package/src/scss/components/utility.scss CHANGED
@@ -10,6 +10,7 @@
10
10
  // `uk-inline-*`
11
11
  // `uk-responsive-*`
12
12
  // `uk-preserve-width`
13
+ // `uk-object-*`
13
14
  // `uk-border-*`
14
15
  // `uk-box-shadow-*`
15
16
  // `uk-box-shadow-bottom`
@@ -254,9 +255,11 @@ $dragover-box-shadow: 0 0 20px rgba(100,100,100,0.3)
254
255
  /* Object
255
256
  ========================================================================== */
256
257
 
257
- .uk-object-fit-none { object-fit: none; }
258
- .uk-object-fit-cover { object-fit: cover; }
259
- .uk-object-fit-contain { object-fit: contain; }
258
+ .uk-object-cover { object-fit: cover; }
259
+ .uk-object-contain { object-fit: contain; }
260
+ .uk-object-fill { object-fit: fill; }
261
+ .uk-object-none { object-fit: none; }
262
+ .uk-object-scale-down { object-fit: scale-down; }
260
263
 
261
264
  /*
262
265
  * Position
package/tests/parallax.html CHANGED
@@ -77,8 +77,8 @@
77
77
  <div class="uk-grid uk-margin-auto uk-flex-inline">
78
78
  <div><div class="uk-card uk-card-default uk-padding-small" uk-parallax="target: #test-start-end; y: 396; easing: 0;">0 / 0</div></div>
79
79
  <div><div class="uk-card uk-card-default uk-padding-small" uk-parallax="target: #test-start-end; start: 100%; end: 100%; y: 396; easing: 0;">100% / 100%</div></div>
80
- <div><div class="uk-card uk-card-default uk-padding-small" uk-parallax="target: #test-start-end; start: 40vh; end: 40vh; y: 396; easing: 0;">40vh / 40vh</div></div>
81
- <div><div class="uk-card uk-card-default uk-padding-small" uk-parallax="target: #test-start-end; start: 100% + 50; end: 100% + 50; y: 396; easing: 0;">100% + 50 / 100% + 50</div></div>
80
+ <div><div class="uk-card uk-card-default uk-padding-small" uk-parallax="target: #test-start-end; start: 30vh; end: 30vh; y: 396; easing: 0;">30vh / 30vh</div></div>
81
+ <div><div class="uk-card uk-card-default uk-padding-small" uk-parallax="target: #test-start-end; start: 100% + 100; end: 100% + 100; y: 396; easing: 0;">100% + 100 / 100% + 100</div></div>
82
82
  </div>
83
83
  </div>
84
84
 
package/tests/sticky-parallax.html CHANGED
@@ -13,7 +13,7 @@
13
13
  <div class="uk-section uk-section-primary uk-position-z-index-negative uk-flex uk-flex-center uk-flex-middle uk-text-center" uk-sticky="position: auto; bottom: +* +*" uk-height-viewport>
14
14
  <div class="uk-container">
15
15
 
16
- <h1 class="uk-heading-2xlarge">Sticky Section</h1>
16
+ <h1 class="uk-heading-2xlarge" uk-parallax="target: !.uk-section +* +*; end: 100%; y: -400; easing: 0;">Sticky Section</h1>
17
17
 
18
18
  </div>
19
19
  </div>
package/tests/utility.html CHANGED
@@ -243,6 +243,23 @@
243
243
  </div>
244
244
  </div>
245
245
 
246
+ <h2>Object Fit and Position</h2>
247
+
248
+ <div class="uk-child-width-1-3@s" uk-grid>
249
+ <div>
250
+ <p>Object Fit Cover</p>
251
+ <img class="uk-object-cover" src="images/photo.jpg" width="1000" height="1000" alt="" style="aspect-ratio: 1 / 1;">
252
+ </div>
253
+ <div>
254
+ <p>Object Fit Contain</p>
255
+ <img class="uk-object-contain" src="images/photo.jpg" width="1000" height="1000" alt="" style="aspect-ratio: 1 / 1;">
256
+ </div>
257
+ <div>
258
+ <p>Object Fit Cover Left</p>
259
+ <img class="uk-object-cover uk-object-top-left" src="images/photo.jpg" width="1000" height="1000" alt="" style="aspect-ratio: 1 / 1;">
260
+ </div>
261
+ </div>
262
+
246
263
  <h2>Box-shadows</h2>
247
264
 
248
265
  <div class="uk-child-width-1-5@m uk-grid-large" uk-grid>