@eturnity/eturnity_reusable_components 7.33.6 → 7.35.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 (168) hide show
  1. package/package.json +40 -33
  2. package/src/Test.vue +10 -0
  3. package/src/assets/svgIcons/obstacle_tool.svg +1 -1
  4. package/src/components/buttons/mainButton/MainButton.stories.js +51 -0
  5. package/src/components/buttons/mainButton/index.vue +25 -15
  6. package/src/components/buttons/mainButton/mainButton.spec.js +32 -0
  7. package/src/components/icon/iconCollection.vue +16 -2
  8. package/src/stories/Button.stories.js +6 -6
  9. package/src/stories/Header.stories.js +5 -5
  10. package/src/stories/Page.stories.js +8 -8
  11. package/.eslintrc.js +0 -181
  12. package/.prettierrc +0 -9
  13. package/.storybook/main.js +0 -23
  14. package/.storybook/preview.js +0 -46
  15. package/babel.config.js +0 -18
  16. package/coverage/base.css +0 -224
  17. package/coverage/block-navigation.js +0 -87
  18. package/coverage/favicon.png +0 -0
  19. package/coverage/index.html +0 -986
  20. package/coverage/prettify.css +0 -1
  21. package/coverage/prettify.js +0 -2
  22. package/coverage/sort-arrow-sprite.png +0 -0
  23. package/coverage/sorter.js +0 -196
  24. package/coverage/src/App.vue.html +0 -175
  25. package/coverage/src/Test.vue.html +0 -421
  26. package/coverage/src/assets/index.html +0 -116
  27. package/coverage/src/assets/tests/helpers.js.html +0 -121
  28. package/coverage/src/assets/tests/index.html +0 -116
  29. package/coverage/src/assets/theme.js.html +0 -208
  30. package/coverage/src/components/addNewButton/AddNewButton.stories.js.html +0 -157
  31. package/coverage/src/components/addNewButton/index.html +0 -131
  32. package/coverage/src/components/addNewButton/index.vue.html +0 -268
  33. package/coverage/src/components/banner/actionBanner/index.html +0 -116
  34. package/coverage/src/components/banner/actionBanner/index.vue.html +0 -277
  35. package/coverage/src/components/banner/banner/banner.stories.js.html +0 -178
  36. package/coverage/src/components/banner/banner/index.html +0 -131
  37. package/coverage/src/components/banner/banner/index.vue.html +0 -649
  38. package/coverage/src/components/banner/infoBanner/index.html +0 -116
  39. package/coverage/src/components/banner/infoBanner/index.vue.html +0 -256
  40. package/coverage/src/components/buttons/buttonIcon/index.html +0 -116
  41. package/coverage/src/components/buttons/buttonIcon/index.vue.html +0 -520
  42. package/coverage/src/components/buttons/closeButton/CloseButton.stories.js.html +0 -172
  43. package/coverage/src/components/buttons/closeButton/index.html +0 -131
  44. package/coverage/src/components/buttons/closeButton/index.vue.html +0 -268
  45. package/coverage/src/components/buttons/mainButton/index.html +0 -116
  46. package/coverage/src/components/buttons/mainButton/index.vue.html +0 -505
  47. package/coverage/src/components/card/index.html +0 -116
  48. package/coverage/src/components/card/index.vue.html +0 -373
  49. package/coverage/src/components/collapsableInfoText/index.html +0 -116
  50. package/coverage/src/components/collapsableInfoText/index.vue.html +0 -466
  51. package/coverage/src/components/deleteIcon/DeleteIcon.stories.js.html +0 -172
  52. package/coverage/src/components/deleteIcon/index.html +0 -131
  53. package/coverage/src/components/deleteIcon/index.vue.html +0 -319
  54. package/coverage/src/components/draggableInputHandle/index.html +0 -116
  55. package/coverage/src/components/draggableInputHandle/index.vue.html +0 -223
  56. package/coverage/src/components/dropdown/Dropdown.stories.js.html +0 -244
  57. package/coverage/src/components/dropdown/index.html +0 -131
  58. package/coverage/src/components/dropdown/index.vue.html +0 -499
  59. package/coverage/src/components/errorMessage/index.html +0 -116
  60. package/coverage/src/components/errorMessage/index.vue.html +0 -277
  61. package/coverage/src/components/filter/filterSettings.vue.html +0 -2002
  62. package/coverage/src/components/filter/index.html +0 -146
  63. package/coverage/src/components/filter/index.vue.html +0 -547
  64. package/coverage/src/components/filter/parentDropdown.vue.html +0 -358
  65. package/coverage/src/components/icon/Icons.stories.js.html +0 -208
  66. package/coverage/src/components/icon/iconCollection.vue.html +0 -289
  67. package/coverage/src/components/icon/index.html +0 -146
  68. package/coverage/src/components/icon/index.vue.html +0 -505
  69. package/coverage/src/components/iconWrapper/index.html +0 -116
  70. package/coverage/src/components/iconWrapper/index.vue.html +0 -622
  71. package/coverage/src/components/infoCard/index.html +0 -116
  72. package/coverage/src/components/infoCard/index.vue.html +0 -205
  73. package/coverage/src/components/infoText/index.html +0 -116
  74. package/coverage/src/components/infoText/index.vue.html +0 -595
  75. package/coverage/src/components/inputs/checkbox/Checkbox.stories.js.html +0 -256
  76. package/coverage/src/components/inputs/checkbox/index.html +0 -131
  77. package/coverage/src/components/inputs/checkbox/index.vue.html +0 -757
  78. package/coverage/src/components/inputs/inputNumber/InputNumber.stories.js.html +0 -535
  79. package/coverage/src/components/inputs/inputNumber/index.html +0 -131
  80. package/coverage/src/components/inputs/inputNumber/index.vue.html +0 -2452
  81. package/coverage/src/components/inputs/inputNumberQuestion/index.html +0 -116
  82. package/coverage/src/components/inputs/inputNumberQuestion/index.vue.html +0 -739
  83. package/coverage/src/components/inputs/inputText/InputText.stories.js.html +0 -310
  84. package/coverage/src/components/inputs/inputText/index.html +0 -131
  85. package/coverage/src/components/inputs/inputText/index.vue.html +0 -1213
  86. package/coverage/src/components/inputs/radioButton/RadioButton.stories.js.html +0 -259
  87. package/coverage/src/components/inputs/radioButton/index.html +0 -131
  88. package/coverage/src/components/inputs/radioButton/index.vue.html +0 -904
  89. package/coverage/src/components/inputs/searchInput/SearchInput.stories.js.html +0 -205
  90. package/coverage/src/components/inputs/searchInput/index.html +0 -131
  91. package/coverage/src/components/inputs/searchInput/index.vue.html +0 -538
  92. package/coverage/src/components/inputs/select/index.html +0 -131
  93. package/coverage/src/components/inputs/select/index.vue.html +0 -2809
  94. package/coverage/src/components/inputs/select/option/index.html +0 -116
  95. package/coverage/src/components/inputs/select/option/index.vue.html +0 -529
  96. package/coverage/src/components/inputs/select/select.stories.js.html +0 -259
  97. package/coverage/src/components/inputs/slider/index.html +0 -116
  98. package/coverage/src/components/inputs/slider/index.vue.html +0 -463
  99. package/coverage/src/components/inputs/switchField/index.html +0 -116
  100. package/coverage/src/components/inputs/switchField/index.vue.html +0 -847
  101. package/coverage/src/components/inputs/textAreaInput/TextAreaInput.stories.js.html +0 -466
  102. package/coverage/src/components/inputs/textAreaInput/index.html +0 -131
  103. package/coverage/src/components/inputs/textAreaInput/index.vue.html +0 -679
  104. package/coverage/src/components/inputs/toggle/Toggle.stories.js.html +0 -316
  105. package/coverage/src/components/inputs/toggle/index.html +0 -131
  106. package/coverage/src/components/inputs/toggle/index.vue.html +0 -1036
  107. package/coverage/src/components/label/index.html +0 -116
  108. package/coverage/src/components/label/index.vue.html +0 -382
  109. package/coverage/src/components/markerItem/index.html +0 -116
  110. package/coverage/src/components/markerItem/index.vue.html +0 -349
  111. package/coverage/src/components/modals/actionModal/index.html +0 -116
  112. package/coverage/src/components/modals/actionModal/index.vue.html +0 -277
  113. package/coverage/src/components/modals/infoModal/index.html +0 -116
  114. package/coverage/src/components/modals/infoModal/index.vue.html +0 -241
  115. package/coverage/src/components/modals/modal/index.html +0 -131
  116. package/coverage/src/components/modals/modal/index.vue.html +0 -649
  117. package/coverage/src/components/modals/modal/modal.stories.js.html +0 -178
  118. package/coverage/src/components/navigationTabs/index.html +0 -116
  119. package/coverage/src/components/navigationTabs/index.vue.html +0 -427
  120. package/coverage/src/components/pageSubtitle/index.html +0 -116
  121. package/coverage/src/components/pageSubtitle/index.vue.html +0 -286
  122. package/coverage/src/components/pageTitle/index.html +0 -116
  123. package/coverage/src/components/pageTitle/index.vue.html +0 -289
  124. package/coverage/src/components/pagination/index.html +0 -116
  125. package/coverage/src/components/pagination/index.vue.html +0 -529
  126. package/coverage/src/components/progressBar/index.html +0 -116
  127. package/coverage/src/components/progressBar/index.vue.html +0 -460
  128. package/coverage/src/components/projectMarker/index.html +0 -116
  129. package/coverage/src/components/projectMarker/index.vue.html +0 -985
  130. package/coverage/src/components/rangeSlider/Slider.vue.html +0 -1804
  131. package/coverage/src/components/rangeSlider/index.html +0 -131
  132. package/coverage/src/components/rangeSlider/index.vue.html +0 -1636
  133. package/coverage/src/components/rangeSlider/utils/dom.js.html +0 -232
  134. package/coverage/src/components/rangeSlider/utils/fns.js.html +0 -163
  135. package/coverage/src/components/rangeSlider/utils/index.html +0 -131
  136. package/coverage/src/components/selectedOptions/index.html +0 -116
  137. package/coverage/src/components/selectedOptions/index.vue.html +0 -520
  138. package/coverage/src/components/sideMenu/index.html +0 -116
  139. package/coverage/src/components/sideMenu/index.vue.html +0 -895
  140. package/coverage/src/components/spinner/index.html +0 -116
  141. package/coverage/src/components/spinner/index.vue.html +0 -289
  142. package/coverage/src/components/tableDropdown/index.html +0 -116
  143. package/coverage/src/components/tableDropdown/index.vue.html +0 -1999
  144. package/coverage/src/components/tables/mainTable/exampleNested.vue.html +0 -1069
  145. package/coverage/src/components/tables/mainTable/index.html +0 -131
  146. package/coverage/src/components/tables/mainTable/index.vue.html +0 -1615
  147. package/coverage/src/components/tables/viewTable/index.html +0 -116
  148. package/coverage/src/components/tables/viewTable/index.vue.html +0 -670
  149. package/coverage/src/components/tabsHeader/index.html +0 -116
  150. package/coverage/src/components/tabsHeader/index.vue.html +0 -334
  151. package/coverage/src/components/threeDots/index.html +0 -116
  152. package/coverage/src/components/threeDots/index.vue.html +0 -1324
  153. package/coverage/src/components/videoThumbnail/index.html +0 -131
  154. package/coverage/src/components/videoThumbnail/index.vue.html +0 -394
  155. package/coverage/src/components/videoThumbnail/videoThumbnail.stories.js.html +0 -184
  156. package/coverage/src/helpers/currencyMapping.js.html +0 -169
  157. package/coverage/src/helpers/index.html +0 -146
  158. package/coverage/src/helpers/numberConverter.js.html +0 -394
  159. package/coverage/src/helpers/translateLang.js.html +0 -469
  160. package/coverage/src/index.html +0 -131
  161. package/coverage/src/mixins/index.html +0 -116
  162. package/coverage/src/mixins/inputValidations.js.html +0 -376
  163. package/coverage/src/router/dynamicRoutes.js.html +0 -154
  164. package/coverage/src/router/index.html +0 -116
  165. package/coverage/src/utils/index.html +0 -116
  166. package/coverage/src/utils/index.js.html +0 -121
  167. package/jest.config.js +0 -24
  168. package/postcss.config.js +0 -6
package/coverage/src/components/inputs/inputNumberQuestion/index.vue.html DELETED
@@ -1,739 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/components/inputs/inputNumberQuestion/index.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">src/components/inputs/inputNumberQuestion</a> index.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/56</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>0/34</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/21</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/56</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
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line low'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a>
184
- <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a>
186
- <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a>
191
- <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a>
193
- <a name='L128'></a><a href='#L128'>128</a>
194
- <a name='L129'></a><a href='#L129'>129</a>
195
- <a name='L130'></a><a href='#L130'>130</a>
196
- <a name='L131'></a><a href='#L131'>131</a>
197
- <a name='L132'></a><a href='#L132'>132</a>
198
- <a name='L133'></a><a href='#L133'>133</a>
199
- <a name='L134'></a><a href='#L134'>134</a>
200
- <a name='L135'></a><a href='#L135'>135</a>
201
- <a name='L136'></a><a href='#L136'>136</a>
202
- <a name='L137'></a><a href='#L137'>137</a>
203
- <a name='L138'></a><a href='#L138'>138</a>
204
- <a name='L139'></a><a href='#L139'>139</a>
205
- <a name='L140'></a><a href='#L140'>140</a>
206
- <a name='L141'></a><a href='#L141'>141</a>
207
- <a name='L142'></a><a href='#L142'>142</a>
208
- <a name='L143'></a><a href='#L143'>143</a>
209
- <a name='L144'></a><a href='#L144'>144</a>
210
- <a name='L145'></a><a href='#L145'>145</a>
211
- <a name='L146'></a><a href='#L146'>146</a>
212
- <a name='L147'></a><a href='#L147'>147</a>
213
- <a name='L148'></a><a href='#L148'>148</a>
214
- <a name='L149'></a><a href='#L149'>149</a>
215
- <a name='L150'></a><a href='#L150'>150</a>
216
- <a name='L151'></a><a href='#L151'>151</a>
217
- <a name='L152'></a><a href='#L152'>152</a>
218
- <a name='L153'></a><a href='#L153'>153</a>
219
- <a name='L154'></a><a href='#L154'>154</a>
220
- <a name='L155'></a><a href='#L155'>155</a>
221
- <a name='L156'></a><a href='#L156'>156</a>
222
- <a name='L157'></a><a href='#L157'>157</a>
223
- <a name='L158'></a><a href='#L158'>158</a>
224
- <a name='L159'></a><a href='#L159'>159</a>
225
- <a name='L160'></a><a href='#L160'>160</a>
226
- <a name='L161'></a><a href='#L161'>161</a>
227
- <a name='L162'></a><a href='#L162'>162</a>
228
- <a name='L163'></a><a href='#L163'>163</a>
229
- <a name='L164'></a><a href='#L164'>164</a>
230
- <a name='L165'></a><a href='#L165'>165</a>
231
- <a name='L166'></a><a href='#L166'>166</a>
232
- <a name='L167'></a><a href='#L167'>167</a>
233
- <a name='L168'></a><a href='#L168'>168</a>
234
- <a name='L169'></a><a href='#L169'>169</a>
235
- <a name='L170'></a><a href='#L170'>170</a>
236
- <a name='L171'></a><a href='#L171'>171</a>
237
- <a name='L172'></a><a href='#L172'>172</a>
238
- <a name='L173'></a><a href='#L173'>173</a>
239
- <a name='L174'></a><a href='#L174'>174</a>
240
- <a name='L175'></a><a href='#L175'>175</a>
241
- <a name='L176'></a><a href='#L176'>176</a>
242
- <a name='L177'></a><a href='#L177'>177</a>
243
- <a name='L178'></a><a href='#L178'>178</a>
244
- <a name='L179'></a><a href='#L179'>179</a>
245
- <a name='L180'></a><a href='#L180'>180</a>
246
- <a name='L181'></a><a href='#L181'>181</a>
247
- <a name='L182'></a><a href='#L182'>182</a>
248
- <a name='L183'></a><a href='#L183'>183</a>
249
- <a name='L184'></a><a href='#L184'>184</a>
250
- <a name='L185'></a><a href='#L185'>185</a>
251
- <a name='L186'></a><a href='#L186'>186</a>
252
- <a name='L187'></a><a href='#L187'>187</a>
253
- <a name='L188'></a><a href='#L188'>188</a>
254
- <a name='L189'></a><a href='#L189'>189</a>
255
- <a name='L190'></a><a href='#L190'>190</a>
256
- <a name='L191'></a><a href='#L191'>191</a>
257
- <a name='L192'></a><a href='#L192'>192</a>
258
- <a name='L193'></a><a href='#L193'>193</a>
259
- <a name='L194'></a><a href='#L194'>194</a>
260
- <a name='L195'></a><a href='#L195'>195</a>
261
- <a name='L196'></a><a href='#L196'>196</a>
262
- <a name='L197'></a><a href='#L197'>197</a>
263
- <a name='L198'></a><a href='#L198'>198</a>
264
- <a name='L199'></a><a href='#L199'>199</a>
265
- <a name='L200'></a><a href='#L200'>200</a>
266
- <a name='L201'></a><a href='#L201'>201</a>
267
- <a name='L202'></a><a href='#L202'>202</a>
268
- <a name='L203'></a><a href='#L203'>203</a>
269
- <a name='L204'></a><a href='#L204'>204</a>
270
- <a name='L205'></a><a href='#L205'>205</a>
271
- <a name='L206'></a><a href='#L206'>206</a>
272
- <a name='L207'></a><a href='#L207'>207</a>
273
- <a name='L208'></a><a href='#L208'>208</a>
274
- <a name='L209'></a><a href='#L209'>209</a>
275
- <a name='L210'></a><a href='#L210'>210</a>
276
- <a name='L211'></a><a href='#L211'>211</a>
277
- <a name='L212'></a><a href='#L212'>212</a>
278
- <a name='L213'></a><a href='#L213'>213</a>
279
- <a name='L214'></a><a href='#L214'>214</a>
280
- <a name='L215'></a><a href='#L215'>215</a>
281
- <a name='L216'></a><a href='#L216'>216</a>
282
- <a name='L217'></a><a href='#L217'>217</a>
283
- <a name='L218'></a><a href='#L218'>218</a>
284
- <a name='L219'></a><a href='#L219'>219</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-no">&nbsp;</span>
287
- <span class="cline-any cline-no">&nbsp;</span>
288
- <span class="cline-any cline-neutral">&nbsp;</span>
289
- <span class="cline-any cline-neutral">&nbsp;</span>
290
- <span class="cline-any cline-no">&nbsp;</span>
291
- <span class="cline-any cline-no">&nbsp;</span>
292
- <span class="cline-any cline-no">&nbsp;</span>
293
- <span class="cline-any cline-neutral">&nbsp;</span>
294
- <span class="cline-any cline-neutral">&nbsp;</span>
295
- <span class="cline-any cline-neutral">&nbsp;</span>
296
- <span class="cline-any cline-neutral">&nbsp;</span>
297
- <span class="cline-any cline-neutral">&nbsp;</span>
298
- <span class="cline-any cline-neutral">&nbsp;</span>
299
- <span class="cline-any cline-neutral">&nbsp;</span>
300
- <span class="cline-any cline-neutral">&nbsp;</span>
301
- <span class="cline-any cline-neutral">&nbsp;</span>
302
- <span class="cline-any cline-neutral">&nbsp;</span>
303
- <span class="cline-any cline-neutral">&nbsp;</span>
304
- <span class="cline-any cline-neutral">&nbsp;</span>
305
- <span class="cline-any cline-neutral">&nbsp;</span>
306
- <span class="cline-any cline-neutral">&nbsp;</span>
307
- <span class="cline-any cline-neutral">&nbsp;</span>
308
- <span class="cline-any cline-neutral">&nbsp;</span>
309
- <span class="cline-any cline-neutral">&nbsp;</span>
310
- <span class="cline-any cline-neutral">&nbsp;</span>
311
- <span class="cline-any cline-neutral">&nbsp;</span>
312
- <span class="cline-any cline-neutral">&nbsp;</span>
313
- <span class="cline-any cline-neutral">&nbsp;</span>
314
- <span class="cline-any cline-no">&nbsp;</span>
315
- <span class="cline-any cline-neutral">&nbsp;</span>
316
- <span class="cline-any cline-neutral">&nbsp;</span>
317
- <span class="cline-any cline-neutral">&nbsp;</span>
318
- <span class="cline-any cline-no">&nbsp;</span>
319
- <span class="cline-any cline-neutral">&nbsp;</span>
320
- <span class="cline-any cline-neutral">&nbsp;</span>
321
- <span class="cline-any cline-neutral">&nbsp;</span>
322
- <span class="cline-any cline-neutral">&nbsp;</span>
323
- <span class="cline-any cline-neutral">&nbsp;</span>
324
- <span class="cline-any cline-no">&nbsp;</span>
325
- <span class="cline-any cline-neutral">&nbsp;</span>
326
- <span class="cline-any cline-no">&nbsp;</span>
327
- <span class="cline-any cline-no">&nbsp;</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span>
329
- <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-no">&nbsp;</span>
331
- <span class="cline-any cline-no">&nbsp;</span>
332
- <span class="cline-any cline-neutral">&nbsp;</span>
333
- <span class="cline-any cline-neutral">&nbsp;</span>
334
- <span class="cline-any cline-no">&nbsp;</span>
335
- <span class="cline-any cline-neutral">&nbsp;</span>
336
- <span class="cline-any cline-neutral">&nbsp;</span>
337
- <span class="cline-any cline-neutral">&nbsp;</span>
338
- <span class="cline-any cline-neutral">&nbsp;</span>
339
- <span class="cline-any cline-neutral">&nbsp;</span>
340
- <span class="cline-any cline-neutral">&nbsp;</span>
341
- <span class="cline-any cline-no">&nbsp;</span>
342
- <span class="cline-any cline-neutral">&nbsp;</span>
343
- <span class="cline-any cline-neutral">&nbsp;</span>
344
- <span class="cline-any cline-no">&nbsp;</span>
345
- <span class="cline-any cline-neutral">&nbsp;</span>
346
- <span class="cline-any cline-no">&nbsp;</span>
347
- <span class="cline-any cline-neutral">&nbsp;</span>
348
- <span class="cline-any cline-neutral">&nbsp;</span>
349
- <span class="cline-any cline-neutral">&nbsp;</span>
350
- <span class="cline-any cline-neutral">&nbsp;</span>
351
- <span class="cline-any cline-no">&nbsp;</span>
352
- <span class="cline-any cline-neutral">&nbsp;</span>
353
- <span class="cline-any cline-no">&nbsp;</span>
354
- <span class="cline-any cline-neutral">&nbsp;</span>
355
- <span class="cline-any cline-no">&nbsp;</span>
356
- <span class="cline-any cline-neutral">&nbsp;</span>
357
- <span class="cline-any cline-neutral">&nbsp;</span>
358
- <span class="cline-any cline-no">&nbsp;</span>
359
- <span class="cline-any cline-neutral">&nbsp;</span>
360
- <span class="cline-any cline-neutral">&nbsp;</span>
361
- <span class="cline-any cline-neutral">&nbsp;</span>
362
- <span class="cline-any cline-neutral">&nbsp;</span>
363
- <span class="cline-any cline-neutral">&nbsp;</span>
364
- <span class="cline-any cline-neutral">&nbsp;</span>
365
- <span class="cline-any cline-neutral">&nbsp;</span>
366
- <span class="cline-any cline-neutral">&nbsp;</span>
367
- <span class="cline-any cline-neutral">&nbsp;</span>
368
- <span class="cline-any cline-neutral">&nbsp;</span>
369
- <span class="cline-any cline-neutral">&nbsp;</span>
370
- <span class="cline-any cline-neutral">&nbsp;</span>
371
- <span class="cline-any cline-neutral">&nbsp;</span>
372
- <span class="cline-any cline-neutral">&nbsp;</span>
373
- <span class="cline-any cline-neutral">&nbsp;</span>
374
- <span class="cline-any cline-neutral">&nbsp;</span>
375
- <span class="cline-any cline-neutral">&nbsp;</span>
376
- <span class="cline-any cline-neutral">&nbsp;</span>
377
- <span class="cline-any cline-neutral">&nbsp;</span>
378
- <span class="cline-any cline-neutral">&nbsp;</span>
379
- <span class="cline-any cline-neutral">&nbsp;</span>
380
- <span class="cline-any cline-neutral">&nbsp;</span>
381
- <span class="cline-any cline-neutral">&nbsp;</span>
382
- <span class="cline-any cline-neutral">&nbsp;</span>
383
- <span class="cline-any cline-neutral">&nbsp;</span>
384
- <span class="cline-any cline-neutral">&nbsp;</span>
385
- <span class="cline-any cline-neutral">&nbsp;</span>
386
- <span class="cline-any cline-neutral">&nbsp;</span>
387
- <span class="cline-any cline-neutral">&nbsp;</span>
388
- <span class="cline-any cline-neutral">&nbsp;</span>
389
- <span class="cline-any cline-neutral">&nbsp;</span>
390
- <span class="cline-any cline-neutral">&nbsp;</span>
391
- <span class="cline-any cline-neutral">&nbsp;</span>
392
- <span class="cline-any cline-neutral">&nbsp;</span>
393
- <span class="cline-any cline-neutral">&nbsp;</span>
394
- <span class="cline-any cline-neutral">&nbsp;</span>
395
- <span class="cline-any cline-neutral">&nbsp;</span>
396
- <span class="cline-any cline-neutral">&nbsp;</span>
397
- <span class="cline-any cline-no">&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-neutral">&nbsp;</span>
401
- <span class="cline-any cline-neutral">&nbsp;</span>
402
- <span class="cline-any cline-neutral">&nbsp;</span>
403
- <span class="cline-any cline-neutral">&nbsp;</span>
404
- <span class="cline-any cline-neutral">&nbsp;</span>
405
- <span class="cline-any cline-neutral">&nbsp;</span>
406
- <span class="cline-any cline-neutral">&nbsp;</span>
407
- <span class="cline-any cline-no">&nbsp;</span>
408
- <span class="cline-any cline-neutral">&nbsp;</span>
409
- <span class="cline-any cline-no">&nbsp;</span>
410
- <span class="cline-any cline-neutral">&nbsp;</span>
411
- <span class="cline-any cline-neutral">&nbsp;</span>
412
- <span class="cline-any cline-neutral">&nbsp;</span>
413
- <span class="cline-any cline-no">&nbsp;</span>
414
- <span class="cline-any cline-no">&nbsp;</span>
415
- <span class="cline-any cline-no">&nbsp;</span>
416
- <span class="cline-any cline-neutral">&nbsp;</span>
417
- <span class="cline-any cline-neutral">&nbsp;</span>
418
- <span class="cline-any cline-neutral">&nbsp;</span>
419
- <span class="cline-any cline-no">&nbsp;</span>
420
- <span class="cline-any cline-no">&nbsp;</span>
421
- <span class="cline-any cline-no">&nbsp;</span>
422
- <span class="cline-any cline-no">&nbsp;</span>
423
- <span class="cline-any cline-no">&nbsp;</span>
424
- <span class="cline-any cline-neutral">&nbsp;</span>
425
- <span class="cline-any cline-neutral">&nbsp;</span>
426
- <span class="cline-any cline-neutral">&nbsp;</span>
427
- <span class="cline-any cline-neutral">&nbsp;</span>
428
- <span class="cline-any cline-neutral">&nbsp;</span>
429
- <span class="cline-any cline-neutral">&nbsp;</span>
430
- <span class="cline-any cline-neutral">&nbsp;</span>
431
- <span class="cline-any cline-no">&nbsp;</span>
432
- <span class="cline-any cline-no">&nbsp;</span>
433
- <span class="cline-any cline-neutral">&nbsp;</span>
434
- <span class="cline-any cline-neutral">&nbsp;</span>
435
- <span class="cline-any cline-neutral">&nbsp;</span>
436
- <span class="cline-any cline-no">&nbsp;</span>
437
- <span class="cline-any cline-no">&nbsp;</span>
438
- <span class="cline-any cline-no">&nbsp;</span>
439
- <span class="cline-any cline-neutral">&nbsp;</span>
440
- <span class="cline-any cline-no">&nbsp;</span>
441
- <span class="cline-any cline-neutral">&nbsp;</span>
442
- <span class="cline-any cline-neutral">&nbsp;</span>
443
- <span class="cline-any cline-no">&nbsp;</span>
444
- <span class="cline-any cline-neutral">&nbsp;</span>
445
- <span class="cline-any cline-neutral">&nbsp;</span>
446
- <span class="cline-any cline-neutral">&nbsp;</span>
447
- <span class="cline-any cline-no">&nbsp;</span>
448
- <span class="cline-any cline-neutral">&nbsp;</span>
449
- <span class="cline-any cline-neutral">&nbsp;</span>
450
- <span class="cline-any cline-neutral">&nbsp;</span>
451
- <span class="cline-any cline-neutral">&nbsp;</span>
452
- <span class="cline-any cline-neutral">&nbsp;</span>
453
- <span class="cline-any cline-neutral">&nbsp;</span>
454
- <span class="cline-any cline-no">&nbsp;</span>
455
- <span class="cline-any cline-neutral">&nbsp;</span>
456
- <span class="cline-any cline-no">&nbsp;</span>
457
- <span class="cline-any cline-neutral">&nbsp;</span>
458
- <span class="cline-any cline-neutral">&nbsp;</span>
459
- <span class="cline-any cline-no">&nbsp;</span>
460
- <span class="cline-any cline-no">&nbsp;</span>
461
- <span class="cline-any cline-neutral">&nbsp;</span>
462
- <span class="cline-any cline-no">&nbsp;</span>
463
- <span class="cline-any cline-no">&nbsp;</span>
464
- <span class="cline-any cline-no">&nbsp;</span>
465
- <span class="cline-any cline-no">&nbsp;</span>
466
- <span class="cline-any cline-no">&nbsp;</span>
467
- <span class="cline-any cline-no">&nbsp;</span>
468
- <span class="cline-any cline-no">&nbsp;</span>
469
- <span class="cline-any cline-no">&nbsp;</span>
470
- <span class="cline-any cline-neutral">&nbsp;</span>
471
- <span class="cline-any cline-neutral">&nbsp;</span>
472
- <span class="cline-any cline-neutral">&nbsp;</span>
473
- <span class="cline-any cline-neutral">&nbsp;</span>
474
- <span class="cline-any cline-neutral">&nbsp;</span>
475
- <span class="cline-any cline-neutral">&nbsp;</span>
476
- <span class="cline-any cline-no">&nbsp;</span>
477
- <span class="cline-any cline-neutral">&nbsp;</span>
478
- <span class="cline-any cline-no">&nbsp;</span>
479
- <span class="cline-any cline-neutral">&nbsp;</span>
480
- <span class="cline-any cline-neutral">&nbsp;</span>
481
- <span class="cline-any cline-neutral">&nbsp;</span>
482
- <span class="cline-any cline-neutral">&nbsp;</span>
483
- <span class="cline-any cline-neutral">&nbsp;</span>
484
- <span class="cline-any cline-no">&nbsp;</span>
485
- <span class="cline-any cline-neutral">&nbsp;</span>
486
- <span class="cline-any cline-neutral">&nbsp;</span>
487
- <span class="cline-any cline-neutral">&nbsp;</span>
488
- <span class="cline-any cline-neutral">&nbsp;</span>
489
- <span class="cline-any cline-neutral">&nbsp;</span>
490
- <span class="cline-any cline-neutral">&nbsp;</span>
491
- <span class="cline-any cline-no">&nbsp;</span>
492
- <span class="cline-any cline-neutral">&nbsp;</span>
493
- <span class="cline-any cline-neutral">&nbsp;</span>
494
- <span class="cline-any cline-neutral">&nbsp;</span>
495
- <span class="cline-any cline-neutral">&nbsp;</span>
496
- <span class="cline-any cline-no">&nbsp;</span>
497
- <span class="cline-any cline-neutral">&nbsp;</span>
498
- <span class="cline-any cline-neutral">&nbsp;</span>
499
- <span class="cline-any cline-neutral">&nbsp;</span>
500
- <span class="cline-any cline-neutral">&nbsp;</span>
501
- <span class="cline-any cline-neutral">&nbsp;</span>
502
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
503
- &lt;Container&gt;
504
- &lt;InputWrapper&gt;<span class="cstat-no" title="statement not covered" ></span>
505
- <span class="cstat-no" title="statement not covered" > &lt;InputContainer</span>
506
- :has-length="!!textInput.length"
507
- :has-unit="!!question.unit_short_name"
508
- <span class="cstat-no" title="statement not covered" > :input-width="inpu</span>tWidth"
509
- :is-error="isError"<span class="cstat-no" title="statement not covered" ></span>
510
- :placeholder="p<span class="cstat-no" title="statement not covered" >laceholder"</span>
511
- :value="textInput"
512
- @blur="onInputBlur()"
513
- @input="onChangeHandler"
514
- @keyup.enter="$emit('on-enter-click')"
515
- /&gt;
516
- &lt;UnitContainer
517
- v-if="question.unit_short_name"
518
- :has-length="!!textInput.length"
519
- :is-error="isError"
520
- &gt;
521
- {{ question.unit_short_name }}
522
- &lt;/UnitContainer&gt;
523
- &lt;/InputWrapper&gt;
524
- &lt;ErrorMessage v-if="isError"&gt;
525
- {{ errorMessage }}
526
- &lt;/ErrorMessage&gt;
527
- &lt;/Container&gt;
528
- &lt;/template&gt;
529
- &nbsp;
530
- &lt;script&gt;
531
- // import InputNumberQuestion from "@eturnity/eturnity_reusable_components/src/components/inputs/inputNumberQuestion"
532
- //This component<span class="cstat-no" title="statement not covered" > should be used for questions with input fields only</span>
533
- //How to use:
534
- // &lt;input-number
535
- // placeholder="Enter distance"
536
- // :isError="<span class="cstat-no" title="statement not covered" >false" //default is false</span>
537
- // inputWidth="150px" //by default, this is 100%
538
- // :question="question"
539
- // :value="inputValue" //required -- String
540
- // @input-change="onInputChange($event)" //required
541
- // @on-enter-click="onInputSubmit()"
542
- // :errorMessage=<span class="cstat-no" title="statement not covered" >"Enter a number between 1 and 10"</span>
543
- // /&gt;
544
- // que<span class="fstat-no" title="function not covered" >st</span>ion dat<span class="cstat-no" title="statement not covered" >a example:</span>
545
- // question: <span class="fstat-no" title="function not covered" >{<span class="cstat-no" title="statement not covered" ></span></span>
546
- // number_format_precision: 4,
547
- // number_min_allowed: 0,
548
- // number<span class="fstat-no" title="function not covered" >_m</span>ax_allo<span class="cstat-no" title="statement not covered" >wed: 10,</span>
549
- // unit_s<span class="fstat-no" title="function not covered" >ho</span>rt_name<span class="cstat-no" title="statement not covered" >: "cm",</span>
550
- // },
551
- import styled from 'vue3-styled-components'
552
- import {<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
553
- stringToNumber,
554
- numberToString,
555
- } from '../../../helpers/numberConverter'
556
- &nbsp;
557
- const Container = styled.div`
558
- width: 100%;
559
- position: relativ<span class="cstat-no" title="statement not covered" >e;</span>
560
- `
561
- &nbsp;
562
- const inputProps = {<span class="cstat-no" title="statement not covered" ></span>
563
- isError: Boolean,
564
- hasU<span class="fstat-no" title="function not covered" >ni</span>t: Bool<span class="cstat-no" title="statement not covered" >ean,</span>
565
- inputWidth: String,
566
- hasLength: Boolean,
567
- }
568
- const InputContainer = styled('input', inputProps)`
569
- border: 1<span class="fstat-no" title="function not covered" >px</span> solid<span class="cstat-no" title="statement not covered" ></span>
570
- ${(props) =&gt;
571
- props.isError<span class="cstat-no" title="statement not covered" ></span>
572
- ? props.theme.colors.red
573
- : p<span class="fstat-no" title="function not covered" >ro</span>ps.hasL<span class="cstat-no" title="statement not covered" >ength</span>
574
- ? props.theme.colors.primary
575
- : props.theme.colors.mediumGray};
576
- padding: ${<span class="cstat-no" title="statement not covered" >(props) =&gt;</span>
577
- props.hasUnit ? '11px 40px 11px 10px' : '11px 5px 11px 10px'};
578
- border-radius: 4px;
579
- font-size: 16px;
580
- color: ${(props) =&gt;
581
- props.isError ? props.theme.colors.red : props.theme.colors.primary};
582
- width: ${(props) =&gt; (props.inputWidth ? props.inputWidth : 'auto')};
583
- &nbsp;
584
- &amp;::placeholder {
585
- color: ${(props) =&gt;
586
- props.isError ? props.theme.colors.red : props.theme.colors.darkGray};
587
- }
588
- &nbsp;
589
- &amp;:focus {
590
- outline: none;
591
- }
592
- `
593
- &nbsp;
594
- const InputWrapper = styled.span`
595
- position: relative;
596
- `
597
- &nbsp;
598
- const UnitContainer = styled('span', inputProps)`
599
- border-left: 1px solid
600
- ${(props) =&gt;
601
- props.isError
602
- ? props.theme.colors.red
603
- : props.hasLength
604
- ? props.theme.colors.primary
605
- : props.theme.colors.mediumGray};
606
- position: absolute;
607
- right: 10px;
608
- top: 0;
609
- padding-left: 10px;
610
- color: ${(props) =&gt;
611
- props.isError
612
- ? props.theme.colors.red
613
- : props.hasLength
614
- <span class="fstat-no" title="function not covered" ></span> ? props.theme.colors.primary
615
- <span class="cstat-no" title="statement not covered" > : props.theme.colors.mediumGray};</span>
616
- `
617
- &nbsp;
618
- const ErrorMessage = styled.div`
619
- font-size: 14px;
620
- color: ${(props) =&gt; props.theme.colors.red};
621
- padding-top: 16px;
622
- `
623
- &nbsp;
624
- export default<span class="fstat-no" title="function not covered" > {</span>
625
- na<span class="cstat-no" title="statement not covered" >me: 'InputNumberQuestion',</span>
626
- components: {
627
- Co<span class="cstat-no" title="statement not covered" >ntainer,</span>
628
- InputContainer,
629
- InputWrapper,
630
- UnitCont<span class="fstat-no" title="function not covered" >ai</span>ner,
631
- <span class="cstat-no" title="statement not covered" > ErrorMessage,</span>
632
- },<span class="cstat-no" title="statement not covered" ></span>
633
- pr<span class="cstat-no" title="statement not covered" >ops: {</span>
634
- placeholder: {
635
- required: false,
636
- <span class="fstat-no" title="function not covered" ></span> default: '',
637
- <span class="cstat-no" title="statement not covered" > },</span>
638
- <span class="cstat-no" title="statement not covered" > isError: {</span>
639
- <span class="cstat-no" title="statement not covered" > required: false,</span>
640
- <span class="cstat-no" title="statement not covered" > default: false,</span>
641
- <span class="cstat-no" title="statement not covered" > },</span>
642
- question: {
643
- required: true,
644
- },
645
- inputWidth: {
646
- required: false,
647
- default: null,
648
- <span class="fstat-no" title="function not covered" ></span> },
649
- <span class="cstat-no" title="statement not covered" > value: {</span>
650
- required: true,<span class="cstat-no" title="statement not covered" ></span>
651
- default: null,
652
- },
653
- clearInput: {
654
- <span class="cstat-no" title="statement not covered" > required: false,</span>
655
- <span class="cstat-no" title="statement not covered" > default: false,</span>
656
- },<span class="cstat-no" title="statement not covered" ></span>
657
- errorMessage: {
658
- <span class="cstat-no" title="statement not covered" > required: false,</span>
659
- default: 'Please insert a correct number',
660
- <span class="fstat-no" title="function not covered" ></span> },
661
- },<span class="cstat-no" title="statement not covered" ></span>
662
- data() {
663
- return {
664
- textInput: '',
665
- <span class="cstat-no" title="statement not covered" > numberPrecision: 0, // we set this on created. By default is 0</span>
666
- minValue: 0,
667
- maxValue: 100,
668
- }
669
- },
670
- watch: {
671
- clearInput: function (value) {
672
- <span class="cstat-no" title="statement not covered" > if (va</span>lue) {
673
- // If the value is typed, then we should clear the textInput on Continue
674
- <span class="cstat-no" title="statement not covered" > this.textInput = ''</span>
675
- }
676
- },
677
- <span class="cstat-no" title="statement not covered" > question: function </span>(value) {
678
- thi<span class="cstat-no" title="statement not covered" >s.numberPrecisi</span>on = value.number_format_precision
679
- t<span class="fstat-no" title="function not covered" >his.min</span>Value = value.number_min_allowed
680
- this.maxValue = value.number<span class="cstat-no" title="statement not covered" >_max_allowed</span>
681
- },<span class="cstat-no" title="statement not covered" ></span>
682
- },<span class="cstat-no" title="statement not covered" ></span>
683
- created() {<span class="cstat-no" title="statement not covered" ></span>
684
- this.numberPrecision = th<span class="cstat-no" title="statement not covered" >is.question.number_format_precision</span>
685
- <span class="cstat-no" title="statement not covered" > this.minValue = this.question.number_min_allowed</span>
686
- this.maxValue = this.ques<span class="fstat-no" title="function not covered" >ti</span>on.n<span class="cstat-no" title="statement not covered" >umber_max_allowed</span>
687
- if (this.value) {<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
688
- this.textInput = numberToString({
689
- value: this.value,
690
- numberPrecision: this.numberPrecision,
691
- })
692
- }
693
- },
694
- methods: {<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
695
- onChangeHandler($event) {
696
- this.textInput = $event<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
697
- let formattedValue = stringToNumber({
698
- value: $event,
699
- numberPrecision: this.numberPrecision,
700
- })
701
- if (isNaN(formattedValue)) {
702
- this.textInput = ''<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
703
- formattedValue = ''
704
- }
705
- this.$emit('input-change', formattedValue)
706
- },
707
- onInputBlur() {
708
- let num = stringToNumber({
709
- value: this.textInput,<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
710
- numberPrecision: this.numberPrecision,
711
- })
712
- this.textInput = numberToString({
713
- value: num,
714
- <span class="cstat-no" title="statement not covered" > numberPrecision: this.numberPrecision,</span>
715
- })
716
- },
717
- },
718
- }
719
- &lt;/script&gt;
720
- &nbsp;</pre></td></tr></table></pre>
721
-
722
- <div class='push'></div><!-- for sticky footer -->
723
- </div><!-- /wrapper -->
724
- <div class='footer quiet pad2 space-top1 center small'>
725
- Code coverage generated by
726
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
727
- at 2024-08-08T06:43:27.888Z
728
- </div>
729
- <script src="../../../../prettify.js"></script>
730
- <script>
731
- window.onload = function () {
732
- prettyPrint();
733
- };
734
- </script>
735
- <script src="../../../../sorter.js"></script>
736
- <script src="../../../../block-navigation.js"></script>
737
- </body>
738
- </html>
739
-