@eturnity/eturnity_reusable_components 7.33.3 → 7.33.4-EPDM-11766.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 (189) hide show
  1. package/package.json +33 -36
  2. package/src/components/buttons/closeButton/CloseButton.stories.js +16 -19
  3. package/src/components/buttons/closeButton/index.vue +1 -0
  4. package/src/components/modals/modal/modal.stories.js +4 -4
  5. package/src/stories/Button.stories.js +48 -0
  6. package/src/stories/Button.vue +52 -0
  7. package/src/stories/Configure.mdx +364 -0
  8. package/src/stories/Header.stories.js +41 -0
  9. package/src/stories/Header.vue +59 -0
  10. package/src/stories/Page.stories.js +30 -0
  11. package/src/stories/Page.vue +83 -0
  12. package/src/stories/assets/accessibility.png +0 -0
  13. package/src/stories/assets/accessibility.svg +1 -0
  14. package/src/stories/assets/addon-library.png +0 -0
  15. package/src/stories/assets/assets.png +0 -0
  16. package/src/stories/assets/avif-test-image.avif +0 -0
  17. package/src/stories/assets/context.png +0 -0
  18. package/src/stories/assets/discord.svg +1 -0
  19. package/src/stories/assets/docs.png +0 -0
  20. package/src/stories/assets/figma-plugin.png +0 -0
  21. package/src/stories/assets/github.svg +1 -0
  22. package/src/stories/assets/share.png +0 -0
  23. package/src/stories/assets/styling.png +0 -0
  24. package/src/stories/assets/testing.png +0 -0
  25. package/src/stories/assets/theming.png +0 -0
  26. package/src/stories/assets/tutorials.svg +1 -0
  27. package/src/stories/assets/youtube.svg +1 -0
  28. package/src/stories/button.css +30 -0
  29. package/src/stories/header.css +32 -0
  30. package/src/stories/page.css +69 -0
  31. package/.eslintrc.js +0 -186
  32. package/.prettierrc +0 -9
  33. package/.storybook/main.js +0 -8
  34. package/.storybook/preview.js +0 -46
  35. package/babel.config.js +0 -18
  36. package/coverage/base.css +0 -224
  37. package/coverage/block-navigation.js +0 -87
  38. package/coverage/favicon.png +0 -0
  39. package/coverage/index.html +0 -986
  40. package/coverage/prettify.css +0 -1
  41. package/coverage/prettify.js +0 -2
  42. package/coverage/sort-arrow-sprite.png +0 -0
  43. package/coverage/sorter.js +0 -196
  44. package/coverage/src/App.vue.html +0 -175
  45. package/coverage/src/Test.vue.html +0 -421
  46. package/coverage/src/assets/index.html +0 -116
  47. package/coverage/src/assets/tests/helpers.js.html +0 -121
  48. package/coverage/src/assets/tests/index.html +0 -116
  49. package/coverage/src/assets/theme.js.html +0 -208
  50. package/coverage/src/components/addNewButton/AddNewButton.stories.js.html +0 -157
  51. package/coverage/src/components/addNewButton/index.html +0 -131
  52. package/coverage/src/components/addNewButton/index.vue.html +0 -268
  53. package/coverage/src/components/banner/actionBanner/index.html +0 -116
  54. package/coverage/src/components/banner/actionBanner/index.vue.html +0 -277
  55. package/coverage/src/components/banner/banner/banner.stories.js.html +0 -178
  56. package/coverage/src/components/banner/banner/index.html +0 -131
  57. package/coverage/src/components/banner/banner/index.vue.html +0 -649
  58. package/coverage/src/components/banner/infoBanner/index.html +0 -116
  59. package/coverage/src/components/banner/infoBanner/index.vue.html +0 -256
  60. package/coverage/src/components/buttons/buttonIcon/index.html +0 -116
  61. package/coverage/src/components/buttons/buttonIcon/index.vue.html +0 -520
  62. package/coverage/src/components/buttons/closeButton/CloseButton.stories.js.html +0 -172
  63. package/coverage/src/components/buttons/closeButton/index.html +0 -131
  64. package/coverage/src/components/buttons/closeButton/index.vue.html +0 -268
  65. package/coverage/src/components/buttons/mainButton/index.html +0 -116
  66. package/coverage/src/components/buttons/mainButton/index.vue.html +0 -505
  67. package/coverage/src/components/card/index.html +0 -116
  68. package/coverage/src/components/card/index.vue.html +0 -373
  69. package/coverage/src/components/collapsableInfoText/index.html +0 -116
  70. package/coverage/src/components/collapsableInfoText/index.vue.html +0 -466
  71. package/coverage/src/components/deleteIcon/DeleteIcon.stories.js.html +0 -172
  72. package/coverage/src/components/deleteIcon/index.html +0 -131
  73. package/coverage/src/components/deleteIcon/index.vue.html +0 -319
  74. package/coverage/src/components/draggableInputHandle/index.html +0 -116
  75. package/coverage/src/components/draggableInputHandle/index.vue.html +0 -223
  76. package/coverage/src/components/dropdown/Dropdown.stories.js.html +0 -244
  77. package/coverage/src/components/dropdown/index.html +0 -131
  78. package/coverage/src/components/dropdown/index.vue.html +0 -499
  79. package/coverage/src/components/errorMessage/index.html +0 -116
  80. package/coverage/src/components/errorMessage/index.vue.html +0 -277
  81. package/coverage/src/components/filter/filterSettings.vue.html +0 -2002
  82. package/coverage/src/components/filter/index.html +0 -146
  83. package/coverage/src/components/filter/index.vue.html +0 -547
  84. package/coverage/src/components/filter/parentDropdown.vue.html +0 -358
  85. package/coverage/src/components/icon/Icons.stories.js.html +0 -208
  86. package/coverage/src/components/icon/iconCollection.vue.html +0 -289
  87. package/coverage/src/components/icon/index.html +0 -146
  88. package/coverage/src/components/icon/index.vue.html +0 -505
  89. package/coverage/src/components/iconWrapper/index.html +0 -116
  90. package/coverage/src/components/iconWrapper/index.vue.html +0 -622
  91. package/coverage/src/components/infoCard/index.html +0 -116
  92. package/coverage/src/components/infoCard/index.vue.html +0 -205
  93. package/coverage/src/components/infoText/index.html +0 -116
  94. package/coverage/src/components/infoText/index.vue.html +0 -595
  95. package/coverage/src/components/inputs/checkbox/Checkbox.stories.js.html +0 -256
  96. package/coverage/src/components/inputs/checkbox/index.html +0 -131
  97. package/coverage/src/components/inputs/checkbox/index.vue.html +0 -757
  98. package/coverage/src/components/inputs/inputNumber/InputNumber.stories.js.html +0 -535
  99. package/coverage/src/components/inputs/inputNumber/index.html +0 -131
  100. package/coverage/src/components/inputs/inputNumber/index.vue.html +0 -2452
  101. package/coverage/src/components/inputs/inputNumberQuestion/index.html +0 -116
  102. package/coverage/src/components/inputs/inputNumberQuestion/index.vue.html +0 -739
  103. package/coverage/src/components/inputs/inputText/InputText.stories.js.html +0 -310
  104. package/coverage/src/components/inputs/inputText/index.html +0 -131
  105. package/coverage/src/components/inputs/inputText/index.vue.html +0 -1213
  106. package/coverage/src/components/inputs/radioButton/RadioButton.stories.js.html +0 -259
  107. package/coverage/src/components/inputs/radioButton/index.html +0 -131
  108. package/coverage/src/components/inputs/radioButton/index.vue.html +0 -904
  109. package/coverage/src/components/inputs/searchInput/SearchInput.stories.js.html +0 -205
  110. package/coverage/src/components/inputs/searchInput/index.html +0 -131
  111. package/coverage/src/components/inputs/searchInput/index.vue.html +0 -538
  112. package/coverage/src/components/inputs/select/index.html +0 -131
  113. package/coverage/src/components/inputs/select/index.vue.html +0 -2809
  114. package/coverage/src/components/inputs/select/option/index.html +0 -116
  115. package/coverage/src/components/inputs/select/option/index.vue.html +0 -529
  116. package/coverage/src/components/inputs/select/select.stories.js.html +0 -259
  117. package/coverage/src/components/inputs/slider/index.html +0 -116
  118. package/coverage/src/components/inputs/slider/index.vue.html +0 -463
  119. package/coverage/src/components/inputs/switchField/index.html +0 -116
  120. package/coverage/src/components/inputs/switchField/index.vue.html +0 -847
  121. package/coverage/src/components/inputs/textAreaInput/TextAreaInput.stories.js.html +0 -466
  122. package/coverage/src/components/inputs/textAreaInput/index.html +0 -131
  123. package/coverage/src/components/inputs/textAreaInput/index.vue.html +0 -679
  124. package/coverage/src/components/inputs/toggle/Toggle.stories.js.html +0 -316
  125. package/coverage/src/components/inputs/toggle/index.html +0 -131
  126. package/coverage/src/components/inputs/toggle/index.vue.html +0 -1036
  127. package/coverage/src/components/label/index.html +0 -116
  128. package/coverage/src/components/label/index.vue.html +0 -382
  129. package/coverage/src/components/markerItem/index.html +0 -116
  130. package/coverage/src/components/markerItem/index.vue.html +0 -349
  131. package/coverage/src/components/modals/actionModal/index.html +0 -116
  132. package/coverage/src/components/modals/actionModal/index.vue.html +0 -277
  133. package/coverage/src/components/modals/infoModal/index.html +0 -116
  134. package/coverage/src/components/modals/infoModal/index.vue.html +0 -241
  135. package/coverage/src/components/modals/modal/index.html +0 -131
  136. package/coverage/src/components/modals/modal/index.vue.html +0 -649
  137. package/coverage/src/components/modals/modal/modal.stories.js.html +0 -178
  138. package/coverage/src/components/navigationTabs/index.html +0 -116
  139. package/coverage/src/components/navigationTabs/index.vue.html +0 -427
  140. package/coverage/src/components/pageSubtitle/index.html +0 -116
  141. package/coverage/src/components/pageSubtitle/index.vue.html +0 -286
  142. package/coverage/src/components/pageTitle/index.html +0 -116
  143. package/coverage/src/components/pageTitle/index.vue.html +0 -289
  144. package/coverage/src/components/pagination/index.html +0 -116
  145. package/coverage/src/components/pagination/index.vue.html +0 -529
  146. package/coverage/src/components/progressBar/index.html +0 -116
  147. package/coverage/src/components/progressBar/index.vue.html +0 -460
  148. package/coverage/src/components/projectMarker/index.html +0 -116
  149. package/coverage/src/components/projectMarker/index.vue.html +0 -985
  150. package/coverage/src/components/rangeSlider/Slider.vue.html +0 -1804
  151. package/coverage/src/components/rangeSlider/index.html +0 -131
  152. package/coverage/src/components/rangeSlider/index.vue.html +0 -1636
  153. package/coverage/src/components/rangeSlider/utils/dom.js.html +0 -232
  154. package/coverage/src/components/rangeSlider/utils/fns.js.html +0 -163
  155. package/coverage/src/components/rangeSlider/utils/index.html +0 -131
  156. package/coverage/src/components/selectedOptions/index.html +0 -116
  157. package/coverage/src/components/selectedOptions/index.vue.html +0 -520
  158. package/coverage/src/components/sideMenu/index.html +0 -116
  159. package/coverage/src/components/sideMenu/index.vue.html +0 -895
  160. package/coverage/src/components/spinner/index.html +0 -116
  161. package/coverage/src/components/spinner/index.vue.html +0 -289
  162. package/coverage/src/components/tableDropdown/index.html +0 -116
  163. package/coverage/src/components/tableDropdown/index.vue.html +0 -1999
  164. package/coverage/src/components/tables/mainTable/exampleNested.vue.html +0 -1069
  165. package/coverage/src/components/tables/mainTable/index.html +0 -131
  166. package/coverage/src/components/tables/mainTable/index.vue.html +0 -1615
  167. package/coverage/src/components/tables/viewTable/index.html +0 -116
  168. package/coverage/src/components/tables/viewTable/index.vue.html +0 -670
  169. package/coverage/src/components/tabsHeader/index.html +0 -116
  170. package/coverage/src/components/tabsHeader/index.vue.html +0 -334
  171. package/coverage/src/components/threeDots/index.html +0 -116
  172. package/coverage/src/components/threeDots/index.vue.html +0 -1324
  173. package/coverage/src/components/videoThumbnail/index.html +0 -131
  174. package/coverage/src/components/videoThumbnail/index.vue.html +0 -394
  175. package/coverage/src/components/videoThumbnail/videoThumbnail.stories.js.html +0 -184
  176. package/coverage/src/helpers/currencyMapping.js.html +0 -169
  177. package/coverage/src/helpers/index.html +0 -146
  178. package/coverage/src/helpers/numberConverter.js.html +0 -394
  179. package/coverage/src/helpers/translateLang.js.html +0 -469
  180. package/coverage/src/index.html +0 -131
  181. package/coverage/src/mixins/index.html +0 -116
  182. package/coverage/src/mixins/inputValidations.js.html +0 -376
  183. package/coverage/src/router/dynamicRoutes.js.html +0 -154
  184. package/coverage/src/router/index.html +0 -116
  185. package/coverage/src/utils/index.html +0 -116
  186. package/coverage/src/utils/index.js.html +0 -121
  187. package/jest.config.js +0 -23
  188. package/postcss.config.js +0 -6
  189. package/src/components/banner/banner/banner.stories.js +0 -31
package/coverage/src/components/progressBar/index.html DELETED
@@ -1,116 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/components/progressBar</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> src/components/progressBar</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/33</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/16</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/13</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/33</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
- <div class="pad1">
66
- <table class="coverage-summary">
67
- <thead>
68
- <tr>
69
- <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
70
- <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
71
- <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
72
- <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
73
- <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
74
- <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
75
- <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
76
- <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
77
- <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
78
- <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
79
- </tr>
80
- </thead>
81
- <tbody><tr>
82
- <td class="file low" data-value="index.vue"><a href="index.vue.html">index.vue</a></td>
83
- <td data-value="0" class="pic low">
84
- <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
85
- </td>
86
- <td data-value="0" class="pct low">0%</td>
87
- <td data-value="33" class="abs low">0/33</td>
88
- <td data-value="0" class="pct low">0%</td>
89
- <td data-value="16" class="abs low">0/16</td>
90
- <td data-value="0" class="pct low">0%</td>
91
- <td data-value="13" class="abs low">0/13</td>
92
- <td data-value="0" class="pct low">0%</td>
93
- <td data-value="33" class="abs low">0/33</td>
94
- </tr>
95
-
96
- </tbody>
97
- </table>
98
- </div>
99
- <div class='push'></div><!-- for sticky footer -->
100
- </div><!-- /wrapper -->
101
- <div class='footer quiet pad2 space-top1 center small'>
102
- Code coverage generated by
103
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-08-08T06:40:40.328Z
105
- </div>
106
- <script src="../../../prettify.js"></script>
107
- <script>
108
- window.onload = function () {
109
- prettyPrint();
110
- };
111
- </script>
112
- <script src="../../../sorter.js"></script>
113
- <script src="../../../block-navigation.js"></script>
114
- </body>
115
- </html>
116
-
package/coverage/src/components/progressBar/index.vue.html DELETED
@@ -1,460 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/components/progressBar/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/progressBar</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/33</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/16</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/13</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/33</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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-neutral">&nbsp;</span>
193
- <span class="cline-any cline-no">&nbsp;</span>
194
- <span class="cline-any cline-no">&nbsp;</span>
195
- <span class="cline-any cline-neutral">&nbsp;</span>
196
- <span class="cline-any cline-neutral">&nbsp;</span>
197
- <span class="cline-any cline-no">&nbsp;</span>
198
- <span class="cline-any cline-no">&nbsp;</span>
199
- <span class="cline-any cline-neutral">&nbsp;</span>
200
- <span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-neutral">&nbsp;</span>
202
- <span class="cline-any cline-neutral">&nbsp;</span>
203
- <span class="cline-any cline-neutral">&nbsp;</span>
204
- <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-neutral">&nbsp;</span>
206
- <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-neutral">&nbsp;</span>
208
- <span class="cline-any cline-neutral">&nbsp;</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-no">&nbsp;</span>
212
- <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-neutral">&nbsp;</span>
214
- <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-no">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-no">&nbsp;</span>
221
- <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-neutral">&nbsp;</span>
223
- <span class="cline-any cline-neutral">&nbsp;</span>
224
- <span class="cline-any cline-neutral">&nbsp;</span>
225
- <span class="cline-any cline-no">&nbsp;</span>
226
- <span class="cline-any cline-neutral">&nbsp;</span>
227
- <span class="cline-any cline-no">&nbsp;</span>
228
- <span class="cline-any cline-no">&nbsp;</span>
229
- <span class="cline-any cline-neutral">&nbsp;</span>
230
- <span class="cline-any cline-no">&nbsp;</span>
231
- <span class="cline-any cline-no">&nbsp;</span>
232
- <span class="cline-any cline-neutral">&nbsp;</span>
233
- <span class="cline-any cline-neutral">&nbsp;</span>
234
- <span class="cline-any cline-neutral">&nbsp;</span>
235
- <span class="cline-any cline-no">&nbsp;</span>
236
- <span class="cline-any cline-neutral">&nbsp;</span>
237
- <span class="cline-any cline-neutral">&nbsp;</span>
238
- <span class="cline-any cline-neutral">&nbsp;</span>
239
- <span class="cline-any cline-no">&nbsp;</span>
240
- <span class="cline-any cline-neutral">&nbsp;</span>
241
- <span class="cline-any cline-no">&nbsp;</span>
242
- <span class="cline-any cline-no">&nbsp;</span>
243
- <span class="cline-any cline-neutral">&nbsp;</span>
244
- <span class="cline-any cline-no">&nbsp;</span>
245
- <span class="cline-any cline-no">&nbsp;</span>
246
- <span class="cline-any cline-neutral">&nbsp;</span>
247
- <span class="cline-any cline-neutral">&nbsp;</span>
248
- <span class="cline-any cline-no">&nbsp;</span>
249
- <span class="cline-any cline-neutral">&nbsp;</span>
250
- <span class="cline-any cline-neutral">&nbsp;</span>
251
- <span class="cline-any cline-neutral">&nbsp;</span>
252
- <span class="cline-any cline-no">&nbsp;</span>
253
- <span class="cline-any cline-neutral">&nbsp;</span>
254
- <span class="cline-any cline-neutral">&nbsp;</span>
255
- <span class="cline-any cline-neutral">&nbsp;</span>
256
- <span class="cline-any cline-neutral">&nbsp;</span>
257
- <span class="cline-any cline-neutral">&nbsp;</span>
258
- <span class="cline-any cline-neutral">&nbsp;</span>
259
- <span class="cline-any cline-neutral">&nbsp;</span>
260
- <span class="cline-any cline-neutral">&nbsp;</span>
261
- <span class="cline-any cline-neutral">&nbsp;</span>
262
- <span class="cline-any cline-neutral">&nbsp;</span>
263
- <span class="cline-any cline-neutral">&nbsp;</span>
264
- <span class="cline-any cline-neutral">&nbsp;</span>
265
- <span class="cline-any cline-neutral">&nbsp;</span>
266
- <span class="cline-any cline-neutral">&nbsp;</span>
267
- <span class="cline-any cline-neutral">&nbsp;</span>
268
- <span class="cline-any cline-neutral">&nbsp;</span>
269
- <span class="cline-any cline-neutral">&nbsp;</span>
270
- <span class="cline-any cline-neutral">&nbsp;</span>
271
- <span class="cline-any cline-neutral">&nbsp;</span>
272
- <span class="cline-any cline-neutral">&nbsp;</span>
273
- <span class="cline-any cline-neutral">&nbsp;</span>
274
- <span class="cline-any cline-neutral">&nbsp;</span>
275
- <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-neutral">&nbsp;</span>
278
- <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-neutral">&nbsp;</span>
280
- <span class="cline-any cline-neutral">&nbsp;</span>
281
- <span class="cline-any cline-neutral">&nbsp;</span>
282
- <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-neutral">&nbsp;</span>
284
- <span class="cline-any cline-neutral">&nbsp;</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-neutral">&nbsp;</span>
287
- <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
291
- <span class="cline-any cline-neutral">&nbsp;</span>
292
- <span class="cline-any cline-neutral">&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-no">&nbsp;</span>
296
- <span class="cline-any cline-neutral">&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-no">&nbsp;</span>
301
- <span class="cline-any cline-no">&nbsp;</span>
302
- <span class="cline-any cline-neutral">&nbsp;</span>
303
- <span class="cline-any cline-no">&nbsp;</span>
304
- <span class="cline-any cline-no">&nbsp;</span>
305
- <span class="cline-any cline-no">&nbsp;</span>
306
- <span class="cline-any cline-no">&nbsp;</span>
307
- <span class="cline-any cline-no">&nbsp;</span>
308
- <span class="cline-any cline-no">&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></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
317
- &lt;Container&gt;
318
- &lt;ProgressContainer<span class="cstat-no" title="statement not covered" ></span>
319
- <span class="cstat-no" title="statement not covered" > :background-color="backgroundColor"</span>
320
- class="progress-container"
321
- :max-width="maxWidth"
322
- <span class="cstat-no" title="statement not covered" > :min-width="minWidth</span>"
323
- &gt;<span class="cstat-no" title="statement not covered" ></span>
324
- &lt;ProgressFill
325
- class="progress-bar"
326
- :fill-color="fillColor"
327
- :fill-progress="fillProgress"
328
- /&gt;
329
- &lt;/ProgressContainer&gt;
330
- &lt;LabelText v-if="stepNumber || labelText" class="progress-text"&gt;
331
- {{ labelText ? labelText : '' }}
332
- {{ stepNumber ? stepNumber : '' }}
333
- &lt;/LabelText&gt;
334
- &lt;/Container&gt;
335
- &lt;/template&gt;
336
- <span class="cstat-no" title="statement not covered" ></span>
337
- &lt;script&gt;
338
- // import ProgressBar from "@eturnity/eturnity_reusable_components/src/components/progressBar"
339
- //To Use:
340
- // &lt;progress-bar<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
341
- // fillColor="#000"
342
- // backgroundColor="#888"
343
- // minWidth="150px"
344
- // maxWidth="100%"
345
- // :fillProgress="5<span class="cstat-no" title="statement not covered" >0" //should be a number for percent</span>
346
- // stepNumber="4"
347
- // :labelText="translate('step')"
348
- // /&gt;
349
- import styled from 'vue3-styled-components'
350
- <span class="cstat-no" title="statement not covered" ></span>
351
- const Container = styled.div`
352
- display: grid<span class="fstat-no" title="function not covered" >;<span class="cstat-no" title="statement not covered" ></span></span>
353
- grid-template<span class="fstat-no" title="function not covered" >-c</span>olumns:<span class="cstat-no" title="statement not covered" > 1fr;</span>
354
- grid-row-gap: 16px;
355
- @media (max-width: $<span class="fstat-no" title="function not covered" >{(</span>props) <span class="cstat-no" title="statement not covered" >=&gt; props.theme.screen.tablet}) {</span>
356
- grid-row-gap: 20px;<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
357
- grid-template-rows: auto 1fr;
358
- }
359
- `
360
- <span class="cstat-no" title="statement not covered" ></span>
361
- const containerProps = {
362
- backgroundColor: String,
363
- maxWidth: String,
364
- minWidth: String,<span class="cstat-no" title="statement not covered" ></span>
365
- }
366
- const Progr<span class="fstat-no" title="function not covered" >es</span>sContai<span class="cstat-no" title="statement not covered" >ner = styled('div', conta</span>inerProps)`
367
- width: 100%;<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
368
- min-width: ${(props) =&gt; (props.minWidth ? props.minWidth : 'auto')};
369
- max-width: ${(<span class="cstat-no" title="statement not covered" >props) =&gt; (props.maxWidth ? props.maxWidth : 'none')};</span>
370
- height: 6<span class="fstat-no" title="function not covered" >px</span>;<span class="cstat-no" title="statement not covered" ></span>
371
- background-color: ${(props) =&gt;
372
- props.backgroundColor
373
- ? props.backgroun<span class="fstat-no" title="function not covered" >dC</span>olor<span class="cstat-no" title="statement not covered" ></span>
374
- : props.theme.colors.lightGray};
375
- @media (max-width: ${(props) =&gt; props.theme.screen.mobile}) {
376
- height: 4px;
377
- }<span class="cstat-no" title="statement not covered" ></span>
378
- `
379
- &nbsp;
380
- const fillProps = { fillColor: String, fillProgress: String | Number }
381
- const ProgressFill = styled('div', fillProps)`
382
- height: 100%;
383
- width: ${(props) =&gt; props.fillProgress + '%'};
384
- background-color: ${(props) =&gt;
385
- props.fillColor ? props.fillColor : props.theme.colors.secondary};
386
- `
387
- &nbsp;
388
- const LabelText = styled.div`
389
- color: ${(props) =&gt; props.theme.colors.darkGray};
390
- font-size: 16px;
391
- &nbsp;
392
- @media (max-width: ${(props) =&gt; props.theme.screen.tablet}) {
393
- padding-left: 16px;
394
- }
395
- `
396
- &nbsp;
397
- export default {
398
- name: 'ProgressBar',
399
- components: {
400
- Container,
401
- ProgressContainer,
402
- ProgressFill,
403
- LabelText,
404
- },
405
- props: {
406
- fillColor: {
407
- required: false,
408
- type: String,
409
- default: null,
410
- },
411
- backgroundColor: {
412
- required: false,
413
- type: String,
414
- default: null,
415
- },
416
- minWidth: {
417
- required: false,
418
- type: String,
419
- default: null,
420
- <span class="cstat-no" title="statement not covered" > },</span>
421
- maxWidth: {
422
- <span class="cstat-no" title="statement not covered" > required: false,</span>
423
- type: String,
424
- default: null,
425
- <span class="cstat-no" title="statement not covered" > },</span>
426
- fillP<span class="cstat-no" title="statement not covered" >rogress: {</span>
427
- r<span class="fstat-no" title="function not covered" >equired</span>: false,
428
- default: 0,<span class="cstat-no" title="statement not covered" ></span>
429
- },<span class="cstat-no" title="statement not covered" ></span>
430
- labelText: {<span class="cstat-no" title="statement not covered" ></span>
431
- required: false,<span class="cstat-no" title="statement not covered" ></span>
432
- <span class="cstat-no" title="statement not covered" > default: null,</span>
433
- },<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
434
- stepNumber: {
435
- required: false,
436
- default: null,
437
- },
438
- },
439
- }<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
440
- &lt;/script&gt;
441
- &nbsp;</pre></td></tr></table></pre>
442
-
443
- <div class='push'></div><!-- for sticky footer -->
444
- </div><!-- /wrapper -->
445
- <div class='footer quiet pad2 space-top1 center small'>
446
- Code coverage generated by
447
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
448
- at 2024-08-08T06:40:40.328Z
449
- </div>
450
- <script src="../../../prettify.js"></script>
451
- <script>
452
- window.onload = function () {
453
- prettyPrint();
454
- };
455
- </script>
456
- <script src="../../../sorter.js"></script>
457
- <script src="../../../block-navigation.js"></script>
458
- </body>
459
- </html>
460
-