@madgex/design-system 1.46.5 → 1.46.7

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 (50) hide show
  1. package/coverage/cobertura-coverage.xml +119 -107
  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 +15 -3
  5. package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
  6. package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html +35 -8
  7. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html +80 -23
  8. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html +16 -40
  9. package/coverage/components/inputs/multi-select/vue-components/index.html +34 -34
  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 +19 -19
  21. package/coverage/js/common.js.html +1 -1
  22. package/coverage/js/fractal-scripts/combobox.js.html +1 -1
  23. package/coverage/js/fractal-scripts/index.html +1 -1
  24. package/coverage/js/fractal-scripts/multiselect.js.html +1 -1
  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 +1 -1
  30. package/coverage/js/index.html +1 -1
  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/js/index.js +6 -6
  41. package/package.json +1 -1
  42. package/src/components/inputs/combobox/README.md +2 -0
  43. package/src/components/inputs/combobox/_template.njk +4 -2
  44. package/src/components/inputs/combobox/combobox.config.js +1 -0
  45. package/src/components/inputs/combobox/combobox.njk +1 -0
  46. package/src/components/inputs/combobox/vue-components/Combobox.vue +5 -1
  47. package/src/components/inputs/multi-select/_template.njk +9 -1
  48. package/src/components/inputs/multi-select/vue-components/MultiSelect.vue +9 -0
  49. package/src/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue +30 -11
  50. package/src/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue +6 -14
@@ -22,30 +22,30 @@
22
22
  <div class='clearfix'>
23
23
 
24
24
  <div class='fl pad1y space-right2'>
25
- <span class="strong">100% </span>
25
+ <span class="strong">66.67% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>3/3</span>
27
+ <span class='fraction'>4/6</span>
28
28
  </div>
29
29
 
30
30
 
31
31
  <div class='fl pad1y space-right2'>
32
- <span class="strong">100% </span>
32
+ <span class="strong">50% </span>
33
33
  <span class="quiet">Branches</span>
34
- <span class='fraction'>0/0</span>
34
+ <span class='fraction'>1/2</span>
35
35
  </div>
36
36
 
37
37
 
38
38
  <div class='fl pad1y space-right2'>
39
- <span class="strong">100% </span>
39
+ <span class="strong">60% </span>
40
40
  <span class="quiet">Functions</span>
41
- <span class='fraction'>2/2</span>
41
+ <span class='fraction'>3/5</span>
42
42
  </div>
43
43
 
44
44
 
45
45
  <div class='fl pad1y space-right2'>
46
- <span class="strong">100% </span>
46
+ <span class="strong">66.67% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>3/3</span>
48
+ <span class='fraction'>4/6</span>
49
49
  </div>
50
50
 
51
51
 
@@ -54,7 +54,7 @@
54
54
  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
55
  </p>
56
56
  </div>
57
- <div class='status-line high'></div>
57
+ <div class='status-line medium'></div>
58
58
  <pre><table class="coverage">
59
59
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
60
60
  <a name='L2'></a><a href='#L2'>2</a>
@@ -127,7 +127,31 @@
127
127
  <a name='L69'></a><a href='#L69'>69</a>
128
128
  <a name='L70'></a><a href='#L70'>70</a>
129
129
  <a name='L71'></a><a href='#L71'>71</a>
130
- <a name='L72'></a><a href='#L72'>72</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
130
+ <a name='L72'></a><a href='#L72'>72</a>
131
+ <a name='L73'></a><a href='#L73'>73</a>
132
+ <a name='L74'></a><a href='#L74'>74</a>
133
+ <a name='L75'></a><a href='#L75'>75</a>
134
+ <a name='L76'></a><a href='#L76'>76</a>
135
+ <a name='L77'></a><a href='#L77'>77</a>
136
+ <a name='L78'></a><a href='#L78'>78</a>
137
+ <a name='L79'></a><a href='#L79'>79</a>
138
+ <a name='L80'></a><a href='#L80'>80</a>
139
+ <a name='L81'></a><a href='#L81'>81</a>
140
+ <a name='L82'></a><a href='#L82'>82</a>
141
+ <a name='L83'></a><a href='#L83'>83</a>
142
+ <a name='L84'></a><a href='#L84'>84</a>
143
+ <a name='L85'></a><a href='#L85'>85</a>
144
+ <a name='L86'></a><a href='#L86'>86</a>
145
+ <a name='L87'></a><a href='#L87'>87</a>
146
+ <a name='L88'></a><a href='#L88'>88</a>
147
+ <a name='L89'></a><a href='#L89'>89</a>
148
+ <a name='L90'></a><a href='#L90'>90</a>
149
+ <a name='L91'></a><a href='#L91'>91</a></td><td class="line-coverage quiet"><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-neutral">&nbsp;</span>
131
155
  <span class="cline-any cline-neutral">&nbsp;</span>
132
156
  <span class="cline-any cline-neutral">&nbsp;</span>
133
157
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -192,27 +216,41 @@
192
216
  <span class="cline-any cline-neutral">&nbsp;</span>
193
217
  <span class="cline-any cline-neutral">&nbsp;</span>
194
218
  <span class="cline-any cline-neutral">&nbsp;</span>
219
+ <span class="cline-any cline-neutral">&nbsp;</span>
220
+ <span class="cline-any cline-neutral">&nbsp;</span>
221
+ <span class="cline-any cline-yes">20x</span>
222
+ <span class="cline-any cline-yes">20x</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span>
225
+ <span class="cline-any cline-no">&nbsp;</span>
226
+ <span class="cline-any cline-neutral">&nbsp;</span>
227
+ <span class="cline-any cline-neutral">&nbsp;</span>
228
+ <span class="cline-any cline-neutral">&nbsp;</span>
229
+ <span class="cline-any cline-neutral">&nbsp;</span>
230
+ <span class="cline-any cline-neutral">&nbsp;</span>
195
231
  <span class="cline-any cline-yes">1x</span>
196
- <span class="cline-any cline-yes">1x</span>
232
+ <span class="cline-any cline-neutral">&nbsp;</span>
233
+ <span class="cline-any cline-neutral">&nbsp;</span>
234
+ <span class="cline-any cline-no">&nbsp;</span>
197
235
  <span class="cline-any cline-neutral">&nbsp;</span>
198
236
  <span class="cline-any cline-neutral">&nbsp;</span>
199
237
  <span class="cline-any cline-neutral">&nbsp;</span>
200
238
  <span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;!-- Vue doesn't seem to be stripping whitespace from these nodes so it's messing everything up
202
- Hence these comments. Please feel free to give me pointers --&gt;
239
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;!-- Comments between input, label and button nodes are to control unwanted whitespace
240
+ Cf. https://css-tricks.com/fighting-the-space-between-inline-block-elements/ --&gt;
203
241
  &nbsp;
204
242
  &lt;template&gt;
205
243
  &lt;div class="mds-multiselect__checkbox" :data-multiselect-id="`${name}-checkbox`"&gt;
206
- &lt;input type="checkbox" :name="name" :id="id" :value="value" :checked="checked ? true : false" /&gt;&lt;!--
207
- --&gt;&lt;label :for="id" @click="checked = !checked"&gt;{{ label }}&lt;/label
244
+ &lt;input type="checkbox" :name="name" :id="id" :value="value" v-model="isChecked" /&gt;&lt;!--
245
+ --&gt;&lt;label :for="id" @click="toggleChecked"&gt;{{ label }}&lt;/label
208
246
  &gt;&lt;!--
209
247
  --&gt;&lt;button
210
248
  type="button"
211
- v-if="this.$slots.default"
249
+ v-if="hasChildren"
212
250
  class="mds-button mds-button--plain mds-padding-b0"
213
- @click="toggleExpansion()"
214
- @keydown.right="toggleExpansion()"
215
- @keydown.left="toggleExpansion()"
251
+ @click="toggleExpansion"
252
+ @keydown.right="toggleExpansion"
253
+ @keydown.left="toggleExpansion"
216
254
  :aria-expanded="isShowing ? 'true' : 'false'"
217
255
  :ref="`${id}-trigger`"
218
256
  &gt;
@@ -224,10 +262,10 @@ Hence these comments. Please feel free to give me pointers --&gt;
224
262
  class="mds-icon mds-icon--chevron-right mds-icon--after mds-icon--sm mds-animate-transform-fast"
225
263
  :class="isShowing ? ' mds-rotate-cw-90' : ''"
226
264
  &gt;
227
- &lt;use href="/assets/icons.svg#chevron-right" /&gt;
265
+ &lt;use :href="`${iconPath}#chevron-right`" /&gt;
228
266
  &lt;/svg&gt;
229
267
  &lt;/button&gt;
230
- &lt;slot /&gt;
268
+ &lt;slot name="children" :expanded="isShowing" /&gt;
231
269
  &lt;/div&gt;
232
270
  &lt;/template&gt;
233
271
  &nbsp;
@@ -255,16 +293,35 @@ export default {
255
293
  type: [String, Number],
256
294
  required: true,
257
295
  },
296
+ hasChildren: {
297
+ type: Boolean,
298
+ default: false,
299
+ },
258
300
  },
301
+ inject: ['iconPath'],
259
302
  data() {
260
303
  return {
261
304
  isShowing: false,
305
+ userChecked: null,
262
306
  };
263
307
  },
308
+ computed: {
309
+ isChecked: {
310
+ get() {
311
+ <span class="missing-if-branch" title="if path not taken" >I</span> if (this.userChecked !== null) return this.userChecked;
312
+ return this.checked;
313
+ },
314
+ <span class="fstat-no" title="function not covered" > set(newVal) {</span>
315
+ <span class="cstat-no" title="statement not covered" > this.userChecked = newVal;</span>
316
+ },
317
+ },
318
+ },
264
319
  methods: {
265
320
  toggleExpansion() {
266
321
  this.isShowing = !this.isShowing;
267
- this.$emit('expandChild', { state: this.isShowing, id: this.$props.id });
322
+ },
323
+ <span class="fstat-no" title="function not covered" > toggleChecked() {</span>
324
+ <span class="cstat-no" title="statement not covered" > this.isChecked = !this.isChecked;</span>
268
325
  },
269
326
  },
270
327
  };
@@ -276,7 +333,7 @@ export default {
276
333
  <div class='footer quiet pad2 space-top1 center small'>
277
334
  Code coverage generated by
278
335
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
279
- at Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
336
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
280
337
  </div>
281
338
  </div>
282
339
  <script src="../../../../prettify.js"></script>
@@ -22,9 +22,9 @@
22
22
  <div class='clearfix'>
23
23
 
24
24
  <div class='fl pad1y space-right2'>
25
- <span class="strong">75% </span>
25
+ <span class="strong">50% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>3/4</span>
27
+ <span class='fraction'>1/2</span>
28
28
  </div>
29
29
 
30
30
 
@@ -36,16 +36,16 @@
36
36
 
37
37
 
38
38
  <div class='fl pad1y space-right2'>
39
- <span class="strong">66.67% </span>
39
+ <span class="strong">0% </span>
40
40
  <span class="quiet">Functions</span>
41
- <span class='fraction'>2/3</span>
41
+ <span class='fraction'>0/1</span>
42
42
  </div>
43
43
 
44
44
 
45
45
  <div class='fl pad1y space-right2'>
46
- <span class="strong">75% </span>
46
+ <span class="strong">50% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>3/4</span>
48
+ <span class='fraction'>1/2</span>
49
49
  </div>
50
50
 
51
51
 
@@ -121,15 +121,7 @@
121
121
  <a name='L63'></a><a href='#L63'>63</a>
122
122
  <a name='L64'></a><a href='#L64'>64</a>
123
123
  <a name='L65'></a><a href='#L65'>65</a>
124
- <a name='L66'></a><a href='#L66'>66</a>
125
- <a name='L67'></a><a href='#L67'>67</a>
126
- <a name='L68'></a><a href='#L68'>68</a>
127
- <a name='L69'></a><a href='#L69'>69</a>
128
- <a name='L70'></a><a href='#L70'>70</a>
129
- <a name='L71'></a><a href='#L71'>71</a>
130
- <a name='L72'></a><a href='#L72'>72</a>
131
- <a name='L73'></a><a href='#L73'>73</a>
132
- <a name='L74'></a><a href='#L74'>74</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
124
+ <a name='L66'></a><a href='#L66'>66</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
133
125
  <span class="cline-any cline-neutral">&nbsp;</span>
134
126
  <span class="cline-any cline-neutral">&nbsp;</span>
135
127
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -161,21 +153,14 @@
161
153
  <span class="cline-any cline-neutral">&nbsp;</span>
162
154
  <span class="cline-any cline-neutral">&nbsp;</span>
163
155
  <span class="cline-any cline-neutral">&nbsp;</span>
164
- <span class="cline-any cline-yes">1x</span>
165
- <span class="cline-any cline-neutral">&nbsp;</span>
166
- <span class="cline-any cline-neutral">&nbsp;</span>
167
- <span class="cline-any cline-neutral">&nbsp;</span>
168
- <span class="cline-any cline-neutral">&nbsp;</span>
169
- <span class="cline-any cline-neutral">&nbsp;</span>
170
- <span class="cline-any cline-neutral">&nbsp;</span>
171
156
  <span class="cline-any cline-neutral">&nbsp;</span>
172
157
  <span class="cline-any cline-neutral">&nbsp;</span>
158
+ <span class="cline-any cline-yes">1x</span>
173
159
  <span class="cline-any cline-neutral">&nbsp;</span>
174
160
  <span class="cline-any cline-neutral">&nbsp;</span>
175
161
  <span class="cline-any cline-neutral">&nbsp;</span>
176
162
  <span class="cline-any cline-neutral">&nbsp;</span>
177
163
  <span class="cline-any cline-neutral">&nbsp;</span>
178
- <span class="cline-any cline-no">&nbsp;</span>
179
164
  <span class="cline-any cline-neutral">&nbsp;</span>
180
165
  <span class="cline-any cline-neutral">&nbsp;</span>
181
166
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -184,6 +169,7 @@
184
169
  <span class="cline-any cline-neutral">&nbsp;</span>
185
170
  <span class="cline-any cline-neutral">&nbsp;</span>
186
171
  <span class="cline-any cline-neutral">&nbsp;</span>
172
+ <span class="cline-any cline-no">&nbsp;</span>
187
173
  <span class="cline-any cline-neutral">&nbsp;</span>
188
174
  <span class="cline-any cline-neutral">&nbsp;</span>
189
175
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -191,13 +177,11 @@
191
177
  <span class="cline-any cline-neutral">&nbsp;</span>
192
178
  <span class="cline-any cline-neutral">&nbsp;</span>
193
179
  <span class="cline-any cline-neutral">&nbsp;</span>
194
- <span class="cline-any cline-yes">8x</span>
195
180
  <span class="cline-any cline-neutral">&nbsp;</span>
196
181
  <span class="cline-any cline-neutral">&nbsp;</span>
197
182
  <span class="cline-any cline-neutral">&nbsp;</span>
198
183
  <span class="cline-any cline-neutral">&nbsp;</span>
199
184
  <span class="cline-any cline-neutral">&nbsp;</span>
200
- <span class="cline-any cline-yes">1x</span>
201
185
  <span class="cline-any cline-neutral">&nbsp;</span>
202
186
  <span class="cline-any cline-neutral">&nbsp;</span>
203
187
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -211,21 +195,23 @@
211
195
  :data-multiselect-id="`${testId}-group`"
212
196
  &gt;
213
197
  &lt;MultiSelectCheckbox
198
+ v-slot:children="slotProps"
214
199
  v-for="option in options"
215
200
  :key="option.id"
216
201
  :id="option.id"
217
202
  :name="option.name"
218
203
  :value="option.value"
219
204
  :label="option.label"
220
- @expandChild="toggleExpand"
205
+ :checked="option.checked"
206
+ :hasChildren="option.children &amp;&amp; !!option.children.length"
221
207
  &gt;
222
208
  &lt;MultiSelectCheckboxGroup
223
- v-if="option.children"
209
+ v-if="option.children &amp;&amp; !!option.children.length"
224
210
  :name="name"
225
211
  :testId="`${name}-${option.id}`"
226
212
  :options="option.children"
227
213
  :nested="true"
228
- :startExpanded="false"
214
+ :isExpanded="slotProps.expanded"
229
215
  :childOf="option.id"
230
216
  :ref="`${option.id}-group`"
231
217
  /&gt;
@@ -242,7 +228,7 @@ export default {
242
228
  MultiSelectCheckbox,
243
229
  },
244
230
  props: {
245
- startExpanded: {
231
+ isExpanded: {
246
232
  type: Boolean,
247
233
  default: true,
248
234
  },
@@ -261,16 +247,6 @@ export default {
261
247
  testId: {
262
248
  type: String,
263
249
  required: true,
264
- }
265
- },
266
- data() {
267
- return {
268
- isExpanded: this.$props.startExpanded,
269
- };
270
- },
271
- methods: {
272
- toggleExpand(payload) {
273
- this.$refs[`${payload.id}-group`][0].isExpanded = payload.state;
274
250
  },
275
251
  },
276
252
  };
@@ -282,7 +258,7 @@ export default {
282
258
  <div class='footer quiet pad2 space-top1 center small'>
283
259
  Code coverage generated by
284
260
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
285
- at Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
261
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
286
262
  </div>
287
263
  </div>
288
264
  <script src="../../../../prettify.js"></script>
@@ -22,30 +22,30 @@
22
22
  <div class='clearfix'>
23
23
 
24
24
  <div class='fl pad1y space-right2'>
25
- <span class="strong">72.73% </span>
25
+ <span class="strong">61.54% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>8/11</span>
27
+ <span class='fraction'>8/13</span>
28
28
  </div>
29
29
 
30
30
 
31
31
  <div class='fl pad1y space-right2'>
32
- <span class="strong">100% </span>
32
+ <span class="strong">50% </span>
33
33
  <span class="quiet">Branches</span>
34
- <span class='fraction'>0/0</span>
34
+ <span class='fraction'>1/2</span>
35
35
  </div>
36
36
 
37
37
 
38
38
  <div class='fl pad1y space-right2'>
39
- <span class="strong">62.5% </span>
39
+ <span class="strong">50% </span>
40
40
  <span class="quiet">Functions</span>
41
- <span class='fraction'>5/8</span>
41
+ <span class='fraction'>5/10</span>
42
42
  </div>
43
43
 
44
44
 
45
45
  <div class='fl pad1y space-right2'>
46
- <span class="strong">72.73% </span>
46
+ <span class="strong">61.54% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>8/11</span>
48
+ <span class='fraction'>8/13</span>
49
49
  </div>
50
50
 
51
51
 
@@ -73,47 +73,47 @@
73
73
  </thead>
74
74
  <tbody><tr>
75
75
  <td class="file medium" data-value="MultiSelect.vue"><a href="MultiSelect.vue.html">MultiSelect.vue</a></td>
76
- <td data-value="50" class="pic medium">
77
- <div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
76
+ <td data-value="60" class="pic medium">
77
+ <div class="chart"><div class="cover-fill" style="width: 60%"></div><div class="cover-empty" style="width: 40%"></div></div>
78
78
  </td>
79
- <td data-value="50" class="pct medium">50%</td>
80
- <td data-value="4" class="abs medium">2/4</td>
79
+ <td data-value="60" class="pct medium">60%</td>
80
+ <td data-value="5" class="abs medium">3/5</td>
81
81
  <td data-value="100" class="pct high">100%</td>
82
82
  <td data-value="0" class="abs high">0/0</td>
83
- <td data-value="33.33" class="pct low">33.33%</td>
84
- <td data-value="3" class="abs low">1/3</td>
85
83
  <td data-value="50" class="pct medium">50%</td>
86
84
  <td data-value="4" class="abs medium">2/4</td>
85
+ <td data-value="60" class="pct medium">60%</td>
86
+ <td data-value="5" class="abs medium">3/5</td>
87
87
  </tr>
88
88
 
89
89
  <tr>
90
- <td class="file high" data-value="MultiSelectCheckbox.vue"><a href="MultiSelectCheckbox.vue.html">MultiSelectCheckbox.vue</a></td>
91
- <td data-value="100" class="pic high">
92
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
90
+ <td class="file medium" data-value="MultiSelectCheckbox.vue"><a href="MultiSelectCheckbox.vue.html">MultiSelectCheckbox.vue</a></td>
91
+ <td data-value="66.67" class="pic medium">
92
+ <div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
93
93
  </td>
94
- <td data-value="100" class="pct high">100%</td>
95
- <td data-value="3" class="abs high">3/3</td>
96
- <td data-value="100" class="pct high">100%</td>
97
- <td data-value="0" class="abs high">0/0</td>
98
- <td data-value="100" class="pct high">100%</td>
99
- <td data-value="2" class="abs high">2/2</td>
100
- <td data-value="100" class="pct high">100%</td>
101
- <td data-value="3" class="abs high">3/3</td>
94
+ <td data-value="66.67" class="pct medium">66.67%</td>
95
+ <td data-value="6" class="abs medium">4/6</td>
96
+ <td data-value="50" class="pct medium">50%</td>
97
+ <td data-value="2" class="abs medium">1/2</td>
98
+ <td data-value="60" class="pct medium">60%</td>
99
+ <td data-value="5" class="abs medium">3/5</td>
100
+ <td data-value="66.67" class="pct medium">66.67%</td>
101
+ <td data-value="6" class="abs medium">4/6</td>
102
102
  </tr>
103
103
 
104
104
  <tr>
105
105
  <td class="file medium" data-value="MultiSelectCheckboxGroup.vue"><a href="MultiSelectCheckboxGroup.vue.html">MultiSelectCheckboxGroup.vue</a></td>
106
- <td data-value="75" class="pic medium">
107
- <div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
106
+ <td data-value="50" class="pic medium">
107
+ <div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
108
108
  </td>
109
- <td data-value="75" class="pct medium">75%</td>
110
- <td data-value="4" class="abs medium">3/4</td>
109
+ <td data-value="50" class="pct medium">50%</td>
110
+ <td data-value="2" class="abs medium">1/2</td>
111
111
  <td data-value="100" class="pct high">100%</td>
112
112
  <td data-value="0" class="abs high">0/0</td>
113
- <td data-value="66.67" class="pct medium">66.67%</td>
114
- <td data-value="3" class="abs medium">2/3</td>
115
- <td data-value="75" class="pct medium">75%</td>
116
- <td data-value="4" class="abs medium">3/4</td>
113
+ <td data-value="0" class="pct low">0%</td>
114
+ <td data-value="1" class="abs low">0/1</td>
115
+ <td data-value="50" class="pct medium">50%</td>
116
+ <td data-value="2" class="abs medium">1/2</td>
117
117
  </tr>
118
118
 
119
119
  </tbody>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
127
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
128
128
  </div>
129
129
  </div>
130
130
  <script src="../../../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
97
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
318
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
319
319
  </div>
320
320
  </div>
321
321
  <script src="../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
97
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
147
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
148
148
  </div>
149
149
  </div>
150
150
  <script src="../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
97
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
243
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
244
244
  </div>
245
245
  </div>
246
246
  <script src="../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
97
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
102
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
103
103
  </div>
104
104
  </div>
105
105
  <script src="../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
97
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
513
+ at Mon Apr 27 2020 15:16:29 GMT+0100 (British Summer Time)
514
514
  </div>
515
515
  </div>
516
516
  <script src="../../prettify.js"></script>