@madgex/design-system 1.46.5 → 1.46.6

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 (49) hide show
  1. package/coverage/cobertura-coverage.xml +102 -102
  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 +1 -1
  7. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html +66 -21
  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 +27 -27
  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/assets/icons.json +1 -1
  41. package/dist/js/index.js +5 -5
  42. package/package.json +1 -1
  43. package/src/components/inputs/combobox/README.md +2 -0
  44. package/src/components/inputs/combobox/_template.njk +4 -2
  45. package/src/components/inputs/combobox/combobox.config.js +1 -0
  46. package/src/components/inputs/combobox/combobox.njk +1 -0
  47. package/src/components/inputs/combobox/vue-components/Combobox.vue +5 -1
  48. package/src/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue +25 -10
  49. package/src/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue +6 -14
package/coverage/cobertura-coverage.xml CHANGED
@@ -1,6 +1,6 @@
1
1
  <?xml version="1.0" ?>
2
2
  <!DOCTYPE coverage SYSTEM "http://cobertura.sourceforge.net/xml/coverage-04.dtd">
3
- <coverage lines-valid="430" lines-covered="200" line-rate="0.46509999999999996" branches-valid="117" branches-covered="46" branch-rate="0.3932" timestamp="1587721581671" complexity="0" version="0.1">
3
+ <coverage lines-valid="430" lines-covered="199" line-rate="0.4628" branches-valid="119" branches-covered="47" branch-rate="0.395" timestamp="1587744998214" complexity="0" version="0.1">
4
4
  <sources>
5
5
  <source>/var/lib/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
6
6
  </sources>
@@ -131,137 +131,137 @@
131
131
  <methods>
132
132
  <method name="_default" hits="0" signature="()V">
133
133
  <lines>
134
- <line number="73" hits="0"/>
134
+ <line number="77" hits="0"/>
135
135
  </lines>
136
136
  </method>
137
137
  <method name="data" hits="12" signature="()V">
138
138
  <lines>
139
- <line number="80" hits="12"/>
139
+ <line number="84" hits="12"/>
140
140
  </lines>
141
141
  </method>
142
142
  <method name="get" hits="16" signature="()V">
143
143
  <lines>
144
- <line number="90" hits="16"/>
144
+ <line number="94" hits="16"/>
145
145
  </lines>
146
146
  </method>
147
147
  <method name="set" hits="3" signature="()V">
148
148
  <lines>
149
- <line number="96" hits="3"/>
149
+ <line number="100" hits="3"/>
150
150
  </lines>
151
151
  </method>
152
152
  <method name="get" hits="14" signature="()V">
153
153
  <lines>
154
- <line number="105" hits="14"/>
154
+ <line number="109" hits="14"/>
155
155
  </lines>
156
156
  </method>
157
157
  <method name="set" hits="7" signature="()V">
158
158
  <lines>
159
- <line number="108" hits="7"/>
159
+ <line number="112" hits="7"/>
160
160
  </lines>
161
161
  </method>
162
162
  <method name="get" hits="13" signature="()V">
163
163
  <lines>
164
- <line number="113" hits="13"/>
164
+ <line number="117" hits="13"/>
165
165
  </lines>
166
166
  </method>
167
167
  <method name="set" hits="4" signature="()V">
168
168
  <lines>
169
- <line number="116" hits="4"/>
169
+ <line number="120" hits="4"/>
170
170
  </lines>
171
171
  </method>
172
172
  <method name="visibleOptions" hits="15" signature="()V">
173
173
  <lines>
174
- <line number="122" hits="15"/>
174
+ <line number="126" hits="15"/>
175
175
  </lines>
176
176
  </method>
177
177
  <method name="(anonymous_10)" hits="28" signature="()V">
178
178
  <lines>
179
- <line number="124" hits="28"/>
179
+ <line number="128" hits="28"/>
180
180
  </lines>
181
181
  </method>
182
182
  <method name="labelId" hits="12" signature="()V">
183
183
  <lines>
184
- <line number="128" hits="12"/>
184
+ <line number="132" hits="12"/>
185
185
  </lines>
186
186
  </method>
187
187
  <method name="listBoxId" hits="12" signature="()V">
188
188
  <lines>
189
- <line number="131" hits="12"/>
189
+ <line number="135" hits="12"/>
190
190
  </lines>
191
191
  </method>
192
192
  <method name="optionId" hits="12" signature="()V">
193
193
  <lines>
194
- <line number="134" hits="12"/>
194
+ <line number="138" hits="12"/>
195
195
  </lines>
196
196
  </method>
197
197
  <method name="selectedOptionId" hits="17" signature="()V">
198
198
  <lines>
199
- <line number="137" hits="17"/>
199
+ <line number="141" hits="17"/>
200
200
  </lines>
201
201
  </method>
202
202
  <method name="listBoxHidden" hits="17" signature="()V">
203
203
  <lines>
204
- <line number="144" hits="17"/>
204
+ <line number="148" hits="17"/>
205
205
  </lines>
206
206
  </method>
207
207
  <method name="lastOptionIndex" hits="1" signature="()V">
208
208
  <lines>
209
- <line number="147" hits="1"/>
209
+ <line number="151" hits="1"/>
210
210
  </lines>
211
211
  </method>
212
212
  <method name="resultCount" hits="15" signature="()V">
213
213
  <lines>
214
- <line number="150" hits="15"/>
214
+ <line number="154" hits="15"/>
215
215
  </lines>
216
216
  </method>
217
217
  <method name="makeActive" hits="5" signature="()V">
218
218
  <lines>
219
- <line number="158" hits="5"/>
219
+ <line number="162" hits="5"/>
220
220
  </lines>
221
221
  </method>
222
222
  <method name="makeInactive" hits="1" signature="()V">
223
223
  <lines>
224
- <line number="161" hits="1"/>
224
+ <line number="165" hits="1"/>
225
225
  </lines>
226
226
  </method>
227
227
  <method name="clickOption" hits="1" signature="()V">
228
228
  <lines>
229
- <line number="164" hits="1"/>
229
+ <line number="168" hits="1"/>
230
230
  </lines>
231
231
  </method>
232
232
  <method name="chooseOption" hits="0" signature="()V">
233
233
  <lines>
234
- <line number="168" hits="0"/>
234
+ <line number="172" hits="0"/>
235
235
  </lines>
236
236
  </method>
237
237
  <method name="hiddenGuard" hits="3" signature="()V">
238
238
  <lines>
239
- <line number="172" hits="3"/>
239
+ <line number="176" hits="3"/>
240
240
  </lines>
241
241
  </method>
242
242
  <method name="onInputBlur" hits="0" signature="()V">
243
243
  <lines>
244
- <line number="176" hits="0"/>
244
+ <line number="180" hits="0"/>
245
245
  </lines>
246
246
  </method>
247
247
  <method name="onKeyDown" hits="1" signature="()V">
248
248
  <lines>
249
- <line number="179" hits="1"/>
249
+ <line number="183" hits="1"/>
250
250
  </lines>
251
251
  </method>
252
252
  <method name="onKeyUp" hits="0" signature="()V">
253
253
  <lines>
254
- <line number="188" hits="0"/>
254
+ <line number="192" hits="0"/>
255
255
  </lines>
256
256
  </method>
257
257
  <method name="onKeyHome" hits="1" signature="()V">
258
258
  <lines>
259
- <line number="197" hits="1"/>
259
+ <line number="201" hits="1"/>
260
260
  </lines>
261
261
  </method>
262
262
  <method name="onKeyEnd" hits="1" signature="()V">
263
263
  <lines>
264
- <line number="200" hits="1"/>
264
+ <line number="204" hits="1"/>
265
265
  </lines>
266
266
  </method>
267
267
  </methods>
@@ -269,66 +269,66 @@
269
269
  <line number="43" hits="1" branch="false"/>
270
270
  <line number="44" hits="1" branch="false"/>
271
271
  <line number="45" hits="1" branch="false"/>
272
- <line number="73" hits="0" branch="false"/>
273
- <line number="81" hits="12" branch="false"/>
274
- <line number="91" hits="16" branch="true" condition-coverage="100% (2/2)"/>
275
- <line number="92" hits="1" branch="false"/>
276
- <line number="94" hits="15" branch="false"/>
277
- <line number="98" hits="3" branch="false"/>
278
- <line number="99" hits="3" branch="true" condition-coverage="50% (1/2)"/>
279
- <line number="100" hits="3" branch="false"/>
280
- <line number="101" hits="3" branch="false"/>
281
- <line number="106" hits="14" branch="false"/>
282
- <line number="109" hits="7" branch="false"/>
283
- <line number="114" hits="13" branch="false"/>
284
- <line number="117" hits="4" branch="false"/>
285
- <line number="118" hits="4" branch="false"/>
286
- <line number="119" hits="4" branch="false"/>
287
- <line number="122" hits="15" branch="false"/>
288
- <line number="123" hits="15" branch="true" condition-coverage="100% (2/2)"/>
289
- <line number="124" hits="42" branch="false"/>
290
- <line number="126" hits="1" branch="false"/>
291
- <line number="129" hits="12" branch="false"/>
292
- <line number="132" hits="12" branch="false"/>
293
- <line number="135" hits="12" branch="false"/>
294
- <line number="138" hits="17" branch="false"/>
295
- <line number="139" hits="17" branch="true" condition-coverage="100% (2/2)"/>
296
- <line number="140" hits="2" branch="false"/>
297
- <line number="142" hits="15" branch="false"/>
298
- <line number="145" hits="17" branch="true" condition-coverage="100% (2/2)"/>
299
- <line number="148" hits="1" branch="false"/>
300
- <line number="151" hits="15" branch="true" condition-coverage="50% (1/2)"/>
301
- <line number="152" hits="0" branch="false"/>
302
- <line number="154" hits="15" branch="false"/>
303
- <line number="159" hits="5" branch="false"/>
304
- <line number="162" hits="1" branch="false"/>
305
- <line number="164" hits="1" branch="true" condition-coverage="100% (2/2)"/>
306
- <line number="165" hits="1" branch="false"/>
272
+ <line number="77" hits="0" branch="false"/>
273
+ <line number="85" hits="12" branch="false"/>
274
+ <line number="95" hits="16" branch="true" condition-coverage="100% (2/2)"/>
275
+ <line number="96" hits="1" branch="false"/>
276
+ <line number="98" hits="15" branch="false"/>
277
+ <line number="102" hits="3" branch="false"/>
278
+ <line number="103" hits="3" branch="true" condition-coverage="50% (1/2)"/>
279
+ <line number="104" hits="3" branch="false"/>
280
+ <line number="105" hits="3" branch="false"/>
281
+ <line number="110" hits="14" branch="false"/>
282
+ <line number="113" hits="7" branch="false"/>
283
+ <line number="118" hits="13" branch="false"/>
284
+ <line number="121" hits="4" branch="false"/>
285
+ <line number="122" hits="4" branch="false"/>
286
+ <line number="123" hits="4" branch="false"/>
287
+ <line number="126" hits="15" branch="false"/>
288
+ <line number="127" hits="15" branch="true" condition-coverage="100% (2/2)"/>
289
+ <line number="128" hits="42" branch="false"/>
290
+ <line number="130" hits="1" branch="false"/>
291
+ <line number="133" hits="12" branch="false"/>
292
+ <line number="136" hits="12" branch="false"/>
293
+ <line number="139" hits="12" branch="false"/>
294
+ <line number="142" hits="17" branch="false"/>
295
+ <line number="143" hits="17" branch="true" condition-coverage="100% (2/2)"/>
296
+ <line number="144" hits="2" branch="false"/>
297
+ <line number="146" hits="15" branch="false"/>
298
+ <line number="149" hits="17" branch="true" condition-coverage="100% (2/2)"/>
299
+ <line number="152" hits="1" branch="false"/>
300
+ <line number="155" hits="15" branch="true" condition-coverage="50% (1/2)"/>
301
+ <line number="156" hits="0" branch="false"/>
302
+ <line number="158" hits="15" branch="false"/>
303
+ <line number="163" hits="5" branch="false"/>
307
304
  <line number="166" hits="1" branch="false"/>
308
- <line number="169" hits="0" branch="false"/>
309
- <line number="170" hits="0" branch="false"/>
310
- <line number="173" hits="3" branch="true" condition-coverage="50% (1/2)"/>
311
- <line number="174" hits="3" branch="false"/>
312
- <line number="177" hits="0" branch="false"/>
313
- <line number="180" hits="1" branch="true" condition-coverage="50% (1/2)"/>
305
+ <line number="168" hits="1" branch="true" condition-coverage="100% (2/2)"/>
306
+ <line number="169" hits="1" branch="false"/>
307
+ <line number="170" hits="1" branch="false"/>
308
+ <line number="173" hits="0" branch="false"/>
309
+ <line number="174" hits="0" branch="false"/>
310
+ <line number="177" hits="3" branch="true" condition-coverage="50% (1/2)"/>
311
+ <line number="178" hits="3" branch="false"/>
314
312
  <line number="181" hits="0" branch="false"/>
315
- <line number="182" hits="0" branch="true" condition-coverage="0% (0/2)"/>
316
- <line number="183" hits="0" branch="false"/>
317
- <line number="184" hits="1" branch="false"/>
318
- <line number="185" hits="1" branch="false"/>
319
- <line number="189" hits="0" branch="true" condition-coverage="0% (0/2)"/>
320
- <line number="190" hits="0" branch="false"/>
321
- <line number="191" hits="0" branch="true" condition-coverage="0% (0/2)"/>
322
- <line number="192" hits="0" branch="false"/>
313
+ <line number="184" hits="1" branch="true" condition-coverage="50% (1/2)"/>
314
+ <line number="185" hits="0" branch="false"/>
315
+ <line number="186" hits="0" branch="true" condition-coverage="0% (0/2)"/>
316
+ <line number="187" hits="0" branch="false"/>
317
+ <line number="188" hits="1" branch="false"/>
318
+ <line number="189" hits="1" branch="false"/>
319
+ <line number="193" hits="0" branch="true" condition-coverage="0% (0/2)"/>
323
320
  <line number="194" hits="0" branch="false"/>
324
- <line number="197" hits="1" branch="false"/>
325
- <line number="198" hits="1" branch="false"/>
321
+ <line number="195" hits="0" branch="true" condition-coverage="0% (0/2)"/>
322
+ <line number="196" hits="0" branch="false"/>
323
+ <line number="198" hits="0" branch="false"/>
326
324
  <line number="201" hits="1" branch="false"/>
325
+ <line number="202" hits="1" branch="false"/>
326
+ <line number="205" hits="1" branch="false"/>
327
327
  </lines>
328
328
  </class>
329
329
  </classes>
330
330
  </package>
331
- <package name="components.inputs.multi-select.vue-components" line-rate="0.7273000000000001" branch-rate="1">
331
+ <package name="components.inputs.multi-select.vue-components" line-rate="0.6364" branch-rate="0.5">
332
332
  <classes>
333
333
  <class name="MultiSelect.vue" filename="src/components/inputs/multi-select/vue-components/MultiSelect.vue" line-rate="0.5" branch-rate="1">
334
334
  <methods>
@@ -355,48 +355,48 @@
355
355
  <line number="37" hits="0" branch="false"/>
356
356
  </lines>
357
357
  </class>
358
- <class name="MultiSelectCheckbox.vue" filename="src/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue" line-rate="1" branch-rate="1">
358
+ <class name="MultiSelectCheckbox.vue" filename="src/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue" line-rate="0.8" branch-rate="0.5">
359
359
  <methods>
360
360
  <method name="data" hits="20" signature="()V">
361
361
  <lines>
362
- <line number="59" hits="20"/>
362
+ <line number="63" hits="20"/>
363
+ </lines>
364
+ </method>
365
+ <method name="get" hits="20" signature="()V">
366
+ <lines>
367
+ <line number="71" hits="20"/>
368
+ </lines>
369
+ </method>
370
+ <method name="set" hits="0" signature="()V">
371
+ <lines>
372
+ <line number="75" hits="0"/>
363
373
  </lines>
364
374
  </method>
365
375
  <method name="toggleExpansion" hits="1" signature="()V">
366
376
  <lines>
367
- <line number="65" hits="1"/>
377
+ <line number="81" hits="1"/>
368
378
  </lines>
369
379
  </method>
370
380
  </methods>
371
381
  <lines>
372
- <line number="60" hits="20" branch="false"/>
373
- <line number="66" hits="1" branch="false"/>
374
- <line number="67" hits="1" branch="false"/>
382
+ <line number="64" hits="20" branch="false"/>
383
+ <line number="72" hits="20" branch="true" condition-coverage="50% (1/2)"/>
384
+ <line number="73" hits="20" branch="false"/>
385
+ <line number="76" hits="0" branch="false"/>
386
+ <line number="82" hits="1" branch="false"/>
375
387
  </lines>
376
388
  </class>
377
- <class name="MultiSelectCheckboxGroup.vue" filename="src/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue" line-rate="0.75" branch-rate="1">
389
+ <class name="MultiSelectCheckboxGroup.vue" filename="src/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue" line-rate="0.5" branch-rate="1">
378
390
  <methods>
379
391
  <method name="_default" hits="0" signature="()V">
380
392
  <lines>
381
- <line number="47" hits="0"/>
382
- </lines>
383
- </method>
384
- <method name="data" hits="8" signature="()V">
385
- <lines>
386
- <line number="62" hits="8"/>
387
- </lines>
388
- </method>
389
- <method name="toggleExpand" hits="1" signature="()V">
390
- <lines>
391
- <line number="68" hits="1"/>
393
+ <line number="49" hits="0"/>
392
394
  </lines>
393
395
  </method>
394
396
  </methods>
395
397
  <lines>
396
- <line number="33" hits="1" branch="false"/>
397
- <line number="47" hits="0" branch="false"/>
398
- <line number="63" hits="8" branch="false"/>
399
- <line number="69" hits="1" branch="false"/>
398
+ <line number="35" hits="1" branch="false"/>
399
+ <line number="49" hits="0" branch="false"/>
400
400
  </lines>
401
401
  </class>
402
402
  </classes>
package/coverage/components/accordion/accordion.js.html CHANGED
@@ -396,7 +396,7 @@ export default accordion;
396
396
  <div class='footer quiet pad2 space-top1 center small'>
397
397
  Code coverage generated by
398
398
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
399
- at Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
399
+ at Fri Apr 24 2020 17:16:38 GMT+0100 (British Summer Time)
400
400
  </div>
401
401
  </div>
402
402
  <script src="../../prettify.js"></script>
package/coverage/components/accordion/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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
97
+ at Fri Apr 24 2020 17:16:38 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html CHANGED
@@ -261,7 +261,11 @@
261
261
  <a name='L203'></a><a href='#L203'>203</a>
262
262
  <a name='L204'></a><a href='#L204'>204</a>
263
263
  <a name='L205'></a><a href='#L205'>205</a>
264
- <a name='L206'></a><a href='#L206'>206</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
264
+ <a name='L206'></a><a href='#L206'>206</a>
265
+ <a name='L207'></a><a href='#L207'>207</a>
266
+ <a name='L208'></a><a href='#L208'>208</a>
267
+ <a name='L209'></a><a href='#L209'>209</a>
268
+ <a name='L210'></a><a href='#L210'>210</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
265
269
  <span class="cline-any cline-neutral">&nbsp;</span>
266
270
  <span class="cline-any cline-neutral">&nbsp;</span>
267
271
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -333,6 +337,10 @@
333
337
  <span class="cline-any cline-neutral">&nbsp;</span>
334
338
  <span class="cline-any cline-neutral">&nbsp;</span>
335
339
  <span class="cline-any cline-neutral">&nbsp;</span>
340
+ <span class="cline-any cline-neutral">&nbsp;</span>
341
+ <span class="cline-any cline-neutral">&nbsp;</span>
342
+ <span class="cline-any cline-neutral">&nbsp;</span>
343
+ <span class="cline-any cline-neutral">&nbsp;</span>
336
344
  <span class="cline-any cline-no">&nbsp;</span>
337
345
  <span class="cline-any cline-neutral">&nbsp;</span>
338
346
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -536,6 +544,10 @@ export default {
536
544
  type: [String, Boolean],
537
545
  default: false,
538
546
  },
547
+ value: {
548
+ type: String,
549
+ default: '',
550
+ },
539
551
  options: {
540
552
  type: Array,
541
553
  <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" > default: () =&gt; [],</span></span>
@@ -550,7 +562,7 @@ export default {
550
562
  expanded: 'false',
551
563
  selected: null,
552
564
  chosen: null,
553
- searchValue: '',
565
+ searchValue: this.$props.value,
554
566
  };
555
567
  },
556
568
  computed: {
@@ -678,7 +690,7 @@ export default {
678
690
  <div class='footer quiet pad2 space-top1 center small'>
679
691
  Code coverage generated by
680
692
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
681
- at Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
693
+ at Fri Apr 24 2020 17:16:38 GMT+0100 (British Summer Time)
682
694
  </div>
683
695
  </div>
684
696
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/combobox/vue-components/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 Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
97
+ at Fri Apr 24 2020 17:16:38 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html CHANGED
@@ -186,7 +186,7 @@ export default {
186
186
  <div class='footer quiet pad2 space-top1 center small'>
187
187
  Code coverage generated by
188
188
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
189
- at Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
189
+ at Fri Apr 24 2020 17:16:38 GMT+0100 (British Summer Time)
190
190
  </div>
191
191
  </div>
192
192
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html CHANGED
@@ -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">80% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>3/3</span>
27
+ <span class='fraction'>4/5</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">75% </span>
40
40
  <span class="quiet">Functions</span>
41
- <span class='fraction'>2/2</span>
41
+ <span class='fraction'>3/4</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">80% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>3/3</span>
48
+ <span class='fraction'>4/5</span>
49
49
  </div>
50
50
 
51
51
 
@@ -127,7 +127,26 @@
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></td><td class="line-coverage quiet"><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
+ <span class="cline-any cline-neutral">&nbsp;</span>
131
150
  <span class="cline-any cline-neutral">&nbsp;</span>
132
151
  <span class="cline-any cline-neutral">&nbsp;</span>
133
152
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -192,27 +211,38 @@
192
211
  <span class="cline-any cline-neutral">&nbsp;</span>
193
212
  <span class="cline-any cline-neutral">&nbsp;</span>
194
213
  <span class="cline-any cline-neutral">&nbsp;</span>
195
- <span class="cline-any cline-yes">1x</span>
214
+ <span class="cline-any cline-neutral">&nbsp;</span>
215
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
+ <span class="cline-any cline-yes">20x</span>
217
+ <span class="cline-any cline-yes">20x</span>
218
+ <span class="cline-any cline-neutral">&nbsp;</span>
219
+ <span class="cline-any cline-neutral">&nbsp;</span>
220
+ <span class="cline-any cline-no">&nbsp;</span>
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-neutral">&nbsp;</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-neutral">&nbsp;</span>
196
226
  <span class="cline-any cline-yes">1x</span>
197
227
  <span class="cline-any cline-neutral">&nbsp;</span>
198
228
  <span class="cline-any cline-neutral">&nbsp;</span>
199
229
  <span class="cline-any cline-neutral">&nbsp;</span>
200
230
  <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;
231
+ <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
232
+ Cf. https://css-tricks.com/fighting-the-space-between-inline-block-elements/ --&gt;
203
233
  &nbsp;
204
234
  &lt;template&gt;
205
235
  &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
236
+ &lt;input type="checkbox" :name="name" :id="id" :value="value" v-model="isChecked" /&gt;&lt;!--
237
+ --&gt;&lt;label :for="id"&gt;{{ label }}&lt;/label
208
238
  &gt;&lt;!--
209
239
  --&gt;&lt;button
210
240
  type="button"
211
- v-if="this.$slots.default"
241
+ v-if="hasChildren"
212
242
  class="mds-button mds-button--plain mds-padding-b0"
213
- @click="toggleExpansion()"
214
- @keydown.right="toggleExpansion()"
215
- @keydown.left="toggleExpansion()"
243
+ @click="toggleExpansion"
244
+ @keydown.right="toggleExpansion"
245
+ @keydown.left="toggleExpansion"
216
246
  :aria-expanded="isShowing ? 'true' : 'false'"
217
247
  :ref="`${id}-trigger`"
218
248
  &gt;
@@ -227,7 +257,7 @@ Hence these comments. Please feel free to give me pointers --&gt;
227
257
  &lt;use href="/assets/icons.svg#chevron-right" /&gt;
228
258
  &lt;/svg&gt;
229
259
  &lt;/button&gt;
230
- &lt;slot /&gt;
260
+ &lt;slot name="children" :expanded="isShowing" /&gt;
231
261
  &lt;/div&gt;
232
262
  &lt;/template&gt;
233
263
  &nbsp;
@@ -255,16 +285,31 @@ export default {
255
285
  type: [String, Number],
256
286
  required: true,
257
287
  },
288
+ hasChildren: {
289
+ type: Boolean,
290
+ default: false,
291
+ },
258
292
  },
259
293
  data() {
260
294
  return {
261
295
  isShowing: false,
296
+ userChecked: null,
262
297
  };
263
298
  },
299
+ computed: {
300
+ isChecked: {
301
+ get() {
302
+ <span class="missing-if-branch" title="if path not taken" >I</span> if (this.userChecked !== null) return this.userChecked;
303
+ return this.checked;
304
+ },
305
+ <span class="fstat-no" title="function not covered" > set(newVal) {</span>
306
+ <span class="cstat-no" title="statement not covered" > this.userChecked = newVal;</span>
307
+ },
308
+ },
309
+ },
264
310
  methods: {
265
311
  toggleExpansion() {
266
312
  this.isShowing = !this.isShowing;
267
- this.$emit('expandChild', { state: this.isShowing, id: this.$props.id });
268
313
  },
269
314
  },
270
315
  };
@@ -276,7 +321,7 @@ export default {
276
321
  <div class='footer quiet pad2 space-top1 center small'>
277
322
  Code coverage generated by
278
323
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
279
- at Fri Apr 24 2020 10:46:21 GMT+0100 (British Summer Time)
324
+ at Fri Apr 24 2020 17:16:38 GMT+0100 (British Summer Time)
280
325
  </div>
281
326
  </div>
282
327
  <script src="../../../../prettify.js"></script>