uikit 3.14.4-dev.dbd727038 → 3.14.4-dev.e8873dd80

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 (132) hide show
  1. package/CHANGELOG.md +36 -18
  2. package/build/util.js +1 -0
  3. package/dist/css/uikit-core-rtl.css +321 -112
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +321 -112
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +341 -116
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +341 -116
  10. package/dist/css/uikit.min.css +1 -1
  11. package/dist/js/components/countdown.js +1 -1
  12. package/dist/js/components/countdown.min.js +1 -1
  13. package/dist/js/components/filter.js +1 -1
  14. package/dist/js/components/filter.min.js +1 -1
  15. package/dist/js/components/lightbox-panel.js +96 -131
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +96 -131
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +1 -1
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +4 -5
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +4 -5
  24. package/dist/js/components/slider-parallax.min.js +1 -1
  25. package/dist/js/components/slider.js +1 -1
  26. package/dist/js/components/slider.min.js +1 -1
  27. package/dist/js/components/slideshow-parallax.js +4 -5
  28. package/dist/js/components/slideshow-parallax.min.js +1 -1
  29. package/dist/js/components/slideshow.js +1 -1
  30. package/dist/js/components/slideshow.min.js +1 -1
  31. package/dist/js/components/sortable.js +1 -1
  32. package/dist/js/components/sortable.min.js +1 -1
  33. package/dist/js/components/tooltip.js +102 -139
  34. package/dist/js/components/tooltip.min.js +1 -1
  35. package/dist/js/components/upload.js +1 -1
  36. package/dist/js/components/upload.min.js +1 -1
  37. package/dist/js/uikit-core.js +501 -472
  38. package/dist/js/uikit-core.min.js +17 -1
  39. package/dist/js/uikit-icons.js +1 -1
  40. package/dist/js/uikit-icons.min.js +1 -1
  41. package/dist/js/uikit.js +501 -472
  42. package/dist/js/uikit.min.js +17 -1
  43. package/package.json +1 -1
  44. package/src/images/{backgrounds/nav-parent-close.svg → components/nav-parent-icon-large.svg} +0 -0
  45. package/src/images/components/nav-parent-icon.svg +3 -0
  46. package/src/images/components/navbar-toggle-icon.svg +25 -3
  47. package/src/js/api/state.js +2 -2
  48. package/src/js/core/accordion.js +9 -17
  49. package/src/js/core/alert.js +35 -14
  50. package/src/js/core/drop.js +110 -82
  51. package/src/js/core/height-viewport.js +4 -2
  52. package/src/js/core/icon.js +14 -0
  53. package/src/js/core/index.js +1 -0
  54. package/src/js/core/leader.js +2 -2
  55. package/src/js/core/navbar.js +30 -45
  56. package/src/js/core/scroll.js +37 -10
  57. package/src/js/core/toggle.js +3 -5
  58. package/src/js/mixin/media.js +4 -5
  59. package/src/js/mixin/modal.js +15 -12
  60. package/src/js/mixin/position.js +24 -26
  61. package/src/js/mixin/style.js +11 -0
  62. package/src/js/mixin/togglable.js +88 -124
  63. package/src/js/util/animation.js +4 -3
  64. package/src/js/util/class.js +3 -1
  65. package/src/js/util/filter.js +3 -7
  66. package/src/js/util/position.js +107 -107
  67. package/src/js/util/style.js +4 -13
  68. package/src/js/util/viewport.js +3 -5
  69. package/src/less/components/_import.less +1 -0
  70. package/src/less/components/drop.less +1 -18
  71. package/src/less/components/dropbar.less +115 -0
  72. package/src/less/components/dropdown.less +11 -19
  73. package/src/less/components/leader.less +1 -1
  74. package/src/less/components/nav.less +218 -59
  75. package/src/less/components/navbar.less +17 -52
  76. package/src/less/components/utility.less +10 -2
  77. package/src/less/theme/_import.less +1 -0
  78. package/src/less/theme/dropbar.less +44 -0
  79. package/src/less/theme/dropdown.less +0 -11
  80. package/src/less/theme/nav.less +45 -7
  81. package/src/less/theme/navbar.less +1 -5
  82. package/src/scss/components/_import.scss +1 -0
  83. package/src/scss/components/drop.scss +1 -18
  84. package/src/scss/components/dropbar.scss +115 -0
  85. package/src/scss/components/dropdown.scss +11 -19
  86. package/src/scss/components/leader.scss +1 -1
  87. package/src/scss/components/nav.scss +167 -47
  88. package/src/scss/components/navbar.scss +17 -52
  89. package/src/scss/components/utility.scss +8 -1
  90. package/src/scss/mixins-theme.scss +80 -21
  91. package/src/scss/mixins.scss +77 -17
  92. package/src/scss/theme/_import.scss +1 -0
  93. package/src/scss/theme/dropbar.scss +44 -0
  94. package/src/scss/theme/dropdown.scss +0 -8
  95. package/src/scss/theme/nav.scss +43 -7
  96. package/src/scss/theme/navbar.scss +1 -5
  97. package/src/scss/variables-theme.scss +51 -16
  98. package/src/scss/variables.scss +40 -14
  99. package/tests/accordion.html +2 -2
  100. package/tests/alert.html +2 -2
  101. package/tests/countdown.html +1 -1
  102. package/tests/drop.html +446 -416
  103. package/tests/dropbar.html +458 -0
  104. package/tests/dropdown.html +8 -470
  105. package/tests/filter.html +9 -12
  106. package/tests/form.html +1 -1
  107. package/tests/index.html +126 -107
  108. package/tests/js/index.js +1 -4
  109. package/tests/lightbox.html +5 -5
  110. package/tests/list.html +8 -8
  111. package/tests/modal.html +13 -13
  112. package/tests/nav.html +129 -20
  113. package/tests/navbar.html +97 -227
  114. package/tests/offcanvas.html +17 -21
  115. package/tests/parallax.html +1 -1
  116. package/tests/position.html +18 -16
  117. package/tests/progress.html +9 -9
  118. package/tests/scroll.html +7 -10
  119. package/tests/search.html +6 -6
  120. package/tests/slider.html +6 -5
  121. package/tests/slideshow.html +8 -8
  122. package/tests/sortable.html +6 -8
  123. package/tests/sticky-navbar.html +15 -15
  124. package/tests/sticky.html +8 -8
  125. package/tests/switcher.html +1 -1
  126. package/tests/tab.html +1 -1
  127. package/tests/table.html +7 -7
  128. package/tests/toggle.html +2 -2
  129. package/tests/tooltip.html +1 -1
  130. package/tests/upload.html +11 -11
  131. package/tests/utility.html +19 -0
  132. package/src/images/backgrounds/nav-parent-open.svg +0 -3
package/tests/upload.html CHANGED
@@ -36,30 +36,30 @@
36
36
 
37
37
  <script>
38
38
 
39
- var bar = document.getElementById('js-progressbar');
39
+ const bar = UIkit.util.$('#js-progressbar');
40
40
 
41
41
  UIkit.upload('.js-upload', {
42
42
 
43
43
  url: '',
44
44
  multiple: true,
45
45
 
46
- beforeSend: function () {
46
+ beforeSend() {
47
47
  console.log('beforeSend', arguments);
48
48
  },
49
- beforeAll: function () {
49
+ beforeAll() {
50
50
  console.log('beforeAll', arguments);
51
51
  },
52
- load: function () {
52
+ load() {
53
53
  console.log('load', arguments);
54
54
  },
55
- error: function () {
55
+ error() {
56
56
  console.log('error', arguments);
57
57
  },
58
- complete: function () {
58
+ complete() {
59
59
  console.log('complete', arguments);
60
60
  },
61
61
 
62
- loadStart: function (e) {
62
+ loadStart(e) {
63
63
  console.log('loadStart', arguments);
64
64
 
65
65
  bar.hidden = false;
@@ -67,24 +67,24 @@
67
67
  bar.value = e.loaded;
68
68
  },
69
69
 
70
- progress: function (e) {
70
+ progress(e) {
71
71
  console.log('progress', arguments);
72
72
 
73
73
  bar.max = e.total;
74
74
  bar.value = e.loaded;
75
75
  },
76
76
 
77
- loadEnd: function (e) {
77
+ loadEnd(e) {
78
78
  console.log('loadEnd', arguments);
79
79
 
80
80
  bar.max = e.total;
81
81
  bar.value = e.loaded;
82
82
  },
83
83
 
84
- completeAll: function () {
84
+ completeAll() {
85
85
  console.log('completeAll', arguments);
86
86
 
87
- setTimeout(function () {
87
+ setTimeout(() => {
88
88
  bar.hidden = true;
89
89
  }, 1000);
90
90
 
@@ -434,6 +434,25 @@
434
434
  <img class="uk-logo-inverse" src="images/dark.jpg" width="200" height="133" alt="">
435
435
  </a>
436
436
  </div>
437
+ <div>
438
+ <p>Picture</p>
439
+ <a class="uk-logo" href="#">
440
+ <picture>
441
+ <img src="images/photo.jpg" width="200" height="133" alt="">
442
+ </picture>
443
+ </a>
444
+ </div>
445
+ <div>
446
+ <p>+ Inverse Picture</p>
447
+ <a class="uk-logo" href="#">
448
+ <picture>
449
+ <img src="images/photo.jpg" width="200" height="133" alt="">
450
+ </picture>
451
+ <picture>
452
+ <img class="uk-logo-inverse" src="images/dark.jpg" width="200" height="133" alt="">
453
+ </picture>
454
+ </a>
455
+ </div>
437
456
  </div>
438
457
 
439
458
  </div>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
2
- <polyline fill="none" stroke="#000" stroke-width="1.1" points="13 10 7 4 1 10" />
3
- </svg>