uikit 3.14.4-dev.fea9fd466 → 3.15.1-dev.f849bb0c8

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 (126) hide show
  1. package/CHANGELOG.md +32 -18
  2. package/build/util.js +1 -0
  3. package/dist/css/uikit-core-rtl.css +284 -63
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +284 -63
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +306 -92
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +306 -92
  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 +98 -131
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +98 -131
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +4 -2
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +1 -1
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +1 -1
  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 +1 -1
  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 +101 -136
  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 +518 -478
  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 +521 -479
  42. package/dist/js/uikit.min.js +17 -1
  43. package/package.json +11 -11
  44. package/src/images/components/navbar-toggle-icon.svg +25 -3
  45. package/src/js/api/hooks.js +5 -1
  46. package/src/js/api/state.js +2 -2
  47. package/src/js/components/notification.js +3 -1
  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/navbar.js +33 -49
  52. package/src/js/core/offcanvas.js +8 -4
  53. package/src/js/core/scroll.js +37 -10
  54. package/src/js/core/toggle.js +3 -5
  55. package/src/js/mixin/modal.js +15 -12
  56. package/src/js/mixin/position.js +21 -22
  57. package/src/js/mixin/style.js +11 -0
  58. package/src/js/mixin/togglable.js +90 -124
  59. package/src/js/util/animation.js +9 -7
  60. package/src/js/util/class.js +3 -1
  61. package/src/js/util/filter.js +3 -7
  62. package/src/js/util/position.js +136 -130
  63. package/src/js/util/viewport.js +1 -1
  64. package/src/less/components/_import.less +1 -0
  65. package/src/less/components/drop.less +1 -18
  66. package/src/less/components/dropbar.less +126 -0
  67. package/src/less/components/dropdown.less +6 -20
  68. package/src/less/components/nav.less +214 -23
  69. package/src/less/components/navbar.less +26 -54
  70. package/src/less/theme/_import.less +1 -0
  71. package/src/less/theme/dropbar.less +44 -0
  72. package/src/less/theme/dropdown.less +0 -11
  73. package/src/less/theme/nav.less +46 -0
  74. package/src/less/theme/navbar.less +5 -36
  75. package/src/scss/components/_import.scss +1 -0
  76. package/src/scss/components/drop.scss +1 -18
  77. package/src/scss/components/dropbar.scss +126 -0
  78. package/src/scss/components/dropdown.scss +6 -20
  79. package/src/scss/components/nav.scss +163 -22
  80. package/src/scss/components/navbar.scss +26 -54
  81. package/src/scss/mixins-theme.scss +81 -35
  82. package/src/scss/mixins.scss +77 -3
  83. package/src/scss/theme/_import.scss +1 -0
  84. package/src/scss/theme/dropbar.scss +44 -0
  85. package/src/scss/theme/dropdown.scss +0 -8
  86. package/src/scss/theme/nav.scss +44 -0
  87. package/src/scss/theme/navbar.scss +4 -8
  88. package/src/scss/variables-theme.scss +58 -13
  89. package/src/scss/variables.scss +46 -8
  90. package/tests/accordion.html +2 -2
  91. package/tests/alert.html +2 -2
  92. package/tests/countdown.html +1 -1
  93. package/tests/drop.html +446 -416
  94. package/tests/dropbar.html +458 -0
  95. package/tests/dropdown.html +8 -470
  96. package/tests/filter.html +9 -12
  97. package/tests/flex.html +36 -36
  98. package/tests/form.html +1 -1
  99. package/tests/grid.html +22 -22
  100. package/tests/height.html +6 -6
  101. package/tests/index.html +127 -108
  102. package/tests/js/index.js +1 -4
  103. package/tests/lightbox.html +5 -5
  104. package/tests/list.html +8 -8
  105. package/tests/modal.html +13 -13
  106. package/tests/nav.html +121 -12
  107. package/tests/navbar.html +111 -220
  108. package/tests/offcanvas.html +10 -14
  109. package/tests/pagination.html +6 -6
  110. package/tests/parallax.html +1 -1
  111. package/tests/position.html +18 -16
  112. package/tests/progress.html +9 -9
  113. package/tests/scroll.html +7 -10
  114. package/tests/search.html +6 -6
  115. package/tests/slider.html +6 -5
  116. package/tests/slideshow.html +8 -8
  117. package/tests/sortable.html +6 -8
  118. package/tests/sticky-navbar.html +15 -15
  119. package/tests/sticky.html +8 -8
  120. package/tests/switcher.html +1 -1
  121. package/tests/tab.html +1 -1
  122. package/tests/table.html +7 -7
  123. package/tests/toggle.html +2 -2
  124. package/tests/tooltip.html +1 -1
  125. package/tests/upload.html +11 -11
  126. package/tests/utility.html +16 -16
package/tests/tooltip.html CHANGED
@@ -90,7 +90,7 @@
90
90
  <td><code>animation</code></td>
91
91
  <td>String</td>
92
92
  <td>false</td>
93
- <td>The space separated names of animations to use. (Comma separate for animation out)</td>
93
+ <td>Space-separated names of animations. Comma-separated for animation out.</td>
94
94
  </tr>
95
95
  <tr>
96
96
  <td><code>duration</code></td>
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
 
package/tests/utility.html CHANGED
@@ -114,43 +114,43 @@
114
114
  <h2>Pre scrollable</h2>
115
115
 
116
116
  <pre class="uk-overflow-auto uk-height-medium uk-resize"><code>&lt;div uk-grid&gt;
117
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;&lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;&lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
118
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
117
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;&lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;&lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
118
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
119
119
  &lt;/div&gt;
120
120
 
121
121
  &lt;div uk-grid&gt;
122
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
123
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
122
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
123
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
124
124
  &lt;/div&gt;
125
125
 
126
126
  &lt;div uk-grid&gt;
127
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
128
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
127
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
128
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
129
129
  &lt;/div&gt;
130
130
 
131
131
  &lt;div uk-grid&gt;
132
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
133
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
132
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
133
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
134
134
  &lt;/div&gt;
135
135
 
136
136
  &lt;div uk-grid&gt;
137
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
138
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
137
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
138
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
139
139
  &lt;/div&gt;
140
140
 
141
141
  &lt;div uk-grid&gt;
142
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
143
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
142
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
143
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
144
144
  &lt;/div&gt;
145
145
 
146
146
  &lt;div uk-grid&gt;
147
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
148
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
147
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
148
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
149
149
  &lt;/div&gt;
150
150
 
151
151
  &lt;div uk-grid&gt;
152
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
153
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
152
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
153
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
154
154
  &lt;/div&gt;</code></pre>
155
155
 
156
156
  </div>