@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.
- package/coverage/cobertura-coverage.xml +208 -130
- package/coverage/components/accordion/accordion.js.html +1 -1
- package/coverage/components/accordion/index.html +1 -1
- package/coverage/components/button/button.js.html +1 -1
- package/coverage/components/button/index.html +1 -1
- package/coverage/components/inputs/combobox/combobox.js.html +1 -1
- package/coverage/components/inputs/combobox/index.html +1 -1
- package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +57 -9
- package/coverage/components/inputs/combobox/vue-components/ComboboxInput.vue.html +215 -0
- package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
- package/coverage/components/inputs/combobox/vue-components/index.html +32 -17
- package/coverage/components/inputs/file-upload/file-upload.js.html +1 -1
- package/coverage/components/inputs/file-upload/index.html +1 -1
- package/coverage/components/inputs/textarea/character-count.js.html +1 -1
- package/coverage/components/inputs/textarea/index.html +1 -1
- package/coverage/components/modal/index.html +1 -1
- package/coverage/components/modal/modal.js.html +1 -1
- package/coverage/components/notification/index.html +1 -1
- package/coverage/components/notification/notification.js.html +1 -1
- package/coverage/components/popover/index.html +1 -1
- package/coverage/components/popover/popover.js.html +1 -1
- package/coverage/components/switch-state/index.html +1 -1
- package/coverage/components/switch-state/switch-state.js.html +1 -1
- package/coverage/components/tabs/index.html +1 -1
- package/coverage/components/tabs/tabs.js.html +1 -1
- package/coverage/index.html +22 -22
- package/coverage/js/common.js.html +1 -1
- package/coverage/js/fractal-scripts/combobox.js.html +99 -15
- package/coverage/js/fractal-scripts/index.html +9 -9
- package/coverage/js/fractal-scripts/notification.js.html +1 -1
- package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
- package/coverage/js/index-fractal.js.html +1 -1
- package/coverage/js/index-polyfills.js.html +1 -1
- package/coverage/js/index-vue.js.html +1 -1
- package/coverage/js/index.html +1 -1
- package/coverage/js/index.js.html +1 -1
- package/coverage/js/polyfills/arrayPrototypeFind.js.html +1 -1
- package/coverage/js/polyfills/closest.js.html +1 -1
- package/coverage/js/polyfills/index.html +1 -1
- package/coverage/js/polyfills/objectAssign.js.html +1 -1
- package/coverage/js/polyfills/remove.js.html +1 -1
- package/coverage/tokens/_config.js.html +1 -1
- package/coverage/tokens/index.html +1 -1
- package/dist/_tokens/css/_tokens.css +1 -1
- package/dist/_tokens/js/_tokens-module.js +1 -1
- package/dist/_tokens/scss/_tokens.scss +1 -1
- package/dist/css/index.css +1 -1
- package/dist/js/index.js +1 -1
- package/package.json +4 -4
- package/src/components/inputs/combobox/README.md +7 -0
- package/src/components/inputs/combobox/combobox.config.js +14 -0
- package/src/components/inputs/combobox/combobox.njk +10 -1
- package/src/components/inputs/combobox/combobox.scss +12 -0
- package/src/components/inputs/combobox/vue-components/Combobox.vue +16 -0
- package/src/components/inputs/combobox/vue-components/ComboboxClear.vue +21 -0
- package/src/components/inputs/combobox/vue-components/ComboboxInput.vue +6 -0
- 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
|
|
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">
|
|
26
|
+
<span class="strong">60.71% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
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'>
|
|
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">
|
|
40
|
+
<span class="strong">65.79% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>25/
|
|
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">
|
|
47
|
+
<span class="strong">60.71% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
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
|
|
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"> </span>
|
|
339
355
|
<span class="cline-any cline-neutral"> </span>
|
|
340
356
|
<span class="cline-any cline-neutral"> </span>
|
|
341
357
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -379,6 +395,9 @@
|
|
|
379
395
|
<span class="cline-any cline-neutral"> </span>
|
|
380
396
|
<span class="cline-any cline-neutral"> </span>
|
|
381
397
|
<span class="cline-any cline-neutral"> </span>
|
|
398
|
+
<span class="cline-any cline-neutral"> </span>
|
|
399
|
+
<span class="cline-any cline-neutral"> </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"> </span>
|
|
410
429
|
<span class="cline-any cline-neutral"> </span>
|
|
411
430
|
<span class="cline-any cline-neutral"> </span>
|
|
431
|
+
<span class="cline-any cline-neutral"> </span>
|
|
412
432
|
<span class="cline-any cline-no"> </span>
|
|
413
433
|
<span class="cline-any cline-neutral"> </span>
|
|
414
434
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -446,6 +466,7 @@
|
|
|
446
466
|
<span class="cline-any cline-neutral"> </span>
|
|
447
467
|
<span class="cline-any cline-neutral"> </span>
|
|
448
468
|
<span class="cline-any cline-neutral"> </span>
|
|
469
|
+
<span class="cline-any cline-neutral"> </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"> </span>
|
|
@@ -536,6 +557,7 @@
|
|
|
536
557
|
<span class="cline-any cline-neutral"> </span>
|
|
537
558
|
<span class="cline-any cline-neutral"> </span>
|
|
538
559
|
<span class="cline-any cline-neutral"> </span>
|
|
560
|
+
<span class="cline-any cline-neutral"> </span>
|
|
539
561
|
<span class="cline-any cline-yes">1x</span>
|
|
540
562
|
<span class="cline-any cline-neutral"> </span>
|
|
541
563
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -543,6 +565,7 @@
|
|
|
543
565
|
<span class="cline-any cline-neutral"> </span>
|
|
544
566
|
<span class="cline-any cline-neutral"> </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"> </span>
|
|
@@ -555,6 +578,15 @@
|
|
|
555
578
|
<span class="cline-any cline-no"> </span>
|
|
556
579
|
<span class="cline-any cline-neutral"> </span>
|
|
557
580
|
<span class="cline-any cline-neutral"> </span>
|
|
581
|
+
<span class="cline-any cline-neutral"> </span>
|
|
582
|
+
<span class="cline-any cline-no"> </span>
|
|
583
|
+
<span class="cline-any cline-no"> </span>
|
|
584
|
+
<span class="cline-any cline-neutral"> </span>
|
|
585
|
+
<span class="cline-any cline-neutral"> </span>
|
|
586
|
+
<span class="cline-any cline-no"> </span>
|
|
587
|
+
<span class="cline-any cline-no"> </span>
|
|
588
|
+
<span class="cline-any cline-no"> </span>
|
|
589
|
+
<span class="cline-any cline-neutral"> </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
|
>
|
|
627
659
|
<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
|
/>
|
|
674
|
+
<ComboboxClear v-if="searchValue.length > 0" @clear="handleClear" />
|
|
641
675
|
<ListBox :id="listBoxId" :hidden="listBoxHidden" :isLoading="isLoading" :comboboxid="comboboxid">
|
|
642
676
|
<template>
|
|
643
677
|
<ListBoxOption
|
|
@@ -658,6 +692,7 @@
|
|
|
658
692
|
|
|
659
693
|
<script>
|
|
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
|
|
|
@@ -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 > 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
|
|
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"> </span>
|
|
106
|
+
<span class="cline-any cline-neutral"> </span>
|
|
107
|
+
<span class="cline-any cline-neutral"> </span>
|
|
108
|
+
<span class="cline-any cline-neutral"> </span>
|
|
109
|
+
<span class="cline-any cline-neutral"> </span>
|
|
110
|
+
<span class="cline-any cline-neutral"> </span>
|
|
111
|
+
<span class="cline-any cline-neutral"> </span>
|
|
112
|
+
<span class="cline-any cline-neutral"> </span>
|
|
113
|
+
<span class="cline-any cline-neutral"> </span>
|
|
114
|
+
<span class="cline-any cline-neutral"> </span>
|
|
115
|
+
<span class="cline-any cline-neutral"> </span>
|
|
116
|
+
<span class="cline-any cline-neutral"> </span>
|
|
117
|
+
<span class="cline-any cline-neutral"> </span>
|
|
118
|
+
<span class="cline-any cline-neutral"> </span>
|
|
119
|
+
<span class="cline-any cline-neutral"> </span>
|
|
120
|
+
<span class="cline-any cline-neutral"> </span>
|
|
121
|
+
<span class="cline-any cline-neutral"> </span>
|
|
122
|
+
<span class="cline-any cline-neutral"> </span>
|
|
123
|
+
<span class="cline-any cline-neutral"> </span>
|
|
124
|
+
<span class="cline-any cline-neutral"> </span>
|
|
125
|
+
<span class="cline-any cline-neutral"> </span>
|
|
126
|
+
<span class="cline-any cline-neutral"> </span>
|
|
127
|
+
<span class="cline-any cline-neutral"> </span>
|
|
128
|
+
<span class="cline-any cline-neutral"> </span>
|
|
129
|
+
<span class="cline-any cline-neutral"> </span>
|
|
130
|
+
<span class="cline-any cline-neutral"> </span>
|
|
131
|
+
<span class="cline-any cline-neutral"> </span>
|
|
132
|
+
<span class="cline-any cline-neutral"> </span>
|
|
133
|
+
<span class="cline-any cline-neutral"> </span>
|
|
134
|
+
<span class="cline-any cline-neutral"> </span>
|
|
135
|
+
<span class="cline-any cline-neutral"> </span>
|
|
136
|
+
<span class="cline-any cline-neutral"> </span>
|
|
137
|
+
<span class="cline-any cline-neutral"> </span>
|
|
138
|
+
<span class="cline-any cline-neutral"> </span>
|
|
139
|
+
<span class="cline-any cline-neutral"> </span>
|
|
140
|
+
<span class="cline-any cline-neutral"> </span>
|
|
141
|
+
<span class="cline-any cline-neutral"> </span>
|
|
142
|
+
<span class="cline-any cline-neutral"> </span>
|
|
143
|
+
<span class="cline-any cline-neutral"> </span>
|
|
144
|
+
<span class="cline-any cline-no"> </span>
|
|
145
|
+
<span class="cline-any cline-neutral"> </span>
|
|
146
|
+
<span class="cline-any cline-neutral"> </span>
|
|
147
|
+
<span class="cline-any cline-neutral"> </span>
|
|
148
|
+
<span class="cline-any cline-neutral"> </span>
|
|
149
|
+
<span class="cline-any cline-neutral"> </span>
|
|
150
|
+
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js"><template>
|
|
151
|
+
<div role="presentation">
|
|
152
|
+
<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
|
+
/>
|
|
167
|
+
</div>
|
|
168
|
+
</template>
|
|
169
|
+
|
|
170
|
+
<script>
|
|
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
|
+
</script>
|
|
195
|
+
</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
|
|
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">
|
|
26
|
+
<span class="strong">62.64% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
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'>
|
|
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">
|
|
40
|
+
<span class="strong">67.44% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>29/
|
|
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">
|
|
47
|
+
<span class="strong">62.64% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
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="
|
|
78
|
-
<div class="chart"><div class="cover-fill" style="width:
|
|
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="
|
|
81
|
-
<td data-value="
|
|
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="
|
|
84
|
-
<td data-value="
|
|
85
|
-
<td data-value="
|
|
86
|
-
<td data-value="
|
|
87
|
-
<td data-value="
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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>
|