@eturnity/eturnity_reusable_components 7.33.6 → 7.35.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 (172) 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 +35 -0
  7. package/src/components/icon/iconCollection.vue +16 -2
  8. package/src/components/inputs/checkbox/Checkbox.stories.js +49 -43
  9. package/src/components/inputs/checkbox/checkbox.spec.js +109 -0
  10. package/src/components/inputs/checkbox/index.vue +1 -0
  11. package/src/components/inputs/toggle/toggle.spec.js +2 -2
  12. package/src/stories/Button.stories.js +6 -6
  13. package/src/stories/Header.stories.js +5 -5
  14. package/src/stories/Page.stories.js +8 -8
  15. package/.eslintrc.js +0 -181
  16. package/.prettierrc +0 -9
  17. package/.storybook/main.js +0 -23
  18. package/.storybook/preview.js +0 -46
  19. package/babel.config.js +0 -18
  20. package/coverage/base.css +0 -224
  21. package/coverage/block-navigation.js +0 -87
  22. package/coverage/favicon.png +0 -0
  23. package/coverage/index.html +0 -986
  24. package/coverage/prettify.css +0 -1
  25. package/coverage/prettify.js +0 -2
  26. package/coverage/sort-arrow-sprite.png +0 -0
  27. package/coverage/sorter.js +0 -196
  28. package/coverage/src/App.vue.html +0 -175
  29. package/coverage/src/Test.vue.html +0 -421
  30. package/coverage/src/assets/index.html +0 -116
  31. package/coverage/src/assets/tests/helpers.js.html +0 -121
  32. package/coverage/src/assets/tests/index.html +0 -116
  33. package/coverage/src/assets/theme.js.html +0 -208
  34. package/coverage/src/components/addNewButton/AddNewButton.stories.js.html +0 -157
  35. package/coverage/src/components/addNewButton/index.html +0 -131
  36. package/coverage/src/components/addNewButton/index.vue.html +0 -268
  37. package/coverage/src/components/banner/actionBanner/index.html +0 -116
  38. package/coverage/src/components/banner/actionBanner/index.vue.html +0 -277
  39. package/coverage/src/components/banner/banner/banner.stories.js.html +0 -178
  40. package/coverage/src/components/banner/banner/index.html +0 -131
  41. package/coverage/src/components/banner/banner/index.vue.html +0 -649
  42. package/coverage/src/components/banner/infoBanner/index.html +0 -116
  43. package/coverage/src/components/banner/infoBanner/index.vue.html +0 -256
  44. package/coverage/src/components/buttons/buttonIcon/index.html +0 -116
  45. package/coverage/src/components/buttons/buttonIcon/index.vue.html +0 -520
  46. package/coverage/src/components/buttons/closeButton/CloseButton.stories.js.html +0 -172
  47. package/coverage/src/components/buttons/closeButton/index.html +0 -131
  48. package/coverage/src/components/buttons/closeButton/index.vue.html +0 -268
  49. package/coverage/src/components/buttons/mainButton/index.html +0 -116
  50. package/coverage/src/components/buttons/mainButton/index.vue.html +0 -505
  51. package/coverage/src/components/card/index.html +0 -116
  52. package/coverage/src/components/card/index.vue.html +0 -373
  53. package/coverage/src/components/collapsableInfoText/index.html +0 -116
  54. package/coverage/src/components/collapsableInfoText/index.vue.html +0 -466
  55. package/coverage/src/components/deleteIcon/DeleteIcon.stories.js.html +0 -172
  56. package/coverage/src/components/deleteIcon/index.html +0 -131
  57. package/coverage/src/components/deleteIcon/index.vue.html +0 -319
  58. package/coverage/src/components/draggableInputHandle/index.html +0 -116
  59. package/coverage/src/components/draggableInputHandle/index.vue.html +0 -223
  60. package/coverage/src/components/dropdown/Dropdown.stories.js.html +0 -244
  61. package/coverage/src/components/dropdown/index.html +0 -131
  62. package/coverage/src/components/dropdown/index.vue.html +0 -499
  63. package/coverage/src/components/errorMessage/index.html +0 -116
  64. package/coverage/src/components/errorMessage/index.vue.html +0 -277
  65. package/coverage/src/components/filter/filterSettings.vue.html +0 -2002
  66. package/coverage/src/components/filter/index.html +0 -146
  67. package/coverage/src/components/filter/index.vue.html +0 -547
  68. package/coverage/src/components/filter/parentDropdown.vue.html +0 -358
  69. package/coverage/src/components/icon/Icons.stories.js.html +0 -208
  70. package/coverage/src/components/icon/iconCollection.vue.html +0 -289
  71. package/coverage/src/components/icon/index.html +0 -146
  72. package/coverage/src/components/icon/index.vue.html +0 -505
  73. package/coverage/src/components/iconWrapper/index.html +0 -116
  74. package/coverage/src/components/iconWrapper/index.vue.html +0 -622
  75. package/coverage/src/components/infoCard/index.html +0 -116
  76. package/coverage/src/components/infoCard/index.vue.html +0 -205
  77. package/coverage/src/components/infoText/index.html +0 -116
  78. package/coverage/src/components/infoText/index.vue.html +0 -595
  79. package/coverage/src/components/inputs/checkbox/Checkbox.stories.js.html +0 -256
  80. package/coverage/src/components/inputs/checkbox/index.html +0 -131
  81. package/coverage/src/components/inputs/checkbox/index.vue.html +0 -757
  82. package/coverage/src/components/inputs/inputNumber/InputNumber.stories.js.html +0 -535
  83. package/coverage/src/components/inputs/inputNumber/index.html +0 -131
  84. package/coverage/src/components/inputs/inputNumber/index.vue.html +0 -2452
  85. package/coverage/src/components/inputs/inputNumberQuestion/index.html +0 -116
  86. package/coverage/src/components/inputs/inputNumberQuestion/index.vue.html +0 -739
  87. package/coverage/src/components/inputs/inputText/InputText.stories.js.html +0 -310
  88. package/coverage/src/components/inputs/inputText/index.html +0 -131
  89. package/coverage/src/components/inputs/inputText/index.vue.html +0 -1213
  90. package/coverage/src/components/inputs/radioButton/RadioButton.stories.js.html +0 -259
  91. package/coverage/src/components/inputs/radioButton/index.html +0 -131
  92. package/coverage/src/components/inputs/radioButton/index.vue.html +0 -904
  93. package/coverage/src/components/inputs/searchInput/SearchInput.stories.js.html +0 -205
  94. package/coverage/src/components/inputs/searchInput/index.html +0 -131
  95. package/coverage/src/components/inputs/searchInput/index.vue.html +0 -538
  96. package/coverage/src/components/inputs/select/index.html +0 -131
  97. package/coverage/src/components/inputs/select/index.vue.html +0 -2809
  98. package/coverage/src/components/inputs/select/option/index.html +0 -116
  99. package/coverage/src/components/inputs/select/option/index.vue.html +0 -529
  100. package/coverage/src/components/inputs/select/select.stories.js.html +0 -259
  101. package/coverage/src/components/inputs/slider/index.html +0 -116
  102. package/coverage/src/components/inputs/slider/index.vue.html +0 -463
  103. package/coverage/src/components/inputs/switchField/index.html +0 -116
  104. package/coverage/src/components/inputs/switchField/index.vue.html +0 -847
  105. package/coverage/src/components/inputs/textAreaInput/TextAreaInput.stories.js.html +0 -466
  106. package/coverage/src/components/inputs/textAreaInput/index.html +0 -131
  107. package/coverage/src/components/inputs/textAreaInput/index.vue.html +0 -679
  108. package/coverage/src/components/inputs/toggle/Toggle.stories.js.html +0 -316
  109. package/coverage/src/components/inputs/toggle/index.html +0 -131
  110. package/coverage/src/components/inputs/toggle/index.vue.html +0 -1036
  111. package/coverage/src/components/label/index.html +0 -116
  112. package/coverage/src/components/label/index.vue.html +0 -382
  113. package/coverage/src/components/markerItem/index.html +0 -116
  114. package/coverage/src/components/markerItem/index.vue.html +0 -349
  115. package/coverage/src/components/modals/actionModal/index.html +0 -116
  116. package/coverage/src/components/modals/actionModal/index.vue.html +0 -277
  117. package/coverage/src/components/modals/infoModal/index.html +0 -116
  118. package/coverage/src/components/modals/infoModal/index.vue.html +0 -241
  119. package/coverage/src/components/modals/modal/index.html +0 -131
  120. package/coverage/src/components/modals/modal/index.vue.html +0 -649
  121. package/coverage/src/components/modals/modal/modal.stories.js.html +0 -178
  122. package/coverage/src/components/navigationTabs/index.html +0 -116
  123. package/coverage/src/components/navigationTabs/index.vue.html +0 -427
  124. package/coverage/src/components/pageSubtitle/index.html +0 -116
  125. package/coverage/src/components/pageSubtitle/index.vue.html +0 -286
  126. package/coverage/src/components/pageTitle/index.html +0 -116
  127. package/coverage/src/components/pageTitle/index.vue.html +0 -289
  128. package/coverage/src/components/pagination/index.html +0 -116
  129. package/coverage/src/components/pagination/index.vue.html +0 -529
  130. package/coverage/src/components/progressBar/index.html +0 -116
  131. package/coverage/src/components/progressBar/index.vue.html +0 -460
  132. package/coverage/src/components/projectMarker/index.html +0 -116
  133. package/coverage/src/components/projectMarker/index.vue.html +0 -985
  134. package/coverage/src/components/rangeSlider/Slider.vue.html +0 -1804
  135. package/coverage/src/components/rangeSlider/index.html +0 -131
  136. package/coverage/src/components/rangeSlider/index.vue.html +0 -1636
  137. package/coverage/src/components/rangeSlider/utils/dom.js.html +0 -232
  138. package/coverage/src/components/rangeSlider/utils/fns.js.html +0 -163
  139. package/coverage/src/components/rangeSlider/utils/index.html +0 -131
  140. package/coverage/src/components/selectedOptions/index.html +0 -116
  141. package/coverage/src/components/selectedOptions/index.vue.html +0 -520
  142. package/coverage/src/components/sideMenu/index.html +0 -116
  143. package/coverage/src/components/sideMenu/index.vue.html +0 -895
  144. package/coverage/src/components/spinner/index.html +0 -116
  145. package/coverage/src/components/spinner/index.vue.html +0 -289
  146. package/coverage/src/components/tableDropdown/index.html +0 -116
  147. package/coverage/src/components/tableDropdown/index.vue.html +0 -1999
  148. package/coverage/src/components/tables/mainTable/exampleNested.vue.html +0 -1069
  149. package/coverage/src/components/tables/mainTable/index.html +0 -131
  150. package/coverage/src/components/tables/mainTable/index.vue.html +0 -1615
  151. package/coverage/src/components/tables/viewTable/index.html +0 -116
  152. package/coverage/src/components/tables/viewTable/index.vue.html +0 -670
  153. package/coverage/src/components/tabsHeader/index.html +0 -116
  154. package/coverage/src/components/tabsHeader/index.vue.html +0 -334
  155. package/coverage/src/components/threeDots/index.html +0 -116
  156. package/coverage/src/components/threeDots/index.vue.html +0 -1324
  157. package/coverage/src/components/videoThumbnail/index.html +0 -131
  158. package/coverage/src/components/videoThumbnail/index.vue.html +0 -394
  159. package/coverage/src/components/videoThumbnail/videoThumbnail.stories.js.html +0 -184
  160. package/coverage/src/helpers/currencyMapping.js.html +0 -169
  161. package/coverage/src/helpers/index.html +0 -146
  162. package/coverage/src/helpers/numberConverter.js.html +0 -394
  163. package/coverage/src/helpers/translateLang.js.html +0 -469
  164. package/coverage/src/index.html +0 -131
  165. package/coverage/src/mixins/index.html +0 -116
  166. package/coverage/src/mixins/inputValidations.js.html +0 -376
  167. package/coverage/src/router/dynamicRoutes.js.html +0 -154
  168. package/coverage/src/router/index.html +0 -116
  169. package/coverage/src/utils/index.html +0 -116
  170. package/coverage/src/utils/index.js.html +0 -121
  171. package/jest.config.js +0 -24
  172. package/postcss.config.js +0 -6
package/coverage/src/components/inputs/checkbox/index.vue.html DELETED
@@ -1,757 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/components/inputs/checkbox/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/checkbox</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/47</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/58</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/24</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/47</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>
285
- <a name='L220'></a><a href='#L220'>220</a>
286
- <a name='L221'></a><a href='#L221'>221</a>
287
- <a name='L222'></a><a href='#L222'>222</a>
288
- <a name='L223'></a><a href='#L223'>223</a>
289
- <a name='L224'></a><a href='#L224'>224</a>
290
- <a name='L225'></a><a href='#L225'>225</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-neutral">&nbsp;</span>
292
- <span class="cline-any cline-no">&nbsp;</span>
293
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
297
- <span class="cline-any cline-no">&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-no">&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-no">&nbsp;</span>
318
- <span class="cline-any cline-neutral">&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-no">&nbsp;</span>
323
- <span class="cline-any cline-neutral">&nbsp;</span>
324
- <span class="cline-any cline-neutral">&nbsp;</span>
325
- <span class="cline-any cline-neutral">&nbsp;</span>
326
- <span class="cline-any cline-neutral">&nbsp;</span>
327
- <span class="cline-any cline-neutral">&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-neutral">&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-no">&nbsp;</span>
334
- <span class="cline-any cline-neutral">&nbsp;</span>
335
- <span class="cline-any cline-neutral">&nbsp;</span>
336
- <span class="cline-any cline-no">&nbsp;</span>
337
- <span class="cline-any cline-neutral">&nbsp;</span>
338
- <span class="cline-any cline-no">&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-neutral">&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-no">&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-no">&nbsp;</span>
350
- <span class="cline-any cline-neutral">&nbsp;</span>
351
- <span class="cline-any cline-neutral">&nbsp;</span>
352
- <span class="cline-any cline-neutral">&nbsp;</span>
353
- <span class="cline-any cline-neutral">&nbsp;</span>
354
- <span class="cline-any cline-no">&nbsp;</span>
355
- <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
359
- <span class="cline-any cline-no">&nbsp;</span>
360
- <span class="cline-any cline-no">&nbsp;</span>
361
- <span class="cline-any cline-no">&nbsp;</span>
362
- <span class="cline-any cline-no">&nbsp;</span>
363
- <span class="cline-any cline-neutral">&nbsp;</span>
364
- <span class="cline-any cline-no">&nbsp;</span>
365
- <span class="cline-any cline-no">&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-no">&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-no">&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-no">&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-neutral">&nbsp;</span>
398
- <span class="cline-any cline-neutral">&nbsp;</span>
399
- <span class="cline-any cline-neutral">&nbsp;</span>
400
- <span class="cline-any cline-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-neutral">&nbsp;</span>
408
- <span class="cline-any cline-neutral">&nbsp;</span>
409
- <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
414
- <span class="cline-any cline-neutral">&nbsp;</span>
415
- <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
420
- <span class="cline-any cline-neutral">&nbsp;</span>
421
- <span class="cline-any cline-neutral">&nbsp;</span>
422
- <span class="cline-any cline-neutral">&nbsp;</span>
423
- <span class="cline-any cline-neutral">&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-no">&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-no">&nbsp;</span>
435
- <span class="cline-any cline-neutral">&nbsp;</span>
436
- <span class="cline-any cline-neutral">&nbsp;</span>
437
- <span class="cline-any cline-neutral">&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-no">&nbsp;</span>
445
- <span class="cline-any cline-no">&nbsp;</span>
446
- <span class="cline-any cline-neutral">&nbsp;</span>
447
- <span class="cline-any cline-neutral">&nbsp;</span>
448
- <span class="cline-any cline-neutral">&nbsp;</span>
449
- <span class="cline-any cline-no">&nbsp;</span>
450
- <span class="cline-any cline-no">&nbsp;</span>
451
- <span class="cline-any cline-no">&nbsp;</span>
452
- <span class="cline-any cline-no">&nbsp;</span>
453
- <span class="cline-any cline-no">&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-neutral">&nbsp;</span>
457
- <span class="cline-any cline-no">&nbsp;</span>
458
- <span class="cline-any cline-neutral">&nbsp;</span>
459
- <span class="cline-any cline-neutral">&nbsp;</span>
460
- <span class="cline-any cline-neutral">&nbsp;</span>
461
- <span class="cline-any cline-neutral">&nbsp;</span>
462
- <span class="cline-any cline-neutral">&nbsp;</span>
463
- <span class="cline-any cline-neutral">&nbsp;</span>
464
- <span class="cline-any cline-neutral">&nbsp;</span>
465
- <span class="cline-any cline-neutral">&nbsp;</span>
466
- <span class="cline-any cline-no">&nbsp;</span>
467
- <span class="cline-any cline-neutral">&nbsp;</span>
468
- <span class="cline-any cline-neutral">&nbsp;</span>
469
- <span class="cline-any cline-neutral">&nbsp;</span>
470
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
475
- <span class="cline-any cline-neutral">&nbsp;</span>
476
- <span class="cline-any cline-neutral">&nbsp;</span>
477
- <span class="cline-any cline-neutral">&nbsp;</span>
478
- <span class="cline-any cline-neutral">&nbsp;</span>
479
- <span class="cline-any cline-no">&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-neutral">&nbsp;</span>
485
- <span class="cline-any cline-neutral">&nbsp;</span>
486
- <span class="cline-any cline-no">&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-neutral">&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-neutral">&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>
503
- <span class="cline-any cline-neutral">&nbsp;</span>
504
- <span class="cline-any cline-neutral">&nbsp;</span>
505
- <span class="cline-any cline-neutral">&nbsp;</span>
506
- <span class="cline-any cline-neutral">&nbsp;</span>
507
- <span class="cline-any cline-neutral">&nbsp;</span>
508
- <span class="cline-any cline-neutral">&nbsp;</span>
509
- <span class="cline-any cline-neutral">&nbsp;</span>
510
- <span class="cline-any cline-neutral">&nbsp;</span>
511
- <span class="cline-any cline-neutral">&nbsp;</span>
512
- <span class="cline-any cline-neutral">&nbsp;</span>
513
- <span class="cline-any cline-neutral">&nbsp;</span>
514
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
515
- &lt;ComponentWrapper @click.stop&gt;
516
- &lt;Container<span class="cstat-no" title="statement not covered" ></span>
517
- <span class="cstat-no" title="statement not covered" > :background-color="backgroundColor"</span>
518
- :check-color="checkColor"
519
- :cursor-type="cursorType"
520
- <span class="cstat-no" title="statement not covered" > :has-label="hasLabel</span>"
521
- :is-checked="isChecked<span class="cstat-no" title="statement not covered" >"</span>
522
- :is-disabled="isDisabled"
523
- :size="size"
524
- &gt;
525
- &lt;InputCheckbox
526
- :checked="isChecked"
527
- :data-id="dataId"
528
- type="checkbox"
529
- @change="onChangeHandler(!isChecked)"
530
- /&gt;
531
- &lt;CheckWrapper :has-label="hasLabel"&gt;
532
- &lt;span class="checkmark"&gt;&lt;/span&gt;
533
- &lt;/CheckWrapper&gt;
534
- &lt;LabelText v-if="hasLabel"&gt;
535
- {{ label }}<span class="cstat-no" title="statement not covered" ></span>
536
- &lt;/LabelText&gt;
537
- &lt;/Container&gt;
538
- &lt;/ComponentWrapper&gt;<span class="cstat-no" title="statement not covered" ></span>
539
- &lt;/template&gt;
540
- &nbsp;
541
- &lt;scrip<span class="fstat-no" title="function not covered" >t&gt;<span class="cstat-no" title="statement not covered" ></span></span>
542
- // import Checkbox from "@eturnity/eturnity_reusable_components/src/components/inputs/checkbox"
543
- //To use:
544
- // &lt;checkbox
545
- // label="Do you accept the Terms?"
546
- // :isChecked="is<span class="cstat-no" title="statement not covered" >Checked" //required</span>
547
- // @on-event-handler="onInputChange($event)" //required
548
- // checkColor="blue"
549
- // size="small"
550
- // backgroundColor="red"
551
- // :isDisabled="true"
552
- // cursorType="default"
553
- // /&gt;
554
- import styled from 'vue3-styled-components'
555
- <span class="cstat-no" title="statement not covered" ></span>
556
- const ComponentWrapper = styled.div`
557
- min-height: 18px;<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
558
- `
559
- &nbsp;
560
- const Check<span class="fstat-no" title="function not covered" >Wr</span>apper =<span class="cstat-no" title="statement not covered" > styled('div', { hasLabel</span>: Boolean })`
561
- ${(props) =&gt;
562
- props.ha<span class="fstat-no" title="function not covered" >sL</span>abel &amp;&amp;<span class="cstat-no" title="statement not covered" ></span>
563
- `
564
- display: flex;
565
- align-items: center;
566
- `}
567
- `
568
- <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
569
- const contain<span class="fstat-no" title="function not covered" >er</span>Attrs =<span class="cstat-no" title="statement not covered" > {</span>
570
- checkColor: String,<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
571
- size: String,
572
- hasLabel: Boolean,
573
- backgr<span class="fstat-no" title="function not covered" >ou</span>ndColor<span class="cstat-no" title="statement not covered" >: String,</span>
574
- isChecked: Boolean,
575
- isDisabled: Boolean,
576
- cursorType: String,
577
- }
578
- const Container =<span class="fstat-no" title="function not covered" > s</span>tyled('<span class="cstat-no" title="statement not covered" >label', containerAttrs)`</span>
579
- display: grid;
580
- grid-template-columns: ${(props) =&gt;
581
- props.hasLabel ? '16px auto' : '16px'};
582
- grid-gap: 16px;
583
- align-cont<span class="fstat-no" title="function not covered" >en</span>t: cent<span class="cstat-no" title="statement not covered" >er;</span>
584
- color: ${<span class="fstat-no" title="function not covered" >(p</span>rops) =<span class="cstat-no" title="statement not covered" >&gt; props.theme.colors.black};</span>
585
- position: r<span class="fstat-no" title="function not covered" >el</span>ative;<span class="cstat-no" title="statement not covered" ></span>
586
- cursor: ${(p<span class="fstat-no" title="function not covered" >ro</span>ps) =&gt; <span class="cstat-no" title="statement not covered" >(props.isDisabled ? 'not-allowed' : props.cursorType)};</span>
587
- font-size: 16px;
588
- user-s<span class="fstat-no" title="function not covered" >el</span>ect: no<span class="cstat-no" title="statement not covered" >ne;</span>
589
- <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
590
- .checkmark {
591
- position: absolute;
592
- height: ${(props) =&gt;
593
- props.size ===<span class="cstat-no" title="statement not covered" > 'medium'</span>
594
- ? '25px'
595
- : props.size === 'small'
596
- ? '16px'
597
- : '25px'};
598
- width: ${(props) =&gt;
599
- props.size === 'medium'
600
- ? '25px'
601
- : props.<span class="cstat-no" title="statement not covered" >size === 'small'</span>
602
- ? '16px'
603
- : '25px'};
604
- background-color: ${(props) =&gt;
605
- props.isChecked
606
- ? props.backgroundColor
607
- ? p<span class="cstat-no" title="statement not covered" >rops.backgroundColor</span>
608
- : props.theme.colors.green
609
- : props.isDisabled
610
- ? props.theme.colors.lightGray
611
- : props.theme.colors.white};
612
- border-radius: 4px;
613
- border: 1px solid
614
- ${(props) =&gt;
615
- props.isChecked
616
- ? props.backgroundColor
617
- ? props.backgroundColor
618
- : props.theme.colors.green
619
- : props.theme.colors.mediumGray};
620
- &nbsp;
621
- &amp;:after {
622
- content: '';
623
- position: absolute;
624
- display: ${(props) =&gt; (props.isChecked ? 'block' : 'none')};
625
- }
626
- }
627
- &nbsp;
628
- .checkmark:after {
629
- left: ${(props) =&gt;
630
- props.size === 'medium'
631
- ? '9px'
632
- : props.size === 'small'
633
- ? '5px'
634
- : '9px'};
635
- top: ${(props) =&gt;
636
- props.size === 'medium'
637
- ? '5px'
638
- : props.size === 'small'
639
- ? '2px'
640
- : '5px'};
641
- width: ${(props) =&gt;
642
- props.size === 'medium'
643
- ? '5px'
644
- : props.size === 'small'
645
- ? '3px'
646
- : '5px'};
647
- height: ${(props) =&gt;
648
- props.size === 'medium'
649
- <span class="fstat-no" title="function not covered" ></span> ? '10px'
650
- <span class="cstat-no" title="statement not covered" > : props.size === 'small'</span>
651
- ? '6px'
652
- : '10px'};
653
- border: solid
654
- <span class="fstat-no" title="function not covered" ></span> ${(props) =&gt;
655
- <span class="cstat-no" title="statement not covered" > props.checkColor ? props.checkColor : props.theme.colors.white};</span>
656
- bo<span class="cstat-no" title="statement not covered" >rder-wid</span>th: ${(props) =&gt;
657
- props.size === 'medium'
658
- <span class="cstat-no" title="statement not covered" > ? '0 3px 3px 0'</span>
659
- : props.size === 'small'
660
- ? '0 2px 2px 0'
661
- : '0 3px 3px 0'};
662
- <span class="cstat-no" title="statement not covered" > transfor</span>m: rotate(45deg);
663
- }
664
- <span class="cstat-no" title="statement not covered" > `</span>
665
- &nbsp;
666
- const InputCheckbox = styled.input`
667
- <span class="cstat-no" title="statement not covered" > cursor: pointer;</span>
668
- positio<span class="cstat-no" title="statement not covered" >n: absolute;</span>
669
- opacity: 0;<span class="cstat-no" title="statement not covered" ></span>
670
- cursor: pointer;
671
- height: 0;
672
- width<span class="fstat-no" title="function not covered" >: 0;</span>
673
- `<span class="cstat-no" title="statement not covered" ></span>
674
- <span class="cstat-no" title="statement not covered" ></span>
675
- const LabelText = styled.div`<span class="cstat-no" title="statement not covered" ></span>
676
- font-size: 13px;<span class="cstat-no" title="statement not covered" ></span>
677
- display: grid;<span class="cstat-no" title="statement not covered" ></span>
678
- <span class="cstat-no" title="statement not covered" > align-items: flex-start;</span>
679
- min-height: 18px;<span class="fstat-no" title="function not covered" ></span>
680
- `
681
- <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
682
- export default {
683
- name: 'Checkbox',
684
- components: {
685
- ComponentWrapper,
686
- Container,
687
- InputCheckbox,
688
- LabelText,
689
- CheckWrapper,
690
- },<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
691
- props: {
692
- label: {
693
- required: false,
694
- default: '',<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
695
- },
696
- isChecked: {
697
- required: true,
698
- default: false,<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
699
- },
700
- checkColor: {
701
- required: false,
702
- },
703
- size: {<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
704
- required: false,
705
- default: 'medium', // small, medium
706
- },
707
- backgroundColor: {
708
- required: false,
709
- },
710
- <span class="cstat-no" title="statement not covered" > isDisabled: {</span>
711
- required: false,
712
- default: false,
713
- },
714
- dataId: {
715
- type: String,
716
- default: '',
717
- },
718
- cursorType: {
719
- type: String,
720
- default: 'pointer',
721
- },
722
- },
723
- computed: {
724
- hasLabel() {
725
- return !!this.label &amp;&amp; !!this.label.length
726
- },
727
- },
728
- methods: {
729
- onChangeHandler(value) {
730
- if (this.isDisabled) {
731
- return
732
- }
733
- this.$emit('on-event-handler', value)
734
- },
735
- },
736
- }
737
- &lt;/script&gt;
738
- &nbsp;</pre></td></tr></table></pre>
739
-
740
- <div class='push'></div><!-- for sticky footer -->
741
- </div><!-- /wrapper -->
742
- <div class='footer quiet pad2 space-top1 center small'>
743
- Code coverage generated by
744
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
745
- at 2024-08-08T06:43:27.888Z
746
- </div>
747
- <script src="../../../../prettify.js"></script>
748
- <script>
749
- window.onload = function () {
750
- prettyPrint();
751
- };
752
- </script>
753
- <script src="../../../../sorter.js"></script>
754
- <script src="../../../../block-navigation.js"></script>
755
- </body>
756
- </html>
757
-