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.
- package/CHANGELOG.md +6 -0
- package/dist/css/uikit-core-rtl.css +1 -1
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +1 -1
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +1 -1
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +1 -1
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +1 -1
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +1 -1
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +1 -1
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +1 -1
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +1 -1
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +1 -1
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +1 -1
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +1 -1
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +9 -9
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +9 -9
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/js/core/navbar.js +7 -7
- package/tests/accordion.html +1 -1
- package/tests/form.html +11 -16
- package/tests/height.html +1 -1
- package/tests/nav.html +3 -3
- package/tests/switcher.html +1 -1
- package/tests/tab.html +1 -1
- package/tests/table.html +8 -8
- 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.
|
|
5
|
+
"version": "3.15.14",
|
|
6
6
|
"main": "dist/js/uikit.js",
|
|
7
7
|
"style": "dist/css/uikit.css",
|
|
8
8
|
"sideEffects": [
|
package/src/js/core/navbar.js
CHANGED
|
@@ -235,7 +235,7 @@ export default {
|
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
if (keyCode === keyMap.ESC) {
|
|
238
|
-
active
|
|
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
|
|
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
|
|
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
|
|
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?.
|
|
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?.
|
|
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?.
|
|
436
|
+
active.hide?.(false);
|
|
437
437
|
}
|
|
438
438
|
}
|
|
439
439
|
|
package/tests/accordion.html
CHANGED
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
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
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
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
|
|
374
|
+
<td>> .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
|
|
380
|
+
<td>> 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
|
|
386
|
+
<td>> ul</td>
|
|
387
387
|
<td>The content element(s).</td>
|
|
388
388
|
</tr>
|
|
389
389
|
<tr>
|
package/tests/switcher.html
CHANGED
package/tests/tab.html
CHANGED
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
|
|
package/tests/utility.html
CHANGED
|
@@ -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
|
|