uikit 3.9.5-dev.ce77459c6 → 3.10.1-dev.2a182d8f9

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 (63) hide show
  1. package/CHANGELOG.md +13 -2
  2. package/build/build.js +5 -5
  3. package/build/less.js +30 -11
  4. package/build/publishDev.js +2 -1
  5. package/build/util.js +1 -20
  6. package/dist/css/uikit-core-rtl.css +15 -7
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +12 -4
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +15 -7
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +12 -4
  13. package/dist/css/uikit.min.css +1 -1
  14. package/dist/js/components/countdown.js +1 -1
  15. package/dist/js/components/countdown.min.js +1 -1
  16. package/dist/js/components/filter.js +1 -1
  17. package/dist/js/components/filter.min.js +1 -1
  18. package/dist/js/components/lightbox-panel.js +1 -1
  19. package/dist/js/components/lightbox-panel.min.js +1 -1
  20. package/dist/js/components/lightbox.js +1 -1
  21. package/dist/js/components/lightbox.min.js +1 -1
  22. package/dist/js/components/notification.js +1 -1
  23. package/dist/js/components/notification.min.js +1 -1
  24. package/dist/js/components/parallax.js +1 -1
  25. package/dist/js/components/parallax.min.js +1 -1
  26. package/dist/js/components/slider-parallax.js +1 -1
  27. package/dist/js/components/slider-parallax.min.js +1 -1
  28. package/dist/js/components/slider.js +1 -1
  29. package/dist/js/components/slider.min.js +1 -1
  30. package/dist/js/components/slideshow-parallax.js +1 -1
  31. package/dist/js/components/slideshow-parallax.min.js +1 -1
  32. package/dist/js/components/slideshow.js +5 -1
  33. package/dist/js/components/slideshow.min.js +1 -1
  34. package/dist/js/components/sortable.js +2 -2
  35. package/dist/js/components/sortable.min.js +1 -1
  36. package/dist/js/components/tooltip.js +1 -1
  37. package/dist/js/components/tooltip.min.js +1 -1
  38. package/dist/js/components/upload.js +1 -1
  39. package/dist/js/components/upload.min.js +1 -1
  40. package/dist/js/uikit-core.js +117 -53
  41. package/dist/js/uikit-core.min.js +1 -1
  42. package/dist/js/uikit-icons.js +1 -1
  43. package/dist/js/uikit-icons.min.js +1 -1
  44. package/dist/js/uikit.js +122 -54
  45. package/dist/js/uikit.min.js +1 -1
  46. package/package.json +9 -11
  47. package/src/js/components/slideshow.js +4 -0
  48. package/src/js/components/sortable.js +1 -1
  49. package/src/js/core/img.js +93 -47
  50. package/src/js/util/dom.js +2 -5
  51. package/src/js/util/selector.js +4 -2
  52. package/src/less/components/list.less +1 -1
  53. package/src/less/components/search.less +9 -6
  54. package/src/less/components/utility.less +3 -2
  55. package/src/less/components/width.less +7 -0
  56. package/src/scss/components/list.scss +1 -1
  57. package/src/scss/components/search.scss +9 -6
  58. package/src/scss/components/utility.scss +3 -2
  59. package/src/scss/components/width.scss +7 -0
  60. package/src/scss/variables-theme.scss +4 -0
  61. package/src/scss/variables.scss +4 -0
  62. package/tests/image.html +40 -14
  63. package/tests/search.html +1 -1
package/tests/image.html CHANGED
@@ -14,6 +14,8 @@
14
14
 
15
15
  <h1>Image</h1>
16
16
 
17
+ <p><button class="uk-button uk-button-default" onclick="sessionStorage.clear()">Clear Session Storage</button></p>
18
+
17
19
  <div class="uk-child-width-1-2@m" uk-grid>
18
20
  <div>
19
21
  <img data-src="https://images.unsplash.com/photo-1522201949034-507737bce479?fit=crop&w=900&h=600&q=80" width="900" height="600" alt="" uk-img>
@@ -253,28 +255,28 @@
253
255
 
254
256
  <ul class="uk-slideshow-items">
255
257
  <li>
256
- <img data-src="images/photo.jpg" alt="" uk-cover width="1800" height="1200" uk-img="target: !.uk-slideshow-items > :last-child, !* +*">
258
+ <img data-src="images/photo.jpg" alt="" uk-cover data-width="1800" data-height="1200" uk-img="target: !.uk-slideshow-items > :last-child, !* +*">
257
259
  <div class="uk-position-center uk-position-small uk-text-center">
258
260
  <h2 uk-slideshow-parallax="x: 100,-100">Heading</h2>
259
261
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
260
262
  </div>
261
263
  </li>
262
264
  <li>
263
- <img data-src="images/dark.jpg" alt="" uk-cover width="1800" height="1200" uk-img="target: !* -*, !* +*">
265
+ <img data-src="images/dark.jpg" alt="" uk-cover data-width="1800" data-height="1200" uk-img="target: !* -*, !* +*">
264
266
  <div class="uk-position-center uk-position-small uk-text-center">
265
267
  <h2 uk-slideshow-parallax="x: 100,-100">Heading</h2>
266
268
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
267
269
  </div>
268
270
  </li>
269
271
  <li>
270
- <img data-src="images/light.jpg" alt="" uk-cover width="1800" height="1200" uk-img="target: !* -*, !* +*">
272
+ <img data-src="images/light.jpg" alt="" uk-cover data-width="1800" data-height="1200" uk-img="target: !* -*, !* +*">
271
273
  <div class="uk-position-center uk-position-small uk-text-center">
272
274
  <h2 uk-slideshow-parallax="y: -50,0,0; opacity: 1,1,0">Heading</h2>
273
275
  <p uk-slideshow-parallax="y: 50,0,0; opacity: 1,1,0">Lorem ipsum dolor sit amet.</p>
274
276
  </div>
275
277
  </li>
276
278
  <li>
277
- <img data-src="images/photo2.jpg" alt="" uk-cover width="1800" height="1200" uk-img="target: !* -*, !.uk-slideshow-items > :first-child">
279
+ <img data-src="images/photo2.jpg" alt="" uk-cover data-width="1800" data-height="1200" uk-img="target: !* -*, !.uk-slideshow-items > :first-child">
278
280
  <div class="uk-position-center uk-position-small uk-text-center">
279
281
  <h2 uk-slideshow-parallax="x: 200,0,0">Heading</h2>
280
282
  <p uk-slideshow-parallax="x: 0,0,-200">Lorem ipsum dolor sit amet.</p>
@@ -294,43 +296,43 @@
294
296
 
295
297
  <ul class="uk-slider-items uk-child-width-1-2@s uk-child-width-1-3@m">
296
298
  <li>
297
- <img data-src="images/slider1.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
299
+ <img data-src="images/slider1.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
298
300
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">1</h1></div>
299
301
  </li>
300
302
  <li>
301
- <img data-src="images/slider2.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
303
+ <img data-src="images/slider2.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
302
304
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">2</h1></div>
303
305
  </li>
304
306
  <li>
305
- <img data-src="images/slider3.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
307
+ <img data-src="images/slider3.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
306
308
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">3</h1></div>
307
309
  </li>
308
310
  <li>
309
- <img data-src="images/slider4.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
311
+ <img data-src="images/slider4.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
310
312
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">4</h1></div>
311
313
  </li>
312
314
  <li>
313
- <img data-src="images/slider5.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
315
+ <img data-src="images/slider5.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
314
316
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">5</h1></div>
315
317
  </li>
316
318
  <li>
317
- <img data-src="images/slider1.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
319
+ <img data-src="images/slider1.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
318
320
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">6</h1></div>
319
321
  </li>
320
322
  <li>
321
- <img data-src="images/slider2.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
323
+ <img data-src="images/slider2.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
322
324
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">7</h1></div>
323
325
  </li>
324
326
  <li>
325
- <img data-src="images/slider3.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
327
+ <img data-src="images/slider3.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
326
328
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">8</h1></div>
327
329
  </li>
328
330
  <li>
329
- <img data-src="images/slider4.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
331
+ <img data-src="images/slider4.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
330
332
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">9</h1></div>
331
333
  </li>
332
334
  <li>
333
- <img data-src="images/slider5.jpg" alt="" width="400" height="600" uk-img="target: !.uk-slider-items">
335
+ <img data-src="images/slider5.jpg" alt="" data-width="400" data-height="600" uk-img="target: !.uk-slider-items">
334
336
  <div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">10</h1></div>
335
337
  </li>
336
338
  </ul>
@@ -362,6 +364,30 @@
362
364
  <td>''</td>
363
365
  <td>The image's `src` attribute.</td>
364
366
  </tr>
367
+ <tr>
368
+ <td><code>dataSrcset</code></td>
369
+ <td>String</td>
370
+ <td>false</td>
371
+ <td>The image's `srcset` attribute.</td>
372
+ </tr>
373
+ <tr>
374
+ <td><code>sizes</code></td>
375
+ <td>String</td>
376
+ <td>false</td>
377
+ <td>The image's `sizes` attribute.</td>
378
+ </tr>
379
+ <tr>
380
+ <td><code>width</code></td>
381
+ <td>String</td>
382
+ <td>false</td>
383
+ <td>The image's `width` attribute. It will be used to determine the placeholder's width and the images position in the document.</td>
384
+ </tr>
385
+ <tr>
386
+ <td><code>height</code></td>
387
+ <td>String</td>
388
+ <td>false</td>
389
+ <td>The image's `height` attribute. It will be used to determine the placeholder's height and the images position in the document.</td>
390
+ </tr>
365
391
  <tr>
366
392
  <td><code>offsetTop</code></td>
367
393
  <td>String</td>
package/tests/search.html CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
  <div class="uk-margin">
20
20
  <form class="uk-search uk-search-default">
21
- <input class="uk-search-input" type="search" placeholder="Search">
21
+ <input class="uk-search-input" type="search" placeholder="Search" autofocus>
22
22
  </form>
23
23
  </div>
24
24