uikit 3.14.4-dev.a02c81d72 → 3.14.4-dev.acf741619

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 +34 -17
  2. package/build/util.js +1 -0
  3. package/dist/css/uikit-core-rtl.css +339 -109
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +339 -109
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +359 -113
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +359 -113
  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 +78 -129
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +78 -129
  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 +92 -145
  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 +460 -446
  38. package/dist/js/uikit-core.min.js +14 -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 +460 -446
  42. package/dist/js/uikit.min.js +14 -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/{backgrounds/navbar-parent-close.svg → components/nav-parent-icon.svg} +0 -0
  46. package/src/images/{backgrounds/navbar-parent-open.svg → components/navbar-parent-icon.svg} +1 -1
  47. package/src/images/components/navbar-toggle-icon.svg +22 -3
  48. package/src/js/api/state.js +2 -2
  49. package/src/js/core/accordion.js +9 -17
  50. package/src/js/core/alert.js +35 -14
  51. package/src/js/core/drop.js +89 -62
  52. package/src/js/core/height-viewport.js +4 -2
  53. package/src/js/core/icon.js +16 -0
  54. package/src/js/core/index.js +2 -0
  55. package/src/js/core/leader.js +2 -2
  56. package/src/js/core/navbar.js +30 -45
  57. package/src/js/core/scroll.js +37 -10
  58. package/src/js/core/toggle.js +3 -5
  59. package/src/js/mixin/media.js +4 -5
  60. package/src/js/mixin/modal.js +9 -6
  61. package/src/js/mixin/position.js +24 -26
  62. package/src/js/mixin/style.js +11 -0
  63. package/src/js/mixin/togglable.js +80 -133
  64. package/src/js/util/animation.js +4 -3
  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 +54 -47
  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 +42 -47
  89. package/src/scss/components/utility.scss +8 -1
  90. package/src/scss/mixins-theme.scss +92 -21
  91. package/src/scss/mixins.scss +89 -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 +56 -19
  98. package/src/scss/variables.scss +45 -17
  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 +442 -412
  103. package/tests/dropbar.html +456 -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 +117 -75
  113. package/tests/navbar.html +102 -237
  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 +5 -5
  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 +6 -6
  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/index.html CHANGED
@@ -20,7 +20,7 @@
20
20
  <ul class="uk-navbar-nav">
21
21
  <li class="uk-active"><a href="#">Active</a></li>
22
22
  <li>
23
- <a href="#">Parent</a>
23
+ <a href="#">Dropdown <span uk-navbar-parent-icon></span></a>
24
24
  <div class="uk-navbar-dropdown">
25
25
  <ul class="uk-nav uk-navbar-dropdown-nav">
26
26
  <li class="uk-active"><a href="#">Active</a></li>
@@ -39,6 +39,26 @@
39
39
  </ul>
40
40
  </div>
41
41
  </li>
42
+ <li>
43
+ <a href="#">Dropbar <span uk-navbar-parent-icon></span></a>
44
+ <div class="uk-dropbar uk-dropbar-top" uk-drop="pos: bottom-left; stretch: x; animation: slide-top; animate-out: true">
45
+ <ul class="uk-nav uk-navbar-dropdown-nav">
46
+ <li class="uk-active"><a href="#">Active</a></li>
47
+ <li class="uk-parent">
48
+ <a href="#">Parent</a>
49
+ <ul class="uk-nav-sub">
50
+ <li><a href="#">Sub item</a></li>
51
+ <li><a href="#">Sub item</a></li>
52
+ </ul>
53
+ </li>
54
+ <li class="uk-nav-header">Header</li>
55
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
56
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
57
+ <li class="uk-nav-divider"></li>
58
+ <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
59
+ </ul>
60
+ </div>
61
+ </li>
42
62
  <li><a href="#">Item</a></li>
43
63
  <li><a href="#">Item</a></li>
44
64
  </ul>
@@ -237,10 +257,10 @@
237
257
  </form>
238
258
  </div>
239
259
 
240
- <ul class="uk-nav-default uk-nav-parent-icon uk-margin-medium" uk-nav>
260
+ <ul class="uk-nav-default uk-margin-medium" uk-nav>
241
261
  <li class="uk-active"><a href="#">Active</a></li>
242
262
  <li class="uk-parent">
243
- <a href="#">Parent</a>
263
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
244
264
  <ul class="uk-nav-sub">
245
265
  <li><a href="#">Sub item</a></li>
246
266
  <li><a href="#">Sub item</a>
@@ -252,7 +272,7 @@
252
272
  </ul>
253
273
  </li>
254
274
  <li class="uk-parent">
255
- <a href="#">Parent</a>
275
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
256
276
  <ul class="uk-nav-sub">
257
277
  <li><a href="#">Sub item</a></li>
258
278
  <li><a href="#">Sub item</a></li>
@@ -291,68 +311,24 @@
291
311
  <hr class="uk-margin-large">
292
312
 
293
313
  <div class="uk-grid-divider" uk-grid>
294
- <div class="uk-width-3-5@m">
295
-
296
- <div class="uk-child-width-expand@s" uk-grid>
297
- <div>
298
-
299
- <form class="uk-form-stacked">
300
-
301
- <div class="uk-margin-small">
302
- <label class="uk-form-label">Text</label>
303
- <input class="uk-input" type="text" placeholder="Some text...">
304
- </div>
305
-
306
- <div class="uk-margin-small">
307
- <select class="uk-select">
308
- <option>Option 01</option>
309
- <option>Option 02</option>
310
- </select>
311
- </div>
312
-
313
- <div class="uk-margin-small">
314
- <textarea class="uk-textarea" rows="2" placeholder="Some text..."></textarea>
315
- </div>
316
-
317
- <div class="uk-grid-small uk-child-width-auto" uk-grid>
318
- <div>
319
- <label><input class="uk-radio" type="radio" name="radio"> Radio</label>
320
- </div>
321
- <div>
322
- <label><input class="uk-checkbox" type="checkbox"> Checkbox</label>
323
- </div>
324
- </div>
325
-
326
- <div class="uk-margin-small">
327
- <input class="uk-range" type="range" value="2" min="0" max="10" step="0.1">
328
- </div>
329
-
330
- </form>
331
-
332
- </div>
333
- <div>
334
-
335
- <form class="uk-form-stacked">
336
-
337
- <div class="uk-margin-small">
338
- <label class="uk-form-label">States</label>
339
- <input class="uk-input" type="text" placeholder=":disabled" disabled>
340
- </div>
314
+ <div class="uk-width-2-3@m">
341
315
 
342
- <div class="uk-margin-small">
343
- <input class="uk-input uk-form-danger" type="text" placeholder="form-danger" value="form-danger">
344
- </div>
345
- <div class="uk-margin-small">
346
- <input class="uk-input uk-form-success" type="text" placeholder="form-success" value="form-success">
347
- </div>
348
- <div class="uk-margin-small">
349
- <input class="uk-input uk-form-blank" type="text" placeholder="form-blank">
350
- </div>
316
+ <h1 class="uk-heading-2xlarge uk-margin-small">2X-Large</h1>
317
+ <h1 class="uk-heading-xlarge uk-margin-small">X-Large</h1>
318
+ <h1 class="uk-heading-large uk-margin-small">Heading L</h1>
319
+ <h1 class="uk-heading-medium uk-margin-small">Heading M</h1>
320
+ <h1 class="uk-heading-small uk-margin-small">Heading S</h1>
351
321
 
352
- </form>
322
+ <h1 class="uk-margin-small">Heading H1</h1>
323
+ <h2 class="uk-margin-small">Heading H2</h2>
324
+ <h3 class="uk-margin-small">Heading H3</h3>
325
+ <h4 class="uk-margin-small">Heading H4</h4>
326
+ <h5 class="uk-margin-small">Heading H5</h5>
327
+ <h6 class="uk-margin-small">Heading H6</h6>
353
328
 
354
- </div>
355
- </div>
329
+ <h3 class="uk-heading-divider">Heading Divider</h3>
330
+ <h3 class="uk-heading-bullet">Heading Bullet</h3>
331
+ <h3 class="uk-heading-line"><span>Heading Line</span></h3>
356
332
 
357
333
  <div class="uk-overflow-auto uk-margin-medium-top">
358
334
  <table class="uk-table uk-table-divider uk-table-hover uk-table-small">
@@ -388,31 +364,6 @@
388
364
  </table>
389
365
  </div>
390
366
 
391
- <div class="uk-margin-medium-top" uk-alert>
392
- <a href="#" class="uk-alert-close" uk-close></a>
393
- <p>Default</p>
394
- </div>
395
-
396
- <div class="uk-alert-primary" uk-alert>
397
- <a href="#" class="uk-alert-close" uk-close></a>
398
- <p>Primary</p>
399
- </div>
400
-
401
- <div class="uk-alert-success" uk-alert>
402
- <a href="#" class="uk-alert-close" uk-close></a>
403
- <p>Success</p>
404
- </div>
405
-
406
- <div class="uk-alert-warning" uk-alert>
407
- <a href="#" class="uk-alert-close" uk-close></a>
408
- <p>Warning</p>
409
- </div>
410
-
411
- <div class="uk-alert-danger uk-margin-remove-bottom" uk-alert>
412
- <a href="#" class="uk-alert-close" uk-close></a>
413
- <p>Danger</p>
414
- </div>
415
-
416
367
  <div class="uk-grid-small uk-child-width-auto uk-margin-medium-top" uk-grid js-countdown>
417
368
  <div>
418
369
  <div class="uk-countdown-number uk-countdown-days"></div>
@@ -433,33 +384,101 @@
433
384
 
434
385
  <script>
435
386
 
436
- var date = (new Date(Date.now() + 864e5 * 7)).toISOString();
437
-
438
- UIkit.util.$$('[js-countdown]').forEach(function(el) {
439
- UIkit.countdown(el, {date: date});
387
+ UIkit.countdown('[js-countdown]', {
388
+ date: (new Date(Date.now() + 864e5 * 7)).toISOString()
440
389
  });
441
390
 
442
391
  </script>
443
392
 
444
393
  </div>
445
- <div class="uk-width-2-5@m">
394
+ <div class="uk-width-1-3@m">
446
395
 
447
- <h1 class="uk-heading-2xlarge uk-margin-small">2XL</h1>
448
- <h1 class="uk-heading-xlarge uk-margin-small">X-Large</h1>
449
- <h1 class="uk-heading-large uk-margin-small">Heading L</h1>
450
- <h1 class="uk-heading-medium uk-margin-small">Heading M</h1>
451
- <h1 class="uk-heading-small uk-margin-small">Heading S</h1>
396
+ <form class="uk-form-stacked">
452
397
 
453
- <h1 class="uk-margin-small">Heading H1</h1>
454
- <h2 class="uk-margin-small">Heading H2</h2>
455
- <h3 class="uk-margin-small">Heading H3</h3>
456
- <h4 class="uk-margin-small">Heading H4</h4>
457
- <h5 class="uk-margin-small">Heading H5</h5>
458
- <h6 class="uk-margin-small">Heading H6</h6>
398
+ <div class="uk-margin-small">
399
+ <label class="uk-form-label">Text</label>
400
+ <input class="uk-input" type="text" placeholder="Some text...">
401
+ </div>
459
402
 
460
- <h3 class="uk-heading-divider">Heading Divider</h3>
461
- <h3 class="uk-heading-bullet">Heading Bullet</h3>
462
- <h3 class="uk-heading-line"><span>Heading Line</span></h3>
403
+ <div class="uk-margin-small">
404
+ <select class="uk-select">
405
+ <option>Option 01</option>
406
+ <option>Option 02</option>
407
+ </select>
408
+ </div>
409
+
410
+ <div class="uk-margin-small">
411
+ <textarea class="uk-textarea" rows="2" placeholder="Some text..."></textarea>
412
+ </div>
413
+
414
+ <div class="uk-grid-small uk-child-width-auto" uk-grid>
415
+ <div>
416
+ <label><input class="uk-radio" type="radio" name="radio"> Radio</label>
417
+ </div>
418
+ <div>
419
+ <label><input class="uk-checkbox" type="checkbox"> Checkbox</label>
420
+ </div>
421
+ </div>
422
+
423
+ <div class="uk-margin-small">
424
+ <input class="uk-range" type="range" value="2" min="0" max="10" step="0.1">
425
+ </div>
426
+
427
+ <div class="uk-margin-small">
428
+ <label class="uk-form-label">States</label>
429
+ <input class="uk-input" type="text" placeholder=":disabled" disabled>
430
+ </div>
431
+
432
+ <div class="uk-margin-small">
433
+ <input class="uk-input uk-form-danger" type="text" placeholder="form-danger" value="form-danger">
434
+ </div>
435
+ <div class="uk-margin-small">
436
+ <input class="uk-input uk-form-success" type="text" placeholder="form-success" value="form-success">
437
+ </div>
438
+ <div class="uk-margin-small">
439
+ <input class="uk-input uk-form-blank" type="text" placeholder="form-blank">
440
+ </div>
441
+
442
+ </form>
443
+
444
+ <ul class="uk-nav uk-nav-primary uk-margin-medium">
445
+ <li class="uk-active"><a href="#">Active</a></li>
446
+ <li><a href="#">Item</a></li>
447
+ <li><a href="#">Item</a></li>
448
+ <li><a href="#">Item</a></li>
449
+ </ul>
450
+
451
+ <ul class="uk-nav uk-nav-secondary uk-margin-medium">
452
+ <li class="uk-active"><a href="#"><div>Active<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
453
+ <li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
454
+ <li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
455
+ <li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
456
+ </ul>
457
+
458
+ <div class="uk-margin-medium-top" uk-alert>
459
+ <a href="#" class="uk-alert-close" uk-close></a>
460
+ <p>Default</p>
461
+ </div>
462
+
463
+ <div class="uk-alert-primary" uk-alert>
464
+ <a href="#" class="uk-alert-close" uk-close></a>
465
+ <p>Primary</p>
466
+ </div>
467
+
468
+ <div class="uk-alert-success" uk-alert>
469
+ <a href="#" class="uk-alert-close" uk-close></a>
470
+ <p>Success</p>
471
+ </div>
472
+
473
+ <div class="uk-alert-warning" uk-alert>
474
+ <a href="#" class="uk-alert-close" uk-close></a>
475
+ <p>Warning</p>
476
+ </div>
477
+
478
+ <div class="uk-alert-danger uk-margin-remove-bottom" uk-alert>
479
+ <a href="#" class="uk-alert-close" uk-close></a>
480
+ <p>Danger</p>
481
+ </div>
463
482
 
464
483
  </div>
465
484
  </div>
package/tests/js/index.js CHANGED
@@ -16,16 +16,13 @@ const themes = request.status === 200 ? JSON.parse(request.responseText) : {};
16
16
  const styles = {
17
17
  core: { css: '../dist/css/uikit-core.css' },
18
18
  theme: { css: '../dist/css/uikit.css' },
19
+ ...themes,
19
20
  };
20
21
  const component = location.pathname
21
22
  .split('/')
22
23
  .pop()
23
24
  .replace(/.html$/, '');
24
25
 
25
- for (const theme in themes) {
26
- styles[theme] = themes[theme];
27
- }
28
-
29
26
  const variations = {
30
27
  '': 'Default',
31
28
  light: 'Dark',
package/tests/lightbox.html CHANGED
@@ -273,13 +273,13 @@
273
273
 
274
274
  <script>
275
275
 
276
- var util = UIkit.util;
276
+ const {$, attr, on } = UIkit.util;
277
277
 
278
- util.on('#js-animation-switcher', 'change', function() {
279
- util.attr(util.$('#js-lightbox-animation'), 'animation', this.value);
280
- });
278
+ on('#js-animation-switcher', 'change', () =>
279
+ attr($('#js-lightbox-animation'), 'animation', this.value)
280
+ );
281
281
 
282
- util.on('#js-lightbox', 'click', function (e) {
282
+ on('#js-lightbox', 'click', (e) => {
283
283
  e.preventDefault();
284
284
 
285
285
  UIkit.lightboxPanel({
package/tests/list.html CHANGED
@@ -474,14 +474,14 @@
474
474
 
475
475
  <script>
476
476
 
477
- var options = UIkit.util.$$('#js-color-switcher option').map(function (option) { return option.value; });
478
-
479
- UIkit.util.on('#js-color-switcher', 'change', function () {
480
- var value = this.value;
481
- UIkit.util.$$('.uk-list').forEach(function (table) {
482
- UIkit.util.removeClass(table, options);
483
- UIkit.util.addClass(table, value);
484
- });
477
+ const {$$, addClass, on, removeClass } = UIkit.util;
478
+
479
+ on('#js-color-switcher', 'change', (e) => {
480
+ const options = $$('option', e.target).map(({value}) => value);
481
+ for (const el of $$('.uk-list')) {
482
+ removeClass(el, options);
483
+ addClass(el, e.target.value);
484
+ }
485
485
  });
486
486
 
487
487
  </script>
package/tests/modal.html CHANGED
@@ -458,37 +458,37 @@
458
458
  </div>
459
459
 
460
460
  <script>
461
+ const {on} = UIkit.util;
461
462
 
462
- UIkit.util.on('#js-modal-dialog', 'click', function (e) {
463
+ on('#js-modal-dialog', 'click', e => {
463
464
  e.preventDefault();
464
465
  e.target.blur();
465
466
  UIkit.modal.dialog('<p class="uk-modal-body">UIkit dialog!</p>');
466
467
  });
467
468
 
468
- UIkit.util.on('#js-modal-alert', 'click', function (e) {
469
+ on('#js-modal-alert', 'click', e => {
469
470
  e.preventDefault();
470
471
  e.target.blur();
471
- UIkit.modal.alert('UIkit alert!').then(function () {
472
+ UIkit.modal.alert('UIkit alert!').then(() =>
472
473
  console.log('Alert closed.')
473
- });
474
+ );
474
475
  });
475
476
 
476
- UIkit.util.on('#js-modal-confirm', 'click', function (e) {
477
+ on('#js-modal-confirm', 'click', e => {
477
478
  e.preventDefault();
478
479
  e.target.blur();
479
- UIkit.modal.confirm('UIkit confirm!').then(function () {
480
- console.log('Confirmed.')
481
- }, function () {
482
- console.log('Rejected.')
483
- });
480
+ UIkit.modal.confirm('UIkit confirm!').then(
481
+ () => console.log('Confirmed.'),
482
+ () => console.log('Rejected.')
483
+ );
484
484
  });
485
485
 
486
- UIkit.util.on('#js-modal-prompt', 'click', function (e) {
486
+ on('#js-modal-prompt', 'click', e => {
487
487
  e.preventDefault();
488
488
  e.target.blur();
489
- UIkit.modal.prompt('Name:', 'Your name').then(function (name) {
489
+ UIkit.modal.prompt('Name:', 'Your name').then(name =>
490
490
  console.log('Prompted:', name)
491
- });
491
+ );
492
492
  });
493
493
 
494
494
  </script>