@madgex/design-system 1.45.0 → 1.46.1

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 (90) hide show
  1. package/coverage/cobertura-coverage.xml +133 -143
  2. package/coverage/components/accordion/accordion.js.html +1 -1
  3. package/coverage/components/accordion/index.html +1 -1
  4. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +3 -18
  5. package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
  6. package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html +4 -40
  7. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html +1 -1
  8. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html +1 -1
  9. package/coverage/components/inputs/multi-select/vue-components/index.html +1 -1
  10. package/coverage/components/modal/index.html +1 -1
  11. package/coverage/components/modal/modal.js.html +1 -1
  12. package/coverage/components/notification/index.html +1 -1
  13. package/coverage/components/notification/notification.js.html +1 -1
  14. package/coverage/components/popover/index.html +1 -1
  15. package/coverage/components/popover/popover.js.html +1 -1
  16. package/coverage/components/switch-state/index.html +1 -1
  17. package/coverage/components/switch-state/switch-state.js.html +1 -1
  18. package/coverage/components/tabs/index.html +1 -1
  19. package/coverage/components/tabs/tabs.js.html +1 -1
  20. package/coverage/index.html +13 -13
  21. package/coverage/js/common.js.html +1 -1
  22. package/coverage/js/fractal-scripts/combobox.js.html +7 -10
  23. package/coverage/js/fractal-scripts/index.html +9 -9
  24. package/coverage/js/fractal-scripts/multiselect.js.html +13 -73
  25. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  26. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  27. package/coverage/js/index-fractal.js.html +1 -1
  28. package/coverage/js/index-polyfills.js.html +1 -1
  29. package/coverage/js/index-vue.js.html +7 -10
  30. package/coverage/js/index.html +7 -7
  31. package/coverage/js/index.js.html +1 -1
  32. package/coverage/js/polyfills/closest.js.html +1 -1
  33. package/coverage/js/polyfills/index.html +1 -1
  34. package/coverage/js/polyfills/remove.js.html +1 -1
  35. package/coverage/tokens/_config.js.html +1 -1
  36. package/coverage/tokens/index.html +1 -1
  37. package/dist/_tokens/css/_tokens.css +1 -1
  38. package/dist/_tokens/js/_tokens-module.js +1 -1
  39. package/dist/_tokens/scss/_tokens.scss +1 -1
  40. package/dist/assets/icons.json +1 -1
  41. package/dist/css/index.css +1 -1
  42. package/dist/js/index.js +6 -6
  43. package/gulpfile.js +1 -1
  44. package/package.json +1 -1
  45. package/src/components/button/button.scss +0 -8
  46. package/src/components/inputs/_form-elements.scss +129 -0
  47. package/src/components/inputs/_label/_macro.njk +3 -0
  48. package/src/components/inputs/_label/_template.njk +37 -0
  49. package/src/components/inputs/_message/_macro.njk +3 -0
  50. package/src/components/inputs/_message/_template.njk +24 -0
  51. package/src/components/inputs/checkbox/README.md +4 -0
  52. package/src/components/inputs/checkbox/_template.njk +37 -19
  53. package/src/components/inputs/checkbox/checkbox.config.js +2 -3
  54. package/src/components/inputs/checkbox/checkbox.njk +10 -8
  55. package/src/components/inputs/combobox/README.md +5 -1
  56. package/src/components/inputs/combobox/_template.njk +37 -18
  57. package/src/components/inputs/combobox/combobox.scss +3 -31
  58. package/src/components/inputs/combobox/vue-components/Combobox.vue +1 -6
  59. package/src/components/inputs/combobox/vue-components/ComboboxInput.vue +2 -2
  60. package/src/components/inputs/input/_template.njk +16 -49
  61. package/src/components/inputs/input/input.njk +18 -16
  62. package/src/components/inputs/multi-select/README.md +4 -0
  63. package/src/components/inputs/multi-select/_template.njk +24 -12
  64. package/src/components/inputs/multi-select/multi-select.config.js +28 -0
  65. package/src/components/inputs/multi-select/multi-select.njk +10 -6
  66. package/src/components/inputs/multi-select/multi-select.scss +12 -28
  67. package/src/components/inputs/multi-select/vue-components/MultiSelect.vue +2 -14
  68. package/src/components/inputs/radio/README.md +4 -0
  69. package/src/components/inputs/radio/_template.njk +36 -18
  70. package/src/components/inputs/radio/radio.config.js +7 -28
  71. package/src/components/inputs/radio/radio.njk +10 -8
  72. package/src/components/pagination/pagination.scss +10 -6
  73. package/src/components/pagination-numbers/README.md +1 -1
  74. package/src/components/pagination-numbers/_pagination-numbers-number-macro.njk +2 -2
  75. package/src/components/pagination-numbers/_template.njk +23 -12
  76. package/src/js/fractal-scripts/combobox.js +2 -3
  77. package/src/js/fractal-scripts/multiselect.js +7 -27
  78. package/src/js/index-vue.js +1 -2
  79. package/src/layout/containers/04-highlighted-containers.njk +3 -0
  80. package/src/layout/containers/highlighted-containers.config.json +3 -0
  81. package/src/layout/forms/README.md +1 -0
  82. package/src/layout/forms/forms.config.js +74 -0
  83. package/src/layout/forms/forms.njk +80 -0
  84. package/src/scss/components/__index.scss +2 -4
  85. package/src/scss/core/_containers.scss +5 -0
  86. package/src/scss/helpers/__index.scss +1 -1
  87. package/src/scss/import.scss +1 -1
  88. package/src/components/inputs/checkbox/checkbox.scss +0 -69
  89. package/src/components/inputs/input/input.scss +0 -89
  90. package/src/components/inputs/radio/radio.scss +0 -53
package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html CHANGED
@@ -97,27 +97,7 @@
97
97
  <a name='L39'></a><a href='#L39'>39</a>
98
98
  <a name='L40'></a><a href='#L40'>40</a>
99
99
  <a name='L41'></a><a href='#L41'>41</a>
100
- <a name='L42'></a><a href='#L42'>42</a>
101
- <a name='L43'></a><a href='#L43'>43</a>
102
- <a name='L44'></a><a href='#L44'>44</a>
103
- <a name='L45'></a><a href='#L45'>45</a>
104
- <a name='L46'></a><a href='#L46'>46</a>
105
- <a name='L47'></a><a href='#L47'>47</a>
106
- <a name='L48'></a><a href='#L48'>48</a>
107
- <a name='L49'></a><a href='#L49'>49</a>
108
- <a name='L50'></a><a href='#L50'>50</a>
109
- <a name='L51'></a><a href='#L51'>51</a>
110
- <a name='L52'></a><a href='#L52'>52</a>
111
- <a name='L53'></a><a href='#L53'>53</a>
112
- <a name='L54'></a><a href='#L54'>54</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
113
- <span class="cline-any cline-neutral">&nbsp;</span>
114
- <span class="cline-any cline-neutral">&nbsp;</span>
115
- <span class="cline-any cline-neutral">&nbsp;</span>
116
- <span class="cline-any cline-neutral">&nbsp;</span>
117
- <span class="cline-any cline-neutral">&nbsp;</span>
118
- <span class="cline-any cline-neutral">&nbsp;</span>
119
- <span class="cline-any cline-neutral">&nbsp;</span>
120
- <span class="cline-any cline-neutral">&nbsp;</span>
100
+ <a name='L42'></a><a href='#L42'>42</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
121
101
  <span class="cline-any cline-neutral">&nbsp;</span>
122
102
  <span class="cline-any cline-neutral">&nbsp;</span>
123
103
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -142,10 +122,6 @@
142
122
  <span class="cline-any cline-neutral">&nbsp;</span>
143
123
  <span class="cline-any cline-neutral">&nbsp;</span>
144
124
  <span class="cline-any cline-neutral">&nbsp;</span>
145
- <span class="cline-any cline-neutral">&nbsp;</span>
146
- <span class="cline-any cline-neutral">&nbsp;</span>
147
- <span class="cline-any cline-neutral">&nbsp;</span>
148
- <span class="cline-any cline-neutral">&nbsp;</span>
149
125
  <span class="cline-any cline-no">&nbsp;</span>
150
126
  <span class="cline-any cline-neutral">&nbsp;</span>
151
127
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -163,16 +139,8 @@
163
139
  <span class="cline-any cline-neutral">&nbsp;</span>
164
140
  <span class="cline-any cline-neutral">&nbsp;</span>
165
141
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
166
- &lt;div class="mds-multiselect js-mds-multiselect" :data-multiselect-id="name"&gt;
167
- &lt;fieldset&gt;
168
- &lt;legend class="mds-multiselect__label"&gt;
169
- {{ labeltext }}
170
- &lt;span v-if="optional" class="mds-multiselect__label-optional"&gt; (optional)&lt;/span&gt;
171
- &lt;/legend&gt;
172
- &lt;div class="mds-multiselect__scrollable"&gt;
173
- &lt;MultiSelectCheckboxGroup :name="name" :options="availableOptions" :testId="`${name}-group`" /&gt;
174
- &lt;/div&gt;
175
- &lt;/fieldset&gt;
142
+ &lt;div class="mds-multiselect" :data-multiselect-id="name"&gt;
143
+ &lt;MultiSelectCheckboxGroup :name="name" :options="availableOptions" :testId="`${name}-group`" /&gt;
176
144
  &lt;/div&gt;
177
145
  &lt;/template&gt;
178
146
  &nbsp;
@@ -185,10 +153,6 @@ export default {
185
153
  MultiSelectCheckboxGroup,
186
154
  },
187
155
  props: {
188
- labeltext: {
189
- type: String,
190
- required: true,
191
- },
192
156
  name: {
193
157
  type: [String, Boolean],
194
158
  default: false,
@@ -222,7 +186,7 @@ export default {
222
186
  <div class='footer quiet pad2 space-top1 center small'>
223
187
  Code coverage generated by
224
188
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
225
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
189
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
226
190
  </div>
227
191
  </div>
228
192
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html CHANGED
@@ -270,7 +270,7 @@ export default {
270
270
  <div class='footer quiet pad2 space-top1 center small'>
271
271
  Code coverage generated by
272
272
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
273
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
273
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
274
274
  </div>
275
275
  </div>
276
276
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html CHANGED
@@ -282,7 +282,7 @@ export default {
282
282
  <div class='footer quiet pad2 space-top1 center small'>
283
283
  Code coverage generated by
284
284
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
285
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
285
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
286
286
  </div>
287
287
  </div>
288
288
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/multi-select/vue-components/index.html CHANGED
@@ -124,7 +124,7 @@
124
124
  <div class='footer quiet pad2 space-top1 center small'>
125
125
  Code coverage generated by
126
126
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
127
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
127
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
128
128
  </div>
129
129
  </div>
130
130
  <script src="../../../../prettify.js"></script>
package/coverage/components/modal/index.html CHANGED
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
97
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
package/coverage/components/modal/modal.js.html CHANGED
@@ -315,7 +315,7 @@ export default modals;
315
315
  <div class='footer quiet pad2 space-top1 center small'>
316
316
  Code coverage generated by
317
317
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
318
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
318
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
319
319
  </div>
320
320
  </div>
321
321
  <script src="../../prettify.js"></script>
package/coverage/components/notification/index.html CHANGED
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
97
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
package/coverage/components/notification/notification.js.html CHANGED
@@ -144,7 +144,7 @@ export default notification;
144
144
  <div class='footer quiet pad2 space-top1 center small'>
145
145
  Code coverage generated by
146
146
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
147
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
147
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
148
148
  </div>
149
149
  </div>
150
150
  <script src="../../prettify.js"></script>
package/coverage/components/popover/index.html CHANGED
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
97
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
package/coverage/components/popover/popover.js.html CHANGED
@@ -240,7 +240,7 @@ export default popovers;
240
240
  <div class='footer quiet pad2 space-top1 center small'>
241
241
  Code coverage generated by
242
242
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
243
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
243
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
244
244
  </div>
245
245
  </div>
246
246
  <script src="../../prettify.js"></script>
package/coverage/components/switch-state/index.html CHANGED
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
97
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
package/coverage/components/switch-state/switch-state.js.html CHANGED
@@ -99,7 +99,7 @@ export default switchState;
99
99
  <div class='footer quiet pad2 space-top1 center small'>
100
100
  Code coverage generated by
101
101
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
102
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
102
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
103
103
  </div>
104
104
  </div>
105
105
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/index.html CHANGED
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
97
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/tabs.js.html CHANGED
@@ -510,7 +510,7 @@ export default tabs;
510
510
  <div class='footer quiet pad2 space-top1 center small'>
511
511
  Code coverage generated by
512
512
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
513
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
513
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
514
514
  </div>
515
515
  </div>
516
516
  <script src="../../prettify.js"></script>
package/coverage/index.html CHANGED
@@ -22,16 +22,16 @@
22
22
  <div class='clearfix'>
23
23
 
24
24
  <div class='fl pad1y space-right2'>
25
- <span class="strong">44.84% </span>
25
+ <span class="strong">45.98% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>200/446</span>
27
+ <span class='fraction'>200/435</span>
28
28
  </div>
29
29
 
30
30
 
31
31
  <div class='fl pad1y space-right2'>
32
- <span class="strong">37.4% </span>
32
+ <span class="strong">39.32% </span>
33
33
  <span class="quiet">Branches</span>
34
- <span class='fraction'>46/123</span>
34
+ <span class='fraction'>46/117</span>
35
35
  </div>
36
36
 
37
37
 
@@ -43,9 +43,9 @@
43
43
 
44
44
 
45
45
  <div class='fl pad1y space-right2'>
46
- <span class="strong">45.45% </span>
46
+ <span class="strong">46.51% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>200/440</span>
48
+ <span class='fraction'>200/430</span>
49
49
  </div>
50
50
 
51
51
 
@@ -197,13 +197,13 @@
197
197
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
198
198
  </td>
199
199
  <td data-value="0" class="pct low">0%</td>
200
- <td data-value="27" class="abs low">0/27</td>
200
+ <td data-value="24" class="abs low">0/24</td>
201
201
  <td data-value="0" class="pct low">0%</td>
202
- <td data-value="4" class="abs low">0/4</td>
202
+ <td data-value="2" class="abs low">0/2</td>
203
203
  <td data-value="0" class="pct low">0%</td>
204
204
  <td data-value="5" class="abs low">0/5</td>
205
205
  <td data-value="0" class="pct low">0%</td>
206
- <td data-value="25" class="abs low">0/25</td>
206
+ <td data-value="23" class="abs low">0/23</td>
207
207
  </tr>
208
208
 
209
209
  <tr>
@@ -212,13 +212,13 @@
212
212
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
213
213
  </td>
214
214
  <td data-value="0" class="pct low">0%</td>
215
- <td data-value="79" class="abs low">0/79</td>
215
+ <td data-value="71" class="abs low">0/71</td>
216
216
  <td data-value="0" class="pct low">0%</td>
217
- <td data-value="20" class="abs low">0/20</td>
217
+ <td data-value="16" class="abs low">0/16</td>
218
218
  <td data-value="0" class="pct low">0%</td>
219
219
  <td data-value="20" class="abs low">0/20</td>
220
220
  <td data-value="0" class="pct low">0%</td>
221
- <td data-value="76" class="abs low">0/76</td>
221
+ <td data-value="68" class="abs low">0/68</td>
222
222
  </tr>
223
223
 
224
224
  <tr>
@@ -259,7 +259,7 @@
259
259
  <div class='footer quiet pad2 space-top1 center small'>
260
260
  Code coverage generated by
261
261
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
262
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
262
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
263
263
  </div>
264
264
  </div>
265
265
  <script src="prettify.js"></script>
package/coverage/js/common.js.html CHANGED
@@ -99,7 +99,7 @@
99
99
  <div class='footer quiet pad2 space-top1 center small'>
100
100
  Code coverage generated by
101
101
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
102
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
102
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
103
103
  </div>
104
104
  </div>
105
105
  <script src="../prettify.js"></script>
package/coverage/js/fractal-scripts/combobox.js.html CHANGED
@@ -24,7 +24,7 @@
24
24
  <div class='fl pad1y space-right2'>
25
25
  <span class="strong">0% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>0/32</span>
27
+ <span class='fraction'>0/31</span>
28
28
  </div>
29
29
 
30
30
 
@@ -45,7 +45,7 @@
45
45
  <div class='fl pad1y space-right2'>
46
46
  <span class="strong">0% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>0/29</span>
48
+ <span class='fraction'>0/28</span>
49
49
  </div>
50
50
 
51
51
 
@@ -105,9 +105,7 @@
105
105
  <a name='L47'></a><a href='#L47'>47</a>
106
106
  <a name='L48'></a><a href='#L48'>48</a>
107
107
  <a name='L49'></a><a href='#L49'>49</a>
108
- <a name='L50'></a><a href='#L50'>50</a>
109
- <a name='L51'></a><a href='#L51'>51</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
110
- <span class="cline-any cline-no">&nbsp;</span>
108
+ <a name='L50'></a><a href='#L50'>50</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
111
109
  <span class="cline-any cline-neutral">&nbsp;</span>
112
110
  <span class="cline-any cline-neutral">&nbsp;</span>
113
111
  <span class="cline-any cline-no">&nbsp;</span>
@@ -156,11 +154,10 @@
156
154
  <span class="cline-any cline-neutral">&nbsp;</span>
157
155
  <span class="cline-any cline-neutral">&nbsp;</span>
158
156
  <span class="cline-any cline-neutral">&nbsp;</span>
159
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const containerClass = <span class="cstat-no" title="statement not covered" >'js-mds-combobox';</span>
160
- const elementName = <span class="cstat-no" title="statement not covered" >'mds-combobox';</span>
157
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const elementName = <span class="cstat-no" title="statement not covered" >'mds-combobox';</span>
161
158
  &nbsp;
162
159
  function <span class="fstat-no" title="function not covered" >bindToSelect(</span>) {
163
- const el = <span class="cstat-no" title="statement not covered" >document.querySelector(`.${containerClass}[data-combobox-id="distance-selection"]`);</span>
160
+ const el = <span class="cstat-no" title="statement not covered" >document.querySelector(`[data-combobox-id="distance-selection"]`);</span>
164
161
  <span class="cstat-no" title="statement not covered" > if (el) {</span>
165
162
  const selectInput = <span class="cstat-no" title="statement not covered" >document.getElementById('select-distance-selection');</span>
166
163
  const options = <span class="cstat-no" title="statement not covered" >Array.from(selectInput.querySelectorAll('option'));</span>
@@ -176,7 +173,7 @@ function <span class="fstat-no" title="function not covered" >bindToSelect(</spa
176
173
  }
177
174
  &nbsp;
178
175
  function <span class="fstat-no" title="function not covered" >bindToApi(</span>) {
179
- const el = <span class="cstat-no" title="statement not covered" >document.querySelector(`.${containerClass}[data-combobox-id="keywords-lookup"]`);</span>
176
+ const el = <span class="cstat-no" title="statement not covered" >document.querySelector(`[data-combobox-id="keywords-lookup"]`);</span>
180
177
  <span class="cstat-no" title="statement not covered" > if (el) {</span>
181
178
  const vueSelect = <span class="cstat-no" title="statement not covered" >el.querySelector(elementName);</span>
182
179
  <span class="cstat-no" title="statement not covered" > vueSelect.filterOptions = false;</span>
@@ -213,7 +210,7 @@ export default combobox;
213
210
  <div class='footer quiet pad2 space-top1 center small'>
214
211
  Code coverage generated by
215
212
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
216
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
213
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
217
214
  </div>
218
215
  </div>
219
216
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/index.html CHANGED
@@ -24,14 +24,14 @@
24
24
  <div class='fl pad1y space-right2'>
25
25
  <span class="strong">0% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>0/79</span>
27
+ <span class='fraction'>0/71</span>
28
28
  </div>
29
29
 
30
30
 
31
31
  <div class='fl pad1y space-right2'>
32
32
  <span class="strong">0% </span>
33
33
  <span class="quiet">Branches</span>
34
- <span class='fraction'>0/20</span>
34
+ <span class='fraction'>0/16</span>
35
35
  </div>
36
36
 
37
37
 
@@ -45,7 +45,7 @@
45
45
  <div class='fl pad1y space-right2'>
46
46
  <span class="strong">0% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>0/76</span>
48
+ <span class='fraction'>0/68</span>
49
49
  </div>
50
50
 
51
51
 
@@ -77,13 +77,13 @@
77
77
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
78
78
  </td>
79
79
  <td data-value="0" class="pct low">0%</td>
80
- <td data-value="32" class="abs low">0/32</td>
80
+ <td data-value="31" class="abs low">0/31</td>
81
81
  <td data-value="0" class="pct low">0%</td>
82
82
  <td data-value="8" class="abs low">0/8</td>
83
83
  <td data-value="0" class="pct low">0%</td>
84
84
  <td data-value="9" class="abs low">0/9</td>
85
85
  <td data-value="0" class="pct low">0%</td>
86
- <td data-value="29" class="abs low">0/29</td>
86
+ <td data-value="28" class="abs low">0/28</td>
87
87
  </tr>
88
88
 
89
89
  <tr>
@@ -92,13 +92,13 @@
92
92
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
93
93
  </td>
94
94
  <td data-value="0" class="pct low">0%</td>
95
- <td data-value="23" class="abs low">0/23</td>
95
+ <td data-value="16" class="abs low">0/16</td>
96
96
  <td data-value="0" class="pct low">0%</td>
97
- <td data-value="8" class="abs low">0/8</td>
97
+ <td data-value="4" class="abs low">0/4</td>
98
98
  <td data-value="0" class="pct low">0%</td>
99
99
  <td data-value="5" class="abs low">0/5</td>
100
100
  <td data-value="0" class="pct low">0%</td>
101
- <td data-value="23" class="abs low">0/23</td>
101
+ <td data-value="16" class="abs low">0/16</td>
102
102
  </tr>
103
103
 
104
104
  <tr>
@@ -139,7 +139,7 @@
139
139
  <div class='footer quiet pad2 space-top1 center small'>
140
140
  Code coverage generated by
141
141
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
142
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
142
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
143
143
  </div>
144
144
  </div>
145
145
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/multiselect.js.html CHANGED
@@ -24,14 +24,14 @@
24
24
  <div class='fl pad1y space-right2'>
25
25
  <span class="strong">0% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>0/23</span>
27
+ <span class='fraction'>0/16</span>
28
28
  </div>
29
29
 
30
30
 
31
31
  <div class='fl pad1y space-right2'>
32
32
  <span class="strong">0% </span>
33
33
  <span class="quiet">Branches</span>
34
- <span class='fraction'>0/8</span>
34
+ <span class='fraction'>0/4</span>
35
35
  </div>
36
36
 
37
37
 
@@ -45,7 +45,7 @@
45
45
  <div class='fl pad1y space-right2'>
46
46
  <span class="strong">0% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>0/23</span>
48
+ <span class='fraction'>0/16</span>
49
49
  </div>
50
50
 
51
51
 
@@ -93,30 +93,7 @@
93
93
  <a name='L35'></a><a href='#L35'>35</a>
94
94
  <a name='L36'></a><a href='#L36'>36</a>
95
95
  <a name='L37'></a><a href='#L37'>37</a>
96
- <a name='L38'></a><a href='#L38'>38</a>
97
- <a name='L39'></a><a href='#L39'>39</a>
98
- <a name='L40'></a><a href='#L40'>40</a>
99
- <a name='L41'></a><a href='#L41'>41</a>
100
- <a name='L42'></a><a href='#L42'>42</a>
101
- <a name='L43'></a><a href='#L43'>43</a>
102
- <a name='L44'></a><a href='#L44'>44</a>
103
- <a name='L45'></a><a href='#L45'>45</a>
104
- <a name='L46'></a><a href='#L46'>46</a>
105
- <a name='L47'></a><a href='#L47'>47</a>
106
- <a name='L48'></a><a href='#L48'>48</a>
107
- <a name='L49'></a><a href='#L49'>49</a>
108
- <a name='L50'></a><a href='#L50'>50</a>
109
- <a name='L51'></a><a href='#L51'>51</a>
110
- <a name='L52'></a><a href='#L52'>52</a>
111
- <a name='L53'></a><a href='#L53'>53</a>
112
- <a name='L54'></a><a href='#L54'>54</a>
113
- <a name='L55'></a><a href='#L55'>55</a>
114
- <a name='L56'></a><a href='#L56'>56</a>
115
- <a name='L57'></a><a href='#L57'>57</a>
116
- <a name='L58'></a><a href='#L58'>58</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
117
- <span class="cline-any cline-no">&nbsp;</span>
118
- <span class="cline-any cline-neutral">&nbsp;</span>
119
- <span class="cline-any cline-neutral">&nbsp;</span>
96
+ <a name='L38'></a><a href='#L38'>38</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
120
97
  <span class="cline-any cline-no">&nbsp;</span>
121
98
  <span class="cline-any cline-no">&nbsp;</span>
122
99
  <span class="cline-any cline-no">&nbsp;</span>
@@ -146,34 +123,14 @@
146
123
  <span class="cline-any cline-neutral">&nbsp;</span>
147
124
  <span class="cline-any cline-neutral">&nbsp;</span>
148
125
  <span class="cline-any cline-neutral">&nbsp;</span>
149
- <span class="cline-any cline-neutral">&nbsp;</span>
150
- <span class="cline-any cline-neutral">&nbsp;</span>
151
- <span class="cline-any cline-neutral">&nbsp;</span>
152
- <span class="cline-any cline-neutral">&nbsp;</span>
153
- <span class="cline-any cline-neutral">&nbsp;</span>
154
- <span class="cline-any cline-no">&nbsp;</span>
155
- <span class="cline-any cline-no">&nbsp;</span>
156
- <span class="cline-any cline-no">&nbsp;</span>
157
- <span class="cline-any cline-no">&nbsp;</span>
158
- <span class="cline-any cline-neutral">&nbsp;</span>
159
- <span class="cline-any cline-neutral">&nbsp;</span>
160
- <span class="cline-any cline-neutral">&nbsp;</span>
161
- <span class="cline-any cline-neutral">&nbsp;</span>
162
- <span class="cline-any cline-neutral">&nbsp;</span>
163
- <span class="cline-any cline-neutral">&nbsp;</span>
164
- <span class="cline-any cline-neutral">&nbsp;</span>
165
126
  <span class="cline-any cline-no">&nbsp;</span>
166
127
  <span class="cline-any cline-neutral">&nbsp;</span>
167
128
  <span class="cline-any cline-no">&nbsp;</span>
168
- <span class="cline-any cline-no">&nbsp;</span>
169
129
  <span class="cline-any cline-neutral">&nbsp;</span>
170
130
  <span class="cline-any cline-neutral">&nbsp;</span>
171
131
  <span class="cline-any cline-neutral">&nbsp;</span>
172
132
  <span class="cline-any cline-neutral">&nbsp;</span>
173
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const containerClass = <span class="cstat-no" title="statement not covered" >'js-mds-multiselect';</span>
174
- const elementName = <span class="cstat-no" title="statement not covered" >'mds-multiselect';</span>
175
- &nbsp;
176
- function <span class="fstat-no" title="function not covered" >constructNode(</span>rootNode) {
133
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">function <span class="fstat-no" title="function not covered" >constructNode(</span>rootNode) {
177
134
  const localObj = <span class="cstat-no" title="statement not covered" >[];</span>
178
135
  const parentNodes = <span class="cstat-no" title="statement not covered" >rootNode.querySelectorAll(':scope &gt; .mds-multiselect__checkbox');</span>
179
136
  <span class="cstat-no" title="statement not covered" > parentNodes.forEach(<span class="fstat-no" title="function not covered" >(n</span>ode, index) =&gt; {</span>
@@ -195,34 +152,17 @@ function <span class="fstat-no" title="function not covered" >constructNode(</sp
195
152
  <span class="cstat-no" title="statement not covered" > return localObj;</span>
196
153
  }
197
154
  &nbsp;
198
- function <span class="fstat-no" title="function not covered" >bindRoleData(</span>) {
199
- const el = <span class="cstat-no" title="statement not covered" >document.querySelector(`.${containerClass}[data-multiselect-id="role-combobox-id"]`);</span>
200
- <span class="cstat-no" title="statement not covered" > if (el) {</span>
201
- const vueMultiselect = <span class="cstat-no" title="statement not covered" >el.querySelector(`${elementName}`);</span>
202
- <span class="cstat-no" title="statement not covered" > vueMultiselect.options = constructNode(</span>
203
- document.querySelector(
204
- `.${elementName} .mds-combobox--fallback .mds-multiselect__scrollable-parent-role &gt; .mds-multiselect__checkbox-group`
205
- )
206
- );
207
- }
208
- }
209
- &nbsp;
210
- function <span class="fstat-no" title="function not covered" >bindIndustryData(</span>) {
211
- const el = <span class="cstat-no" title="statement not covered" >document.querySelector(`.${containerClass}[data-multiselect-id="industry-combobox-id"]`);</span>
212
- <span class="cstat-no" title="statement not covered" > if (el) {</span>
213
- const vueMultiselect = <span class="cstat-no" title="statement not covered" >el.querySelector(`${elementName}`);</span>
214
- <span class="cstat-no" title="statement not covered" > vueMultiselect.options = constructNode(</span>
215
- document.querySelector(
216
- `.${elementName} .mds-combobox--fallback .mds-multiselect__scrollable-parent-industry &gt; .mds-multiselect__checkbox-group`
217
- )
218
- );
219
- }
155
+ function <span class="fstat-no" title="function not covered" >bindData(</span>) {
156
+ const elements = <span class="cstat-no" title="statement not covered" >Array.from(document.querySelectorAll('.js-mds-multiselect'));</span>
157
+ <span class="cstat-no" title="statement not covered" > elements.forEach(<span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {</span>
158
+ const vueMultiselect = <span class="cstat-no" title="statement not covered" >element.querySelector('mds-multiselect');</span>
159
+ <span class="cstat-no" title="statement not covered" > vueMultiselect.options = constructNode(element.querySelector('.mds-multiselect__checkbox-group'));</span>
160
+ });
220
161
  }
221
162
  &nbsp;
222
163
  const multiselect = <span class="cstat-no" title="statement not covered" >{</span>
223
164
  init: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
224
- <span class="cstat-no" title="statement not covered" > bindRoleData();</span>
225
- <span class="cstat-no" title="statement not covered" > bindIndustryData();</span>
165
+ <span class="cstat-no" title="statement not covered" > bindData();</span>
226
166
  },
227
167
  };
228
168
  &nbsp;
@@ -234,7 +174,7 @@ export default multiselect;
234
174
  <div class='footer quiet pad2 space-top1 center small'>
235
175
  Code coverage generated by
236
176
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
237
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
177
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
238
178
  </div>
239
179
  </div>
240
180
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/notification.js.html CHANGED
@@ -123,7 +123,7 @@ export default notificationScript;
123
123
  <div class='footer quiet pad2 space-top1 center small'>
124
124
  Code coverage generated by
125
125
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
126
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
126
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
127
127
  </div>
128
128
  </div>
129
129
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/switch-state.js.html CHANGED
@@ -135,7 +135,7 @@ export default switchStateScript;
135
135
  <div class='footer quiet pad2 space-top1 center small'>
136
136
  Code coverage generated by
137
137
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
138
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
138
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
139
139
  </div>
140
140
  </div>
141
141
  <script src="../../prettify.js"></script>
package/coverage/js/index-fractal.js.html CHANGED
@@ -96,7 +96,7 @@ import multiselectScript from './fractal-scripts/multiselect';
96
96
  <div class='footer quiet pad2 space-top1 center small'>
97
97
  Code coverage generated by
98
98
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
99
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
99
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
100
100
  </div>
101
101
  </div>
102
102
  <script src="../prettify.js"></script>
package/coverage/js/index-polyfills.js.html CHANGED
@@ -72,7 +72,7 @@ import './polyfills/remove';
72
72
  <div class='footer quiet pad2 space-top1 center small'>
73
73
  Code coverage generated by
74
74
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
75
- at Mon Apr 20 2020 14:01:39 GMT+0100 (British Summer Time)
75
+ at Tue Apr 21 2020 17:26:28 GMT+0100 (British Summer Time)
76
76
  </div>
77
77
  </div>
78
78
  <script src="../prettify.js"></script>