uikit 3.19.2 → 3.19.3-dev.a3bfd535a

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 (57) hide show
  1. package/build/util.js +37 -2
  2. package/dist/css/uikit-core-rtl.css +1 -1
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +1 -1
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +1 -1
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +1 -1
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  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 -2
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +4 -2
  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 +1 -1
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +2 -5
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +4 -2
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +2 -5
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +4 -2
  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 +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +8 -6
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +36 -36
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +12 -11
  41. package/dist/js/uikit.min.js +1 -1
  42. package/eslint.config.js +32 -0
  43. package/package.json +7 -5
  44. package/src/js/components/slider-parallax.js +2 -6
  45. package/src/js/core/form-custom.js +1 -1
  46. package/src/js/core/sticky.js +5 -4
  47. package/src/js/mixin/slider-nav.js +4 -1
  48. package/tests/breadcrumb.html +1 -1
  49. package/tests/image.html +32 -32
  50. package/tests/index.html +18 -16
  51. package/tests/pagination.html +72 -62
  52. package/tests/slider.html +150 -150
  53. package/tests/slideshow.html +70 -70
  54. package/tests/thumbnav.html +5 -5
  55. package/.eslintrc.json +0 -18
  56. package/.webstorm.js +0 -6
  57. package/build/.eslintrc.json +0 -22
package/tests/slideshow.html CHANGED
@@ -37,36 +37,36 @@
37
37
 
38
38
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
39
39
 
40
- <ul class="uk-slideshow-items">
41
- <li>
40
+ <div class="uk-slideshow-items">
41
+ <div>
42
42
  <img src="images/photo.jpg" alt="" uk-cover>
43
43
  <div class="uk-position-center uk-position-small uk-text-center">
44
44
  <h2 uk-slideshow-parallax="x: 100,-100">Heading</h2>
45
45
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
46
46
  </div>
47
- </li>
48
- <li>
47
+ </div>
48
+ <div>
49
49
  <img src="images/dark.jpg" alt="" uk-cover>
50
50
  <div class="uk-position-center uk-position-small uk-text-center">
51
51
  <h2 uk-slideshow-parallax="x: 100,-100">Heading</h2>
52
52
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
53
53
  </div>
54
- </li>
55
- <li>
54
+ </div>
55
+ <div>
56
56
  <img src="images/light.jpg" alt="" uk-cover>
57
57
  <div class="uk-position-center uk-position-small uk-text-center">
58
58
  <h2 uk-slideshow-parallax="y: -50,0,0; opacity: 1,1,0">Heading</h2>
59
59
  <p uk-slideshow-parallax="y: 50,0,0; opacity: 1,1,0">Lorem ipsum dolor sit amet.</p>
60
60
  </div>
61
- </li>
62
- <li>
61
+ </div>
62
+ <div>
63
63
  <img src="images/photo2.jpg" alt="" uk-cover>
64
64
  <div class="uk-position-center uk-position-small uk-text-center">
65
65
  <h2 uk-slideshow-parallax="x: 200,0,0">Heading</h2>
66
66
  <p uk-slideshow-parallax="x: 0,0,-200">Lorem ipsum dolor sit amet.</p>
67
67
  </div>
68
- </li>
69
- </ul>
68
+ </div>
69
+ </div>
70
70
 
71
71
  <a class="uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slideshow-item="previous"></a>
72
72
  <a class="uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slideshow-item="next"></a>
@@ -89,36 +89,36 @@
89
89
 
90
90
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
91
91
 
92
- <ul class="uk-slideshow-items">
93
- <li>
92
+ <div class="uk-slideshow-items">
93
+ <div>
94
94
  <img src="images/photo.jpg" alt="" uk-cover>
95
95
  <div class="uk-position-center uk-position-small uk-text-center">
96
96
  <h2 uk-slideshow-parallax="x: 100,-100">Image</h2>
97
97
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
98
98
  </div>
99
- </li>
100
- <li>
99
+ </div>
100
+ <div>
101
101
  <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" autoplay loop muted playsinline uk-cover></video>
102
102
  <div class="uk-position-center uk-position-small uk-text-center">
103
103
  <h2 uk-slideshow-parallax="x: 100,-100">Video</h2>
104
104
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
105
105
  </div>
106
- </li>
107
- <li>
106
+ </div>
107
+ <div>
108
108
  <iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?autoplay=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;loop=1&amp;modestbranding=1&amp;wmode=transparent&amp;playsinline=1" width="1920" height="1080" allowfullscreen loading="lazy" uk-cover></iframe>
109
109
  <div class="uk-position-center uk-position-small uk-text-center">
110
110
  <h2 uk-slideshow-parallax="x: 100,-100">YouTube</h2>
111
111
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
112
112
  </div>
113
- </li>
114
- <li>
113
+ </div>
114
+ <div>
115
115
  <iframe src="https://player.vimeo.com/video/1084537?title=0&amp;background=1&amp;keyboard=0" width="500" height="281" allowfullscreen loading="lazy" uk-cover></iframe>
116
116
  <div class="uk-position-center uk-position-small uk-text-center">
117
117
  <h2 uk-slideshow-parallax="x: 100,-100">Vimeo</h2>
118
118
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
119
119
  </div>
120
- </li>
121
- </ul>
120
+ </div>
121
+ </div>
122
122
 
123
123
  <a class="uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slideshow-item="previous"></a>
124
124
  <a class="uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slideshow-item="next"></a>
@@ -138,8 +138,8 @@
138
138
 
139
139
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
140
140
 
141
- <ul class="uk-slideshow-items">
142
- <li>
141
+ <div class="uk-slideshow-items">
142
+ <div>
143
143
  <div class="uk-position-cover" uk-slideshow-parallax="scale: 1.2,1.2,1">
144
144
  <img src="images/photo.jpg" alt="" uk-cover>
145
145
  </div>
@@ -150,8 +150,8 @@
150
150
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,0,0;">Lorem ipsum dolor sit amet.</p>
151
151
  </div>
152
152
  </div>
153
- </li>
154
- <li>
153
+ </div>
154
+ <div>
155
155
  <div class="uk-position-cover" uk-slideshow-parallax="scale: 1.2,1.2,1">
156
156
  <img src="images/dark.jpg" alt="" uk-cover>
157
157
  </div>
@@ -162,8 +162,8 @@
162
162
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,0,0;">Lorem ipsum dolor sit amet.</p>
163
163
  </div>
164
164
  </div>
165
- </li>
166
- <li>
165
+ </div>
166
+ <div>
167
167
  <div class="uk-position-cover" uk-slideshow-parallax="scale: 1.2,1.2,1">
168
168
  <img src="images/light.jpg" alt="" uk-cover>
169
169
  </div>
@@ -174,8 +174,8 @@
174
174
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,0,0;">Lorem ipsum dolor sit amet.</p>
175
175
  </div>
176
176
  </div>
177
- </li>
178
- <li>
177
+ </div>
178
+ <div>
179
179
  <div class="uk-position-cover" uk-slideshow-parallax="scale: 1.2,1.2,1">
180
180
  <img src="images/photo2.jpg" alt="" uk-cover>
181
181
  </div>
@@ -186,8 +186,8 @@
186
186
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,0,0;">Lorem ipsum dolor sit amet.</p>
187
187
  </div>
188
188
  </div>
189
- </li>
190
- </ul>
189
+ </div>
190
+ </div>
191
191
 
192
192
  <a class="uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slideshow-item="previous"></a>
193
193
  <a class="uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slideshow-item="next"></a>
@@ -204,8 +204,8 @@
204
204
 
205
205
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
206
206
 
207
- <ul class="uk-slideshow-items">
208
- <li>
207
+ <div class="uk-slideshow-items">
208
+ <div>
209
209
  <div class="uk-position-cover uk-animation-kenburns uk-animation-reverse uk-transform-origin-center-left">
210
210
  <img src="images/photo.jpg" alt="" uk-cover>
211
211
  </div>
@@ -213,8 +213,8 @@
213
213
  <h3 class="uk-margin-remove">Bottom</h3>
214
214
  <p class="uk-margin-remove">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
215
215
  </div>
216
- </li>
217
- <li>
216
+ </div>
217
+ <div>
218
218
  <div class="uk-position-cover uk-animation-kenburns uk-animation-reverse uk-transform-origin-top-right">
219
219
  <img src="images/dark.jpg" alt="" uk-cover>
220
220
  </div>
@@ -222,8 +222,8 @@
222
222
  <h3 class="uk-margin-remove">Bottom</h3>
223
223
  <p class="uk-margin-remove">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
224
224
  </div>
225
- </li>
226
- <li>
225
+ </div>
226
+ <div>
227
227
  <div class="uk-position-cover uk-animation-kenburns uk-animation-reverse uk-transform-origin-bottom-left">
228
228
  <img src="images/light.jpg" alt="" uk-cover>
229
229
  </div>
@@ -231,8 +231,8 @@
231
231
  <h3 class="uk-margin-remove">Right</h3>
232
232
  <p class="uk-margin-remove">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
233
233
  </div>
234
- </li>
235
- <li>
234
+ </div>
235
+ <div>
236
236
  <div class="uk-position-cover uk-animation-kenburns uk-animation-reverse uk-transform-origin-top-center">
237
237
  <img src="images/photo2.jpg" alt="" uk-cover>
238
238
  </div>
@@ -240,8 +240,8 @@
240
240
  <h3 class="uk-margin-remove">Left</h3>
241
241
  <p class="uk-margin-remove">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
242
242
  </div>
243
- </li>
244
- </ul>
243
+ </div>
244
+ </div>
245
245
 
246
246
  <a class="uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slideshow-item="previous"></a>
247
247
  <a class="uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slideshow-item="next"></a>
@@ -258,8 +258,8 @@
258
258
 
259
259
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
260
260
 
261
- <ul class="uk-slideshow-items">
262
- <li>
261
+ <div class="uk-slideshow-items">
262
+ <div>
263
263
  <div class="uk-position-cover" uk-slideshow-parallax="scale: 1.2,1.2,1">
264
264
  <img src="images/photo.jpg" alt="" uk-cover>
265
265
  </div>
@@ -270,8 +270,8 @@
270
270
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,0,0;">Lorem ipsum dolor sit amet.</p>
271
271
  </div>
272
272
  </div>
273
- </li>
274
- <li>
273
+ </div>
274
+ <div>
275
275
  <div class="uk-position-cover" uk-slideshow-parallax="scale: 1.2,1.2,1">
276
276
  <img src="images/dark.jpg" alt="" uk-cover>
277
277
  </div>
@@ -282,8 +282,8 @@
282
282
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,0,0;">Lorem ipsum dolor sit amet.</p>
283
283
  </div>
284
284
  </div>
285
- </li>
286
- <li>
285
+ </div>
286
+ <div>
287
287
  <div class="uk-position-cover" uk-slideshow-parallax="scale: 1.2,1.2,1">
288
288
  <img src="images/light.jpg" alt="" uk-cover>
289
289
  </div>
@@ -294,8 +294,8 @@
294
294
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,0,0;">Lorem ipsum dolor sit amet.</p>
295
295
  </div>
296
296
  </div>
297
- </li>
298
- <li>
297
+ </div>
298
+ <div>
299
299
  <div class="uk-position-cover" uk-slideshow-parallax="scale: 1.2,1.2,1">
300
300
  <img src="images/photo2.jpg" alt="" uk-cover>
301
301
  </div>
@@ -306,8 +306,8 @@
306
306
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,0,0;">Lorem ipsum dolor sit amet.</p>
307
307
  </div>
308
308
  </div>
309
- </li>
310
- </ul>
309
+ </div>
310
+ </div>
311
311
 
312
312
  <a class="uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slideshow-item="previous"></a>
313
313
  <a class="uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slideshow-item="next"></a>
@@ -326,36 +326,36 @@
326
326
 
327
327
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
328
328
 
329
- <ul class="uk-slideshow-items">
330
- <li>
329
+ <div class="uk-slideshow-items">
330
+ <div>
331
331
  <img src="images/photo.jpg" alt="" uk-cover>
332
332
  <div class="uk-position-center uk-position-medium uk-text-center">
333
333
  <h1 class="uk-heading-medium" uk-slideshow-parallax="x: 200,-200">Heading</h1>
334
334
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,-400">Lorem ipsum dolor sit amet.</p>
335
335
  </div>
336
- </li>
337
- <li>
336
+ </div>
337
+ <div>
338
338
  <img src="images/dark.jpg" alt="" uk-cover>
339
339
  <div class="uk-position-center uk-position-medium uk-text-center">
340
340
  <h1 class="uk-heading-medium" uk-slideshow-parallax="x: 200,-200">Heading</h1>
341
341
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,-400">Lorem ipsum dolor sit amet.</p>
342
342
  </div>
343
- </li>
344
- <li>
343
+ </div>
344
+ <div>
345
345
  <img src="images/light.jpg" alt="" uk-cover>
346
346
  <div class="uk-position-center uk-position-medium uk-text-center">
347
347
  <h1 class="uk-heading-medium" uk-slideshow-parallax="y: -100,0,0; opacity: 1,1,0">Heading</h1>
348
348
  <p class="uk-text-lead" uk-slideshow-parallax="y: 100,0,0; opacity: 1,1,0">Lorem ipsum dolor sit amet.</p>
349
349
  </div>
350
- </li>
351
- <li>
350
+ </div>
351
+ <div>
352
352
  <img src="images/photo2.jpg" alt="" uk-cover>
353
353
  <div class="uk-position-center uk-position-medium uk-text-center">
354
354
  <h1 class="uk-heading-medium" uk-slideshow-parallax="x: 200,-200">Heading</h1>
355
355
  <p class="uk-text-lead" uk-slideshow-parallax="x: 400,-400">Lorem ipsum dolor sit amet.</p>
356
356
  </div>
357
- </li>
358
- </ul>
357
+ </div>
358
+ </div>
359
359
 
360
360
  <a class="uk-slidenav-large uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slideshow-item="previous"></a>
361
361
  <a class="uk-slidenav-large uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slideshow-item="next"></a>
@@ -378,36 +378,36 @@
378
378
 
379
379
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
380
380
 
381
- <ul class="uk-slideshow-items" uk-height-viewport="min-height: 300">
382
- <li>
381
+ <div class="uk-slideshow-items" uk-height-viewport="min-height: 300">
382
+ <div>
383
383
  <img src="images/photo.jpg" alt="" uk-cover>
384
384
  <div class="uk-position-center uk-position-medium uk-text-center">
385
385
  <h1 class="uk-heading-xlarge" uk-slideshow-parallax="x: 200,-200">Heading</h1>
386
386
  <p class="uk-h1" uk-slideshow-parallax="x: 400,-400">Lorem ipsum dolor sit amet.</p>
387
387
  </div>
388
- </li>
389
- <li>
388
+ </div>
389
+ <div>
390
390
  <img src="images/dark.jpg" alt="" uk-cover>
391
391
  <div class="uk-position-center uk-position-medium uk-text-center">
392
392
  <h1 class="uk-heading-xlarge" uk-slideshow-parallax="x: 200,-200">Heading</h1>
393
393
  <p class="uk-h1" uk-slideshow-parallax="x: 400,-400">Lorem ipsum dolor sit amet.</p>
394
394
  </div>
395
- </li>
396
- <li>
395
+ </div>
396
+ <div>
397
397
  <img src="images/light.jpg" alt="" uk-cover>
398
398
  <div class="uk-position-center uk-position-medium uk-text-center">
399
399
  <h1 class="uk-heading-xlarge" uk-slideshow-parallax="y: -100,0,0; opacity: 1,1,0">Heading</h1>
400
400
  <p class="uk-h1" uk-slideshow-parallax="y: 100,0,0; opacity: 1,1,0">Lorem ipsum dolor sit amet.</p>
401
401
  </div>
402
- </li>
403
- <li>
402
+ </div>
403
+ <div>
404
404
  <img src="images/photo2.jpg" alt="" uk-cover>
405
405
  <div class="uk-position-center uk-position-medium uk-text-center">
406
406
  <h1 class="uk-heading-xlarge" uk-slideshow-parallax="x: 200,-200">Heading</h1>
407
407
  <p class="uk-h1" uk-slideshow-parallax="x: 400,-400">Lorem ipsum dolor sit amet.</p>
408
408
  </div>
409
- </li>
410
- </ul>
409
+ </div>
410
+ </div>
411
411
 
412
412
  <a class="uk-slidenav-large uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slideshow-item="previous"></a>
413
413
  <a class="uk-slidenav-large uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slideshow-item="next"></a>
package/tests/thumbnav.html CHANGED
@@ -34,11 +34,11 @@
34
34
 
35
35
  <div class="uk-position-relative" uk-slideshow="animation: fade">
36
36
 
37
- <ul class="uk-slideshow-items">
38
- <li><img src="images/photo.jpg" alt="" uk-cover></li>
39
- <li><img src="images/dark.jpg" alt="" uk-cover></li>
40
- <li><img src="images/light.jpg" alt="" uk-cover></li>
41
- </ul>
37
+ <div class="uk-slideshow-items">
38
+ <div><img src="images/photo.jpg" alt="" uk-cover></div>
39
+ <div><img src="images/dark.jpg" alt="" uk-cover></div>
40
+ <div><img src="images/light.jpg" alt="" uk-cover></div>
41
+ </div>
42
42
 
43
43
  <div class="uk-position-bottom-center uk-position-small">
44
44
  <ul class="uk-thumbnav">
package/.eslintrc.json DELETED
@@ -1,18 +0,0 @@
1
- {
2
- "root": true,
3
- "env": {
4
- "es6": true,
5
- "browser": true
6
- },
7
- "extends": ["eslint:recommended", "prettier"],
8
- "parserOptions": {
9
- "sourceType": "module",
10
- "ecmaVersion": 2022
11
- },
12
- "globals": {
13
- "VERSION": true,
14
- "LOG": true,
15
- "ICONS": true,
16
- "NAME": true
17
- }
18
- }
package/.webstorm.js DELETED
@@ -1,6 +0,0 @@
1
- // Webstorm Module resolution config
2
- System.config({
3
- paths: {
4
- 'uikit-util': './src/js/util/index.js',
5
- },
6
- });
package/build/.eslintrc.json DELETED
@@ -1,22 +0,0 @@
1
- {
2
- "root": true,
3
- "env": {
4
- "es2021": true,
5
- "node": true,
6
- "browser": false,
7
- "commonjs": false
8
- },
9
- "extends": ["../.eslintrc.json"],
10
- "parserOptions": {
11
- "ecmaVersion": 2022
12
- },
13
- "overrides": [
14
- {
15
- "files": ["wrapper/*.js"],
16
- "env": {
17
- "browser": true,
18
- "node": false
19
- }
20
- }
21
- ]
22
- }