@madgex/design-system 3.6.2 → 3.7.0

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 (57) hide show
  1. package/coverage/cobertura-coverage.xml +208 -130
  2. package/coverage/components/accordion/accordion.js.html +1 -1
  3. package/coverage/components/accordion/index.html +1 -1
  4. package/coverage/components/button/button.js.html +1 -1
  5. package/coverage/components/button/index.html +1 -1
  6. package/coverage/components/inputs/combobox/combobox.js.html +1 -1
  7. package/coverage/components/inputs/combobox/index.html +1 -1
  8. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +57 -9
  9. package/coverage/components/inputs/combobox/vue-components/ComboboxInput.vue.html +215 -0
  10. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
  11. package/coverage/components/inputs/combobox/vue-components/index.html +32 -17
  12. package/coverage/components/inputs/file-upload/file-upload.js.html +1 -1
  13. package/coverage/components/inputs/file-upload/index.html +1 -1
  14. package/coverage/components/inputs/textarea/character-count.js.html +1 -1
  15. package/coverage/components/inputs/textarea/index.html +1 -1
  16. package/coverage/components/modal/index.html +1 -1
  17. package/coverage/components/modal/modal.js.html +1 -1
  18. package/coverage/components/notification/index.html +1 -1
  19. package/coverage/components/notification/notification.js.html +1 -1
  20. package/coverage/components/popover/index.html +1 -1
  21. package/coverage/components/popover/popover.js.html +1 -1
  22. package/coverage/components/switch-state/index.html +1 -1
  23. package/coverage/components/switch-state/switch-state.js.html +1 -1
  24. package/coverage/components/tabs/index.html +1 -1
  25. package/coverage/components/tabs/tabs.js.html +1 -1
  26. package/coverage/index.html +22 -22
  27. package/coverage/js/common.js.html +1 -1
  28. package/coverage/js/fractal-scripts/combobox.js.html +99 -15
  29. package/coverage/js/fractal-scripts/index.html +9 -9
  30. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  31. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  32. package/coverage/js/index-fractal.js.html +1 -1
  33. package/coverage/js/index-polyfills.js.html +1 -1
  34. package/coverage/js/index-vue.js.html +1 -1
  35. package/coverage/js/index.html +1 -1
  36. package/coverage/js/index.js.html +1 -1
  37. package/coverage/js/polyfills/arrayPrototypeFind.js.html +1 -1
  38. package/coverage/js/polyfills/closest.js.html +1 -1
  39. package/coverage/js/polyfills/index.html +1 -1
  40. package/coverage/js/polyfills/objectAssign.js.html +1 -1
  41. package/coverage/js/polyfills/remove.js.html +1 -1
  42. package/coverage/tokens/_config.js.html +1 -1
  43. package/coverage/tokens/index.html +1 -1
  44. package/dist/_tokens/css/_tokens.css +1 -1
  45. package/dist/_tokens/js/_tokens-module.js +1 -1
  46. package/dist/_tokens/scss/_tokens.scss +1 -1
  47. package/dist/css/index.css +1 -1
  48. package/dist/js/index.js +1 -1
  49. package/package.json +4 -4
  50. package/src/components/inputs/combobox/README.md +7 -0
  51. package/src/components/inputs/combobox/combobox.config.js +14 -0
  52. package/src/components/inputs/combobox/combobox.njk +10 -1
  53. package/src/components/inputs/combobox/combobox.scss +12 -0
  54. package/src/components/inputs/combobox/vue-components/Combobox.vue +16 -0
  55. package/src/components/inputs/combobox/vue-components/ComboboxClear.vue +21 -0
  56. package/src/components/inputs/combobox/vue-components/ComboboxInput.vue +6 -0
  57. package/src/js/fractal-scripts/combobox.js +37 -9
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
98
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../../prettify.js"></script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">63.64% </span>
26
+ <span class="strong">60.71% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>49/77</span>
28
+ <span class='fraction'>51/84</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>18/36</span>
35
+ <span class='fraction'>19/38</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">69.44% </span>
40
+ <span class="strong">65.79% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>25/36</span>
42
+ <span class='fraction'>25/38</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">63.64% </span>
47
+ <span class="strong">60.71% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>49/77</span>
49
+ <span class='fraction'>51/84</span>
50
50
  </div>
51
51
 
52
52
 
@@ -335,7 +335,23 @@
335
335
  <a name='L276'></a><a href='#L276'>276</a>
336
336
  <a name='L277'></a><a href='#L277'>277</a>
337
337
  <a name='L278'></a><a href='#L278'>278</a>
338
- <a name='L279'></a><a href='#L279'>279</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
338
+ <a name='L279'></a><a href='#L279'>279</a>
339
+ <a name='L280'></a><a href='#L280'>280</a>
340
+ <a name='L281'></a><a href='#L281'>281</a>
341
+ <a name='L282'></a><a href='#L282'>282</a>
342
+ <a name='L283'></a><a href='#L283'>283</a>
343
+ <a name='L284'></a><a href='#L284'>284</a>
344
+ <a name='L285'></a><a href='#L285'>285</a>
345
+ <a name='L286'></a><a href='#L286'>286</a>
346
+ <a name='L287'></a><a href='#L287'>287</a>
347
+ <a name='L288'></a><a href='#L288'>288</a>
348
+ <a name='L289'></a><a href='#L289'>289</a>
349
+ <a name='L290'></a><a href='#L290'>290</a>
350
+ <a name='L291'></a><a href='#L291'>291</a>
351
+ <a name='L292'></a><a href='#L292'>292</a>
352
+ <a name='L293'></a><a href='#L293'>293</a>
353
+ <a name='L294'></a><a href='#L294'>294</a>
354
+ <a name='L295'></a><a href='#L295'>295</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
339
355
  <span class="cline-any cline-neutral">&nbsp;</span>
340
356
  <span class="cline-any cline-neutral">&nbsp;</span>
341
357
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -379,6 +395,9 @@
379
395
  <span class="cline-any cline-neutral">&nbsp;</span>
380
396
  <span class="cline-any cline-neutral">&nbsp;</span>
381
397
  <span class="cline-any cline-neutral">&nbsp;</span>
398
+ <span class="cline-any cline-neutral">&nbsp;</span>
399
+ <span class="cline-any cline-neutral">&nbsp;</span>
400
+ <span class="cline-any cline-yes">1x</span>
382
401
  <span class="cline-any cline-yes">1x</span>
383
402
  <span class="cline-any cline-yes">1x</span>
384
403
  <span class="cline-any cline-yes">1x</span>
@@ -409,6 +428,7 @@
409
428
  <span class="cline-any cline-neutral">&nbsp;</span>
410
429
  <span class="cline-any cline-neutral">&nbsp;</span>
411
430
  <span class="cline-any cline-neutral">&nbsp;</span>
431
+ <span class="cline-any cline-neutral">&nbsp;</span>
412
432
  <span class="cline-any cline-no">&nbsp;</span>
413
433
  <span class="cline-any cline-neutral">&nbsp;</span>
414
434
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -446,6 +466,7 @@
446
466
  <span class="cline-any cline-neutral">&nbsp;</span>
447
467
  <span class="cline-any cline-neutral">&nbsp;</span>
448
468
  <span class="cline-any cline-neutral">&nbsp;</span>
469
+ <span class="cline-any cline-neutral">&nbsp;</span>
449
470
  <span class="cline-any cline-yes">9x</span>
450
471
  <span class="cline-any cline-yes">1x</span>
451
472
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -536,6 +557,7 @@
536
557
  <span class="cline-any cline-neutral">&nbsp;</span>
537
558
  <span class="cline-any cline-neutral">&nbsp;</span>
538
559
  <span class="cline-any cline-neutral">&nbsp;</span>
560
+ <span class="cline-any cline-neutral">&nbsp;</span>
539
561
  <span class="cline-any cline-yes">1x</span>
540
562
  <span class="cline-any cline-neutral">&nbsp;</span>
541
563
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -543,6 +565,7 @@
543
565
  <span class="cline-any cline-neutral">&nbsp;</span>
544
566
  <span class="cline-any cline-neutral">&nbsp;</span>
545
567
  <span class="cline-any cline-yes">3x</span>
568
+ <span class="cline-any cline-yes">3x</span>
546
569
  <span class="cline-any cline-yes">1x</span>
547
570
  <span class="cline-any cline-yes">1x</span>
548
571
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -555,6 +578,15 @@
555
578
  <span class="cline-any cline-no">&nbsp;</span>
556
579
  <span class="cline-any cline-neutral">&nbsp;</span>
557
580
  <span class="cline-any cline-neutral">&nbsp;</span>
581
+ <span class="cline-any cline-neutral">&nbsp;</span>
582
+ <span class="cline-any cline-no">&nbsp;</span>
583
+ <span class="cline-any cline-no">&nbsp;</span>
584
+ <span class="cline-any cline-neutral">&nbsp;</span>
585
+ <span class="cline-any cline-neutral">&nbsp;</span>
586
+ <span class="cline-any cline-no">&nbsp;</span>
587
+ <span class="cline-any cline-no">&nbsp;</span>
588
+ <span class="cline-any cline-no">&nbsp;</span>
589
+ <span class="cline-any cline-neutral">&nbsp;</span>
558
590
  <span class="cline-any cline-yes">1x</span>
559
591
  <span class="cline-any cline-yes">1x</span>
560
592
  <span class="cline-any cline-yes">1x</span>
@@ -625,6 +657,7 @@
625
657
  @keydown.enter.stop.prevent="chooseOption"
626
658
  &gt;
627
659
  &lt;ComboboxInput
660
+ ref="comboInput"
628
661
  @change="handleChange"
629
662
  @blur="onInputBlur"
630
663
  @focus="handleFocus"
@@ -638,6 +671,7 @@
638
671
  :aria-describedby="describedBy"
639
672
  v-model="inputValue"
640
673
  /&gt;
674
+ &lt;ComboboxClear v-if="searchValue.length &gt; 0" @clear="handleClear" /&gt;
641
675
  &lt;ListBox :id="listBoxId" :hidden="listBoxHidden" :isLoading="isLoading" :comboboxid="comboboxid"&gt;
642
676
  &lt;template&gt;
643
677
  &lt;ListBoxOption
@@ -658,6 +692,7 @@
658
692
  &nbsp;
659
693
  &lt;script&gt;
660
694
  import ComboboxInput from './ComboboxInput.vue';
695
+ import ComboboxClear from './ComboboxClear.vue';
661
696
  import ListBox from './ListBox.vue';
662
697
  import ListBoxOption from './ListBoxOption.vue';
663
698
  &nbsp;
@@ -665,6 +700,7 @@ export default {
665
700
  name: 'Combobox',
666
701
  components: {
667
702
  ComboboxInput,
703
+ ComboboxClear,
668
704
  ListBox,
669
705
  ListBoxOption,
670
706
  },
@@ -719,6 +755,7 @@ export default {
719
755
  return {
720
756
  iconPath: this.iconpath,
721
757
  loadingText: this.i18nText.loadingText,
758
+ clearInput: this.i18nText.clearInput,
722
759
  };
723
760
  },
724
761
  computed: {
@@ -809,6 +846,7 @@ export default {
809
846
  'When autocomplete results are available, use up and down arrows to review and enter to select.',
810
847
  resultsMessage: '{count} result available',
811
848
  resultsMessage_plural: '{count} results available',
849
+ clearInput: 'clear input',
812
850
  };
813
851
  },
814
852
  },
@@ -820,6 +858,7 @@ export default {
820
858
  this.expanded = false;
821
859
  },
822
860
  handleChange() {
861
+ <span class="missing-if-branch" title="if path not taken" >I</span> if (this.searchValue.length === 0) this.clearField();
823
862
  if (this.searchValue.length &gt; 1) {
824
863
  this.makeActive();
825
864
  this.updateCount();
@@ -833,6 +872,15 @@ export default {
833
872
  <span class="cstat-no" title="statement not covered" > this.updateCount();</span>
834
873
  }
835
874
  },
875
+ <span class="fstat-no" title="function not covered" > handleClear() {</span>
876
+ <span class="cstat-no" title="statement not covered" > this.clearField();</span>
877
+ <span class="cstat-no" title="statement not covered" > this.$refs.comboInput.focusInput();</span>
878
+ },
879
+ <span class="fstat-no" title="function not covered" > clearField() {</span>
880
+ <span class="cstat-no" title="statement not covered" > this.searchValue = '';</span>
881
+ <span class="cstat-no" title="statement not covered" > this.chosenOption = null;</span>
882
+ <span class="cstat-no" title="statement not covered" > this.$emit('clear-all');</span>
883
+ },
836
884
  clickOption(option = this.selectedOption) {
837
885
  this.chosenOption = option;
838
886
  this.makeInactive();
@@ -898,7 +946,7 @@ export default {
898
946
  <div class='footer quiet pad2 space-top1 center small'>
899
947
  Code coverage generated by
900
948
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
901
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
949
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
902
950
  </div>
903
951
  </div>
904
952
  <script src="../../../../prettify.js"></script>
@@ -0,0 +1,215 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for components/inputs/combobox/vue-components/ComboboxInput.vue</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">components/inputs/combobox/vue-components</a> ComboboxInput.vue</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">0% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>0/1</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">0% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>0/1</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ </div>
58
+ <div class='status-line low'></div>
59
+ <pre><table class="coverage">
60
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
61
+ <a name='L2'></a><a href='#L2'>2</a>
62
+ <a name='L3'></a><a href='#L3'>3</a>
63
+ <a name='L4'></a><a href='#L4'>4</a>
64
+ <a name='L5'></a><a href='#L5'>5</a>
65
+ <a name='L6'></a><a href='#L6'>6</a>
66
+ <a name='L7'></a><a href='#L7'>7</a>
67
+ <a name='L8'></a><a href='#L8'>8</a>
68
+ <a name='L9'></a><a href='#L9'>9</a>
69
+ <a name='L10'></a><a href='#L10'>10</a>
70
+ <a name='L11'></a><a href='#L11'>11</a>
71
+ <a name='L12'></a><a href='#L12'>12</a>
72
+ <a name='L13'></a><a href='#L13'>13</a>
73
+ <a name='L14'></a><a href='#L14'>14</a>
74
+ <a name='L15'></a><a href='#L15'>15</a>
75
+ <a name='L16'></a><a href='#L16'>16</a>
76
+ <a name='L17'></a><a href='#L17'>17</a>
77
+ <a name='L18'></a><a href='#L18'>18</a>
78
+ <a name='L19'></a><a href='#L19'>19</a>
79
+ <a name='L20'></a><a href='#L20'>20</a>
80
+ <a name='L21'></a><a href='#L21'>21</a>
81
+ <a name='L22'></a><a href='#L22'>22</a>
82
+ <a name='L23'></a><a href='#L23'>23</a>
83
+ <a name='L24'></a><a href='#L24'>24</a>
84
+ <a name='L25'></a><a href='#L25'>25</a>
85
+ <a name='L26'></a><a href='#L26'>26</a>
86
+ <a name='L27'></a><a href='#L27'>27</a>
87
+ <a name='L28'></a><a href='#L28'>28</a>
88
+ <a name='L29'></a><a href='#L29'>29</a>
89
+ <a name='L30'></a><a href='#L30'>30</a>
90
+ <a name='L31'></a><a href='#L31'>31</a>
91
+ <a name='L32'></a><a href='#L32'>32</a>
92
+ <a name='L33'></a><a href='#L33'>33</a>
93
+ <a name='L34'></a><a href='#L34'>34</a>
94
+ <a name='L35'></a><a href='#L35'>35</a>
95
+ <a name='L36'></a><a href='#L36'>36</a>
96
+ <a name='L37'></a><a href='#L37'>37</a>
97
+ <a name='L38'></a><a href='#L38'>38</a>
98
+ <a name='L39'></a><a href='#L39'>39</a>
99
+ <a name='L40'></a><a href='#L40'>40</a>
100
+ <a name='L41'></a><a href='#L41'>41</a>
101
+ <a name='L42'></a><a href='#L42'>42</a>
102
+ <a name='L43'></a><a href='#L43'>43</a>
103
+ <a name='L44'></a><a href='#L44'>44</a>
104
+ <a name='L45'></a><a href='#L45'>45</a>
105
+ <a name='L46'></a><a href='#L46'>46</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
106
+ <span class="cline-any cline-neutral">&nbsp;</span>
107
+ <span class="cline-any cline-neutral">&nbsp;</span>
108
+ <span class="cline-any cline-neutral">&nbsp;</span>
109
+ <span class="cline-any cline-neutral">&nbsp;</span>
110
+ <span class="cline-any cline-neutral">&nbsp;</span>
111
+ <span class="cline-any cline-neutral">&nbsp;</span>
112
+ <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>
121
+ <span class="cline-any cline-neutral">&nbsp;</span>
122
+ <span class="cline-any cline-neutral">&nbsp;</span>
123
+ <span class="cline-any cline-neutral">&nbsp;</span>
124
+ <span class="cline-any cline-neutral">&nbsp;</span>
125
+ <span class="cline-any cline-neutral">&nbsp;</span>
126
+ <span class="cline-any cline-neutral">&nbsp;</span>
127
+ <span class="cline-any cline-neutral">&nbsp;</span>
128
+ <span class="cline-any cline-neutral">&nbsp;</span>
129
+ <span class="cline-any cline-neutral">&nbsp;</span>
130
+ <span class="cline-any cline-neutral">&nbsp;</span>
131
+ <span class="cline-any cline-neutral">&nbsp;</span>
132
+ <span class="cline-any cline-neutral">&nbsp;</span>
133
+ <span class="cline-any cline-neutral">&nbsp;</span>
134
+ <span class="cline-any cline-neutral">&nbsp;</span>
135
+ <span class="cline-any cline-neutral">&nbsp;</span>
136
+ <span class="cline-any cline-neutral">&nbsp;</span>
137
+ <span class="cline-any cline-neutral">&nbsp;</span>
138
+ <span class="cline-any cline-neutral">&nbsp;</span>
139
+ <span class="cline-any cline-neutral">&nbsp;</span>
140
+ <span class="cline-any cline-neutral">&nbsp;</span>
141
+ <span class="cline-any cline-neutral">&nbsp;</span>
142
+ <span class="cline-any cline-neutral">&nbsp;</span>
143
+ <span class="cline-any cline-neutral">&nbsp;</span>
144
+ <span class="cline-any cline-no">&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
+ <span class="cline-any cline-neutral">&nbsp;</span>
150
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
151
+ &lt;div role="presentation"&gt;
152
+ &lt;input
153
+ ref="inputEl"
154
+ v-bind="$attrs"
155
+ class="mds-form-control"
156
+ autocomplete="off"
157
+ type="text"
158
+ :value="value"
159
+ @input="$emit('input', $event)"
160
+ @focus="$emit('focus', $event)"
161
+ @blur="$emit('blur', $event)"
162
+ role="combobox"
163
+ aria-autocomplete="list"
164
+ :aria-activedescendant="activeDescendent"
165
+ :aria-invalid="ariaInvalid"
166
+ /&gt;
167
+ &lt;/div&gt;
168
+ &lt;/template&gt;
169
+ &nbsp;
170
+ &lt;script&gt;
171
+ export default {
172
+ name: 'ComboboxInput',
173
+ props: {
174
+ value: {
175
+ type: String,
176
+ default: '',
177
+ },
178
+ activeDescendent: {
179
+ type: [String, Boolean],
180
+ default: false,
181
+ },
182
+ ariaInvalid: {
183
+ type: String,
184
+ default: 'false',
185
+ },
186
+ },
187
+ methods: {
188
+ <span class="fstat-no" title="function not covered" > focusInput() {</span>
189
+ <span class="cstat-no" title="statement not covered" > this.$refs.inputEl.focus();</span>
190
+ },
191
+ },
192
+ inheritAttrs: false,
193
+ };
194
+ &lt;/script&gt;
195
+ &nbsp;</pre></td></tr></table></pre>
196
+
197
+ <div class='push'></div><!-- for sticky footer -->
198
+ </div><!-- /wrapper -->
199
+ <div class='footer quiet pad2 space-top1 center small'>
200
+ Code coverage generated by
201
+ <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
202
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
203
+ </div>
204
+ </div>
205
+ <script src="../../../../prettify.js"></script>
206
+ <script>
207
+ window.onload = function () {
208
+ prettyPrint();
209
+ };
210
+ </script>
211
+ <script src="../../../../sorter.js"></script>
212
+ <script src="../../../../block-navigation.js"></script>
213
+ </body>
214
+ </html>
215
+
@@ -214,7 +214,7 @@ export default {
214
214
  <div class='footer quiet pad2 space-top1 center small'>
215
215
  Code coverage generated by
216
216
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
217
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
217
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
218
218
  </div>
219
219
  </div>
220
220
  <script src="../../../../prettify.js"></script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">66.27% </span>
26
+ <span class="strong">62.64% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>55/83</span>
28
+ <span class='fraction'>57/91</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>19/38</span>
35
+ <span class='fraction'>20/40</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">72.5% </span>
40
+ <span class="strong">67.44% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>29/40</span>
42
+ <span class='fraction'>29/43</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">66.27% </span>
47
+ <span class="strong">62.64% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>55/83</span>
49
+ <span class='fraction'>57/91</span>
50
50
  </div>
51
51
 
52
52
 
@@ -74,17 +74,32 @@
74
74
  </thead>
75
75
  <tbody><tr>
76
76
  <td class="file medium" data-value="Combobox.vue"><a href="Combobox.vue.html">Combobox.vue</a></td>
77
- <td data-value="63.64" class="pic medium">
78
- <div class="chart"><div class="cover-fill" style="width: 63%"></div><div class="cover-empty" style="width: 37%"></div></div>
77
+ <td data-value="60.71" class="pic medium">
78
+ <div class="chart"><div class="cover-fill" style="width: 60%"></div><div class="cover-empty" style="width: 40%"></div></div>
79
79
  </td>
80
- <td data-value="63.64" class="pct medium">63.64%</td>
81
- <td data-value="77" class="abs medium">49/77</td>
80
+ <td data-value="60.71" class="pct medium">60.71%</td>
81
+ <td data-value="84" class="abs medium">51/84</td>
82
82
  <td data-value="50" class="pct medium">50%</td>
83
- <td data-value="36" class="abs medium">18/36</td>
84
- <td data-value="69.44" class="pct medium">69.44%</td>
85
- <td data-value="36" class="abs medium">25/36</td>
86
- <td data-value="63.64" class="pct medium">63.64%</td>
87
- <td data-value="77" class="abs medium">49/77</td>
83
+ <td data-value="38" class="abs medium">19/38</td>
84
+ <td data-value="65.79" class="pct medium">65.79%</td>
85
+ <td data-value="38" class="abs medium">25/38</td>
86
+ <td data-value="60.71" class="pct medium">60.71%</td>
87
+ <td data-value="84" class="abs medium">51/84</td>
88
+ </tr>
89
+
90
+ <tr>
91
+ <td class="file low" data-value="ComboboxInput.vue"><a href="ComboboxInput.vue.html">ComboboxInput.vue</a></td>
92
+ <td data-value="0" class="pic low">
93
+ <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
94
+ </td>
95
+ <td data-value="0" class="pct low">0%</td>
96
+ <td data-value="1" class="abs low">0/1</td>
97
+ <td data-value="100" class="pct high">100%</td>
98
+ <td data-value="0" class="abs high">0/0</td>
99
+ <td data-value="0" class="pct low">0%</td>
100
+ <td data-value="1" class="abs low">0/1</td>
101
+ <td data-value="0" class="pct low">0%</td>
102
+ <td data-value="1" class="abs low">0/1</td>
88
103
  </tr>
89
104
 
90
105
  <tr>
@@ -110,7 +125,7 @@
110
125
  <div class='footer quiet pad2 space-top1 center small'>
111
126
  Code coverage generated by
112
127
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
113
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
128
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
114
129
  </div>
115
130
  </div>
116
131
  <script src="../../../../prettify.js"></script>
@@ -232,7 +232,7 @@ export default fileUpload;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
235
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
235
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
236
236
  </div>
237
237
  </div>
238
238
  <script src="../../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
98
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../../prettify.js"></script>
@@ -184,7 +184,7 @@ export default characterCount;
184
184
  <div class='footer quiet pad2 space-top1 center small'>
185
185
  Code coverage generated by
186
186
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
187
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
187
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
188
188
  </div>
189
189
  </div>
190
190
  <script src="../../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
98
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
98
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -322,7 +322,7 @@ export default modals;
322
322
  <div class='footer quiet pad2 space-top1 center small'>
323
323
  Code coverage generated by
324
324
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
325
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
325
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
326
326
  </div>
327
327
  </div>
328
328
  <script src="../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
98
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -154,7 +154,7 @@ export default notification;
154
154
  <div class='footer quiet pad2 space-top1 center small'>
155
155
  Code coverage generated by
156
156
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
157
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
157
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
158
158
  </div>
159
159
  </div>
160
160
  <script src="../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
98
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -295,7 +295,7 @@ export default popovers;
295
295
  <div class='footer quiet pad2 space-top1 center small'>
296
296
  Code coverage generated by
297
297
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
298
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
298
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
299
299
  </div>
300
300
  </div>
301
301
  <script src="../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed Feb 23 2022 14:30:38 GMT+0000 (Coordinated Universal Time)
98
+ at Tue Apr 19 2022 10:56:38 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>