@madgex/design-system 3.0.2 → 3.0.3

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 (109) 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/js/index.js +1 -1
  80. package/fractal.js +2 -0
  81. package/package.json +59 -54
  82. package/server.js +1 -1
  83. package/src/components/accordion/accordion.config.js +9 -12
  84. package/src/components/accordion/accordion.js +12 -0
  85. package/src/components/inputs/file-upload/file-upload.js +1 -0
  86. package/src/components/inputs/textarea/character-count.js +3 -0
  87. package/src/components/modal/modal.js +3 -1
  88. package/src/components/notification/notification.js +3 -0
  89. package/src/components/skip-link/skip-link.njk +11 -1
  90. package/src/components/tabs/tabs.js +11 -0
  91. package/src/js/fractal-scripts/combobox.js +6 -0
  92. package/src/js/fractal-scripts/notification.js +3 -0
  93. package/src/js/fractal-scripts/switch-state.js +3 -0
  94. package/src/js/polyfills/arrayPrototypeFind.js +9 -6
  95. package/src/js/polyfills/closest.js +2 -1
  96. package/src/js/polyfills/objectAssign.js +9 -6
  97. package/tasks/colorTransforms.js +4 -0
  98. package/tasks/createMacroIndex.js +1 -0
  99. package/tasks/css.js +3 -0
  100. package/tasks/fractal.js +2 -0
  101. package/tasks/js-bundle.js +6 -2
  102. package/tasks/svgsprite.js +31 -21
  103. package/tasks/tokens.js +2 -0
  104. package/__tests__/unit/src/components/accordion.spec.js +0 -88
  105. package/__tests__/unit/src/components/modal.spec.js +0 -87
  106. package/__tests__/unit/src/components/switch-state.spec.js +0 -21
  107. package/cypress/integration/components/textarea.spec.js +0 -9
  108. /package/cypress/integration/components/{checkbox-list.spec.js → inputs/checkbox-list.spec.js} +0 -0
  109. /package/cypress/integration/components/{single-checkbox.spec.js → inputs/single-checkbox.spec.js} +0 -0
package/coverage/components/switch-state/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,9 +23,9 @@
22
23
  <div class='clearfix'>
23
24
 
24
25
  <div class='fl pad1y space-right2'>
25
- <span class="strong">100% </span>
26
+ <span class="strong">0% </span>
26
27
  <span class="quiet">Statements</span>
27
- <span class='fraction'>5/5</span>
28
+ <span class='fraction'>0/5</span>
28
29
  </div>
29
30
 
30
31
 
@@ -36,16 +37,16 @@
36
37
 
37
38
 
38
39
  <div class='fl pad1y space-right2'>
39
- <span class="strong">100% </span>
40
+ <span class="strong">0% </span>
40
41
  <span class="quiet">Functions</span>
41
- <span class='fraction'>2/2</span>
42
+ <span class='fraction'>0/2</span>
42
43
  </div>
43
44
 
44
45
 
45
46
  <div class='fl pad1y space-right2'>
46
- <span class="strong">100% </span>
47
+ <span class="strong">0% </span>
47
48
  <span class="quiet">Lines</span>
48
- <span class='fraction'>5/5</span>
49
+ <span class='fraction'>0/5</span>
49
50
  </div>
50
51
 
51
52
 
@@ -54,7 +55,7 @@
54
55
  Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
55
56
  </p>
56
57
  </div>
57
- <div class='status-line high'></div>
58
+ <div class='status-line low'></div>
58
59
  <div class="pad1">
59
60
  <table class="coverage-summary">
60
61
  <thead>
@@ -72,18 +73,18 @@
72
73
  </tr>
73
74
  </thead>
74
75
  <tbody><tr>
75
- <td class="file high" data-value="switch-state.js"><a href="switch-state.js.html">switch-state.js</a></td>
76
- <td data-value="100" class="pic high">
77
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
76
+ <td class="file low" data-value="switch-state.js"><a href="switch-state.js.html">switch-state.js</a></td>
77
+ <td data-value="0" class="pic low">
78
+ <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
78
79
  </td>
79
- <td data-value="100" class="pct high">100%</td>
80
- <td data-value="5" class="abs high">5/5</td>
80
+ <td data-value="0" class="pct low">0%</td>
81
+ <td data-value="5" class="abs low">0/5</td>
81
82
  <td data-value="100" class="pct high">100%</td>
82
83
  <td data-value="0" class="abs high">0/0</td>
83
- <td data-value="100" class="pct high">100%</td>
84
- <td data-value="2" class="abs high">2/2</td>
85
- <td data-value="100" class="pct high">100%</td>
86
- <td data-value="5" class="abs high">5/5</td>
84
+ <td data-value="0" class="pct low">0%</td>
85
+ <td data-value="2" class="abs low">0/2</td>
86
+ <td data-value="0" class="pct low">0%</td>
87
+ <td data-value="5" class="abs low">0/5</td>
87
88
  </tr>
88
89
 
89
90
  </tbody>
@@ -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 Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
98
99
  </div>
99
100
  </div>
100
101
  <script src="../../prettify.js"></script>
package/coverage/components/switch-state/switch-state.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);
@@ -22,9 +23,9 @@
22
23
  <div class='clearfix'>
23
24
 
24
25
  <div class='fl pad1y space-right2'>
25
- <span class="strong">100% </span>
26
+ <span class="strong">0% </span>
26
27
  <span class="quiet">Statements</span>
27
- <span class='fraction'>5/5</span>
28
+ <span class='fraction'>0/5</span>
28
29
  </div>
29
30
 
30
31
 
@@ -36,16 +37,16 @@
36
37
 
37
38
 
38
39
  <div class='fl pad1y space-right2'>
39
- <span class="strong">100% </span>
40
+ <span class="strong">0% </span>
40
41
  <span class="quiet">Functions</span>
41
- <span class='fraction'>2/2</span>
42
+ <span class='fraction'>0/2</span>
42
43
  </div>
43
44
 
44
45
 
45
46
  <div class='fl pad1y space-right2'>
46
- <span class="strong">100% </span>
47
+ <span class="strong">0% </span>
47
48
  <span class="quiet">Lines</span>
48
- <span class='fraction'>5/5</span>
49
+ <span class='fraction'>0/5</span>
49
50
  </div>
50
51
 
51
52
 
@@ -54,7 +55,7 @@
54
55
  Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
55
56
  </p>
56
57
  </div>
57
- <div class='status-line high'></div>
58
+ <div class='status-line low'></div>
58
59
  <pre><table class="coverage">
59
60
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
60
61
  <a name='L2'></a><a href='#L2'>2</a>
@@ -68,26 +69,26 @@
68
69
  <a name='L10'></a><a href='#L10'>10</a>
69
70
  <a name='L11'></a><a href='#L11'>11</a>
70
71
  <a name='L12'></a><a href='#L12'>12</a>
71
- <a name='L13'></a><a href='#L13'>13</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
72
+ <a name='L13'></a><a href='#L13'>13</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
72
73
  <span class="cline-any cline-neutral">&nbsp;</span>
73
- <span class="cline-any cline-yes">1x</span>
74
- <span class="cline-any cline-yes">1x</span>
74
+ <span class="cline-any cline-no">&nbsp;</span>
75
+ <span class="cline-any cline-no">&nbsp;</span>
75
76
  <span class="cline-any cline-neutral">&nbsp;</span>
76
77
  <span class="cline-any cline-neutral">&nbsp;</span>
77
- <span class="cline-any cline-yes">1x</span>
78
- <span class="cline-any cline-yes">1x</span>
78
+ <span class="cline-any cline-no">&nbsp;</span>
79
+ <span class="cline-any cline-no">&nbsp;</span>
79
80
  <span class="cline-any cline-neutral">&nbsp;</span>
80
81
  <span class="cline-any cline-neutral">&nbsp;</span>
81
82
  <span class="cline-any cline-neutral">&nbsp;</span>
82
83
  <span class="cline-any cline-neutral">&nbsp;</span>
83
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const switchState = {
84
- switchToinverse: (element) =&gt; {
85
- element.classList.remove('mds-switch-state--default');
86
- element.classList.add('mds-switch-state--inverse');
84
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const switchState = <span class="cstat-no" title="statement not covered" >{</span>
85
+ switchToinverse: <span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {
86
+ <span class="cstat-no" title="statement not covered" > element.classList.remove('mds-switch-state--default');</span>
87
+ <span class="cstat-no" title="statement not covered" > element.classList.add('mds-switch-state--inverse');</span>
87
88
  },
88
- switchTodefault: (element) =&gt; {
89
- element.classList.remove('mds-switch-state--inverse');
90
- element.classList.add('mds-switch-state--default');
89
+ switchTodefault: <span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {
90
+ <span class="cstat-no" title="statement not covered" > element.classList.remove('mds-switch-state--inverse');</span>
91
+ <span class="cstat-no" title="statement not covered" > element.classList.add('mds-switch-state--default');</span>
91
92
  },
92
93
  };
93
94
  &nbsp;
@@ -99,7 +100,7 @@ export default switchState;
99
100
  <div class='footer quiet pad2 space-top1 center small'>
100
101
  Code coverage generated by
101
102
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
102
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
103
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
103
104
  </div>
104
105
  </div>
105
106
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/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 Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
98
99
  </div>
99
100
  </div>
100
101
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/tabs.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);
@@ -205,7 +206,18 @@
205
206
  <a name='L147'></a><a href='#L147'>147</a>
206
207
  <a name='L148'></a><a href='#L148'>148</a>
207
208
  <a name='L149'></a><a href='#L149'>149</a>
208
- <a name='L150'></a><a href='#L150'>150</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
209
+ <a name='L150'></a><a href='#L150'>150</a>
210
+ <a name='L151'></a><a href='#L151'>151</a>
211
+ <a name='L152'></a><a href='#L152'>152</a>
212
+ <a name='L153'></a><a href='#L153'>153</a>
213
+ <a name='L154'></a><a href='#L154'>154</a>
214
+ <a name='L155'></a><a href='#L155'>155</a>
215
+ <a name='L156'></a><a href='#L156'>156</a>
216
+ <a name='L157'></a><a href='#L157'>157</a>
217
+ <a name='L158'></a><a href='#L158'>158</a>
218
+ <a name='L159'></a><a href='#L159'>159</a>
219
+ <a name='L160'></a><a href='#L160'>160</a>
220
+ <a name='L161'></a><a href='#L161'>161</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
209
221
  <span class="cline-any cline-no">&nbsp;</span>
210
222
  <span class="cline-any cline-no">&nbsp;</span>
211
223
  <span class="cline-any cline-no">&nbsp;</span>
@@ -275,15 +287,21 @@
275
287
  <span class="cline-any cline-no">&nbsp;</span>
276
288
  <span class="cline-any cline-neutral">&nbsp;</span>
277
289
  <span class="cline-any cline-neutral">&nbsp;</span>
290
+ <span class="cline-any cline-neutral">&nbsp;</span>
291
+ <span class="cline-any cline-neutral">&nbsp;</span>
278
292
  <span class="cline-any cline-no">&nbsp;</span>
279
293
  <span class="cline-any cline-no">&nbsp;</span>
280
294
  <span class="cline-any cline-no">&nbsp;</span>
281
295
  <span class="cline-any cline-neutral">&nbsp;</span>
282
296
  <span class="cline-any cline-neutral">&nbsp;</span>
297
+ <span class="cline-any cline-neutral">&nbsp;</span>
298
+ <span class="cline-any cline-neutral">&nbsp;</span>
299
+ <span class="cline-any cline-neutral">&nbsp;</span>
283
300
  <span class="cline-any cline-no">&nbsp;</span>
284
301
  <span class="cline-any cline-no">&nbsp;</span>
285
302
  <span class="cline-any cline-no">&nbsp;</span>
286
303
  <span class="cline-any cline-neutral">&nbsp;</span>
304
+ <span class="cline-any cline-neutral">&nbsp;</span>
287
305
  <span class="cline-any cline-no">&nbsp;</span>
288
306
  <span class="cline-any cline-neutral">&nbsp;</span>
289
307
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -296,16 +314,19 @@
296
314
  <span class="cline-any cline-no">&nbsp;</span>
297
315
  <span class="cline-any cline-no">&nbsp;</span>
298
316
  <span class="cline-any cline-neutral">&nbsp;</span>
317
+ <span class="cline-any cline-neutral">&nbsp;</span>
299
318
  <span class="cline-any cline-no">&nbsp;</span>
300
319
  <span class="cline-any cline-neutral">&nbsp;</span>
301
320
  <span class="cline-any cline-neutral">&nbsp;</span>
302
321
  <span class="cline-any cline-no">&nbsp;</span>
303
322
  <span class="cline-any cline-no">&nbsp;</span>
304
323
  <span class="cline-any cline-neutral">&nbsp;</span>
324
+ <span class="cline-any cline-neutral">&nbsp;</span>
305
325
  <span class="cline-any cline-no">&nbsp;</span>
306
326
  <span class="cline-any cline-neutral">&nbsp;</span>
307
327
  <span class="cline-any cline-neutral">&nbsp;</span>
308
328
  <span class="cline-any cline-no">&nbsp;</span>
329
+ <span class="cline-any cline-neutral">&nbsp;</span>
309
330
  <span class="cline-any cline-no">&nbsp;</span>
310
331
  <span class="cline-any cline-neutral">&nbsp;</span>
311
332
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -317,9 +338,11 @@
317
338
  <span class="cline-any cline-neutral">&nbsp;</span>
318
339
  <span class="cline-any cline-no">&nbsp;</span>
319
340
  <span class="cline-any cline-no">&nbsp;</span>
341
+ <span class="cline-any cline-neutral">&nbsp;</span>
320
342
  <span class="cline-any cline-no">&nbsp;</span>
321
343
  <span class="cline-any cline-no">&nbsp;</span>
322
344
  <span class="cline-any cline-no">&nbsp;</span>
345
+ <span class="cline-any cline-neutral">&nbsp;</span>
323
346
  <span class="cline-any cline-no">&nbsp;</span>
324
347
  <span class="cline-any cline-neutral">&nbsp;</span>
325
348
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -423,15 +446,21 @@ const tabs = <span class="cstat-no" title="statement not covered" >{</span>
423
446
  <span class="cstat-no" title="statement not covered" > element.addEventListener('keydown', <span class="fstat-no" title="function not covered" >(e</span>lem) =&gt; {</span>
424
447
  <span class="cstat-no" title="statement not covered" > switch (elem.keyCode) {</span>
425
448
  case tabsKeys.left:
449
+ &nbsp;
450
+ // eslint-disable-next-line no-fallthrough
426
451
  case tabsKeys.up:
427
452
  <span class="cstat-no" title="statement not covered" > elem.preventDefault();</span>
428
453
  <span class="cstat-no" title="statement not covered" > tabs.moveTab(element, tabsContainer, tabsAll, panelAll, false);</span>
429
454
  <span class="cstat-no" title="statement not covered" > break;</span>
455
+ &nbsp;
430
456
  case tabsKeys.right:
457
+ &nbsp;
458
+ // eslint-disable-next-line no-fallthrough
431
459
  case tabsKeys.down:
432
460
  <span class="cstat-no" title="statement not covered" > elem.preventDefault();</span>
433
461
  <span class="cstat-no" title="statement not covered" > tabs.moveTab(element, tabsContainer, tabsAll, panelAll, true);</span>
434
462
  <span class="cstat-no" title="statement not covered" > break;</span>
463
+ &nbsp;
435
464
  default:
436
465
  <span class="cstat-no" title="statement not covered" > break;</span>
437
466
  }
@@ -445,16 +474,19 @@ const tabs = <span class="cstat-no" title="statement not covered" >{</span>
445
474
  <span class="cstat-no" title="statement not covered" > if (element.parentElement.previousSibling) {</span>
446
475
  <span class="cstat-no" title="statement not covered" > return element.parentElement.previousSibling.querySelector(`.${tabsTabClass}`);</span>
447
476
  }
477
+ &nbsp;
448
478
  <span class="cstat-no" title="statement not covered" > return false;</span>
449
479
  },
450
480
  getNextTab: <span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {
451
481
  <span class="cstat-no" title="statement not covered" > if (element.parentElement.nextSibling) {</span>
452
482
  <span class="cstat-no" title="statement not covered" > return element.parentElement.nextSibling.querySelector(`.${tabsTabClass}`);</span>
453
483
  }
484
+ &nbsp;
454
485
  <span class="cstat-no" title="statement not covered" > return false;</span>
455
486
  },
456
487
  getTargetPanel: <span class="fstat-no" title="function not covered" >(e</span>lement, tabsContainer) =&gt; {
457
488
  const elementId = <span class="cstat-no" title="statement not covered" >element.attributes.href.value;</span>
489
+ &nbsp;
458
490
  <span class="cstat-no" title="statement not covered" > return tabsContainer.querySelector(elementId);</span>
459
491
  },
460
492
  getAllPanels: <span class="fstat-no" title="function not covered" >(t</span>absContainer) =&gt; {
@@ -466,9 +498,11 @@ const tabs = <span class="cstat-no" title="statement not covered" >{</span>
466
498
  moveTab: <span class="fstat-no" title="function not covered" >(e</span>lement, tabsContainer, tabsAll, panelAll, isNext) =&gt; {
467
499
  const currentElement = <span class="cstat-no" title="statement not covered" >tabs.getSelectedTab(element);</span>
468
500
  const targetElement = <span class="cstat-no" title="statement not covered" >isNext ? tabs.getNextTab(currentElement) : tabs.getPrevTab(currentElement);</span>
501
+ &nbsp;
469
502
  <span class="cstat-no" title="statement not covered" > if (targetElement) {</span>
470
503
  const targetId = <span class="cstat-no" title="statement not covered" >targetElement.attributes.href.value;</span>
471
504
  const targetPanel = <span class="cstat-no" title="statement not covered" >tabs.getTargetPanel(targetElement, tabsContainer);</span>
505
+ &nbsp;
472
506
  <span class="cstat-no" title="statement not covered" > tabs.updateTabs(tabsAll, panelAll, targetElement, targetPanel, targetId, false);</span>
473
507
  }
474
508
  },
@@ -510,7 +544,7 @@ export default tabs;
510
544
  <div class='footer quiet pad2 space-top1 center small'>
511
545
  Code coverage generated by
512
546
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
513
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
547
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
514
548
  </div>
515
549
  </div>
516
550
  <script src="../../prettify.js"></script>
package/coverage/favicon.png ADDED
Binary file
package/coverage/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">38.64% </span>
26
+ <span class="strong">17.05% </span>
26
27
  <span class="quiet">Statements</span>
27
- <span class='fraction'>204/528</span>
28
+ <span class='fraction'>90/528</span>
28
29
  </div>
29
30
 
30
31
 
31
32
  <div class='fl pad1y space-right2'>
32
- <span class="strong">33.54% </span>
33
+ <span class="strong">16.77% </span>
33
34
  <span class="quiet">Branches</span>
34
- <span class='fraction'>54/161</span>
35
+ <span class='fraction'>27/161</span>
35
36
  </div>
36
37
 
37
38
 
38
39
  <div class='fl pad1y space-right2'>
39
- <span class="strong">40.15% </span>
40
+ <span class="strong">26.52% </span>
40
41
  <span class="quiet">Functions</span>
41
- <span class='fraction'>53/132</span>
42
+ <span class='fraction'>35/132</span>
42
43
  </div>
43
44
 
44
45
 
45
46
  <div class='fl pad1y space-right2'>
46
- <span class="strong">39.08% </span>
47
+ <span class="strong">17.24% </span>
47
48
  <span class="quiet">Lines</span>
48
- <span class='fraction'>204/522</span>
49
+ <span class='fraction'>90/522</span>
49
50
  </div>
50
51
 
51
52
 
@@ -72,18 +73,18 @@
72
73
  </tr>
73
74
  </thead>
74
75
  <tbody><tr>
75
- <td class="file medium" data-value="components/accordion"><a href="components/accordion/index.html">components/accordion</a></td>
76
- <td data-value="67.47" class="pic medium">
77
- <div class="chart"><div class="cover-fill" style="width: 67%"></div><div class="cover-empty" style="width: 33%"></div></div>
76
+ <td class="file low" data-value="components/accordion"><a href="components/accordion/index.html">components/accordion</a></td>
77
+ <td data-value="0" class="pic low">
78
+ <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
78
79
  </td>
79
- <td data-value="67.47" class="pct medium">67.47%</td>
80
- <td data-value="83" class="abs medium">56/83</td>
81
- <td data-value="50" class="pct medium">50%</td>
82
- <td data-value="24" class="abs medium">12/24</td>
83
- <td data-value="50" class="pct medium">50%</td>
84
- <td data-value="8" class="abs medium">4/8</td>
85
- <td data-value="67.47" class="pct medium">67.47%</td>
86
- <td data-value="83" class="abs medium">56/83</td>
80
+ <td data-value="0" class="pct low">0%</td>
81
+ <td data-value="83" class="abs low">0/83</td>
82
+ <td data-value="0" class="pct low">0%</td>
83
+ <td data-value="24" class="abs low">0/24</td>
84
+ <td data-value="0" class="pct low">0%</td>
85
+ <td data-value="8" class="abs low">0/8</td>
86
+ <td data-value="0" class="pct low">0%</td>
87
+ <td data-value="83" class="abs low">0/83</td>
87
88
  </tr>
88
89
 
89
90
  <tr>
@@ -118,17 +119,17 @@
118
119
 
119
120
  <tr>
120
121
  <td class="file medium" data-value="components/inputs/combobox/vue-components"><a href="components/inputs/combobox/vue-components/index.html">components/inputs/combobox/vue-components</a></td>
121
- <td data-value="75.71" class="pic medium">
122
- <div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
122
+ <td data-value="68.57" class="pic medium">
123
+ <div class="chart"><div class="cover-fill" style="width: 68%"></div><div class="cover-empty" style="width: 32%"></div></div>
123
124
  </td>
124
- <td data-value="75.71" class="pct medium">75.71%</td>
125
- <td data-value="70" class="abs medium">53/70</td>
126
- <td data-value="59.38" class="pct medium">59.38%</td>
127
- <td data-value="32" class="abs medium">19/32</td>
128
- <td data-value="80" class="pct high">80%</td>
129
- <td data-value="35" class="abs high">28/35</td>
130
- <td data-value="75.71" class="pct medium">75.71%</td>
131
- <td data-value="70" class="abs medium">53/70</td>
125
+ <td data-value="68.57" class="pct medium">68.57%</td>
126
+ <td data-value="70" class="abs medium">48/70</td>
127
+ <td data-value="53.13" class="pct medium">53.13%</td>
128
+ <td data-value="32" class="abs medium">17/32</td>
129
+ <td data-value="74.29" class="pct medium">74.29%</td>
130
+ <td data-value="35" class="abs medium">26/35</td>
131
+ <td data-value="68.57" class="pct medium">68.57%</td>
132
+ <td data-value="70" class="abs medium">48/70</td>
132
133
  </tr>
133
134
 
134
135
  <tr>
@@ -162,18 +163,18 @@
162
163
  </tr>
163
164
 
164
165
  <tr>
165
- <td class="file high" data-value="components/modal"><a href="components/modal/index.html">components/modal</a></td>
166
- <td data-value="100" class="pic high">
167
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
166
+ <td class="file low" data-value="components/modal"><a href="components/modal/index.html">components/modal</a></td>
167
+ <td data-value="0" class="pic low">
168
+ <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
168
169
  </td>
169
- <td data-value="100" class="pct high">100%</td>
170
- <td data-value="48" class="abs high">48/48</td>
171
- <td data-value="81.25" class="pct high">81.25%</td>
172
- <td data-value="16" class="abs high">13/16</td>
173
- <td data-value="100" class="pct high">100%</td>
174
- <td data-value="10" class="abs high">10/10</td>
175
- <td data-value="100" class="pct high">100%</td>
176
- <td data-value="48" class="abs high">48/48</td>
170
+ <td data-value="0" class="pct low">0%</td>
171
+ <td data-value="48" class="abs low">0/48</td>
172
+ <td data-value="0" class="pct low">0%</td>
173
+ <td data-value="16" class="abs low">0/16</td>
174
+ <td data-value="0" class="pct low">0%</td>
175
+ <td data-value="10" class="abs low">0/10</td>
176
+ <td data-value="0" class="pct low">0%</td>
177
+ <td data-value="48" class="abs low">0/48</td>
177
178
  </tr>
178
179
 
179
180
  <tr>
@@ -207,18 +208,18 @@
207
208
  </tr>
208
209
 
209
210
  <tr>
210
- <td class="file high" data-value="components/switch-state"><a href="components/switch-state/index.html">components/switch-state</a></td>
211
- <td data-value="100" class="pic high">
212
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
211
+ <td class="file low" data-value="components/switch-state"><a href="components/switch-state/index.html">components/switch-state</a></td>
212
+ <td data-value="0" class="pic low">
213
+ <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
213
214
  </td>
214
- <td data-value="100" class="pct high">100%</td>
215
- <td data-value="5" class="abs high">5/5</td>
215
+ <td data-value="0" class="pct low">0%</td>
216
+ <td data-value="5" class="abs low">0/5</td>
216
217
  <td data-value="100" class="pct high">100%</td>
217
218
  <td data-value="0" class="abs high">0/0</td>
218
- <td data-value="100" class="pct high">100%</td>
219
- <td data-value="2" class="abs high">2/2</td>
220
- <td data-value="100" class="pct high">100%</td>
221
- <td data-value="5" class="abs high">5/5</td>
219
+ <td data-value="0" class="pct low">0%</td>
220
+ <td data-value="2" class="abs low">0/2</td>
221
+ <td data-value="0" class="pct low">0%</td>
222
+ <td data-value="5" class="abs low">0/5</td>
222
223
  </tr>
223
224
 
224
225
  <tr>
@@ -304,7 +305,7 @@
304
305
  <div class='footer quiet pad2 space-top1 center small'>
305
306
  Code coverage generated by
306
307
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
307
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
308
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
308
309
  </div>
309
310
  </div>
310
311
  <script src="prettify.js"></script>
package/coverage/js/common.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);
@@ -99,7 +100,7 @@
99
100
  <div class='footer quiet pad2 space-top1 center small'>
100
101
  Code coverage generated by
101
102
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
102
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
103
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
103
104
  </div>
104
105
  </div>
105
106
  <script src="../prettify.js"></script>