@madgex/design-system 3.0.2 → 3.0.4

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 (110) hide show
  1. package/.eslintignore +2 -0
  2. package/.eslintrc.js +3 -3
  3. package/__tests__/.eslintrc.js +3 -3
  4. package/__tests__/unit/src/components/combobox.spec.js +4 -28
  5. package/__tests__/unit/src/components/notification.spec.js +14 -12
  6. package/__tests__/unit/src/components/popover.spec.js +4 -0
  7. package/__tests__/unit/tasks/css.spec.js +3 -2
  8. package/__tests__/unit/tasks/jsbundle.spec.js +3 -2
  9. package/__tests__/unit/tasks/svgsprite.spec.js +3 -2
  10. package/__tests__/unit/tasks/tokens.spec.js +3 -2
  11. package/coverage/cobertura-coverage.xml +389 -389
  12. package/coverage/components/accordion/accordion.js.html +164 -127
  13. package/coverage/components/accordion/index.html +23 -22
  14. package/coverage/components/button/button.js.html +3 -2
  15. package/coverage/components/button/index.html +3 -2
  16. package/coverage/components/inputs/combobox/combobox.js.html +3 -2
  17. package/coverage/components/inputs/combobox/index.html +3 -2
  18. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +55 -54
  19. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +9 -8
  20. package/coverage/components/inputs/combobox/vue-components/index.html +21 -20
  21. package/coverage/components/inputs/file-upload/file-upload.js.html +7 -3
  22. package/coverage/components/inputs/file-upload/index.html +3 -2
  23. package/coverage/components/inputs/textarea/character-count.js.html +13 -3
  24. package/coverage/components/inputs/textarea/index.html +3 -2
  25. package/coverage/components/modal/index.html +23 -22
  26. package/coverage/components/modal/modal.js.html +118 -111
  27. package/coverage/components/notification/index.html +3 -2
  28. package/coverage/components/notification/notification.js.html +13 -3
  29. package/coverage/components/popover/index.html +3 -2
  30. package/coverage/components/popover/popover.js.html +3 -2
  31. package/coverage/components/switch-state/index.html +19 -18
  32. package/coverage/components/switch-state/switch-state.js.html +22 -21
  33. package/coverage/components/tabs/index.html +3 -2
  34. package/coverage/components/tabs/tabs.js.html +37 -3
  35. package/coverage/favicon.png +0 -0
  36. package/coverage/index.html +52 -51
  37. package/coverage/js/common.js.html +3 -2
  38. package/coverage/js/fractal-scripts/combobox.js.html +22 -3
  39. package/coverage/js/fractal-scripts/index.html +3 -2
  40. package/coverage/js/fractal-scripts/notification.js.html +13 -3
  41. package/coverage/js/fractal-scripts/switch-state.js.html +13 -3
  42. package/coverage/js/index-fractal.js.html +3 -2
  43. package/coverage/js/index-polyfills.js.html +3 -2
  44. package/coverage/js/index-vue.js.html +3 -2
  45. package/coverage/js/index.html +3 -2
  46. package/coverage/js/index.js.html +3 -2
  47. package/coverage/js/polyfills/arrayPrototypeFind.js.html +20 -10
  48. package/coverage/js/polyfills/closest.js.html +8 -4
  49. package/coverage/js/polyfills/index.html +3 -2
  50. package/coverage/js/polyfills/objectAssign.js.html +19 -9
  51. package/coverage/js/polyfills/remove.js.html +3 -2
  52. package/coverage/tokens/_config.js.html +3 -2
  53. package/coverage/tokens/index.html +3 -2
  54. package/cypress/.eslintrc.js +6 -6
  55. package/cypress/fixtures/testuploadfile.txt +1 -0
  56. package/cypress/integration/components/accordion.spec.js +40 -3
  57. package/cypress/integration/components/button.spec.js +2 -3
  58. package/cypress/integration/components/card.spec.js +2 -3
  59. package/cypress/integration/components/icons.spec.js +10 -0
  60. package/cypress/integration/components/{combobox.spec.js → inputs/combobox.spec.js} +6 -0
  61. package/cypress/integration/components/inputs/file-upload.spec.js +45 -0
  62. package/cypress/integration/components/{input.spec.js → inputs/input.spec.js} +1 -1
  63. package/cypress/integration/components/inputs/label.spec.js +15 -0
  64. package/cypress/integration/components/inputs/radio.spec.js +20 -0
  65. package/cypress/integration/components/inputs/select.spec.js +31 -0
  66. package/cypress/integration/components/inputs/textarea.spec.js +23 -0
  67. package/cypress/integration/components/modal.spec.js +65 -0
  68. package/cypress/integration/components/notifications.spec.js +35 -0
  69. package/cypress/integration/components/popover.spec.js +36 -0
  70. package/cypress/integration/components/skip-link.spec.js +9 -0
  71. package/cypress/plugins/index.js +1 -1
  72. package/cypress/support/commands.js +14 -0
  73. package/cypress/support/index.js +2 -0
  74. package/dist/_tokens/css/_tokens.css +1 -1
  75. package/dist/_tokens/js/_tokens-module.js +455 -1
  76. package/dist/_tokens/scss/_tokens.scss +4 -4
  77. package/dist/assets/icons.json +1 -1
  78. package/dist/assets/icons.svg +6 -1
  79. package/dist/css/index.css +1 -1
  80. package/dist/js/index.js +1 -1
  81. package/fractal.js +2 -0
  82. package/package.json +59 -54
  83. package/server.js +1 -1
  84. package/src/components/accordion/accordion.config.js +9 -12
  85. package/src/components/accordion/accordion.js +12 -0
  86. package/src/components/inputs/file-upload/file-upload.js +1 -0
  87. package/src/components/inputs/textarea/character-count.js +3 -0
  88. package/src/components/modal/modal.js +3 -1
  89. package/src/components/notification/notification.js +3 -0
  90. package/src/components/skip-link/skip-link.njk +11 -1
  91. package/src/components/tabs/tabs.js +11 -0
  92. package/src/js/fractal-scripts/combobox.js +6 -0
  93. package/src/js/fractal-scripts/notification.js +3 -0
  94. package/src/js/fractal-scripts/switch-state.js +3 -0
  95. package/src/js/polyfills/arrayPrototypeFind.js +9 -6
  96. package/src/js/polyfills/closest.js +2 -1
  97. package/src/js/polyfills/objectAssign.js +9 -6
  98. package/tasks/colorTransforms.js +4 -0
  99. package/tasks/createMacroIndex.js +1 -0
  100. package/tasks/css.js +3 -0
  101. package/tasks/fractal.js +2 -0
  102. package/tasks/js-bundle.js +6 -2
  103. package/tasks/svgsprite.js +31 -21
  104. package/tasks/tokens.js +2 -0
  105. package/__tests__/unit/src/components/accordion.spec.js +0 -88
  106. package/__tests__/unit/src/components/modal.spec.js +0 -87
  107. package/__tests__/unit/src/components/switch-state.spec.js +0 -21
  108. package/cypress/integration/components/textarea.spec.js +0 -9
  109. /package/cypress/integration/components/{checkbox-list.spec.js → inputs/checkbox-list.spec.js} +0 -0
  110. /package/cypress/integration/components/{single-checkbox.spec.js → inputs/single-checkbox.spec.js} +0 -0
package/coverage/components/inputs/combobox/index.html CHANGED
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../../sort-arrow-sprite.png);
@@ -94,7 +95,7 @@
94
95
  <div class='footer quiet pad2 space-top1 center small'>
95
96
  Code coverage generated by
96
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
98
+ at Mon Jul 19 2021 18:44:41 GMT+0100 (British Summer Time)
98
99
  </div>
99
100
  </div>
100
101
  <script src="../../../prettify.js"></script>
package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html CHANGED
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../../../sort-arrow-sprite.png);
@@ -22,30 +23,30 @@
22
23
  <div class='clearfix'>
23
24
 
24
25
  <div class='fl pad1y space-right2'>
25
- <span class="strong">73.44% </span>
26
+ <span class="strong">65.63% </span>
26
27
  <span class="quiet">Statements</span>
27
- <span class='fraction'>47/64</span>
28
+ <span class='fraction'>42/64</span>
28
29
  </div>
29
30
 
30
31
 
31
32
  <div class='fl pad1y space-right2'>
32
- <span class="strong">60% </span>
33
+ <span class="strong">53.33% </span>
33
34
  <span class="quiet">Branches</span>
34
- <span class='fraction'>18/30</span>
35
+ <span class='fraction'>16/30</span>
35
36
  </div>
36
37
 
37
38
 
38
39
  <div class='fl pad1y space-right2'>
39
- <span class="strong">77.42% </span>
40
+ <span class="strong">70.97% </span>
40
41
  <span class="quiet">Functions</span>
41
- <span class='fraction'>24/31</span>
42
+ <span class='fraction'>22/31</span>
42
43
  </div>
43
44
 
44
45
 
45
46
  <div class='fl pad1y space-right2'>
46
- <span class="strong">73.44% </span>
47
+ <span class="strong">65.63% </span>
47
48
  <span class="quiet">Lines</span>
48
- <span class='fraction'>47/64</span>
49
+ <span class='fraction'>42/64</span>
49
50
  </div>
50
51
 
51
52
 
@@ -382,7 +383,7 @@
382
383
  <span class="cline-any cline-neutral">&nbsp;</span>
383
384
  <span class="cline-any cline-neutral">&nbsp;</span>
384
385
  <span class="cline-any cline-neutral">&nbsp;</span>
385
- <span class="cline-any cline-yes">10x</span>
386
+ <span class="cline-any cline-yes">5x</span>
386
387
  <span class="cline-any cline-neutral">&nbsp;</span>
387
388
  <span class="cline-any cline-neutral">&nbsp;</span>
388
389
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -390,96 +391,96 @@
390
391
  <span class="cline-any cline-neutral">&nbsp;</span>
391
392
  <span class="cline-any cline-neutral">&nbsp;</span>
392
393
  <span class="cline-any cline-neutral">&nbsp;</span>
393
- <span class="cline-any cline-yes">10x</span>
394
+ <span class="cline-any cline-yes">5x</span>
394
395
  <span class="cline-any cline-neutral">&nbsp;</span>
395
396
  <span class="cline-any cline-neutral">&nbsp;</span>
396
397
  <span class="cline-any cline-neutral">&nbsp;</span>
397
398
  <span class="cline-any cline-neutral">&nbsp;</span>
398
399
  <span class="cline-any cline-neutral">&nbsp;</span>
399
400
  <span class="cline-any cline-neutral">&nbsp;</span>
400
- <span class="cline-any cline-yes">15x</span>
401
+ <span class="cline-any cline-yes">9x</span>
401
402
  <span class="cline-any cline-yes">1x</span>
402
403
  <span class="cline-any cline-neutral">&nbsp;</span>
403
- <span class="cline-any cline-yes">14x</span>
404
+ <span class="cline-any cline-yes">8x</span>
404
405
  <span class="cline-any cline-neutral">&nbsp;</span>
405
406
  <span class="cline-any cline-neutral">&nbsp;</span>
406
407
  <span class="cline-any cline-neutral">&nbsp;</span>
407
- <span class="cline-any cline-yes">4x</span>
408
- <span class="cline-any cline-yes">4x</span>
409
- <span class="cline-any cline-yes">4x</span>
410
- <span class="cline-any cline-yes">4x</span>
408
+ <span class="cline-any cline-yes">3x</span>
409
+ <span class="cline-any cline-yes">3x</span>
410
+ <span class="cline-any cline-yes">3x</span>
411
+ <span class="cline-any cline-yes">3x</span>
411
412
  <span class="cline-any cline-neutral">&nbsp;</span>
412
413
  <span class="cline-any cline-neutral">&nbsp;</span>
413
414
  <span class="cline-any cline-neutral">&nbsp;</span>
414
415
  <span class="cline-any cline-neutral">&nbsp;</span>
415
- <span class="cline-any cline-yes">12x</span>
416
+ <span class="cline-any cline-yes">6x</span>
416
417
  <span class="cline-any cline-neutral">&nbsp;</span>
417
418
  <span class="cline-any cline-neutral">&nbsp;</span>
418
- <span class="cline-any cline-yes">6x</span>
419
+ <span class="cline-any cline-yes">4x</span>
419
420
  <span class="cline-any cline-neutral">&nbsp;</span>
420
421
  <span class="cline-any cline-neutral">&nbsp;</span>
421
422
  <span class="cline-any cline-neutral">&nbsp;</span>
422
423
  <span class="cline-any cline-neutral">&nbsp;</span>
423
- <span class="cline-any cline-yes">11x</span>
424
+ <span class="cline-any cline-yes">6x</span>
424
425
  <span class="cline-any cline-neutral">&nbsp;</span>
425
426
  <span class="cline-any cline-neutral">&nbsp;</span>
426
- <span class="cline-any cline-yes">5x</span>
427
- <span class="cline-any cline-yes">5x</span>
428
- <span class="cline-any cline-yes">5x</span>
427
+ <span class="cline-any cline-yes">4x</span>
428
+ <span class="cline-any cline-yes">4x</span>
429
+ <span class="cline-any cline-yes">4x</span>
429
430
  <span class="cline-any cline-neutral">&nbsp;</span>
430
431
  <span class="cline-any cline-neutral">&nbsp;</span>
431
- <span class="cline-any cline-yes">14x</span>
432
- <span class="cline-any cline-yes">14x</span>
433
- <span class="cline-any cline-yes">39x</span>
432
+ <span class="cline-any cline-yes">8x</span>
433
+ <span class="cline-any cline-yes">8x</span>
434
+ <span class="cline-any cline-yes">21x</span>
434
435
  <span class="cline-any cline-neutral">&nbsp;</span>
435
436
  <span class="cline-any cline-yes">1x</span>
436
437
  <span class="cline-any cline-neutral">&nbsp;</span>
437
438
  <span class="cline-any cline-neutral">&nbsp;</span>
438
- <span class="cline-any cline-yes">10x</span>
439
+ <span class="cline-any cline-yes">5x</span>
439
440
  <span class="cline-any cline-neutral">&nbsp;</span>
440
441
  <span class="cline-any cline-neutral">&nbsp;</span>
441
- <span class="cline-any cline-yes">10x</span>
442
+ <span class="cline-any cline-yes">5x</span>
442
443
  <span class="cline-any cline-neutral">&nbsp;</span>
443
444
  <span class="cline-any cline-neutral">&nbsp;</span>
444
- <span class="cline-any cline-yes">10x</span>
445
+ <span class="cline-any cline-yes">5x</span>
445
446
  <span class="cline-any cline-neutral">&nbsp;</span>
446
447
  <span class="cline-any cline-neutral">&nbsp;</span>
447
- <span class="cline-any cline-yes">16x</span>
448
- <span class="cline-any cline-yes">16x</span>
449
- <span class="cline-any cline-yes">2x</span>
448
+ <span class="cline-any cline-yes">9x</span>
449
+ <span class="cline-any cline-yes">9x</span>
450
+ <span class="cline-any cline-yes">1x</span>
450
451
  <span class="cline-any cline-neutral">&nbsp;</span>
451
- <span class="cline-any cline-yes">14x</span>
452
+ <span class="cline-any cline-yes">8x</span>
452
453
  <span class="cline-any cline-neutral">&nbsp;</span>
453
454
  <span class="cline-any cline-neutral">&nbsp;</span>
454
- <span class="cline-any cline-yes">12x</span>
455
+ <span class="cline-any cline-yes">6x</span>
455
456
  <span class="cline-any cline-neutral">&nbsp;</span>
456
457
  <span class="cline-any cline-neutral">&nbsp;</span>
457
458
  <span class="cline-any cline-no">&nbsp;</span>
458
459
  <span class="cline-any cline-neutral">&nbsp;</span>
459
460
  <span class="cline-any cline-neutral">&nbsp;</span>
460
- <span class="cline-any cline-yes">14x</span>
461
+ <span class="cline-any cline-yes">8x</span>
461
462
  <span class="cline-any cline-no">&nbsp;</span>
462
463
  <span class="cline-any cline-neutral">&nbsp;</span>
463
- <span class="cline-any cline-yes">14x</span>
464
+ <span class="cline-any cline-yes">8x</span>
464
465
  <span class="cline-any cline-neutral">&nbsp;</span>
465
466
  <span class="cline-any cline-neutral">&nbsp;</span>
466
467
  <span class="cline-any cline-neutral">&nbsp;</span>
467
- <span class="cline-any cline-yes">12x</span>
468
+ <span class="cline-any cline-yes">6x</span>
468
469
  <span class="cline-any cline-neutral">&nbsp;</span>
469
470
  <span class="cline-any cline-neutral">&nbsp;</span>
470
- <span class="cline-any cline-yes">10x</span>
471
+ <span class="cline-any cline-yes">5x</span>
471
472
  <span class="cline-any cline-neutral">&nbsp;</span>
472
473
  <span class="cline-any cline-neutral">&nbsp;</span>
473
474
  <span class="cline-any cline-neutral">&nbsp;</span>
474
475
  <span class="cline-any cline-neutral">&nbsp;</span>
475
- <span class="cline-any cline-yes">2x</span>
476
+ <span class="cline-any cline-yes">1x</span>
476
477
  <span class="cline-any cline-neutral">&nbsp;</span>
477
478
  <span class="cline-any cline-neutral">&nbsp;</span>
478
479
  <span class="cline-any cline-yes">3x</span>
479
480
  <span class="cline-any cline-neutral">&nbsp;</span>
480
481
  <span class="cline-any cline-neutral">&nbsp;</span>
481
- <span class="cline-any cline-yes">4x</span>
482
- <span class="cline-any cline-yes">2x</span>
482
+ <span class="cline-any cline-yes">3x</span>
483
+ <span class="cline-any cline-yes">1x</span>
483
484
  <span class="cline-any cline-neutral">&nbsp;</span>
484
485
  <span class="cline-any cline-yes">2x</span>
485
486
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -493,19 +494,19 @@
493
494
  <span class="cline-any cline-no">&nbsp;</span>
494
495
  <span class="cline-any cline-neutral">&nbsp;</span>
495
496
  <span class="cline-any cline-neutral">&nbsp;</span>
496
- <span class="cline-any cline-yes">1x</span>
497
- <span class="cline-any cline-yes">1x</span>
497
+ <span class="cline-any cline-no">&nbsp;</span>
498
+ <span class="cline-any cline-no">&nbsp;</span>
498
499
  <span class="cline-any cline-neutral">&nbsp;</span>
499
500
  <span class="cline-any cline-neutral">&nbsp;</span>
500
501
  <span class="cline-any cline-no">&nbsp;</span>
501
502
  <span class="cline-any cline-neutral">&nbsp;</span>
502
503
  <span class="cline-any cline-neutral">&nbsp;</span>
503
- <span class="cline-any cline-yes">1x</span>
504
504
  <span class="cline-any cline-no">&nbsp;</span>
505
505
  <span class="cline-any cline-no">&nbsp;</span>
506
506
  <span class="cline-any cline-no">&nbsp;</span>
507
- <span class="cline-any cline-yes">1x</span>
508
- <span class="cline-any cline-yes">1x</span>
507
+ <span class="cline-any cline-no">&nbsp;</span>
508
+ <span class="cline-any cline-no">&nbsp;</span>
509
+ <span class="cline-any cline-no">&nbsp;</span>
509
510
  <span class="cline-any cline-neutral">&nbsp;</span>
510
511
  <span class="cline-any cline-neutral">&nbsp;</span>
511
512
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -727,20 +728,20 @@ export default {
727
728
  <span class="cstat-no" title="statement not covered" > this.chosenOption = this.selectedOption;</span>
728
729
  <span class="cstat-no" title="statement not covered" > this.makeInactive();</span>
729
730
  },
730
- hiddenGuard(fn) {
731
- <span class="missing-if-branch" title="if path not taken" >I</span> if (this.listBoxHidden) return;
732
- fn.call(this);
731
+ <span class="fstat-no" title="function not covered" > hiddenGuard(fn) {</span>
732
+ <span class="cstat-no" title="statement not covered" > if (this.listBoxHidden) return;</span>
733
+ <span class="cstat-no" title="statement not covered" > fn.call(this);</span>
733
734
  },
734
735
  <span class="fstat-no" title="function not covered" > onInputBlur() {</span>
735
736
  <span class="cstat-no" title="statement not covered" > this.makeInactive();</span>
736
737
  },
737
- onKeyDown() {
738
- <span class="missing-if-branch" title="if path not taken" >I</span> if (this.selectedOption) {
738
+ <span class="fstat-no" title="function not covered" > onKeyDown() {</span>
739
+ <span class="cstat-no" title="statement not covered" > if (this.selectedOption) {</span>
739
740
  <span class="cstat-no" title="statement not covered" > const currentIndex = this.visibleOptions.indexOf(this.selectedOption);</span>
740
741
  <span class="cstat-no" title="statement not covered" > const nextIndex = currentIndex === this.lastOptionIndex ? 0 : currentIndex + 1;</span>
741
742
  <span class="cstat-no" title="statement not covered" > this.selectedOption = this.visibleOptions[nextIndex];</span>
742
- } else {
743
- [this.selectedOption] = this.visibleOptions;
743
+ <span class="cstat-no" title="statement not covered" > } else {</span>
744
+ <span class="cstat-no" title="statement not covered" > [this.selectedOption] = this.visibleOptions;</span>
744
745
  }
745
746
  },
746
747
  <span class="fstat-no" title="function not covered" > onKeyUp() {</span>
@@ -768,7 +769,7 @@ export default {
768
769
  <div class='footer quiet pad2 space-top1 center small'>
769
770
  Code coverage generated by
770
771
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
771
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
772
+ at Mon Jul 19 2021 18:44:41 GMT+0100 (British Summer Time)
772
773
  </div>
773
774
  </div>
774
775
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html CHANGED
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../../../sort-arrow-sprite.png);
@@ -137,21 +138,21 @@
137
138
  <span class="cline-any cline-neutral">&nbsp;</span>
138
139
  <span class="cline-any cline-neutral">&nbsp;</span>
139
140
  <span class="cline-any cline-neutral">&nbsp;</span>
140
- <span class="cline-any cline-yes">4x</span>
141
+ <span class="cline-any cline-yes">3x</span>
141
142
  <span class="cline-any cline-neutral">&nbsp;</span>
142
143
  <span class="cline-any cline-neutral">&nbsp;</span>
143
- <span class="cline-any cline-yes">2x</span>
144
- <span class="cline-any cline-yes">2x</span>
144
+ <span class="cline-any cline-yes">1x</span>
145
+ <span class="cline-any cline-yes">1x</span>
145
146
  <span class="cline-any cline-neutral">&nbsp;</span>
146
147
  <span class="cline-any cline-neutral">&nbsp;</span>
147
148
  <span class="cline-any cline-neutral">&nbsp;</span>
148
149
  <span class="cline-any cline-neutral">&nbsp;</span>
149
150
  <span class="cline-any cline-neutral">&nbsp;</span>
150
- <span class="cline-any cline-yes">26x</span>
151
+ <span class="cline-any cline-yes">14x</span>
151
152
  <span class="cline-any cline-neutral">&nbsp;</span>
152
- <span class="cline-any cline-yes">88x</span>
153
+ <span class="cline-any cline-yes">46x</span>
153
154
  <span class="cline-any cline-neutral">&nbsp;</span>
154
- <span class="cline-any cline-yes">26x</span>
155
+ <span class="cline-any cline-yes">14x</span>
155
156
  <span class="cline-any cline-neutral">&nbsp;</span>
156
157
  <span class="cline-any cline-neutral">&nbsp;</span>
157
158
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -213,7 +214,7 @@ export default {
213
214
  <div class='footer quiet pad2 space-top1 center small'>
214
215
  Code coverage generated by
215
216
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
216
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
217
+ at Mon Jul 19 2021 18:44:41 GMT+0100 (British Summer Time)
217
218
  </div>
218
219
  </div>
219
220
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/combobox/vue-components/index.html CHANGED
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../../../sort-arrow-sprite.png);
@@ -22,30 +23,30 @@
22
23
  <div class='clearfix'>
23
24
 
24
25
  <div class='fl pad1y space-right2'>
25
- <span class="strong">75.71% </span>
26
+ <span class="strong">68.57% </span>
26
27
  <span class="quiet">Statements</span>
27
- <span class='fraction'>53/70</span>
28
+ <span class='fraction'>48/70</span>
28
29
  </div>
29
30
 
30
31
 
31
32
  <div class='fl pad1y space-right2'>
32
- <span class="strong">59.38% </span>
33
+ <span class="strong">53.13% </span>
33
34
  <span class="quiet">Branches</span>
34
- <span class='fraction'>19/32</span>
35
+ <span class='fraction'>17/32</span>
35
36
  </div>
36
37
 
37
38
 
38
39
  <div class='fl pad1y space-right2'>
39
- <span class="strong">80% </span>
40
+ <span class="strong">74.29% </span>
40
41
  <span class="quiet">Functions</span>
41
- <span class='fraction'>28/35</span>
42
+ <span class='fraction'>26/35</span>
42
43
  </div>
43
44
 
44
45
 
45
46
  <div class='fl pad1y space-right2'>
46
- <span class="strong">75.71% </span>
47
+ <span class="strong">68.57% </span>
47
48
  <span class="quiet">Lines</span>
48
- <span class='fraction'>53/70</span>
49
+ <span class='fraction'>48/70</span>
49
50
  </div>
50
51
 
51
52
 
@@ -73,17 +74,17 @@
73
74
  </thead>
74
75
  <tbody><tr>
75
76
  <td class="file medium" data-value="Combobox.vue"><a href="Combobox.vue.html">Combobox.vue</a></td>
76
- <td data-value="73.44" class="pic medium">
77
- <div class="chart"><div class="cover-fill" style="width: 73%"></div><div class="cover-empty" style="width: 27%"></div></div>
77
+ <td data-value="65.63" class="pic medium">
78
+ <div class="chart"><div class="cover-fill" style="width: 65%"></div><div class="cover-empty" style="width: 35%"></div></div>
78
79
  </td>
79
- <td data-value="73.44" class="pct medium">73.44%</td>
80
- <td data-value="64" class="abs medium">47/64</td>
81
- <td data-value="60" class="pct medium">60%</td>
82
- <td data-value="30" class="abs medium">18/30</td>
83
- <td data-value="77.42" class="pct medium">77.42%</td>
84
- <td data-value="31" class="abs medium">24/31</td>
85
- <td data-value="73.44" class="pct medium">73.44%</td>
86
- <td data-value="64" class="abs medium">47/64</td>
80
+ <td data-value="65.63" class="pct medium">65.63%</td>
81
+ <td data-value="64" class="abs medium">42/64</td>
82
+ <td data-value="53.33" class="pct medium">53.33%</td>
83
+ <td data-value="30" class="abs medium">16/30</td>
84
+ <td data-value="70.97" class="pct medium">70.97%</td>
85
+ <td data-value="31" class="abs medium">22/31</td>
86
+ <td data-value="65.63" class="pct medium">65.63%</td>
87
+ <td data-value="64" class="abs medium">42/64</td>
87
88
  </tr>
88
89
 
89
90
  <tr>
@@ -109,7 +110,7 @@
109
110
  <div class='footer quiet pad2 space-top1 center small'>
110
111
  Code coverage generated by
111
112
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
112
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
113
+ at Mon Jul 19 2021 18:44:41 GMT+0100 (British Summer Time)
113
114
  </div>
114
115
  </div>
115
116
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/file-upload/file-upload.js.html CHANGED
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../../sort-arrow-sprite.png);
@@ -111,7 +112,8 @@
111
112
  <a name='L53'></a><a href='#L53'>53</a>
112
113
  <a name='L54'></a><a href='#L54'>54</a>
113
114
  <a name='L55'></a><a href='#L55'>55</a>
114
- <a name='L56'></a><a href='#L56'>56</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
115
+ <a name='L56'></a><a href='#L56'>56</a>
116
+ <a name='L57'></a><a href='#L57'>57</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
115
117
  <span class="cline-any cline-no">&nbsp;</span>
116
118
  <span class="cline-any cline-no">&nbsp;</span>
117
119
  <span class="cline-any cline-no">&nbsp;</span>
@@ -122,6 +124,7 @@
122
124
  <span class="cline-any cline-neutral">&nbsp;</span>
123
125
  <span class="cline-any cline-no">&nbsp;</span>
124
126
  <span class="cline-any cline-no">&nbsp;</span>
127
+ <span class="cline-any cline-neutral">&nbsp;</span>
125
128
  <span class="cline-any cline-no">&nbsp;</span>
126
129
  <span class="cline-any cline-no">&nbsp;</span>
127
130
  <span class="cline-any cline-no">&nbsp;</span>
@@ -177,6 +180,7 @@ const fileUpload = <span class="cstat-no" title="statement not covered" >{</span
177
180
  init: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
178
181
  <span class="cstat-no" title="statement not covered" > if (!fileUpload.isBrowserIE()) {</span>
179
182
  const fileUploads = <span class="cstat-no" title="statement not covered" >Array.from(document.querySelectorAll(fileUploadClass));</span>
183
+ &nbsp;
180
184
  <span class="cstat-no" title="statement not covered" > fileUploads.forEach(<span class="fstat-no" title="function not covered" >(u</span>ploader) =&gt; {</span>
181
185
  <span class="cstat-no" title="statement not covered" > uploader.classList.add(supportedClass);</span>
182
186
  const fileNameContainer = <span class="cstat-no" title="statement not covered" >uploader.querySelector(fileNameContainerClass);</span>
@@ -228,7 +232,7 @@ export default fileUpload;
228
232
  <div class='footer quiet pad2 space-top1 center small'>
229
233
  Code coverage generated by
230
234
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
231
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
235
+ at Mon Jul 19 2021 18:44:41 GMT+0100 (British Summer Time)
232
236
  </div>
233
237
  </div>
234
238
  <script src="../../../prettify.js"></script>
package/coverage/components/inputs/file-upload/index.html CHANGED
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../../sort-arrow-sprite.png);
@@ -94,7 +95,7 @@
94
95
  <div class='footer quiet pad2 space-top1 center small'>
95
96
  Code coverage generated by
96
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
98
+ at Mon Jul 19 2021 18:44:41 GMT+0100 (British Summer Time)
98
99
  </div>
99
100
  </div>
100
101
  <script src="../../../prettify.js"></script>
package/coverage/components/inputs/textarea/character-count.js.html CHANGED
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../../sort-arrow-sprite.png);
@@ -93,7 +94,10 @@
93
94
  <a name='L35'></a><a href='#L35'>35</a>
94
95
  <a name='L36'></a><a href='#L36'>36</a>
95
96
  <a name='L37'></a><a href='#L37'>37</a>
96
- <a name='L38'></a><a href='#L38'>38</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
97
+ <a name='L38'></a><a href='#L38'>38</a>
98
+ <a name='L39'></a><a href='#L39'>39</a>
99
+ <a name='L40'></a><a href='#L40'>40</a>
100
+ <a name='L41'></a><a href='#L41'>41</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
97
101
  <span class="cline-any cline-no">&nbsp;</span>
98
102
  <span class="cline-any cline-no">&nbsp;</span>
99
103
  <span class="cline-any cline-no">&nbsp;</span>
@@ -102,11 +106,13 @@
102
106
  <span class="cline-any cline-no">&nbsp;</span>
103
107
  <span class="cline-any cline-neutral">&nbsp;</span>
104
108
  <span class="cline-any cline-no">&nbsp;</span>
109
+ <span class="cline-any cline-neutral">&nbsp;</span>
105
110
  <span class="cline-any cline-no">&nbsp;</span>
106
111
  <span class="cline-any cline-no">&nbsp;</span>
107
112
  <span class="cline-any cline-no">&nbsp;</span>
108
113
  <span class="cline-any cline-no">&nbsp;</span>
109
114
  <span class="cline-any cline-no">&nbsp;</span>
115
+ <span class="cline-any cline-neutral">&nbsp;</span>
110
116
  <span class="cline-any cline-no">&nbsp;</span>
111
117
  <span class="cline-any cline-no">&nbsp;</span>
112
118
  <span class="cline-any cline-no">&nbsp;</span>
@@ -120,6 +126,7 @@
120
126
  <span class="cline-any cline-no">&nbsp;</span>
121
127
  <span class="cline-any cline-no">&nbsp;</span>
122
128
  <span class="cline-any cline-no">&nbsp;</span>
129
+ <span class="cline-any cline-neutral">&nbsp;</span>
123
130
  <span class="cline-any cline-no">&nbsp;</span>
124
131
  <span class="cline-any cline-no">&nbsp;</span>
125
132
  <span class="cline-any cline-no">&nbsp;</span>
@@ -139,11 +146,13 @@ const formControlClass = <span class="cstat-no" title="statement not covered" >'
139
146
  const characterCount = <span class="cstat-no" title="statement not covered" >{</span>
140
147
  init: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
141
148
  const elementsWithCharacterCount = <span class="cstat-no" title="statement not covered" >Array.from(document.querySelectorAll(characterCountClass));</span>
149
+ &nbsp;
142
150
  <span class="cstat-no" title="statement not covered" > elementsWithCharacterCount.forEach(<span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {</span>
143
151
  const formControl = <span class="cstat-no" title="statement not covered" >element.querySelector(formControlClass);</span>
144
152
  const maxLength = <span class="cstat-no" title="statement not covered" >formControl.getAttribute('maxlength');</span>
145
153
  const message = <span class="cstat-no" title="statement not covered" >element.querySelector(messageClass);</span>
146
154
  const characterCountNumber = <span class="cstat-no" title="statement not covered" >element.querySelector(characterCountNumberClass);</span>
155
+ &nbsp;
147
156
  <span class="cstat-no" title="statement not covered" > formControl.removeAttribute('maxlength');</span>
148
157
  <span class="cstat-no" title="statement not covered" > characterCount.updateCounter(formControl, maxLength, characterCountNumber, message);</span>
149
158
  <span class="cstat-no" title="statement not covered" > formControl.addEventListener('keyup', <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {</span>
@@ -157,6 +166,7 @@ const characterCount = <span class="cstat-no" title="statement not covered" >{</
157
166
  const newLines = <span class="cstat-no" title="statement not covered" >formControl.value.match(/(\r\n|\n|\r)/g);</span>
158
167
  const currentCount = <span class="cstat-no" title="statement not covered" >formControl.value.length + (newLines ? newLines.length : 0);</span>
159
168
  const remainingCount = <span class="cstat-no" title="statement not covered" >maxLength - currentCount;</span>
169
+ &nbsp;
160
170
  <span class="cstat-no" title="statement not covered" > characterCountNumber.textContent = remainingCount;</span>
161
171
  <span class="cstat-no" title="statement not covered" > if (remainingCount &lt; 0) {</span>
162
172
  <span class="cstat-no" title="statement not covered" > message.classList.add('mds-form-message--error');</span>
@@ -174,7 +184,7 @@ export default characterCount;
174
184
  <div class='footer quiet pad2 space-top1 center small'>
175
185
  Code coverage generated by
176
186
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
177
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
187
+ at Mon Jul 19 2021 18:44:41 GMT+0100 (British Summer Time)
178
188
  </div>
179
189
  </div>
180
190
  <script src="../../../prettify.js"></script>
package/coverage/components/inputs/textarea/index.html CHANGED
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../../sort-arrow-sprite.png);
@@ -94,7 +95,7 @@
94
95
  <div class='footer quiet pad2 space-top1 center small'>
95
96
  Code coverage generated by
96
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
98
+ at Mon Jul 19 2021 18:44:41 GMT+0100 (British Summer Time)
98
99
  </div>
99
100
  </div>
100
101
  <script src="../../../prettify.js"></script>