@madgex/design-system 1.55.1 → 1.56.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/coverage/cobertura-coverage.xml +57 -3
  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/combobox.js.html +1 -1
  5. package/coverage/components/inputs/combobox/index.html +1 -1
  6. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +1 -1
  7. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
  8. package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
  9. package/coverage/components/inputs/file-upload/file-upload.js.html +1 -1
  10. package/coverage/components/inputs/file-upload/index.html +1 -1
  11. package/coverage/components/inputs/multi-select/index.html +1 -1
  12. package/coverage/components/inputs/multi-select/multi-select.js.html +1 -1
  13. package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html +1 -1
  14. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html +1 -1
  15. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html +1 -1
  16. package/coverage/components/inputs/multi-select/vue-components/index.html +1 -1
  17. package/coverage/components/inputs/textarea/character-count.js.html +190 -0
  18. package/coverage/components/inputs/textarea/index.html +110 -0
  19. package/coverage/components/modal/index.html +1 -1
  20. package/coverage/components/modal/modal.js.html +1 -1
  21. package/coverage/components/notification/index.html +1 -1
  22. package/coverage/components/notification/notification.js.html +1 -1
  23. package/coverage/components/popover/index.html +1 -1
  24. package/coverage/components/popover/popover.js.html +1 -1
  25. package/coverage/components/switch-state/index.html +1 -1
  26. package/coverage/components/switch-state/switch-state.js.html +1 -1
  27. package/coverage/components/tabs/index.html +1 -1
  28. package/coverage/components/tabs/tabs.js.html +1 -1
  29. package/coverage/index.html +26 -11
  30. package/coverage/js/common.js.html +1 -1
  31. package/coverage/js/fractal-scripts/combobox.js.html +1 -1
  32. package/coverage/js/fractal-scripts/index.html +1 -1
  33. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  34. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  35. package/coverage/js/index-fractal.js.html +1 -1
  36. package/coverage/js/index-polyfills.js.html +1 -1
  37. package/coverage/js/index-vue.js.html +1 -1
  38. package/coverage/js/index.html +5 -5
  39. package/coverage/js/index.js.html +10 -4
  40. package/coverage/js/polyfills/closest.js.html +1 -1
  41. package/coverage/js/polyfills/index.html +1 -1
  42. package/coverage/js/polyfills/remove.js.html +1 -1
  43. package/coverage/tokens/_config.js.html +1 -1
  44. package/coverage/tokens/index.html +1 -1
  45. package/dist/_tokens/css/_tokens.css +1 -1
  46. package/dist/_tokens/js/_tokens-module.js +1 -1
  47. package/dist/_tokens/scss/_tokens.scss +1 -1
  48. package/dist/css/index.css +1 -1
  49. package/dist/js/index.js +6 -6
  50. package/package.json +1 -1
  51. package/src/components/inputs/_form-elements.scss +19 -1
  52. package/src/components/inputs/file-upload/README.md +9 -0
  53. package/src/components/inputs/textarea/README.md +39 -0
  54. package/src/components/inputs/textarea/_macro.njk +3 -0
  55. package/src/components/inputs/textarea/_template.njk +55 -0
  56. package/src/components/inputs/textarea/character-count.js +37 -0
  57. package/src/components/inputs/textarea/textarea.config.js +10 -0
  58. package/src/components/inputs/textarea/textarea.njk +24 -0
  59. package/src/components/inputs/textarea/textarea.scss +4 -0
  60. package/src/js/index.js +2 -0
  61. package/src/scss/components/__index.scss +1 -1
  62. package/src/components/textarea/_macro.njk +0 -3
  63. package/src/components/textarea/_template.njk +0 -41
  64. package/src/components/textarea/textarea.config.js +0 -31
  65. package/src/components/textarea/textarea.njk +0 -11
  66. package/src/components/textarea/textarea.scss +0 -7
@@ -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="461" lines-covered="207" line-rate="0.449" branches-valid="123" branches-covered="48" branch-rate="0.39020000000000005" timestamp="1595583100131" complexity="0" version="0.1">
3
+ <coverage lines-valid="485" lines-covered="207" line-rate="0.4268" branches-valid="127" branches-covered="48" branch-rate="0.37799999999999995" timestamp="1596104491749" 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>
@@ -586,6 +586,59 @@
586
586
  </class>
587
587
  </classes>
588
588
  </package>
589
+ <package name="components.inputs.textarea" line-rate="0" branch-rate="0">
590
+ <classes>
591
+ <class name="character-count.js" filename="src/components/inputs/textarea/character-count.js" line-rate="0" branch-rate="0">
592
+ <methods>
593
+ <method name="(anonymous_0)" hits="0" signature="()V">
594
+ <lines>
595
+ <line number="8" hits="0"/>
596
+ </lines>
597
+ </method>
598
+ <method name="(anonymous_1)" hits="0" signature="()V">
599
+ <lines>
600
+ <line number="10" hits="0"/>
601
+ </lines>
602
+ </method>
603
+ <method name="(anonymous_2)" hits="0" signature="()V">
604
+ <lines>
605
+ <line number="17" hits="0"/>
606
+ </lines>
607
+ </method>
608
+ <method name="(anonymous_3)" hits="0" signature="()V">
609
+ <lines>
610
+ <line number="23" hits="0"/>
611
+ </lines>
612
+ </method>
613
+ </methods>
614
+ <lines>
615
+ <line number="2" hits="0" branch="false"/>
616
+ <line number="3" hits="0" branch="false"/>
617
+ <line number="4" hits="0" branch="false"/>
618
+ <line number="5" hits="0" branch="false"/>
619
+ <line number="7" hits="0" branch="false"/>
620
+ <line number="9" hits="0" branch="false"/>
621
+ <line number="10" hits="0" branch="false"/>
622
+ <line number="11" hits="0" branch="false"/>
623
+ <line number="12" hits="0" branch="false"/>
624
+ <line number="13" hits="0" branch="false"/>
625
+ <line number="14" hits="0" branch="false"/>
626
+ <line number="15" hits="0" branch="false"/>
627
+ <line number="16" hits="0" branch="false"/>
628
+ <line number="17" hits="0" branch="false"/>
629
+ <line number="18" hits="0" branch="false"/>
630
+ <line number="19" hits="0" branch="false"/>
631
+ <line number="25" hits="0" branch="false"/>
632
+ <line number="26" hits="0" branch="true" condition-coverage="0% (0/2)"/>
633
+ <line number="27" hits="0" branch="false"/>
634
+ <line number="28" hits="0" branch="false"/>
635
+ <line number="29" hits="0" branch="true" condition-coverage="0% (0/2)"/>
636
+ <line number="30" hits="0" branch="false"/>
637
+ <line number="32" hits="0" branch="false"/>
638
+ </lines>
639
+ </class>
640
+ </classes>
641
+ </package>
589
642
  <package name="components.modal" line-rate="1" branch-rate="0.8125">
590
643
  <classes>
591
644
  <class name="modal.js" filename="src/components/modal/modal.js" line-rate="1" branch-rate="0.8125">
@@ -1115,17 +1168,18 @@
1115
1168
  <methods>
1116
1169
  <method name="(anonymous_0)" hits="0" signature="()V">
1117
1170
  <lines>
1118
- <line number="17" hits="0"/>
1171
+ <line number="18" hits="0"/>
1119
1172
  </lines>
1120
1173
  </method>
1121
1174
  </methods>
1122
1175
  <lines>
1123
- <line number="17" hits="0" branch="false"/>
1124
1176
  <line number="18" hits="0" branch="false"/>
1125
1177
  <line number="19" hits="0" branch="false"/>
1126
1178
  <line number="20" hits="0" branch="false"/>
1127
1179
  <line number="21" hits="0" branch="false"/>
1128
1180
  <line number="22" hits="0" branch="false"/>
1181
+ <line number="23" hits="0" branch="false"/>
1182
+ <line number="24" hits="0" branch="false"/>
1129
1183
  </lines>
1130
1184
  </class>
1131
1185
  </classes>
@@ -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 Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
399
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
400
400
  </div>
401
401
  </div>
402
402
  <script src="../../prettify.js"></script>
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
97
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -105,7 +105,7 @@ export default {
105
105
  <div class='footer quiet pad2 space-top1 center small'>
106
106
  Code coverage generated by
107
107
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
108
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
108
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
109
109
  </div>
110
110
  </div>
111
111
  <script src="../../../prettify.js"></script>
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
97
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../../prettify.js"></script>
@@ -741,7 +741,7 @@ export default {
741
741
  <div class='footer quiet pad2 space-top1 center small'>
742
742
  Code coverage generated by
743
743
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
744
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
744
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
745
745
  </div>
746
746
  </div>
747
747
  <script src="../../../../prettify.js"></script>
@@ -195,7 +195,7 @@ export default {
195
195
  <div class='footer quiet pad2 space-top1 center small'>
196
196
  Code coverage generated by
197
197
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
198
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
198
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
199
199
  </div>
200
200
  </div>
201
201
  <script src="../../../../prettify.js"></script>
@@ -109,7 +109,7 @@
109
109
  <div class='footer quiet pad2 space-top1 center small'>
110
110
  Code coverage generated by
111
111
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
112
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
112
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
113
113
  </div>
114
114
  </div>
115
115
  <script src="../../../../prettify.js"></script>
@@ -189,7 +189,7 @@ export default fileUpload;
189
189
  <div class='footer quiet pad2 space-top1 center small'>
190
190
  Code coverage generated by
191
191
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
192
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
192
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
193
193
  </div>
194
194
  </div>
195
195
  <script src="../../../prettify.js"></script>
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
97
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../../prettify.js"></script>
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
97
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../../prettify.js"></script>
@@ -159,7 +159,7 @@ export default {
159
159
  <div class='footer quiet pad2 space-top1 center small'>
160
160
  Code coverage generated by
161
161
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
162
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
162
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
163
163
  </div>
164
164
  </div>
165
165
  <script src="../../../prettify.js"></script>
@@ -213,7 +213,7 @@ export default {
213
213
  <div class='footer quiet pad2 space-top1 center small'>
214
214
  Code coverage generated by
215
215
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
216
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
216
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
217
217
  </div>
218
218
  </div>
219
219
  <script src="../../../../prettify.js"></script>
@@ -333,7 +333,7 @@ export default {
333
333
  <div class='footer quiet pad2 space-top1 center small'>
334
334
  Code coverage generated by
335
335
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
336
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
336
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
337
337
  </div>
338
338
  </div>
339
339
  <script src="../../../../prettify.js"></script>
@@ -258,7 +258,7 @@ export default {
258
258
  <div class='footer quiet pad2 space-top1 center small'>
259
259
  Code coverage generated by
260
260
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
261
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
261
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
262
262
  </div>
263
263
  </div>
264
264
  <script src="../../../../prettify.js"></script>
@@ -124,7 +124,7 @@
124
124
  <div class='footer quiet pad2 space-top1 center small'>
125
125
  Code coverage generated by
126
126
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
127
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
127
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
128
128
  </div>
129
129
  </div>
130
130
  <script src="../../../../prettify.js"></script>
@@ -0,0 +1,190 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for components/inputs/textarea/character-count.js</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <meta name="viewport" content="width=device-width, initial-scale=1">
11
+ <style type='text/css'>
12
+ .coverage-summary .sorter {
13
+ background-image: url(../../../sort-arrow-sprite.png);
14
+ }
15
+ </style>
16
+ </head>
17
+
18
+ <body>
19
+ <div class='wrapper'>
20
+ <div class='pad1'>
21
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">components/inputs/textarea</a> character-count.js</h1>
22
+ <div class='clearfix'>
23
+
24
+ <div class='fl pad1y space-right2'>
25
+ <span class="strong">0% </span>
26
+ <span class="quiet">Statements</span>
27
+ <span class='fraction'>0/23</span>
28
+ </div>
29
+
30
+
31
+ <div class='fl pad1y space-right2'>
32
+ <span class="strong">0% </span>
33
+ <span class="quiet">Branches</span>
34
+ <span class='fraction'>0/4</span>
35
+ </div>
36
+
37
+
38
+ <div class='fl pad1y space-right2'>
39
+ <span class="strong">0% </span>
40
+ <span class="quiet">Functions</span>
41
+ <span class='fraction'>0/4</span>
42
+ </div>
43
+
44
+
45
+ <div class='fl pad1y space-right2'>
46
+ <span class="strong">0% </span>
47
+ <span class="quiet">Lines</span>
48
+ <span class='fraction'>0/23</span>
49
+ </div>
50
+
51
+
52
+ </div>
53
+ <p class="quiet">
54
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
55
+ </p>
56
+ </div>
57
+ <div class='status-line low'></div>
58
+ <pre><table class="coverage">
59
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
60
+ <a name='L2'></a><a href='#L2'>2</a>
61
+ <a name='L3'></a><a href='#L3'>3</a>
62
+ <a name='L4'></a><a href='#L4'>4</a>
63
+ <a name='L5'></a><a href='#L5'>5</a>
64
+ <a name='L6'></a><a href='#L6'>6</a>
65
+ <a name='L7'></a><a href='#L7'>7</a>
66
+ <a name='L8'></a><a href='#L8'>8</a>
67
+ <a name='L9'></a><a href='#L9'>9</a>
68
+ <a name='L10'></a><a href='#L10'>10</a>
69
+ <a name='L11'></a><a href='#L11'>11</a>
70
+ <a name='L12'></a><a href='#L12'>12</a>
71
+ <a name='L13'></a><a href='#L13'>13</a>
72
+ <a name='L14'></a><a href='#L14'>14</a>
73
+ <a name='L15'></a><a href='#L15'>15</a>
74
+ <a name='L16'></a><a href='#L16'>16</a>
75
+ <a name='L17'></a><a href='#L17'>17</a>
76
+ <a name='L18'></a><a href='#L18'>18</a>
77
+ <a name='L19'></a><a href='#L19'>19</a>
78
+ <a name='L20'></a><a href='#L20'>20</a>
79
+ <a name='L21'></a><a href='#L21'>21</a>
80
+ <a name='L22'></a><a href='#L22'>22</a>
81
+ <a name='L23'></a><a href='#L23'>23</a>
82
+ <a name='L24'></a><a href='#L24'>24</a>
83
+ <a name='L25'></a><a href='#L25'>25</a>
84
+ <a name='L26'></a><a href='#L26'>26</a>
85
+ <a name='L27'></a><a href='#L27'>27</a>
86
+ <a name='L28'></a><a href='#L28'>28</a>
87
+ <a name='L29'></a><a href='#L29'>29</a>
88
+ <a name='L30'></a><a href='#L30'>30</a>
89
+ <a name='L31'></a><a href='#L31'>31</a>
90
+ <a name='L32'></a><a href='#L32'>32</a>
91
+ <a name='L33'></a><a href='#L33'>33</a>
92
+ <a name='L34'></a><a href='#L34'>34</a>
93
+ <a name='L35'></a><a href='#L35'>35</a>
94
+ <a name='L36'></a><a href='#L36'>36</a>
95
+ <a name='L37'></a><a href='#L37'>37</a>
96
+ <a name='L38'></a><a href='#L38'>38</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
97
+ <span class="cline-any cline-no">&nbsp;</span>
98
+ <span class="cline-any cline-no">&nbsp;</span>
99
+ <span class="cline-any cline-no">&nbsp;</span>
100
+ <span class="cline-any cline-no">&nbsp;</span>
101
+ <span class="cline-any cline-neutral">&nbsp;</span>
102
+ <span class="cline-any cline-no">&nbsp;</span>
103
+ <span class="cline-any cline-neutral">&nbsp;</span>
104
+ <span class="cline-any cline-no">&nbsp;</span>
105
+ <span class="cline-any cline-no">&nbsp;</span>
106
+ <span class="cline-any cline-no">&nbsp;</span>
107
+ <span class="cline-any cline-no">&nbsp;</span>
108
+ <span class="cline-any cline-no">&nbsp;</span>
109
+ <span class="cline-any cline-no">&nbsp;</span>
110
+ <span class="cline-any cline-no">&nbsp;</span>
111
+ <span class="cline-any cline-no">&nbsp;</span>
112
+ <span class="cline-any cline-no">&nbsp;</span>
113
+ <span class="cline-any cline-no">&nbsp;</span>
114
+ <span class="cline-any cline-no">&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-no">&nbsp;</span>
121
+ <span class="cline-any cline-no">&nbsp;</span>
122
+ <span class="cline-any cline-no">&nbsp;</span>
123
+ <span class="cline-any cline-no">&nbsp;</span>
124
+ <span class="cline-any cline-no">&nbsp;</span>
125
+ <span class="cline-any cline-no">&nbsp;</span>
126
+ <span class="cline-any cline-neutral">&nbsp;</span>
127
+ <span class="cline-any cline-no">&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></td><td class="text"><pre class="prettyprint lang-js">/* eslint-disable no-param-reassign */
134
+ const characterCountClass = <span class="cstat-no" title="statement not covered" >'.mds-form-element--character-count';</span>
135
+ const messageClass = <span class="cstat-no" title="statement not covered" >'.mds-form-message--character-count';</span>
136
+ const characterCountNumberClass = <span class="cstat-no" title="statement not covered" >'.js-character-count-number';</span>
137
+ const formControlClass = <span class="cstat-no" title="statement not covered" >'.mds-form-control';</span>
138
+ &nbsp;
139
+ const characterCount = <span class="cstat-no" title="statement not covered" >{</span>
140
+ init: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
141
+ const elementsWithCharacterCount = <span class="cstat-no" title="statement not covered" >Array.from(document.querySelectorAll(characterCountClass));</span>
142
+ <span class="cstat-no" title="statement not covered" > elementsWithCharacterCount.forEach(<span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {</span>
143
+ const formControl = <span class="cstat-no" title="statement not covered" >element.querySelector(formControlClass);</span>
144
+ const maxLength = <span class="cstat-no" title="statement not covered" >formControl.getAttribute('maxlength');</span>
145
+ const message = <span class="cstat-no" title="statement not covered" >element.querySelector(messageClass);</span>
146
+ const characterCountNumber = <span class="cstat-no" title="statement not covered" >element.querySelector(characterCountNumberClass);</span>
147
+ <span class="cstat-no" title="statement not covered" > formControl.removeAttribute('maxlength');</span>
148
+ <span class="cstat-no" title="statement not covered" > characterCount.updateCounter(formControl, maxLength, characterCountNumber, message);</span>
149
+ <span class="cstat-no" title="statement not covered" > formControl.addEventListener('keyup', <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {</span>
150
+ <span class="cstat-no" title="statement not covered" > e.stopPropagation();</span>
151
+ <span class="cstat-no" title="statement not covered" > characterCount.updateCounter(formControl, maxLength, characterCountNumber, message);</span>
152
+ });
153
+ });
154
+ },
155
+ updateCounter: <span class="fstat-no" title="function not covered" >(f</span>ormControl, maxLength, characterCountNumber, message) =&gt; {
156
+ // Counting new lines as 2 characters to plan for \r\n encoding
157
+ const newLines = <span class="cstat-no" title="statement not covered" >formControl.value.match(/(\r\n|\n|\r)/g);</span>
158
+ const currentCount = <span class="cstat-no" title="statement not covered" >formControl.value.length + (newLines ? newLines.length : 0);</span>
159
+ const remainingCount = <span class="cstat-no" title="statement not covered" >maxLength - currentCount;</span>
160
+ <span class="cstat-no" title="statement not covered" > characterCountNumber.textContent = remainingCount;</span>
161
+ <span class="cstat-no" title="statement not covered" > if (remainingCount &lt; 0) {</span>
162
+ <span class="cstat-no" title="statement not covered" > message.classList.add('mds-form-message--error');</span>
163
+ } else {
164
+ <span class="cstat-no" title="statement not covered" > message.classList.remove('mds-form-message--error');</span>
165
+ }
166
+ },
167
+ };
168
+ &nbsp;
169
+ export default characterCount;
170
+ &nbsp;</pre></td></tr></table></pre>
171
+
172
+ <div class='push'></div><!-- for sticky footer -->
173
+ </div><!-- /wrapper -->
174
+ <div class='footer quiet pad2 space-top1 center small'>
175
+ Code coverage generated by
176
+ <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
177
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
178
+ </div>
179
+ </div>
180
+ <script src="../../../prettify.js"></script>
181
+ <script>
182
+ window.onload = function () {
183
+ prettyPrint();
184
+ };
185
+ </script>
186
+ <script src="../../../sorter.js"></script>
187
+ <script src="../../../block-navigation.js"></script>
188
+ </body>
189
+ </html>
190
+
@@ -0,0 +1,110 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for components/inputs/textarea</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <meta name="viewport" content="width=device-width, initial-scale=1">
11
+ <style type='text/css'>
12
+ .coverage-summary .sorter {
13
+ background-image: url(../../../sort-arrow-sprite.png);
14
+ }
15
+ </style>
16
+ </head>
17
+
18
+ <body>
19
+ <div class='wrapper'>
20
+ <div class='pad1'>
21
+ <h1><a href="../../../index.html">All files</a> components/inputs/textarea</h1>
22
+ <div class='clearfix'>
23
+
24
+ <div class='fl pad1y space-right2'>
25
+ <span class="strong">0% </span>
26
+ <span class="quiet">Statements</span>
27
+ <span class='fraction'>0/23</span>
28
+ </div>
29
+
30
+
31
+ <div class='fl pad1y space-right2'>
32
+ <span class="strong">0% </span>
33
+ <span class="quiet">Branches</span>
34
+ <span class='fraction'>0/4</span>
35
+ </div>
36
+
37
+
38
+ <div class='fl pad1y space-right2'>
39
+ <span class="strong">0% </span>
40
+ <span class="quiet">Functions</span>
41
+ <span class='fraction'>0/4</span>
42
+ </div>
43
+
44
+
45
+ <div class='fl pad1y space-right2'>
46
+ <span class="strong">0% </span>
47
+ <span class="quiet">Lines</span>
48
+ <span class='fraction'>0/23</span>
49
+ </div>
50
+
51
+
52
+ </div>
53
+ <p class="quiet">
54
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
55
+ </p>
56
+ </div>
57
+ <div class='status-line low'></div>
58
+ <div class="pad1">
59
+ <table class="coverage-summary">
60
+ <thead>
61
+ <tr>
62
+ <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
63
+ <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
64
+ <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
65
+ <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
66
+ <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
67
+ <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
68
+ <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
69
+ <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
70
+ <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
71
+ <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
72
+ </tr>
73
+ </thead>
74
+ <tbody><tr>
75
+ <td class="file low" data-value="character-count.js"><a href="character-count.js.html">character-count.js</a></td>
76
+ <td data-value="0" class="pic low">
77
+ <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
78
+ </td>
79
+ <td data-value="0" class="pct low">0%</td>
80
+ <td data-value="23" class="abs low">0/23</td>
81
+ <td data-value="0" class="pct low">0%</td>
82
+ <td data-value="4" class="abs low">0/4</td>
83
+ <td data-value="0" class="pct low">0%</td>
84
+ <td data-value="4" class="abs low">0/4</td>
85
+ <td data-value="0" class="pct low">0%</td>
86
+ <td data-value="23" class="abs low">0/23</td>
87
+ </tr>
88
+
89
+ </tbody>
90
+ </table>
91
+ </div>
92
+ <div class='push'></div><!-- for sticky footer -->
93
+ </div><!-- /wrapper -->
94
+ <div class='footer quiet pad2 space-top1 center small'>
95
+ Code coverage generated by
96
+ <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
98
+ </div>
99
+ </div>
100
+ <script src="../../../prettify.js"></script>
101
+ <script>
102
+ window.onload = function () {
103
+ prettyPrint();
104
+ };
105
+ </script>
106
+ <script src="../../../sorter.js"></script>
107
+ <script src="../../../block-navigation.js"></script>
108
+ </body>
109
+ </html>
110
+
@@ -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 Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
97
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -315,7 +315,7 @@ export default modals;
315
315
  <div class='footer quiet pad2 space-top1 center small'>
316
316
  Code coverage generated by
317
317
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
318
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
318
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
319
319
  </div>
320
320
  </div>
321
321
  <script src="../../prettify.js"></script>
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
97
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -144,7 +144,7 @@ export default notification;
144
144
  <div class='footer quiet pad2 space-top1 center small'>
145
145
  Code coverage generated by
146
146
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
147
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
147
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
148
148
  </div>
149
149
  </div>
150
150
  <script src="../../prettify.js"></script>
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
97
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -240,7 +240,7 @@ export default popovers;
240
240
  <div class='footer quiet pad2 space-top1 center small'>
241
241
  Code coverage generated by
242
242
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
243
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
243
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
244
244
  </div>
245
245
  </div>
246
246
  <script src="../../prettify.js"></script>
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Fri Jul 24 2020 10:31:40 GMT+0100 (British Summer Time)
97
+ at Thu Jul 30 2020 11:21:31 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>