@eturnity/eturnity_reusable_components 7.33.4-EPDM-11313.0 → 7.33.4-EPDM-11205.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 (494) hide show
  1. package/.eslintrc.js +181 -181
  2. package/.prettierrc +9 -9
  3. package/.storybook/main.js +17 -17
  4. package/.storybook/preview.js +46 -46
  5. package/README.md +29 -29
  6. package/babel.config.js +18 -18
  7. package/coverage/base.css +224 -224
  8. package/coverage/block-navigation.js +87 -87
  9. package/coverage/index.html +985 -985
  10. package/coverage/prettify.css +1 -1
  11. package/coverage/prettify.js +2 -2
  12. package/coverage/sorter.js +196 -196
  13. package/coverage/src/App.vue.html +174 -174
  14. package/coverage/src/Test.vue.html +420 -420
  15. package/coverage/src/assets/index.html +115 -115
  16. package/coverage/src/assets/tests/helpers.js.html +120 -120
  17. package/coverage/src/assets/tests/index.html +115 -115
  18. package/coverage/src/assets/theme.js.html +207 -207
  19. package/coverage/src/components/addNewButton/AddNewButton.stories.js.html +156 -156
  20. package/coverage/src/components/addNewButton/index.html +130 -130
  21. package/coverage/src/components/addNewButton/index.vue.html +267 -267
  22. package/coverage/src/components/banner/actionBanner/index.html +115 -115
  23. package/coverage/src/components/banner/actionBanner/index.vue.html +276 -276
  24. package/coverage/src/components/banner/banner/banner.stories.js.html +177 -177
  25. package/coverage/src/components/banner/banner/index.html +130 -130
  26. package/coverage/src/components/banner/banner/index.vue.html +648 -648
  27. package/coverage/src/components/banner/infoBanner/index.html +115 -115
  28. package/coverage/src/components/banner/infoBanner/index.vue.html +255 -255
  29. package/coverage/src/components/buttons/buttonIcon/index.html +115 -115
  30. package/coverage/src/components/buttons/buttonIcon/index.vue.html +519 -519
  31. package/coverage/src/components/buttons/closeButton/CloseButton.stories.js.html +171 -171
  32. package/coverage/src/components/buttons/closeButton/index.html +130 -130
  33. package/coverage/src/components/buttons/closeButton/index.vue.html +267 -267
  34. package/coverage/src/components/buttons/mainButton/index.html +115 -115
  35. package/coverage/src/components/buttons/mainButton/index.vue.html +504 -504
  36. package/coverage/src/components/card/index.html +115 -115
  37. package/coverage/src/components/card/index.vue.html +372 -372
  38. package/coverage/src/components/collapsableInfoText/index.html +115 -115
  39. package/coverage/src/components/collapsableInfoText/index.vue.html +465 -465
  40. package/coverage/src/components/deleteIcon/DeleteIcon.stories.js.html +171 -171
  41. package/coverage/src/components/deleteIcon/index.html +130 -130
  42. package/coverage/src/components/deleteIcon/index.vue.html +318 -318
  43. package/coverage/src/components/draggableInputHandle/index.html +115 -115
  44. package/coverage/src/components/draggableInputHandle/index.vue.html +222 -222
  45. package/coverage/src/components/dropdown/Dropdown.stories.js.html +243 -243
  46. package/coverage/src/components/dropdown/index.html +130 -130
  47. package/coverage/src/components/dropdown/index.vue.html +498 -498
  48. package/coverage/src/components/errorMessage/index.html +115 -115
  49. package/coverage/src/components/errorMessage/index.vue.html +276 -276
  50. package/coverage/src/components/filter/filterSettings.vue.html +2001 -2001
  51. package/coverage/src/components/filter/index.html +145 -145
  52. package/coverage/src/components/filter/index.vue.html +546 -546
  53. package/coverage/src/components/filter/parentDropdown.vue.html +357 -357
  54. package/coverage/src/components/icon/Icons.stories.js.html +207 -207
  55. package/coverage/src/components/icon/iconCollection.vue.html +288 -288
  56. package/coverage/src/components/icon/index.html +145 -145
  57. package/coverage/src/components/icon/index.vue.html +504 -504
  58. package/coverage/src/components/iconWrapper/index.html +115 -115
  59. package/coverage/src/components/iconWrapper/index.vue.html +621 -621
  60. package/coverage/src/components/infoCard/index.html +115 -115
  61. package/coverage/src/components/infoCard/index.vue.html +204 -204
  62. package/coverage/src/components/infoText/index.html +115 -115
  63. package/coverage/src/components/infoText/index.vue.html +594 -594
  64. package/coverage/src/components/inputs/checkbox/Checkbox.stories.js.html +255 -255
  65. package/coverage/src/components/inputs/checkbox/index.html +130 -130
  66. package/coverage/src/components/inputs/checkbox/index.vue.html +756 -756
  67. package/coverage/src/components/inputs/inputNumber/InputNumber.stories.js.html +534 -534
  68. package/coverage/src/components/inputs/inputNumber/index.html +130 -130
  69. package/coverage/src/components/inputs/inputNumber/index.vue.html +2451 -2451
  70. package/coverage/src/components/inputs/inputNumberQuestion/index.html +115 -115
  71. package/coverage/src/components/inputs/inputNumberQuestion/index.vue.html +738 -738
  72. package/coverage/src/components/inputs/inputText/InputText.stories.js.html +309 -309
  73. package/coverage/src/components/inputs/inputText/index.html +130 -130
  74. package/coverage/src/components/inputs/inputText/index.vue.html +1212 -1212
  75. package/coverage/src/components/inputs/radioButton/RadioButton.stories.js.html +258 -258
  76. package/coverage/src/components/inputs/radioButton/index.html +130 -130
  77. package/coverage/src/components/inputs/radioButton/index.vue.html +903 -903
  78. package/coverage/src/components/inputs/searchInput/SearchInput.stories.js.html +204 -204
  79. package/coverage/src/components/inputs/searchInput/index.html +130 -130
  80. package/coverage/src/components/inputs/searchInput/index.vue.html +537 -537
  81. package/coverage/src/components/inputs/select/index.html +130 -130
  82. package/coverage/src/components/inputs/select/index.vue.html +2808 -2808
  83. package/coverage/src/components/inputs/select/option/index.html +115 -115
  84. package/coverage/src/components/inputs/select/option/index.vue.html +528 -528
  85. package/coverage/src/components/inputs/select/select.stories.js.html +258 -258
  86. package/coverage/src/components/inputs/slider/index.html +115 -115
  87. package/coverage/src/components/inputs/slider/index.vue.html +462 -462
  88. package/coverage/src/components/inputs/switchField/index.html +115 -115
  89. package/coverage/src/components/inputs/switchField/index.vue.html +846 -846
  90. package/coverage/src/components/inputs/textAreaInput/TextAreaInput.stories.js.html +465 -465
  91. package/coverage/src/components/inputs/textAreaInput/index.html +130 -130
  92. package/coverage/src/components/inputs/textAreaInput/index.vue.html +678 -678
  93. package/coverage/src/components/inputs/toggle/Toggle.stories.js.html +315 -315
  94. package/coverage/src/components/inputs/toggle/index.html +130 -130
  95. package/coverage/src/components/inputs/toggle/index.vue.html +1035 -1035
  96. package/coverage/src/components/label/index.html +115 -115
  97. package/coverage/src/components/label/index.vue.html +381 -381
  98. package/coverage/src/components/markerItem/index.html +115 -115
  99. package/coverage/src/components/markerItem/index.vue.html +348 -348
  100. package/coverage/src/components/modals/actionModal/index.html +115 -115
  101. package/coverage/src/components/modals/actionModal/index.vue.html +276 -276
  102. package/coverage/src/components/modals/infoModal/index.html +115 -115
  103. package/coverage/src/components/modals/infoModal/index.vue.html +240 -240
  104. package/coverage/src/components/modals/modal/index.html +130 -130
  105. package/coverage/src/components/modals/modal/index.vue.html +648 -648
  106. package/coverage/src/components/modals/modal/modal.stories.js.html +177 -177
  107. package/coverage/src/components/navigationTabs/index.html +115 -115
  108. package/coverage/src/components/navigationTabs/index.vue.html +426 -426
  109. package/coverage/src/components/pageSubtitle/index.html +115 -115
  110. package/coverage/src/components/pageSubtitle/index.vue.html +285 -285
  111. package/coverage/src/components/pageTitle/index.html +115 -115
  112. package/coverage/src/components/pageTitle/index.vue.html +288 -288
  113. package/coverage/src/components/pagination/index.html +115 -115
  114. package/coverage/src/components/pagination/index.vue.html +528 -528
  115. package/coverage/src/components/progressBar/index.html +115 -115
  116. package/coverage/src/components/progressBar/index.vue.html +459 -459
  117. package/coverage/src/components/projectMarker/index.html +115 -115
  118. package/coverage/src/components/projectMarker/index.vue.html +984 -984
  119. package/coverage/src/components/rangeSlider/Slider.vue.html +1803 -1803
  120. package/coverage/src/components/rangeSlider/index.html +130 -130
  121. package/coverage/src/components/rangeSlider/index.vue.html +1635 -1635
  122. package/coverage/src/components/rangeSlider/utils/dom.js.html +231 -231
  123. package/coverage/src/components/rangeSlider/utils/fns.js.html +162 -162
  124. package/coverage/src/components/rangeSlider/utils/index.html +130 -130
  125. package/coverage/src/components/selectedOptions/index.html +115 -115
  126. package/coverage/src/components/selectedOptions/index.vue.html +519 -519
  127. package/coverage/src/components/sideMenu/index.html +115 -115
  128. package/coverage/src/components/sideMenu/index.vue.html +894 -894
  129. package/coverage/src/components/spinner/index.html +115 -115
  130. package/coverage/src/components/spinner/index.vue.html +288 -288
  131. package/coverage/src/components/tableDropdown/index.html +115 -115
  132. package/coverage/src/components/tableDropdown/index.vue.html +1998 -1998
  133. package/coverage/src/components/tables/mainTable/exampleNested.vue.html +1068 -1068
  134. package/coverage/src/components/tables/mainTable/index.html +130 -130
  135. package/coverage/src/components/tables/mainTable/index.vue.html +1614 -1614
  136. package/coverage/src/components/tables/viewTable/index.html +115 -115
  137. package/coverage/src/components/tables/viewTable/index.vue.html +669 -669
  138. package/coverage/src/components/tabsHeader/index.html +115 -115
  139. package/coverage/src/components/tabsHeader/index.vue.html +333 -333
  140. package/coverage/src/components/threeDots/index.html +115 -115
  141. package/coverage/src/components/threeDots/index.vue.html +1323 -1323
  142. package/coverage/src/components/videoThumbnail/index.html +130 -130
  143. package/coverage/src/components/videoThumbnail/index.vue.html +393 -393
  144. package/coverage/src/components/videoThumbnail/videoThumbnail.stories.js.html +183 -183
  145. package/coverage/src/helpers/currencyMapping.js.html +168 -168
  146. package/coverage/src/helpers/index.html +145 -145
  147. package/coverage/src/helpers/numberConverter.js.html +393 -393
  148. package/coverage/src/helpers/translateLang.js.html +468 -468
  149. package/coverage/src/index.html +130 -130
  150. package/coverage/src/mixins/index.html +115 -115
  151. package/coverage/src/mixins/inputValidations.js.html +375 -375
  152. package/coverage/src/router/dynamicRoutes.js.html +153 -153
  153. package/coverage/src/router/index.html +115 -115
  154. package/coverage/src/utils/index.html +115 -115
  155. package/coverage/src/utils/index.js.html +120 -120
  156. package/jest.config.js +22 -22
  157. package/package.json +76 -76
  158. package/postcss.config.js +6 -6
  159. package/src/App.vue +30 -30
  160. package/src/Test.vue +112 -112
  161. package/src/assets/icons/arrow_down.svg +3 -3
  162. package/src/assets/icons/arrow_up_red.svg +3 -3
  163. package/src/assets/icons/black_spinner.svg +35 -35
  164. package/src/assets/icons/delete_icon.svg +11 -11
  165. package/src/assets/icons/delete_icon_gray.svg +11 -11
  166. package/src/assets/icons/drag_icon.svg +8 -8
  167. package/src/assets/icons/external_icon.svg +6 -6
  168. package/src/assets/icons/language_icon.svg +6 -6
  169. package/src/assets/icons/pdf_icon.svg +6 -6
  170. package/src/assets/icons/plus_button.svg +4 -4
  171. package/src/assets/icons/search_icon_black.svg +3 -3
  172. package/src/assets/icons/subposition_icon.svg +3 -3
  173. package/src/assets/icons/subposition_marker.svg +3 -3
  174. package/src/assets/icons/warning_icon.svg +3 -3
  175. package/src/assets/svgIcons/2d_active.svg +7 -7
  176. package/src/assets/svgIcons/2d_inactive.svg +8 -8
  177. package/src/assets/svgIcons/3d_active.svg +7 -7
  178. package/src/assets/svgIcons/3d_inactive.svg +8 -8
  179. package/src/assets/svgIcons/_readme.md +7 -7
  180. package/src/assets/svgIcons/accept.svg +5 -5
  181. package/src/assets/svgIcons/activate_panels_active.svg +22 -22
  182. package/src/assets/svgIcons/activate_panels_inactive.svg +20 -20
  183. package/src/assets/svgIcons/add_icon-1.svg +3 -3
  184. package/src/assets/svgIcons/add_icon.svg +4 -4
  185. package/src/assets/svgIcons/address_book.svg +3 -3
  186. package/src/assets/svgIcons/after_sale_as_a_service.svg +6 -6
  187. package/src/assets/svgIcons/all_good.svg +3 -3
  188. package/src/assets/svgIcons/angle_active.svg +5 -5
  189. package/src/assets/svgIcons/angle_inactive.svg +4 -4
  190. package/src/assets/svgIcons/area_active.svg +11 -11
  191. package/src/assets/svgIcons/area_inactive.svg +26 -26
  192. package/src/assets/svgIcons/areas_tool.svg +14 -14
  193. package/src/assets/svgIcons/arrow_down.svg +3 -3
  194. package/src/assets/svgIcons/arrow_left.svg +4 -4
  195. package/src/assets/svgIcons/arrow_right.svg +4 -4
  196. package/src/assets/svgIcons/arrow_up.svg +3 -3
  197. package/src/assets/svgIcons/attachment.svg +3 -3
  198. package/src/assets/svgIcons/base_layer.svg +3 -3
  199. package/src/assets/svgIcons/battery.svg +3 -3
  200. package/src/assets/svgIcons/bell.svg +3 -3
  201. package/src/assets/svgIcons/bexio.svg +4 -4
  202. package/src/assets/svgIcons/bold.svg +3 -3
  203. package/src/assets/svgIcons/bom.svg +3 -3
  204. package/src/assets/svgIcons/bom_generation.svg +10 -10
  205. package/src/assets/svgIcons/bookmaker.svg +3 -3
  206. package/src/assets/svgIcons/bubble.svg +3 -3
  207. package/src/assets/svgIcons/bug.svg +5 -5
  208. package/src/assets/svgIcons/buildings.svg +55 -0
  209. package/src/assets/svgIcons/bullet_list.svg +8 -8
  210. package/src/assets/svgIcons/calendar.svg +7 -7
  211. package/src/assets/svgIcons/calendar_icon.svg +7 -7
  212. package/src/assets/svgIcons/call.svg +3 -3
  213. package/src/assets/svgIcons/camera.svg +3 -3
  214. package/src/assets/svgIcons/car.svg +3 -3
  215. package/src/assets/svgIcons/cart.svg +3 -3
  216. package/src/assets/svgIcons/charger_icon_white.svg +44 -44
  217. package/src/assets/svgIcons/checkbox.svg +3 -3
  218. package/src/assets/svgIcons/clear_formatting.svg +7 -7
  219. package/src/assets/svgIcons/clickable_info.svg +4 -4
  220. package/src/assets/svgIcons/clip.svg +3 -3
  221. package/src/assets/svgIcons/clock.svg +17 -17
  222. package/src/assets/svgIcons/clock_full.svg +3 -3
  223. package/src/assets/svgIcons/close_for_modals,_tool_tips.svg +4 -4
  224. package/src/assets/svgIcons/co_branding.svg +5 -5
  225. package/src/assets/svgIcons/collapse.svg +4 -4
  226. package/src/assets/svgIcons/collections.svg +3 -3
  227. package/src/assets/svgIcons/component_library.svg +7 -7
  228. package/src/assets/svgIcons/consumption_tariffs.svg +43 -43
  229. package/src/assets/svgIcons/context_menu-1.svg +6 -6
  230. package/src/assets/svgIcons/context_menu-2.svg +5 -5
  231. package/src/assets/svgIcons/context_menu.svg +5 -5
  232. package/src/assets/svgIcons/context_menu_tabs.svg +5 -5
  233. package/src/assets/svgIcons/cross.svg +4 -4
  234. package/src/assets/svgIcons/current_variant.svg +4 -4
  235. package/src/assets/svgIcons/dashboard.svg +3 -3
  236. package/src/assets/svgIcons/data_transfer.svg +3 -3
  237. package/src/assets/svgIcons/deadline.svg +4 -4
  238. package/src/assets/svgIcons/deal_flow.svg +5 -5
  239. package/src/assets/svgIcons/delete.svg +4 -4
  240. package/src/assets/svgIcons/delete_area_active.svg +16 -16
  241. package/src/assets/svgIcons/delete_area_inactive.svg +15 -15
  242. package/src/assets/svgIcons/direction_active-1.svg +12 -12
  243. package/src/assets/svgIcons/direction_active.svg +5 -5
  244. package/src/assets/svgIcons/direction_arrow.svg +4 -4
  245. package/src/assets/svgIcons/direction_inactive.svg +4 -4
  246. package/src/assets/svgIcons/dislike.svg +3 -3
  247. package/src/assets/svgIcons/distance_tool.svg +8 -8
  248. package/src/assets/svgIcons/distances_active.svg +9 -9
  249. package/src/assets/svgIcons/distances_inactive.svg +8 -8
  250. package/src/assets/svgIcons/distort_tool.svg +10 -10
  251. package/src/assets/svgIcons/distort_tool2.svg +16 -16
  252. package/src/assets/svgIcons/document.svg +3 -3
  253. package/src/assets/svgIcons/documents.svg +4 -4
  254. package/src/assets/svgIcons/downarrow.svg +3 -3
  255. package/src/assets/svgIcons/download.svg +4 -4
  256. package/src/assets/svgIcons/drag_icon.svg +8 -8
  257. package/src/assets/svgIcons/draggable_corner.svg +5 -5
  258. package/src/assets/svgIcons/draw_tool.svg +3 -3
  259. package/src/assets/svgIcons/duplicate-1.svg +8 -8
  260. package/src/assets/svgIcons/duplicate-2.svg +5 -5
  261. package/src/assets/svgIcons/duplicate.svg +4 -4
  262. package/src/assets/svgIcons/e-mobility_configurator.svg +6 -6
  263. package/src/assets/svgIcons/e_signature.svg +5 -5
  264. package/src/assets/svgIcons/edit_button.svg +3 -3
  265. package/src/assets/svgIcons/electricity_tariff.svg +3 -3
  266. package/src/assets/svgIcons/email.svg +3 -3
  267. package/src/assets/svgIcons/ems-1.svg +3 -3
  268. package/src/assets/svgIcons/ems.svg +3 -3
  269. package/src/assets/svgIcons/end_of_the_list.svg +5 -5
  270. package/src/assets/svgIcons/erase.svg +4 -4
  271. package/src/assets/svgIcons/external_icon.svg +5 -5
  272. package/src/assets/svgIcons/fav_icon.svg +4 -4
  273. package/src/assets/svgIcons/finance.svg +3 -3
  274. package/src/assets/svgIcons/financing_for_pv-1.svg +5 -5
  275. package/src/assets/svgIcons/financing_for_pv-2.svg +3 -3
  276. package/src/assets/svgIcons/financing_for_pv.svg +6 -6
  277. package/src/assets/svgIcons/finish-1.svg +4 -4
  278. package/src/assets/svgIcons/finish.svg +3 -3
  279. package/src/assets/svgIcons/flatten.svg +11 -11
  280. package/src/assets/svgIcons/flatten_roof.svg +20 -20
  281. package/src/assets/svgIcons/folder.svg +3 -3
  282. package/src/assets/svgIcons/free_technology.svg +5 -5
  283. package/src/assets/svgIcons/handle.svg +5 -5
  284. package/src/assets/svgIcons/heat_calc.svg +7 -7
  285. package/src/assets/svgIcons/height_equalize.svg +3 -3
  286. package/src/assets/svgIcons/height_snap.svg +3 -3
  287. package/src/assets/svgIcons/house.svg +3 -3
  288. package/src/assets/svgIcons/house_3d-1.svg +7 -7
  289. package/src/assets/svgIcons/house_3d.svg +7 -7
  290. package/src/assets/svgIcons/inclination.svg +2 -2
  291. package/src/assets/svgIcons/info.svg +3 -3
  292. package/src/assets/svgIcons/initial_situation.svg +3 -3
  293. package/src/assets/svgIcons/integrations.svg +3 -3
  294. package/src/assets/svgIcons/intro-tour-1.svg +3 -3
  295. package/src/assets/svgIcons/intro-tour.svg +3 -3
  296. package/src/assets/svgIcons/inverter-1.svg +5 -5
  297. package/src/assets/svgIcons/inverter.svg +3 -3
  298. package/src/assets/svgIcons/italic.svg +3 -3
  299. package/src/assets/svgIcons/key.svg +3 -3
  300. package/src/assets/svgIcons/lake.svg +29 -0
  301. package/src/assets/svgIcons/layers_close.svg +4 -4
  302. package/src/assets/svgIcons/layers_open.svg +4 -4
  303. package/src/assets/svgIcons/lead_marketplace.svg +6 -6
  304. package/src/assets/svgIcons/lead_provider.svg +4 -4
  305. package/src/assets/svgIcons/length_2d.svg +2 -2
  306. package/src/assets/svgIcons/length_3d.svg +4 -4
  307. package/src/assets/svgIcons/length_calculator.svg +2 -2
  308. package/src/assets/svgIcons/length_in_2d_active.svg +12 -12
  309. package/src/assets/svgIcons/length_in_2d_inctive.svg +13 -13
  310. package/src/assets/svgIcons/light_bulb.svg +3 -3
  311. package/src/assets/svgIcons/like.svg +3 -3
  312. package/src/assets/svgIcons/line_graph.svg +3 -3
  313. package/src/assets/svgIcons/local_subsidies.svg +18 -18
  314. package/src/assets/svgIcons/location.svg +3 -3
  315. package/src/assets/svgIcons/lock.svg +3 -3
  316. package/src/assets/svgIcons/logout.svg +3 -3
  317. package/src/assets/svgIcons/loop.svg +3 -3
  318. package/src/assets/svgIcons/low-vegetation.svg +37 -0
  319. package/src/assets/svgIcons/lunch.svg +4 -4
  320. package/src/assets/svgIcons/magic_tool.svg +6 -6
  321. package/src/assets/svgIcons/map_icon.svg +5 -5
  322. package/src/assets/svgIcons/map_settings.svg +3 -3
  323. package/src/assets/svgIcons/margin_tool.svg +4 -4
  324. package/src/assets/svgIcons/meeting.svg +6 -6
  325. package/src/assets/svgIcons/move_copy.svg +4 -4
  326. package/src/assets/svgIcons/new_area_inactive.svg +11 -11
  327. package/src/assets/svgIcons/next.svg +4 -4
  328. package/src/assets/svgIcons/normal-tg.svg +30 -0
  329. package/src/assets/svgIcons/normal-vegetation.svg +53 -0
  330. package/src/assets/svgIcons/not_equal_to.svg +3 -3
  331. package/src/assets/svgIcons/numbered_list.svg +6 -6
  332. package/src/assets/svgIcons/obstacle_tool.svg +9 -9
  333. package/src/assets/svgIcons/obstacle_tool_origin.svg +3 -3
  334. package/src/assets/svgIcons/offset_tool.svg +8 -8
  335. package/src/assets/svgIcons/open-tg.svg +21 -0
  336. package/src/assets/svgIcons/outline_tool.svg +11 -11
  337. package/src/assets/svgIcons/pan_tool.svg +12 -12
  338. package/src/assets/svgIcons/panels_tool.svg +8 -8
  339. package/src/assets/svgIcons/pen_tool.svg +4 -4
  340. package/src/assets/svgIcons/picker_tool.svg +4 -4
  341. package/src/assets/svgIcons/picture.svg +3 -3
  342. package/src/assets/svgIcons/pin.svg +5 -5
  343. package/src/assets/svgIcons/presentation.svg +3 -3
  344. package/src/assets/svgIcons/previous.svg +4 -4
  345. package/src/assets/svgIcons/profile-1.svg +4 -4
  346. package/src/assets/svgIcons/profile.svg +4 -4
  347. package/src/assets/svgIcons/profitability.svg +3 -3
  348. package/src/assets/svgIcons/project_analysis.svg +4 -4
  349. package/src/assets/svgIcons/project_settings.svg +4 -4
  350. package/src/assets/svgIcons/protected-tg.svg +47 -0
  351. package/src/assets/svgIcons/pv.svg +3 -3
  352. package/src/assets/svgIcons/quotations.svg +6 -6
  353. package/src/assets/svgIcons/redo.svg +6 -6
  354. package/src/assets/svgIcons/resizer.svg +5 -5
  355. package/src/assets/svgIcons/roof_layer.svg +3 -3
  356. package/src/assets/svgIcons/rotate_tool.svg +3 -3
  357. package/src/assets/svgIcons/rotate_view.svg +5 -5
  358. package/src/assets/svgIcons/ruler_tool.svg +3 -3
  359. package/src/assets/svgIcons/run_simulation.svg +3 -3
  360. package/src/assets/svgIcons/save.svg +3 -3
  361. package/src/assets/svgIcons/scaling_tool.svg +8 -8
  362. package/src/assets/svgIcons/sea.svg +34 -0
  363. package/src/assets/svgIcons/search.svg +3 -3
  364. package/src/assets/svgIcons/security.svg +3 -3
  365. package/src/assets/svgIcons/settings.svg +3 -3
  366. package/src/assets/svgIcons/show_in_a_new_tab.svg +12 -12
  367. package/src/assets/svgIcons/smartphone.svg +4 -4
  368. package/src/assets/svgIcons/solar_calc.svg +13 -13
  369. package/src/assets/svgIcons/sorting.svg +4 -4
  370. package/src/assets/svgIcons/split.svg +12 -12
  371. package/src/assets/svgIcons/start_of_the_list.svg +5 -5
  372. package/src/assets/svgIcons/strikethrough.svg +4 -4
  373. package/src/assets/svgIcons/subscriptions.svg +3 -3
  374. package/src/assets/svgIcons/subsidies-1.svg +5 -5
  375. package/src/assets/svgIcons/subsidies-2.svg +3 -3
  376. package/src/assets/svgIcons/subsidies.svg +3 -3
  377. package/src/assets/svgIcons/subtract_icon.svg +3 -3
  378. package/src/assets/svgIcons/suitcase.svg +3 -3
  379. package/src/assets/svgIcons/summer.svg +3 -3
  380. package/src/assets/svgIcons/template_icon_not_clickable.svg +6 -6
  381. package/src/assets/svgIcons/transfer.svg +4 -4
  382. package/src/assets/svgIcons/trim_tool.svg +4 -4
  383. package/src/assets/svgIcons/truck.svg +3 -3
  384. package/src/assets/svgIcons/underlined.svg +3 -3
  385. package/src/assets/svgIcons/undo.svg +6 -6
  386. package/src/assets/svgIcons/uparrow.svg +3 -3
  387. package/src/assets/svgIcons/update.svg +3 -3
  388. package/src/assets/svgIcons/upload_avatar-1.svg +12 -12
  389. package/src/assets/svgIcons/upload_avatar.svg +5 -5
  390. package/src/assets/svgIcons/upload_image.svg +8 -8
  391. package/src/assets/svgIcons/upload_image_tool.svg +7 -7
  392. package/src/assets/svgIcons/variants.svg +6 -6
  393. package/src/assets/svgIcons/vertical_tool.svg +3 -3
  394. package/src/assets/svgIcons/virtual_storage.svg +4 -4
  395. package/src/assets/svgIcons/warning.svg +4 -4
  396. package/src/assets/svgIcons/way.svg +5 -5
  397. package/src/assets/svgIcons/wifi.svg +3 -3
  398. package/src/assets/svgIcons/winter.svg +3 -3
  399. package/src/assets/svgIcons/workflow_template.svg +11 -11
  400. package/src/assets/tests/__mocks__/iconCache.js +1 -1
  401. package/src/assets/tests/helpers.js +12 -12
  402. package/src/assets/theme.js +41 -41
  403. package/src/components/addNewButton/AddNewButton.stories.js +24 -24
  404. package/src/components/addNewButton/index.vue +61 -61
  405. package/src/components/banner/actionBanner/index.vue +64 -64
  406. package/src/components/banner/banner/index.vue +188 -188
  407. package/src/components/banner/infoBanner/index.vue +57 -57
  408. package/src/components/buttons/buttonIcon/index.vue +145 -145
  409. package/src/components/buttons/closeButton/CloseButton.stories.js +26 -26
  410. package/src/components/buttons/closeButton/index.vue +62 -62
  411. package/src/components/buttons/mainButton/index.vue +140 -144
  412. package/src/components/card/index.vue +96 -96
  413. package/src/components/collapsableInfoText/index.vue +127 -127
  414. package/src/components/deleteIcon/DeleteIcon.stories.js +29 -29
  415. package/src/components/deleteIcon/index.vue +78 -78
  416. package/src/components/draggableInputHandle/index.vue +46 -46
  417. package/src/components/dropdown/Dropdown.stories.js +53 -53
  418. package/src/components/dropdown/index.vue +138 -138
  419. package/src/components/errorMessage/index.vue +64 -64
  420. package/src/components/filter/filterSettings.vue +639 -639
  421. package/src/components/filter/index.vue +154 -154
  422. package/src/components/filter/parentDropdown.vue +91 -91
  423. package/src/components/icon/Icons.stories.js +41 -41
  424. package/src/components/icon/iconCache.mjs +23 -23
  425. package/src/components/icon/iconCollection.vue +68 -68
  426. package/src/components/icon/index.vue +140 -140
  427. package/src/components/iconWrapper/index.vue +179 -179
  428. package/src/components/infoCard/index.vue +40 -40
  429. package/src/components/infoText/index.vue +170 -170
  430. package/src/components/inputs/checkbox/Checkbox.stories.js +57 -57
  431. package/src/components/inputs/checkbox/index.vue +224 -224
  432. package/src/components/inputs/inputNumber/InputNumber.stories.js +150 -150
  433. package/src/components/inputs/inputNumber/index.vue +789 -789
  434. package/src/components/inputs/inputNumberQuestion/index.vue +218 -218
  435. package/src/components/inputs/inputText/InputText.stories.js +75 -75
  436. package/src/components/inputs/inputText/index.vue +376 -376
  437. package/src/components/inputs/radioButton/RadioButton.stories.js +58 -58
  438. package/src/components/inputs/radioButton/index.vue +273 -273
  439. package/src/components/inputs/searchInput/SearchInput.stories.js +40 -40
  440. package/src/components/inputs/searchInput/index.vue +151 -151
  441. package/src/components/inputs/select/index.vue +910 -908
  442. package/src/components/inputs/select/option/index.vue +148 -148
  443. package/src/components/inputs/select/select.stories.js +58 -58
  444. package/src/components/inputs/slider/index.vue +126 -126
  445. package/src/components/inputs/switchField/index.vue +254 -254
  446. package/src/components/inputs/textAreaInput/TextAreaInput.stories.js +127 -127
  447. package/src/components/inputs/textAreaInput/index.vue +198 -198
  448. package/src/components/inputs/toggle/Toggle.stories.js +77 -77
  449. package/src/components/inputs/toggle/index.vue +317 -317
  450. package/src/components/inputs/toggle/toggle.spec.js +102 -102
  451. package/src/components/label/index.vue +99 -99
  452. package/src/components/markerItem/index.vue +88 -88
  453. package/src/components/modals/actionModal/index.vue +64 -64
  454. package/src/components/modals/infoModal/index.vue +52 -52
  455. package/src/components/modals/modal/index.vue +188 -188
  456. package/src/components/modals/modal/modal.stories.js +31 -31
  457. package/src/components/navigationTabs/index.vue +114 -114
  458. package/src/components/pageSubtitle/index.vue +67 -67
  459. package/src/components/pageTitle/index.vue +68 -68
  460. package/src/components/pagination/index.vue +148 -148
  461. package/src/components/progressBar/index.vue +125 -125
  462. package/src/components/projectMarker/index.vue +300 -300
  463. package/src/components/rangeSlider/Slider.vue +573 -573
  464. package/src/components/rangeSlider/index.vue +517 -517
  465. package/src/components/rangeSlider/utils/dom.js +49 -49
  466. package/src/components/rangeSlider/utils/fns.js +26 -26
  467. package/src/components/selectedOptions/index.vue +145 -145
  468. package/src/components/sideMenu/index.vue +270 -270
  469. package/src/components/spinner/index.vue +68 -68
  470. package/src/components/tableDropdown/index.vue +638 -638
  471. package/src/components/tables/mainTable/exampleNested.vue +328 -328
  472. package/src/components/tables/mainTable/index.vue +510 -510
  473. package/src/components/tables/viewTable/index.vue +195 -195
  474. package/src/components/tabsHeader/index.vue +83 -83
  475. package/src/components/threeDots/index.vue +413 -413
  476. package/src/components/videoThumbnail/index.vue +103 -103
  477. package/src/components/videoThumbnail/videoThumbnail.stories.js +33 -33
  478. package/src/helpers/currencyMapping.js +28 -28
  479. package/src/helpers/numberConverter.js +103 -103
  480. package/src/helpers/translateLang.js +128 -128
  481. package/src/main.js +7 -7
  482. package/src/mixins/inputValidations.js +97 -97
  483. package/src/router/dynamicRoutes.js +23 -23
  484. package/src/stories/Button.stories.js +48 -48
  485. package/src/stories/Button.vue +52 -52
  486. package/src/stories/Configure.mdx +364 -364
  487. package/src/stories/Header.stories.js +41 -41
  488. package/src/stories/Header.vue +59 -59
  489. package/src/stories/Page.stories.js +30 -30
  490. package/src/stories/Page.vue +83 -83
  491. package/src/stories/button.css +30 -30
  492. package/src/stories/header.css +32 -32
  493. package/src/stories/page.css +69 -69
  494. package/src/utils/index.js +12 -12
package/coverage/src/components/navigationTabs/index.vue.html CHANGED
@@ -1,427 +1,427 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/components/navigationTabs/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/navigationTabs</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/37</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/22</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/14</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/37</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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
181
- <span class="cline-any cline-neutral">&nbsp;</span>
182
- <span class="cline-any cline-no">&nbsp;</span>
183
- <span class="cline-any cline-no">&nbsp;</span>
184
- <span class="cline-any cline-neutral">&nbsp;</span>
185
- <span class="cline-any cline-neutral">&nbsp;</span>
186
- <span class="cline-any cline-no">&nbsp;</span>
187
- <span class="cline-any cline-no">&nbsp;</span>
188
- <span class="cline-any cline-no">&nbsp;</span>
189
- <span class="cline-any cline-no">&nbsp;</span>
190
- <span class="cline-any cline-neutral">&nbsp;</span>
191
- <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-neutral">&nbsp;</span>
193
- <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
198
- <span class="cline-any cline-neutral">&nbsp;</span>
199
- <span class="cline-any cline-neutral">&nbsp;</span>
200
- <span class="cline-any cline-no">&nbsp;</span>
201
- <span class="cline-any cline-neutral">&nbsp;</span>
202
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
210
- <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-neutral">&nbsp;</span>
212
- <span class="cline-any cline-no">&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-neutral">&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-no">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-no">&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-neutral">&nbsp;</span>
228
- <span class="cline-any cline-no">&nbsp;</span>
229
- <span class="cline-any cline-no">&nbsp;</span>
230
- <span class="cline-any cline-neutral">&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-neutral">&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-no">&nbsp;</span>
239
- <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
243
- <span class="cline-any cline-neutral">&nbsp;</span>
244
- <span class="cline-any cline-neutral">&nbsp;</span>
245
- <span class="cline-any cline-neutral">&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-neutral">&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-neutral">&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-no">&nbsp;</span>
273
- <span class="cline-any cline-neutral">&nbsp;</span>
274
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
278
- <span class="cline-any cline-no">&nbsp;</span>
279
- <span class="cline-any cline-neutral">&nbsp;</span>
280
- <span class="cline-any cline-no">&nbsp;</span>
281
- <span class="cline-any cline-no">&nbsp;</span>
282
- <span class="cline-any cline-no">&nbsp;</span>
283
- <span class="cline-any cline-no">&nbsp;</span>
284
- <span class="cline-any cline-no">&nbsp;</span>
285
- <span class="cline-any cline-no">&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-no">&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-no">&nbsp;</span>
294
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
295
- &lt;RoofTabWrap&gt;
296
- &lt;Tab<span class="cstat-no" title="statement not covered" ></span>
297
- <span class="cstat-no" title="statement not covered" > v-for="(tab, index) in tabsData"</span>
298
- :key="tab.id"
299
- :active="isIndexKey ? index === activeTab : tab[tabKey] === activeTab"
300
- <span class="cstat-no" title="statement not covered" > :is-disabled="!!tab[</span>'isDisabled']"
301
- :text-color="tab['text<span class="cstat-no" title="statement not covered" >Color']"</span>
302
- @click="$e<span class="cstat-no" title="statement not covered" >mit('tab-click', isIndexKey ? index : tab[tabKe</span>y])"
303
- &gt;<span class="cstat-no" title="statement not covered" ></span>
304
- &lt;Option :is-disabled="!!tab['isDisabled']" :text-color="tab['textColor']"&gt;
305
- &lt;Uppercase&gt;{{ tab[tabLabel] }}&lt;/Uppercase&gt;
306
- &lt;InfoText
307
- v-if="tab['labelInfoText']"
308
- :align-ar<span class="cstat-no" title="statement not covered" >row="tab['labelInfoAlign']"</span>
309
- :text="tab['labelInfoText']"
310
- /&gt;
311
- &lt;/Option&gt;
312
- &lt;/Tab&gt;
313
- &lt;BottomLine /&gt;
314
- &lt;/RoofTabWrap&gt;<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
315
- &lt;/template&gt;
316
- <span class="cstat-no" title="statement not covered" ></span>
317
- &lt;script&gt;
318
- import styled from 'vue3-styled-components'
319
- import InfoText from '../infoText'
320
- const TabAttr = {
321
- active: Boolean,
322
- isDisabled: Boolean,
323
- textColor: Str<span class="cstat-no" title="statement not covered" >ing,</span>
324
- }
325
- &nbsp;
326
- const BottomL<span class="cstat-no" title="statement not covered" >ine = styled('div')`</span>
327
- position: absolute;
328
- bottom: 0;
329
- left: 0;
330
- height: 1px;
331
- width: 100%;
332
- background-color: ${(props) =&gt; props.theme.colors.grey3};
333
- `<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
334
- const RoofTabWrap = styled('div')`
335
- display:<span class="cstat-no" title="statement not covered" > flex;</span>
336
- align-items: center;
337
- position: relative;
338
- font-size: 13px;
339
- font-we<span class="fstat-no" title="function not covered" >ig</span>ht: 700<span class="cstat-no" title="statement not covered" >;</span>
340
- `
341
- const Uppercase = styled('span')`
342
- text<span class="fstat-no" title="function not covered" >-t</span>ransfor<span class="cstat-no" title="statement not covered" >m: uppercase;</span>
343
- `<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
344
- const Option = styled('div', TabAttr)`
345
- font-size:<span class="fstat-no" title="function not covered" > 1</span>3px;<span class="cstat-no" title="statement not covered" ></span>
346
- font-weight: 700;
347
- display: flex;
348
- justify-content: center;
349
- flex-direction: row;
350
- gap: 10px;
351
- color: ${(props) =&gt;
352
- props.textColor<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
353
- ? props.theme.colors[props.textColor]
354
- ? props.theme.colors[props.textColor]
355
- : pro<span class="cstat-no" title="statement not covered" >ps.textColor</span>
356
- : props.isDisabled
357
- ? props.theme.colors.grey2
358
- : props.theme.colors.black};
359
- `
360
- const Tab = styled('div', TabAttr)`
361
- padding: 16px 10px;
362
- margin-right: 5px;
363
- position: relative;
364
- top: ${(props) =&gt; (props.isDisabled ? '-1px' : '0')};
365
- z-index: 10;
366
- border-bottom: 2px solid
367
- ${(props) =&gt; (props.active ? props.theme.colors.primary : 'transparent')};
368
- background-color: ${(props) =&gt;
369
- props.isDisabled ? props.theme.colors.grey5 : 'transparent'};
370
- transition: 0.2s ease;
371
- cursor: ${(props) =&gt; (props.isDisabled ? 'not-allowed' : 'pointer')};
372
- min-width: 140px;
373
- display: flex !important;
374
- align-items: center;
375
- justify-content: space-between;
376
- min-height: 55px;
377
- &amp;:hover {
378
- border-color: ${(props) =&gt;
379
- props.isDisabled
380
- ? props.theme.colors.grey2
381
- : props.theme.colors.primary};
382
- }
383
- `
384
- &nbsp;
385
- export default {
386
- <span class="cstat-no" title="statement not covered" > name: 'Tab</span>s',
387
- &nbsp;
388
- <span class="cstat-no" title="statement not covered" > components: {</span>
389
- Tab,
390
- BottomLine,
391
- <span class="cstat-no" title="statement not covered" > RoofTabWrap,</span>
392
- Optio<span class="cstat-no" title="statement not covered" >n,</span>
393
- Inf<span class="fstat-no" title="function not covered" >oText,</span>
394
- Uppercase,<span class="cstat-no" title="statement not covered" ></span>
395
- },<span class="cstat-no" title="statement not covered" ></span>
396
- <span class="cstat-no" title="statement not covered" ></span>
397
- props: {<span class="cstat-no" title="statement not covered" ></span>
398
- tabsData: { required: true<span class="cstat-no" title="statement not covered" > },</span>
399
- activeTab: { required: true<span class="cstat-no" title="statement not covered" > },</span>
400
- <span class="cstat-no" title="statement not covered" > isIndexKey: { type: Boolean, default: false },</span>
401
- tabKey: { type: String, d<span class="fstat-no" title="function not covered" >ef</span>ault<span class="cstat-no" title="statement not covered" >: '' },<span class="fstat-no" title="function not covered" ></span></span>
402
- <span class="cstat-no" title="statement not covered" > tabLabel: { type: String, default: '' },</span>
403
- },
404
- }
405
- &lt;/script&gt;
406
- &nbsp;
407
- &lt;style lang="scss<span class="fstat-no" title="function not covered" >" </span>scoped&gt;&lt;<span class="cstat-no" title="statement not covered" >/style&gt;</span>
408
- &nbsp;</pre></td></tr></table></pre>
409
-
410
- <div class='push'></div><!-- for sticky footer -->
411
- </div><!-- /wrapper -->
412
- <div class='footer quiet pad2 space-top1 center small'>
413
- Code coverage generated by
414
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
415
- at 2024-08-08T06:43:27.888Z
416
- </div>
417
- <script src="../../../prettify.js"></script>
418
- <script>
419
- window.onload = function () {
420
- prettyPrint();
421
- };
422
- </script>
423
- <script src="../../../sorter.js"></script>
424
- <script src="../../../block-navigation.js"></script>
425
- </body>
426
- </html>
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for src/components/navigationTabs/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/navigationTabs</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/37</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/22</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/14</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/37</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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
181
+ <span class="cline-any cline-neutral">&nbsp;</span>
182
+ <span class="cline-any cline-no">&nbsp;</span>
183
+ <span class="cline-any cline-no">&nbsp;</span>
184
+ <span class="cline-any cline-neutral">&nbsp;</span>
185
+ <span class="cline-any cline-neutral">&nbsp;</span>
186
+ <span class="cline-any cline-no">&nbsp;</span>
187
+ <span class="cline-any cline-no">&nbsp;</span>
188
+ <span class="cline-any cline-no">&nbsp;</span>
189
+ <span class="cline-any cline-no">&nbsp;</span>
190
+ <span class="cline-any cline-neutral">&nbsp;</span>
191
+ <span class="cline-any cline-neutral">&nbsp;</span>
192
+ <span class="cline-any cline-neutral">&nbsp;</span>
193
+ <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-neutral">&nbsp;</span>
199
+ <span class="cline-any cline-neutral">&nbsp;</span>
200
+ <span class="cline-any cline-no">&nbsp;</span>
201
+ <span class="cline-any cline-neutral">&nbsp;</span>
202
+ <span class="cline-any cline-no">&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-no">&nbsp;</span>
210
+ <span class="cline-any cline-neutral">&nbsp;</span>
211
+ <span class="cline-any cline-neutral">&nbsp;</span>
212
+ <span class="cline-any cline-no">&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-neutral">&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-no">&nbsp;</span>
220
+ <span class="cline-any cline-neutral">&nbsp;</span>
221
+ <span class="cline-any cline-no">&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-neutral">&nbsp;</span>
228
+ <span class="cline-any cline-no">&nbsp;</span>
229
+ <span class="cline-any cline-no">&nbsp;</span>
230
+ <span class="cline-any cline-neutral">&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-neutral">&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-no">&nbsp;</span>
239
+ <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
243
+ <span class="cline-any cline-neutral">&nbsp;</span>
244
+ <span class="cline-any cline-neutral">&nbsp;</span>
245
+ <span class="cline-any cline-neutral">&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-neutral">&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-neutral">&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-no">&nbsp;</span>
273
+ <span class="cline-any cline-neutral">&nbsp;</span>
274
+ <span class="cline-any cline-no">&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-no">&nbsp;</span>
278
+ <span class="cline-any cline-no">&nbsp;</span>
279
+ <span class="cline-any cline-neutral">&nbsp;</span>
280
+ <span class="cline-any cline-no">&nbsp;</span>
281
+ <span class="cline-any cline-no">&nbsp;</span>
282
+ <span class="cline-any cline-no">&nbsp;</span>
283
+ <span class="cline-any cline-no">&nbsp;</span>
284
+ <span class="cline-any cline-no">&nbsp;</span>
285
+ <span class="cline-any cline-no">&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-no">&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-no">&nbsp;</span>
294
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
295
+ &lt;RoofTabWrap&gt;
296
+ &lt;Tab<span class="cstat-no" title="statement not covered" ></span>
297
+ <span class="cstat-no" title="statement not covered" > v-for="(tab, index) in tabsData"</span>
298
+ :key="tab.id"
299
+ :active="isIndexKey ? index === activeTab : tab[tabKey] === activeTab"
300
+ <span class="cstat-no" title="statement not covered" > :is-disabled="!!tab[</span>'isDisabled']"
301
+ :text-color="tab['text<span class="cstat-no" title="statement not covered" >Color']"</span>
302
+ @click="$e<span class="cstat-no" title="statement not covered" >mit('tab-click', isIndexKey ? index : tab[tabKe</span>y])"
303
+ &gt;<span class="cstat-no" title="statement not covered" ></span>
304
+ &lt;Option :is-disabled="!!tab['isDisabled']" :text-color="tab['textColor']"&gt;
305
+ &lt;Uppercase&gt;{{ tab[tabLabel] }}&lt;/Uppercase&gt;
306
+ &lt;InfoText
307
+ v-if="tab['labelInfoText']"
308
+ :align-ar<span class="cstat-no" title="statement not covered" >row="tab['labelInfoAlign']"</span>
309
+ :text="tab['labelInfoText']"
310
+ /&gt;
311
+ &lt;/Option&gt;
312
+ &lt;/Tab&gt;
313
+ &lt;BottomLine /&gt;
314
+ &lt;/RoofTabWrap&gt;<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
315
+ &lt;/template&gt;
316
+ <span class="cstat-no" title="statement not covered" ></span>
317
+ &lt;script&gt;
318
+ import styled from 'vue3-styled-components'
319
+ import InfoText from '../infoText'
320
+ const TabAttr = {
321
+ active: Boolean,
322
+ isDisabled: Boolean,
323
+ textColor: Str<span class="cstat-no" title="statement not covered" >ing,</span>
324
+ }
325
+ &nbsp;
326
+ const BottomL<span class="cstat-no" title="statement not covered" >ine = styled('div')`</span>
327
+ position: absolute;
328
+ bottom: 0;
329
+ left: 0;
330
+ height: 1px;
331
+ width: 100%;
332
+ background-color: ${(props) =&gt; props.theme.colors.grey3};
333
+ `<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
334
+ const RoofTabWrap = styled('div')`
335
+ display:<span class="cstat-no" title="statement not covered" > flex;</span>
336
+ align-items: center;
337
+ position: relative;
338
+ font-size: 13px;
339
+ font-we<span class="fstat-no" title="function not covered" >ig</span>ht: 700<span class="cstat-no" title="statement not covered" >;</span>
340
+ `
341
+ const Uppercase = styled('span')`
342
+ text<span class="fstat-no" title="function not covered" >-t</span>ransfor<span class="cstat-no" title="statement not covered" >m: uppercase;</span>
343
+ `<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
344
+ const Option = styled('div', TabAttr)`
345
+ font-size:<span class="fstat-no" title="function not covered" > 1</span>3px;<span class="cstat-no" title="statement not covered" ></span>
346
+ font-weight: 700;
347
+ display: flex;
348
+ justify-content: center;
349
+ flex-direction: row;
350
+ gap: 10px;
351
+ color: ${(props) =&gt;
352
+ props.textColor<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
353
+ ? props.theme.colors[props.textColor]
354
+ ? props.theme.colors[props.textColor]
355
+ : pro<span class="cstat-no" title="statement not covered" >ps.textColor</span>
356
+ : props.isDisabled
357
+ ? props.theme.colors.grey2
358
+ : props.theme.colors.black};
359
+ `
360
+ const Tab = styled('div', TabAttr)`
361
+ padding: 16px 10px;
362
+ margin-right: 5px;
363
+ position: relative;
364
+ top: ${(props) =&gt; (props.isDisabled ? '-1px' : '0')};
365
+ z-index: 10;
366
+ border-bottom: 2px solid
367
+ ${(props) =&gt; (props.active ? props.theme.colors.primary : 'transparent')};
368
+ background-color: ${(props) =&gt;
369
+ props.isDisabled ? props.theme.colors.grey5 : 'transparent'};
370
+ transition: 0.2s ease;
371
+ cursor: ${(props) =&gt; (props.isDisabled ? 'not-allowed' : 'pointer')};
372
+ min-width: 140px;
373
+ display: flex !important;
374
+ align-items: center;
375
+ justify-content: space-between;
376
+ min-height: 55px;
377
+ &amp;:hover {
378
+ border-color: ${(props) =&gt;
379
+ props.isDisabled
380
+ ? props.theme.colors.grey2
381
+ : props.theme.colors.primary};
382
+ }
383
+ `
384
+ &nbsp;
385
+ export default {
386
+ <span class="cstat-no" title="statement not covered" > name: 'Tab</span>s',
387
+ &nbsp;
388
+ <span class="cstat-no" title="statement not covered" > components: {</span>
389
+ Tab,
390
+ BottomLine,
391
+ <span class="cstat-no" title="statement not covered" > RoofTabWrap,</span>
392
+ Optio<span class="cstat-no" title="statement not covered" >n,</span>
393
+ Inf<span class="fstat-no" title="function not covered" >oText,</span>
394
+ Uppercase,<span class="cstat-no" title="statement not covered" ></span>
395
+ },<span class="cstat-no" title="statement not covered" ></span>
396
+ <span class="cstat-no" title="statement not covered" ></span>
397
+ props: {<span class="cstat-no" title="statement not covered" ></span>
398
+ tabsData: { required: true<span class="cstat-no" title="statement not covered" > },</span>
399
+ activeTab: { required: true<span class="cstat-no" title="statement not covered" > },</span>
400
+ <span class="cstat-no" title="statement not covered" > isIndexKey: { type: Boolean, default: false },</span>
401
+ tabKey: { type: String, d<span class="fstat-no" title="function not covered" >ef</span>ault<span class="cstat-no" title="statement not covered" >: '' },<span class="fstat-no" title="function not covered" ></span></span>
402
+ <span class="cstat-no" title="statement not covered" > tabLabel: { type: String, default: '' },</span>
403
+ },
404
+ }
405
+ &lt;/script&gt;
406
+ &nbsp;
407
+ &lt;style lang="scss<span class="fstat-no" title="function not covered" >" </span>scoped&gt;&lt;<span class="cstat-no" title="statement not covered" >/style&gt;</span>
408
+ &nbsp;</pre></td></tr></table></pre>
409
+
410
+ <div class='push'></div><!-- for sticky footer -->
411
+ </div><!-- /wrapper -->
412
+ <div class='footer quiet pad2 space-top1 center small'>
413
+ Code coverage generated by
414
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
415
+ at 2024-08-08T06:43:27.888Z
416
+ </div>
417
+ <script src="../../../prettify.js"></script>
418
+ <script>
419
+ window.onload = function () {
420
+ prettyPrint();
421
+ };
422
+ </script>
423
+ <script src="../../../sorter.js"></script>
424
+ <script src="../../../block-navigation.js"></script>
425
+ </body>
426
+ </html>
427
427