uikit 3.15.13 → 3.15.14

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 (51) hide show
  1. package/CHANGELOG.md +6 -0
  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 +1 -1
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +1 -1
  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 +1 -1
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +1 -1
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +1 -1
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +1 -1
  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 +9 -9
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +9 -9
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/js/core/navbar.js +7 -7
  44. package/tests/accordion.html +1 -1
  45. package/tests/form.html +11 -16
  46. package/tests/height.html +1 -1
  47. package/tests/nav.html +3 -3
  48. package/tests/switcher.html +1 -1
  49. package/tests/tab.html +1 -1
  50. package/tests/table.html +8 -8
  51. package/tests/utility.html +10 -10
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "uikit",
3
3
  "title": "UIkit",
4
4
  "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
5
- "version": "3.15.13",
5
+ "version": "3.15.14",
6
6
  "main": "dist/js/uikit.js",
7
7
  "style": "dist/css/uikit.css",
8
8
  "sideEffects": [
@@ -235,7 +235,7 @@ export default {
235
235
  }
236
236
 
237
237
  if (keyCode === keyMap.ESC) {
238
- active?.targetEl?.focus();
238
+ active.targetEl?.focus();
239
239
  }
240
240
 
241
241
  handleNavItemNavigation(e, this.toggles, active);
@@ -339,7 +339,7 @@ export default {
339
339
 
340
340
  if (
341
341
  matches(this.dropbar, ':hover') &&
342
- active?.$el === e.target &&
342
+ active.$el === e.target &&
343
343
  !this.toggles.some((el) => active.targetEl !== el && matches(el, ':focus'))
344
344
  ) {
345
345
  e.preventDefault();
@@ -367,7 +367,7 @@ export default {
367
367
 
368
368
  const active = this.getActive();
369
369
 
370
- if (!active || active?.$el === target) {
370
+ if (!active || active.$el === target) {
371
371
  this.transitionTo(0);
372
372
  }
373
373
  },
@@ -416,24 +416,24 @@ export default {
416
416
 
417
417
  function handleNavItemNavigation(e, toggles, active) {
418
418
  const { current, keyCode } = e;
419
- const target = active?.targetEl || current;
419
+ const target = active.targetEl || current;
420
420
  const i = toggles.indexOf(target);
421
421
 
422
422
  // Left
423
423
  if (keyCode === keyMap.LEFT && i > 0) {
424
- active?.hide(false);
424
+ active.hide?.(false);
425
425
  toggles[i - 1].focus();
426
426
  }
427
427
 
428
428
  // Right
429
429
  if (keyCode === keyMap.RIGHT && i < toggles.length - 1) {
430
- active?.hide(false);
430
+ active.hide?.(false);
431
431
  toggles[i + 1].focus();
432
432
  }
433
433
 
434
434
  if (keyCode === keyMap.TAB) {
435
435
  target.focus();
436
- active?.hide(false);
436
+ active.hide?.(false);
437
437
  }
438
438
  }
439
439
 
@@ -160,7 +160,7 @@
160
160
  <tr>
161
161
  <td><code>targets</code></td>
162
162
  <td>CSS selector</td>
163
- <td>> *</td>
163
+ <td>&gt; *</td>
164
164
  <td>The element(s) to toggle.</td>
165
165
  </tr>
166
166
  <tr>
package/tests/form.html CHANGED
@@ -43,10 +43,10 @@
43
43
  <div class="uk-form-controls">
44
44
  <input class="uk-input uk-form-width-large" id="form-h-datalist" list="datalist" type="text" placeholder="Some text...">
45
45
  <datalist id="datalist">
46
- <option value="Chrome">
47
- <option value="Edge">
48
- <option value="Firefox">
49
- <option value="Safari">
46
+ <option value="Chrome"></option>
47
+ <option value="Edge"></option>
48
+ <option value="Firefox"></option>
49
+ <option value="Safari"></option>
50
50
  </datalist>
51
51
  </div>
52
52
  </div>
@@ -255,7 +255,7 @@
255
255
  </p>
256
256
 
257
257
  <p class="uk-margin-small">
258
- <select class="uk-select uk-form-width-large" arial-label="Select multiple" multiple="multiple">
258
+ <select class="uk-select uk-form-width-large" arial-label="Select multiple" multiple>
259
259
  <option>Option 01</option>
260
260
  <option>Option 02</option>
261
261
  <option>Option 03</option>
@@ -560,37 +560,32 @@
560
560
 
561
561
  <div class="uk-margin">
562
562
  <label class="uk-form-label" for="form-s-color">Color</label>
563
- <input class="uk-input" id="form-s-color" type="color" placeholder="#000000">
563
+ <input class="uk-input" id="form-s-color" type="color">
564
564
  </div>
565
565
 
566
566
  <div class="uk-margin">
567
567
  <label class="uk-form-label" for="form-s-date">Date</label>
568
- <input class="uk-input" id="form-s-date" type="date" placeholder="1970-01-01">
568
+ <input class="uk-input" id="form-s-date" type="date">
569
569
  </div>
570
570
 
571
571
  <div class="uk-margin">
572
572
  <label class="uk-form-label" for="form-s-month">Month</label>
573
- <input class="uk-input" id="form-s-month" type="month" placeholder="1970-01">
573
+ <input class="uk-input" id="form-s-month" type="month">
574
574
  </div>
575
575
 
576
576
  <div class="uk-margin">
577
577
  <label class="uk-form-label" for="form-s-week">Week</label>
578
- <input class="uk-input" id="form-s-week" type="week" placeholder="1970-W01">
578
+ <input class="uk-input" id="form-s-week" type="week">
579
579
  </div>
580
580
 
581
581
  <div class="uk-margin">
582
582
  <label class="uk-form-label" for="form-s-time">Time</label>
583
- <input class="uk-input" id="form-s-time" type="time" placeholder="00:00:00">
584
- </div>
585
-
586
- <div class="uk-margin">
587
- <label class="uk-form-label" for="form-s-datetime">Datetime</label>
588
- <input class="uk-input" id="form-s-datetime" type="datetime" placeholder="1970-01-01T00:00:00Z">
583
+ <input class="uk-input" id="form-s-time" type="time">
589
584
  </div>
590
585
 
591
586
  <div class="uk-margin">
592
587
  <label class="uk-form-label" for="form-s-datetimelocal">Datetime local</label>
593
- <input class="uk-input" id="form-s-datetimelocal" type="datetime-local" placeholder="1970-01-01T00:00">
588
+ <input class="uk-input" id="form-s-datetimelocal" type="datetime-local">
594
589
  </div>
595
590
 
596
591
  </fieldset>
package/tests/height.html CHANGED
@@ -85,7 +85,7 @@
85
85
  <tr>
86
86
  <td><code>target</code></td>
87
87
  <td>CSS selector</td>
88
- <td><code>> *</code></td>
88
+ <td><code>&gt; *</code></td>
89
89
  <td>Elements that should match. By default, the children will match.</td>
90
90
  </tr>
91
91
  <tr>
package/tests/nav.html CHANGED
@@ -371,19 +371,19 @@
371
371
  <tr>
372
372
  <td><code>targets</code></td>
373
373
  <td>CSS selector</td>
374
- <td>> .uk-parent</td>
374
+ <td>&gt; .uk-parent</td>
375
375
  <td>The element(s) to toggle.</td>
376
376
  </tr>
377
377
  <tr>
378
378
  <td><code>toggle</code></td>
379
379
  <td>CSS selector</td>
380
- <td>> a</td>
380
+ <td>&gt; a</td>
381
381
  <td>The toggle element(s).</td>
382
382
  </tr>
383
383
  <tr>
384
384
  <td><code>content</code></td>
385
385
  <td>CSS selector</td>
386
- <td>> ul</td>
386
+ <td>&gt; ul</td>
387
387
  <td>The content element(s).</td>
388
388
  </tr>
389
389
  <tr>
@@ -339,7 +339,7 @@
339
339
  <tr>
340
340
  <td><code>toggle</code></td>
341
341
  <td>CSS selector</td>
342
- <td>> * > :first-child</td>
342
+ <td>&gt; * &gt; :first-child</td>
343
343
  <td>Toggle selector - triggers content switching on click.</td>
344
344
  </tr>
345
345
  <tr>
package/tests/tab.html CHANGED
@@ -175,7 +175,7 @@
175
175
  <tr>
176
176
  <td><code>toggle</code></td>
177
177
  <td>CSS selector</td>
178
- <td>> *</td>
178
+ <td>&gt; *</td>
179
179
  <td>Toggle selector - triggers content switching on click.</td>
180
180
  </tr>
181
181
  <tr>
package/tests/table.html CHANGED
@@ -34,14 +34,6 @@
34
34
  <th>Table Heading</th>
35
35
  </tr>
36
36
  </thead>
37
- <tfoot>
38
- <tr>
39
- <td>Table Footer</td>
40
- <td>Table Footer</td>
41
- <td>Table Footer</td>
42
- <td>Table Footer</td>
43
- </tr>
44
- </tfoot>
45
37
  <tbody>
46
38
  <tr>
47
39
  <td>Table Data <a href="#">a element</a> <code>.uk-table</code></td>
@@ -86,6 +78,14 @@
86
78
  <td>Table Data</td>
87
79
  </tr>
88
80
  </tbody>
81
+ <tfoot>
82
+ <tr>
83
+ <td>Table Footer</td>
84
+ <td>Table Footer</td>
85
+ <td>Table Footer</td>
86
+ <td>Table Footer</td>
87
+ </tr>
88
+ </tfoot>
89
89
  </table>
90
90
  </div>
91
91
 
@@ -69,16 +69,6 @@
69
69
  <th>Table Heading</th>
70
70
  </tr>
71
71
  </thead>
72
- <tfoot>
73
- <tr>
74
- <td>Table Footer</td>
75
- <td>Table Footer</td>
76
- <td>Table Footer</td>
77
- <td>Table Footer</td>
78
- <td>Table Footer</td>
79
- <td>Table Footer</td>
80
- </tr>
81
- </tfoot>
82
72
  <tbody>
83
73
  <tr>
84
74
  <td>Table Data</td>
@@ -105,6 +95,16 @@
105
95
  <td>Table Data</td>
106
96
  </tr>
107
97
  </tbody>
98
+ <tfoot>
99
+ <tr>
100
+ <td>Table Footer</td>
101
+ <td>Table Footer</td>
102
+ <td>Table Footer</td>
103
+ <td>Table Footer</td>
104
+ <td>Table Footer</td>
105
+ <td>Table Footer</td>
106
+ </tr>
107
+ </tfoot>
108
108
  </table>
109
109
  </div>
110
110