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.
- package/CHANGELOG.md +10 -3
- package/dist/css/uikit-core-rtl.css +24 -11
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +24 -11
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +24 -11
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +24 -11
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +3 -3
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +5 -15
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +5 -15
- 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 +9 -10
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +9 -10
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +59 -78
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +9 -10
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +23 -45
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +2 -2
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +2 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +427 -312
- 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 +485 -410
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/js/api/hooks.js +2 -2
- package/src/js/api/state.js +173 -140
- package/src/js/components/countdown.js +2 -2
- package/src/js/components/internal/slider-preload.js +4 -32
- package/src/js/components/slider.js +39 -42
- package/src/js/components/upload.js +2 -1
- package/src/js/core/accordion.js +6 -1
- package/src/js/core/core.js +2 -75
- package/src/js/core/cover.js +5 -1
- package/src/js/core/drop.js +3 -1
- package/src/js/core/form-custom.js +2 -2
- package/src/js/core/height-viewport.js +3 -0
- package/src/js/core/icon.js +13 -6
- package/src/js/core/img.js +19 -25
- package/src/js/core/offcanvas.js +2 -1
- package/src/js/core/sticky.js +50 -56
- package/src/js/core/switcher.js +11 -3
- package/src/js/core/toggle.js +4 -2
- package/src/js/core/video.js +13 -1
- package/src/js/mixin/lazyload.js +20 -0
- package/src/js/mixin/parallax.js +9 -10
- package/src/js/mixin/slider.js +0 -6
- package/src/js/mixin/slideshow.js +0 -4
- package/src/js/mixin/swipe.js +72 -0
- package/src/js/mixin/togglable.js +1 -1
- package/src/js/util/ajax.js +6 -2
- package/src/js/util/dimensions.js +4 -4
- package/src/js/util/dom.js +16 -7
- package/src/js/util/index.js +1 -0
- package/src/js/util/observer.js +36 -0
- package/src/less/components/form-range.less +4 -6
- package/src/less/components/height.less +3 -0
- package/src/less/components/utility.less +6 -3
- package/src/scss/components/form-range.scss +4 -6
- package/src/scss/components/height.scss +3 -0
- package/src/scss/components/utility.scss +6 -3
- package/tests/parallax.html +5 -5
- package/tests/sticky-parallax.html +10 -10
- 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
|
|
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
|
-
-
|
|
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
|
|
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.
|
|
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.
|
|
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-
|
|
7521
|
-
object-fit: none;
|
|
7522
|
-
}
|
|
7523
|
-
.uk-object-fit-cover {
|
|
7527
|
+
.uk-object-cover {
|
|
7524
7528
|
object-fit: cover;
|
|
7525
7529
|
}
|
|
7526
|
-
.uk-object-
|
|
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
|
*/
|