@eturnity/eturnity_reusable_components 8.22.23-EPDM-15709.0 → 8.22.23-EPDM-13618.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (930) hide show
  1. package/README.md +29 -29
  2. package/dist/main.es12.js +2 -2
  3. package/dist/main.es13.js +3 -3
  4. package/dist/main.es14.js +2 -2
  5. package/dist/main.es15.js +21 -213
  6. package/dist/main.es16.js +1051 -19
  7. package/dist/main.es17.js +215 -1044
  8. package/dist/main.es18.js +69 -197
  9. package/dist/main.es19.js +2 -99
  10. package/dist/main.es20.js +541 -2
  11. package/dist/main.es21.js +188 -530
  12. package/dist/main.es22.js +217 -192
  13. package/dist/main.es24.js +2 -2
  14. package/dist/main.es375.js +1 -1
  15. package/dist/main.es377.js +60 -21
  16. package/dist/main.es378.js +21 -60
  17. package/dist/main.es379.js +1 -1
  18. package/dist/main.es380.js +1 -1
  19. package/dist/main.es381.js +1 -1
  20. package/dist/main.es382.js +1 -1
  21. package/dist/main.es383.js +1 -1
  22. package/dist/main.es384.js +1 -1
  23. package/dist/main.es385.js +1 -1
  24. package/dist/main.es386.js +1 -1
  25. package/dist/main.es387.js +1 -1
  26. package/dist/main.es388.js +1 -1
  27. package/dist/main.es389.js +1 -1
  28. package/dist/main.es390.js +1 -1
  29. package/dist/main.es391.js +1 -1
  30. package/dist/main.es392.js +1 -1
  31. package/dist/main.es394.js +1 -1
  32. package/dist/main.es396.js +1 -1
  33. package/dist/main.es397.js +1 -1
  34. package/dist/main.es398.js +1 -1
  35. package/dist/main.es399.js +1 -1
  36. package/dist/main.es400.js +1 -1
  37. package/dist/main.es401.js +1 -1
  38. package/dist/main.es402.js +1 -1
  39. package/dist/main.es403.js +1 -1
  40. package/dist/main.es404.js +1 -1
  41. package/dist/main.es405.js +1 -1
  42. package/dist/main.es406.js +1 -1
  43. package/dist/main.es407.js +1 -1
  44. package/dist/main.es408.js +1 -1
  45. package/dist/main.es409.js +1 -1
  46. package/dist/main.es410.js +1 -1
  47. package/dist/main.es411.js +1 -1
  48. package/dist/main.es412.js +1 -1
  49. package/dist/main.es413.js +1 -1
  50. package/dist/main.es414.js +1 -1
  51. package/dist/main.es415.js +1 -1
  52. package/dist/main.es416.js +1 -1
  53. package/dist/main.es417.js +1 -1
  54. package/dist/main.es418.js +1 -1
  55. package/dist/main.es419.js +1 -1
  56. package/dist/main.es420.js +1 -1
  57. package/dist/main.es421.js +1 -1
  58. package/dist/main.es422.js +1 -1
  59. package/dist/main.es423.js +1 -1
  60. package/dist/main.es424.js +1 -1
  61. package/dist/main.es425.js +1 -1
  62. package/dist/main.es426.js +1 -1
  63. package/dist/main.es427.js +1 -1
  64. package/dist/main.es428.js +1 -1
  65. package/dist/main.es429.js +1 -1
  66. package/dist/main.es430.js +1 -1
  67. package/dist/main.es431.js +1 -1
  68. package/dist/main.es432.js +1 -1
  69. package/dist/main.es433.js +1 -1
  70. package/dist/main.es434.js +1 -1
  71. package/dist/main.es435.js +1 -1
  72. package/dist/main.es436.js +1 -1
  73. package/dist/main.es437.js +1 -1
  74. package/dist/main.es438.js +1 -1
  75. package/dist/main.es439.js +1 -1
  76. package/dist/main.es440.js +1 -1
  77. package/dist/main.es441.js +1 -1
  78. package/dist/main.es442.js +1 -1
  79. package/dist/main.es443.js +1 -1
  80. package/dist/main.es444.js +1 -1
  81. package/dist/main.es445.js +1 -1
  82. package/dist/main.es447.js +1 -1
  83. package/dist/main.es448.js +1 -1
  84. package/dist/main.es449.js +1 -1
  85. package/dist/main.es450.js +1 -1
  86. package/dist/main.es451.js +1 -1
  87. package/dist/main.es452.js +1 -1
  88. package/dist/main.es454.js +1 -1
  89. package/dist/main.es455.js +1 -1
  90. package/dist/main.es456.js +1 -1
  91. package/dist/main.es457.js +1 -1
  92. package/dist/main.es458.js +1 -1
  93. package/dist/main.es460.js +1 -1
  94. package/dist/main.es461.js +1 -1
  95. package/dist/main.es462.js +1 -1
  96. package/dist/main.es463.js +1 -1
  97. package/dist/main.es464.js +1 -1
  98. package/dist/main.es465.js +1 -1
  99. package/dist/main.es466.js +1 -1
  100. package/dist/main.es467.js +1 -1
  101. package/dist/main.es468.js +1 -1
  102. package/dist/main.es469.js +1 -1
  103. package/dist/main.es470.js +1 -1
  104. package/dist/main.es471.js +1 -1
  105. package/dist/main.es472.js +1 -1
  106. package/dist/main.es473.js +1 -1
  107. package/dist/main.es474.js +1 -1
  108. package/dist/main.es475.js +1 -1
  109. package/dist/main.es476.js +1 -1
  110. package/dist/main.es477.js +1 -1
  111. package/dist/main.es478.js +1 -1
  112. package/dist/main.es479.js +1 -1
  113. package/dist/main.es480.js +1 -1
  114. package/dist/main.es481.js +1 -1
  115. package/dist/main.es482.js +1 -1
  116. package/dist/main.es483.js +1 -1
  117. package/dist/main.es484.js +1 -1
  118. package/dist/main.es485.js +1 -1
  119. package/dist/main.es486.js +1 -1
  120. package/dist/main.es487.js +1 -1
  121. package/dist/main.es488.js +1 -1
  122. package/dist/main.es489.js +1 -1
  123. package/dist/main.es490.js +1 -1
  124. package/dist/main.es491.js +1 -1
  125. package/dist/main.es492.js +1 -1
  126. package/dist/main.es493.js +1 -1
  127. package/dist/main.es494.js +1 -1
  128. package/dist/main.es495.js +1 -1
  129. package/dist/main.es496.js +1 -1
  130. package/dist/main.es497.js +1 -1
  131. package/dist/main.es498.js +1 -1
  132. package/dist/main.es499.js +1 -1
  133. package/dist/main.es5.js +2 -2
  134. package/dist/main.es500.js +1 -1
  135. package/dist/main.es501.js +1 -1
  136. package/dist/main.es502.js +1 -1
  137. package/dist/main.es503.js +1 -1
  138. package/dist/main.es504.js +1 -1
  139. package/dist/main.es505.js +1 -1
  140. package/dist/main.es506.js +1 -1
  141. package/dist/main.es507.js +1 -1
  142. package/dist/main.es508.js +1 -1
  143. package/dist/main.es509.js +1 -1
  144. package/dist/main.es510.js +1 -1
  145. package/dist/main.es511.js +1 -1
  146. package/dist/main.es512.js +1 -1
  147. package/dist/main.es513.js +1 -1
  148. package/dist/main.es514.js +1 -1
  149. package/dist/main.es515.js +1 -1
  150. package/dist/main.es516.js +1 -1
  151. package/dist/main.es517.js +1 -1
  152. package/dist/main.es518.js +1 -1
  153. package/dist/main.es519.js +1 -1
  154. package/dist/main.es520.js +1 -1
  155. package/dist/main.es521.js +1 -1
  156. package/dist/main.es522.js +1 -1
  157. package/dist/main.es523.js +1 -1
  158. package/dist/main.es524.js +1 -1
  159. package/dist/main.es525.js +1 -1
  160. package/dist/main.es526.js +1 -1
  161. package/dist/main.es527.js +1 -1
  162. package/dist/main.es528.js +1 -1
  163. package/dist/main.es529.js +1 -1
  164. package/dist/main.es530.js +1 -1
  165. package/dist/main.es531.js +1 -1
  166. package/dist/main.es532.js +1 -1
  167. package/dist/main.es533.js +1 -1
  168. package/dist/main.es534.js +1 -1
  169. package/dist/main.es535.js +1 -1
  170. package/dist/main.es536.js +1 -1
  171. package/dist/main.es537.js +1 -1
  172. package/dist/main.es538.js +1 -1
  173. package/dist/main.es539.js +1 -1
  174. package/dist/main.es540.js +1 -1
  175. package/dist/main.es541.js +1 -1
  176. package/dist/main.es542.js +1 -1
  177. package/dist/main.es543.js +1 -1
  178. package/dist/main.es544.js +1 -1
  179. package/dist/main.es545.js +1 -1
  180. package/dist/main.es546.js +1 -1
  181. package/dist/main.es547.js +1 -1
  182. package/dist/main.es548.js +1 -1
  183. package/dist/main.es549.js +1 -1
  184. package/dist/main.es550.js +1 -1
  185. package/dist/main.es551.js +1 -1
  186. package/dist/main.es552.js +1 -1
  187. package/dist/main.es553.js +1 -1
  188. package/dist/main.es555.js +1 -1
  189. package/dist/main.es556.js +1 -1
  190. package/dist/main.es557.js +1 -1
  191. package/dist/main.es558.js +1 -1
  192. package/dist/main.es559.js +1 -1
  193. package/dist/main.es560.js +1 -1
  194. package/dist/main.es561.js +1 -1
  195. package/dist/main.es562.js +1 -1
  196. package/dist/main.es563.js +1 -1
  197. package/dist/main.es564.js +1 -1
  198. package/dist/main.es565.js +1 -1
  199. package/dist/main.es566.js +1 -1
  200. package/dist/main.es567.js +1 -1
  201. package/dist/main.es568.js +1 -1
  202. package/dist/main.es569.js +1 -1
  203. package/dist/main.es570.js +1 -1
  204. package/dist/main.es571.js +1 -1
  205. package/dist/main.es572.js +1 -1
  206. package/dist/main.es573.js +1 -1
  207. package/dist/main.es574.js +1 -1
  208. package/dist/main.es575.js +1 -1
  209. package/dist/main.es576.js +1 -1
  210. package/dist/main.es577.js +1 -1
  211. package/dist/main.es578.js +1 -1
  212. package/dist/main.es579.js +1 -1
  213. package/dist/main.es580.js +1 -1
  214. package/dist/main.es581.js +1 -1
  215. package/dist/main.es582.js +1 -1
  216. package/dist/main.es583.js +1 -1
  217. package/dist/main.es584.js +1 -1
  218. package/dist/main.es585.js +1 -1
  219. package/dist/main.es586.js +1 -1
  220. package/dist/main.es587.js +1 -1
  221. package/dist/main.es588.js +1 -1
  222. package/dist/main.es589.js +1 -1
  223. package/dist/main.es590.js +1 -1
  224. package/dist/main.es591.js +1 -1
  225. package/dist/main.es592.js +1 -1
  226. package/dist/main.es593.js +1 -1
  227. package/dist/main.es594.js +1 -1
  228. package/dist/main.es595.js +1 -1
  229. package/dist/main.es596.js +1 -1
  230. package/dist/main.es597.js +1 -1
  231. package/dist/main.es598.js +1 -1
  232. package/dist/main.es599.js +1 -1
  233. package/dist/main.es6.js +4 -4
  234. package/dist/main.es600.js +1 -1
  235. package/dist/main.es601.js +1 -1
  236. package/dist/main.es602.js +1 -1
  237. package/dist/main.es603.js +1 -1
  238. package/dist/main.es604.js +1 -1
  239. package/dist/main.es605.js +1 -1
  240. package/dist/main.es606.js +1 -1
  241. package/dist/main.es607.js +1 -1
  242. package/dist/main.es608.js +1 -1
  243. package/dist/main.es609.js +1 -1
  244. package/dist/main.es610.js +1 -1
  245. package/dist/main.es611.js +1 -1
  246. package/dist/main.es612.js +1 -1
  247. package/dist/main.es613.js +1 -1
  248. package/dist/main.es614.js +1 -1
  249. package/dist/main.es615.js +1 -1
  250. package/dist/main.es616.js +1 -1
  251. package/dist/main.es617.js +1 -1
  252. package/dist/main.es618.js +1 -1
  253. package/dist/main.es619.js +1 -1
  254. package/dist/main.es620.js +1 -1
  255. package/dist/main.es621.js +1 -1
  256. package/dist/main.es622.js +1 -1
  257. package/dist/main.es623.js +1 -1
  258. package/dist/main.es624.js +1 -1
  259. package/dist/main.es625.js +1 -1
  260. package/dist/main.es626.js +1 -1
  261. package/dist/main.es627.js +1 -1
  262. package/dist/main.es628.js +1 -1
  263. package/dist/main.es629.js +1 -1
  264. package/dist/main.es630.js +1 -1
  265. package/dist/main.es631.js +1 -1
  266. package/dist/main.es632.js +1 -1
  267. package/dist/main.es633.js +1 -1
  268. package/dist/main.es634.js +1 -1
  269. package/dist/main.es636.js +1 -1
  270. package/dist/main.es637.js +1 -1
  271. package/dist/main.es638.js +1 -1
  272. package/dist/main.es639.js +1 -1
  273. package/dist/main.es640.js +1 -1
  274. package/dist/main.es641.js +1 -1
  275. package/dist/main.es643.js +1 -1
  276. package/dist/main.es644.js +1 -1
  277. package/dist/main.es645.js +1 -1
  278. package/dist/main.es646.js +1 -1
  279. package/dist/main.es648.js +1 -1
  280. package/dist/main.es649.js +1 -1
  281. package/dist/main.es650.js +1 -1
  282. package/dist/main.es651.js +1 -1
  283. package/dist/main.es652.js +1 -1
  284. package/dist/main.es653.js +1 -1
  285. package/dist/main.es654.js +1 -1
  286. package/dist/main.es655.js +1 -1
  287. package/dist/main.es656.js +1 -1
  288. package/dist/main.es657.js +1 -1
  289. package/dist/main.es658.js +1 -1
  290. package/dist/main.es659.js +1 -1
  291. package/dist/main.es660.js +1 -1
  292. package/dist/main.es661.js +1 -1
  293. package/dist/main.es662.js +1 -1
  294. package/dist/main.es663.js +1 -1
  295. package/dist/main.es664.js +1 -1
  296. package/dist/main.es665.js +1 -1
  297. package/dist/main.es666.js +1 -1
  298. package/dist/main.es667.js +1 -1
  299. package/dist/main.es668.js +1 -1
  300. package/dist/main.es669.js +1 -1
  301. package/dist/main.es670.js +1 -1
  302. package/dist/main.es671.js +1 -1
  303. package/dist/main.es672.js +1 -1
  304. package/dist/main.es673.js +1 -1
  305. package/dist/main.es674.js +1 -1
  306. package/dist/main.es675.js +1 -1
  307. package/dist/main.es676.js +1 -1
  308. package/dist/main.es677.js +1 -1
  309. package/dist/main.es678.js +1 -1
  310. package/dist/main.es679.js +1 -1
  311. package/dist/main.es680.js +1 -1
  312. package/dist/main.es681.js +1 -1
  313. package/dist/main.es682.js +1 -1
  314. package/dist/main.es683.js +1 -1
  315. package/dist/main.es684.js +1 -1
  316. package/dist/main.es685.js +1 -1
  317. package/dist/main.es686.js +1 -1
  318. package/dist/main.es687.js +1 -1
  319. package/dist/main.es688.js +1 -1
  320. package/dist/main.es690.js +1 -1
  321. package/dist/main.es691.js +1 -1
  322. package/dist/main.es692.js +1 -1
  323. package/dist/main.es693.js +1 -1
  324. package/dist/main.es694.js +1 -1
  325. package/dist/main.es695.js +1 -1
  326. package/dist/main.es696.js +1 -1
  327. package/dist/main.es697.js +1 -1
  328. package/dist/main.es698.js +1 -1
  329. package/dist/main.es699.js +1 -1
  330. package/dist/main.es700.js +1 -1
  331. package/dist/main.es701.js +1 -1
  332. package/dist/main.es702.js +1 -1
  333. package/dist/main.es703.js +1 -1
  334. package/dist/main.es704.js +1 -1
  335. package/dist/main.es706.js +1 -1
  336. package/dist/main.es707.js +1 -1
  337. package/dist/main.es708.js +1 -1
  338. package/dist/main.es709.js +1 -1
  339. package/dist/main.es710.js +1 -1
  340. package/dist/main.es711.js +1 -1
  341. package/dist/main.es712.js +1 -1
  342. package/dist/main.es713.js +1 -1
  343. package/dist/main.es714.js +1 -1
  344. package/dist/main.es715.js +1 -1
  345. package/dist/main.es716.js +1 -1
  346. package/dist/main.es717.js +1 -1
  347. package/dist/main.es718.js +1 -1
  348. package/dist/main.es719.js +1 -1
  349. package/dist/main.es720.js +1 -1
  350. package/dist/main.es721.js +1 -1
  351. package/dist/main.es722.js +1 -1
  352. package/dist/main.es723.js +1 -1
  353. package/dist/main.es724.js +1 -1
  354. package/dist/main.es725.js +1 -1
  355. package/dist/main.es726.js +1 -1
  356. package/dist/main.es8.js +12 -0
  357. package/dist/main.es9.js +1 -1
  358. package/package.json +86 -86
  359. package/src/App.vue +32 -32
  360. package/src/DemoChart.vue +424 -424
  361. package/src/Test.vue +64 -64
  362. package/src/TestChart.vue +229 -229
  363. package/src/assets/icons/arrow_down.svg +3 -3
  364. package/src/assets/icons/arrow_up_red.svg +3 -3
  365. package/src/assets/icons/black_spinner.svg +35 -35
  366. package/src/assets/icons/delete_icon.svg +11 -11
  367. package/src/assets/icons/delete_icon_gray.svg +11 -11
  368. package/src/assets/icons/drag_icon.svg +8 -8
  369. package/src/assets/icons/external_icon.svg +6 -6
  370. package/src/assets/icons/language_icon.svg +6 -6
  371. package/src/assets/icons/pdf_icon.svg +6 -6
  372. package/src/assets/icons/plus_button.svg +4 -4
  373. package/src/assets/icons/search_icon_black.svg +3 -3
  374. package/src/assets/icons/subposition_icon.svg +3 -3
  375. package/src/assets/icons/subposition_marker.svg +3 -3
  376. package/src/assets/icons/warning_icon.svg +3 -3
  377. package/src/assets/svgIcons/2d_active.svg +7 -7
  378. package/src/assets/svgIcons/2d_inactive.svg +8 -8
  379. package/src/assets/svgIcons/3d_active.svg +7 -7
  380. package/src/assets/svgIcons/3d_inactive.svg +8 -8
  381. package/src/assets/svgIcons/_readme.md +7 -7
  382. package/src/assets/svgIcons/ac_power.svg +4 -4
  383. package/src/assets/svgIcons/accept.svg +5 -5
  384. package/src/assets/svgIcons/activate_panels_active.svg +22 -22
  385. package/src/assets/svgIcons/activate_panels_inactive.svg +20 -20
  386. package/src/assets/svgIcons/add_icon-1.svg +3 -3
  387. package/src/assets/svgIcons/add_icon.svg +4 -4
  388. package/src/assets/svgIcons/add_plus.svg +4 -4
  389. package/src/assets/svgIcons/address_book.svg +3 -3
  390. package/src/assets/svgIcons/adjust_roof.svg +6 -6
  391. package/src/assets/svgIcons/after_sale_as_a_service.svg +6 -6
  392. package/src/assets/svgIcons/all_good.svg +3 -3
  393. package/src/assets/svgIcons/angle_active.svg +5 -5
  394. package/src/assets/svgIcons/angle_inactive.svg +4 -4
  395. package/src/assets/svgIcons/area_active.svg +11 -11
  396. package/src/assets/svgIcons/area_inactive.svg +26 -26
  397. package/src/assets/svgIcons/areas_tool.svg +14 -14
  398. package/src/assets/svgIcons/arrow_down.svg +3 -3
  399. package/src/assets/svgIcons/arrow_down_unfilled.svg +4 -4
  400. package/src/assets/svgIcons/arrow_left.svg +4 -4
  401. package/src/assets/svgIcons/arrow_long_left.svg +3 -3
  402. package/src/assets/svgIcons/arrow_long_right.svg +3 -3
  403. package/src/assets/svgIcons/arrow_right.svg +4 -4
  404. package/src/assets/svgIcons/arrow_up.svg +3 -3
  405. package/src/assets/svgIcons/arrow_up_unfilled.svg +4 -4
  406. package/src/assets/svgIcons/attachment.svg +3 -3
  407. package/src/assets/svgIcons/base_layer.svg +3 -3
  408. package/src/assets/svgIcons/battery.svg +3 -3
  409. package/src/assets/svgIcons/bell.svg +3 -3
  410. package/src/assets/svgIcons/bell_alt.svg +3 -3
  411. package/src/assets/svgIcons/bexio.svg +4 -4
  412. package/src/assets/svgIcons/bold.svg +3 -3
  413. package/src/assets/svgIcons/bom.svg +3 -3
  414. package/src/assets/svgIcons/bom_generation.svg +10 -10
  415. package/src/assets/svgIcons/bookmaker.svg +3 -3
  416. package/src/assets/svgIcons/bubble.svg +3 -3
  417. package/src/assets/svgIcons/bug.svg +5 -5
  418. package/src/assets/svgIcons/buildings.svg +55 -55
  419. package/src/assets/svgIcons/bullet_list.svg +8 -8
  420. package/src/assets/svgIcons/calendar.svg +7 -7
  421. package/src/assets/svgIcons/calendar_icon.svg +7 -7
  422. package/src/assets/svgIcons/call.svg +3 -3
  423. package/src/assets/svgIcons/camera.svg +3 -3
  424. package/src/assets/svgIcons/car.svg +3 -3
  425. package/src/assets/svgIcons/cart.svg +3 -3
  426. package/src/assets/svgIcons/charger_icon_white.svg +44 -44
  427. package/src/assets/svgIcons/chassis_ground_symbol.svg +27 -27
  428. package/src/assets/svgIcons/checkbox.svg +3 -3
  429. package/src/assets/svgIcons/checkmark.svg +3 -3
  430. package/src/assets/svgIcons/checkmark_white.svg +4 -4
  431. package/src/assets/svgIcons/clear_formatting.svg +7 -7
  432. package/src/assets/svgIcons/clenergy.svg +3 -3
  433. package/src/assets/svgIcons/clickable_info.svg +4 -4
  434. package/src/assets/svgIcons/clickable_info_white.svg +5 -5
  435. package/src/assets/svgIcons/clip.svg +3 -3
  436. package/src/assets/svgIcons/clock.svg +17 -17
  437. package/src/assets/svgIcons/clock_full.svg +3 -3
  438. package/src/assets/svgIcons/close.svg +4 -4
  439. package/src/assets/svgIcons/co_branding.svg +5 -5
  440. package/src/assets/svgIcons/collapse.svg +4 -4
  441. package/src/assets/svgIcons/collapse_all.svg +3 -3
  442. package/src/assets/svgIcons/collections.svg +3 -3
  443. package/src/assets/svgIcons/component_library.svg +7 -7
  444. package/src/assets/svgIcons/consumption_tariffs.svg +43 -43
  445. package/src/assets/svgIcons/context_menu-1.svg +6 -6
  446. package/src/assets/svgIcons/context_menu-2.svg +5 -5
  447. package/src/assets/svgIcons/context_menu.svg +5 -5
  448. package/src/assets/svgIcons/context_menu_tabs.svg +5 -5
  449. package/src/assets/svgIcons/cross.svg +4 -4
  450. package/src/assets/svgIcons/current_variant.svg +4 -4
  451. package/src/assets/svgIcons/customer.svg +3 -3
  452. package/src/assets/svgIcons/dashboard.svg +3 -3
  453. package/src/assets/svgIcons/data_transfer.svg +3 -3
  454. package/src/assets/svgIcons/deadline.svg +4 -4
  455. package/src/assets/svgIcons/deal_flow.svg +3 -3
  456. package/src/assets/svgIcons/delete.svg +4 -4
  457. package/src/assets/svgIcons/delete_area_active.svg +16 -16
  458. package/src/assets/svgIcons/delete_area_inactive.svg +15 -15
  459. package/src/assets/svgIcons/direction_active-1.svg +12 -12
  460. package/src/assets/svgIcons/direction_active.svg +5 -5
  461. package/src/assets/svgIcons/direction_arrow.svg +4 -4
  462. package/src/assets/svgIcons/direction_inactive.svg +4 -4
  463. package/src/assets/svgIcons/dislike.svg +3 -3
  464. package/src/assets/svgIcons/distance_tool.svg +8 -8
  465. package/src/assets/svgIcons/distances_active.svg +9 -9
  466. package/src/assets/svgIcons/distances_inactive.svg +8 -8
  467. package/src/assets/svgIcons/distort_tool.svg +10 -10
  468. package/src/assets/svgIcons/distort_tool2.svg +16 -16
  469. package/src/assets/svgIcons/document.svg +3 -3
  470. package/src/assets/svgIcons/documents.svg +3 -3
  471. package/src/assets/svgIcons/documents_landscape.svg +3 -3
  472. package/src/assets/svgIcons/double_arrow_long.svg +4 -4
  473. package/src/assets/svgIcons/downarrow.svg +3 -3
  474. package/src/assets/svgIcons/download.svg +4 -4
  475. package/src/assets/svgIcons/drag_icon.svg +8 -8
  476. package/src/assets/svgIcons/draggable_corner.svg +5 -5
  477. package/src/assets/svgIcons/draw_tool.svg +3 -3
  478. package/src/assets/svgIcons/duplicate-1.svg +8 -8
  479. package/src/assets/svgIcons/duplicate-2.svg +5 -5
  480. package/src/assets/svgIcons/duplicate.svg +3 -3
  481. package/src/assets/svgIcons/e-mobility_configurator.svg +6 -6
  482. package/src/assets/svgIcons/e_signature.svg +5 -5
  483. package/src/assets/svgIcons/ed_ac.svg +3 -3
  484. package/src/assets/svgIcons/ed_ac_path.svg +3 -3
  485. package/src/assets/svgIcons/ed_acgrid.svg +3 -3
  486. package/src/assets/svgIcons/ed_acgrid_old.svg +4 -4
  487. package/src/assets/svgIcons/ed_arrow_both.svg +3 -3
  488. package/src/assets/svgIcons/ed_arrow_left.svg +3 -3
  489. package/src/assets/svgIcons/ed_arrow_right.svg +3 -3
  490. package/src/assets/svgIcons/ed_battery.svg +3 -3
  491. package/src/assets/svgIcons/ed_batteryacinverter.svg +3 -3
  492. package/src/assets/svgIcons/ed_batteryintegratedinverter.svg +3 -3
  493. package/src/assets/svgIcons/ed_cirquitbreaker.svg +3 -3
  494. package/src/assets/svgIcons/ed_cirquitbreaker_magnetic.svg +3 -3
  495. package/src/assets/svgIcons/ed_cirquitbreaker_thermal.svg +3 -3
  496. package/src/assets/svgIcons/ed_cirquitbreaker_thermal_magnetic.svg +3 -3
  497. package/src/assets/svgIcons/ed_consumption.svg +3 -3
  498. package/src/assets/svgIcons/ed_dc.svg +3 -3
  499. package/src/assets/svgIcons/ed_disconnector.svg +3 -3
  500. package/src/assets/svgIcons/ed_disconnector_fuse.svg +3 -3
  501. package/src/assets/svgIcons/ed_disconnector_fuse_switch.svg +3 -3
  502. package/src/assets/svgIcons/ed_disconnector_loadbreak_switch.svg +3 -3
  503. package/src/assets/svgIcons/ed_disconnector_switch.svg +3 -3
  504. package/src/assets/svgIcons/ed_disconnector_switch_auto_release.svg +3 -3
  505. package/src/assets/svgIcons/ed_energymanagement_rectangle.svg +3 -3
  506. package/src/assets/svgIcons/ed_evcharger.svg +3 -3
  507. package/src/assets/svgIcons/ed_flexiblecomponent_circle.svg +3 -3
  508. package/src/assets/svgIcons/ed_flexiblecomponent_square.svg +3 -3
  509. package/src/assets/svgIcons/ed_fuse.svg +3 -3
  510. package/src/assets/svgIcons/ed_ground.svg +3 -3
  511. package/src/assets/svgIcons/ed_heatpump.svg +3 -3
  512. package/src/assets/svgIcons/ed_icon_battery.svg +3 -3
  513. package/src/assets/svgIcons/ed_icon_circle.svg +3 -3
  514. package/src/assets/svgIcons/ed_icon_heatpump.svg +3 -3
  515. package/src/assets/svgIcons/ed_icon_inverter.svg +8 -8
  516. package/src/assets/svgIcons/ed_icon_m.svg +3 -3
  517. package/src/assets/svgIcons/ed_icon_optimizer.svg +11 -11
  518. package/src/assets/svgIcons/ed_icon_optimizer_path.svg +11 -11
  519. package/src/assets/svgIcons/ed_integratedbatteryinverter.svg +3 -3
  520. package/src/assets/svgIcons/ed_inverter-blank.svg +3 -3
  521. package/src/assets/svgIcons/ed_mainsconnection.svg +3 -3
  522. package/src/assets/svgIcons/ed_meter-blank.svg +3 -3
  523. package/src/assets/svgIcons/ed_meter_arrowleft.svg +3 -3
  524. package/src/assets/svgIcons/ed_meter_arrowright.svg +3 -3
  525. package/src/assets/svgIcons/ed_meter_bidirectional.svg +3 -3
  526. package/src/assets/svgIcons/ed_networkandsystemprotection_double.svg +3 -3
  527. package/src/assets/svgIcons/ed_networkandsystemprotection_single.svg +3 -3
  528. package/src/assets/svgIcons/ed_pvpanel (Stroke).svg +3 -3
  529. package/src/assets/svgIcons/ed_pvpanel.svg +3 -3
  530. package/src/assets/svgIcons/ed_rcd.svg +3 -3
  531. package/src/assets/svgIcons/ed_rcd_simple.svg +3 -3
  532. package/src/assets/svgIcons/ed_spd.svg +3 -3
  533. package/src/assets/svgIcons/ed_stringwithoptimizer.svg +5 -5
  534. package/src/assets/svgIcons/ed_stringwithoutoptimizer.svg +7 -7
  535. package/src/assets/svgIcons/ed_transformer.svg +3 -3
  536. package/src/assets/svgIcons/edit.svg +3 -3
  537. package/src/assets/svgIcons/edit_button.svg +3 -3
  538. package/src/assets/svgIcons/edit_stroke.svg +3 -3
  539. package/src/assets/svgIcons/efs.svg +5 -5
  540. package/src/assets/svgIcons/electricity_tariff.svg +3 -3
  541. package/src/assets/svgIcons/email.svg +3 -3
  542. package/src/assets/svgIcons/ems-1.svg +3 -3
  543. package/src/assets/svgIcons/ems.svg +3 -3
  544. package/src/assets/svgIcons/end_of_the_list.svg +5 -5
  545. package/src/assets/svgIcons/energy_meter.svg +3 -3
  546. package/src/assets/svgIcons/erase.svg +4 -4
  547. package/src/assets/svgIcons/erase_white.svg +4 -4
  548. package/src/assets/svgIcons/expand_all.svg +4 -4
  549. package/src/assets/svgIcons/export_document.svg +3 -3
  550. package/src/assets/svgIcons/external_icon.svg +5 -5
  551. package/src/assets/svgIcons/fav_icon.svg +4 -4
  552. package/src/assets/svgIcons/filter.svg +3 -3
  553. package/src/assets/svgIcons/finance.svg +3 -3
  554. package/src/assets/svgIcons/financing_for_pv-1.svg +5 -5
  555. package/src/assets/svgIcons/financing_for_pv-2.svg +3 -3
  556. package/src/assets/svgIcons/financing_for_pv.svg +3 -3
  557. package/src/assets/svgIcons/finish-1.svg +4 -4
  558. package/src/assets/svgIcons/finish.svg +3 -3
  559. package/src/assets/svgIcons/flatten.svg +11 -11
  560. package/src/assets/svgIcons/flatten_roof.svg +20 -20
  561. package/src/assets/svgIcons/flip_horizontally.svg +6 -6
  562. package/src/assets/svgIcons/folder.svg +3 -3
  563. package/src/assets/svgIcons/free_technology.svg +3 -3
  564. package/src/assets/svgIcons/ground_symbol.svg +28 -28
  565. package/src/assets/svgIcons/handle.svg +5 -5
  566. package/src/assets/svgIcons/heat_calc.svg +7 -7
  567. package/src/assets/svgIcons/heat_pump.svg +5 -5
  568. package/src/assets/svgIcons/heating_system.svg +3 -3
  569. package/src/assets/svgIcons/height_equalize.svg +3 -3
  570. package/src/assets/svgIcons/height_snap.svg +3 -3
  571. package/src/assets/svgIcons/house.svg +3 -3
  572. package/src/assets/svgIcons/house_3d-1.svg +7 -7
  573. package/src/assets/svgIcons/house_3d.svg +7 -7
  574. package/src/assets/svgIcons/house_sun.svg +3 -3
  575. package/src/assets/svgIcons/hybrid.svg +4 -4
  576. package/src/assets/svgIcons/inclination.svg +2 -2
  577. package/src/assets/svgIcons/info.svg +3 -3
  578. package/src/assets/svgIcons/initial_situation.svg +3 -3
  579. package/src/assets/svgIcons/integrations.svg +3 -3
  580. package/src/assets/svgIcons/intro-tour-1.svg +3 -3
  581. package/src/assets/svgIcons/intro-tour.svg +3 -3
  582. package/src/assets/svgIcons/inverter.svg +3 -3
  583. package/src/assets/svgIcons/italic.svg +3 -3
  584. package/src/assets/svgIcons/k2.svg +4 -4
  585. package/src/assets/svgIcons/kanban_view.svg +6 -6
  586. package/src/assets/svgIcons/key.svg +3 -3
  587. package/src/assets/svgIcons/lake.svg +29 -29
  588. package/src/assets/svgIcons/layers_close.svg +4 -4
  589. package/src/assets/svgIcons/layers_open.svg +4 -4
  590. package/src/assets/svgIcons/lead_marketplace.svg +6 -6
  591. package/src/assets/svgIcons/lead_provider.svg +4 -4
  592. package/src/assets/svgIcons/legend.svg +3 -3
  593. package/src/assets/svgIcons/length_2d.svg +2 -2
  594. package/src/assets/svgIcons/length_3d.svg +4 -4
  595. package/src/assets/svgIcons/length_calculator.svg +2 -2
  596. package/src/assets/svgIcons/length_in_2d_active.svg +12 -12
  597. package/src/assets/svgIcons/length_in_2d_inctive.svg +13 -13
  598. package/src/assets/svgIcons/light_bulb.svg +3 -3
  599. package/src/assets/svgIcons/like.svg +3 -3
  600. package/src/assets/svgIcons/line_graph.svg +3 -3
  601. package/src/assets/svgIcons/local_subsidies.svg +18 -18
  602. package/src/assets/svgIcons/location.svg +3 -3
  603. package/src/assets/svgIcons/lock.svg +3 -3
  604. package/src/assets/svgIcons/logout.svg +3 -3
  605. package/src/assets/svgIcons/loop.svg +3 -3
  606. package/src/assets/svgIcons/low-vegetation.svg +37 -37
  607. package/src/assets/svgIcons/lunch.svg +4 -4
  608. package/src/assets/svgIcons/magic_tool.svg +6 -6
  609. package/src/assets/svgIcons/map_icon.svg +5 -5
  610. package/src/assets/svgIcons/map_settings.svg +3 -3
  611. package/src/assets/svgIcons/margin_tool.svg +4 -4
  612. package/src/assets/svgIcons/meeting.svg +6 -6
  613. package/src/assets/svgIcons/module.svg +3 -3
  614. package/src/assets/svgIcons/move_copy.svg +4 -4
  615. package/src/assets/svgIcons/move_down.svg +3 -3
  616. package/src/assets/svgIcons/move_left.svg +3 -3
  617. package/src/assets/svgIcons/move_right.svg +3 -3
  618. package/src/assets/svgIcons/move_up.svg +3 -3
  619. package/src/assets/svgIcons/new_area_inactive.svg +11 -11
  620. package/src/assets/svgIcons/next.svg +4 -4
  621. package/src/assets/svgIcons/normal-tg.svg +30 -30
  622. package/src/assets/svgIcons/normal-vegetation.svg +53 -53
  623. package/src/assets/svgIcons/not_equal_to.svg +3 -3
  624. package/src/assets/svgIcons/numbered_list.svg +6 -6
  625. package/src/assets/svgIcons/obstacle_tool.svg +8 -8
  626. package/src/assets/svgIcons/obstacle_tool_origin.svg +3 -3
  627. package/src/assets/svgIcons/offset_tool.svg +8 -8
  628. package/src/assets/svgIcons/open-tg.svg +21 -21
  629. package/src/assets/svgIcons/optimizer.svg +3 -3
  630. package/src/assets/svgIcons/order.svg +3 -3
  631. package/src/assets/svgIcons/outline_tool.svg +11 -11
  632. package/src/assets/svgIcons/pan_tool.svg +12 -12
  633. package/src/assets/svgIcons/panels_tool.svg +8 -8
  634. package/src/assets/svgIcons/pen_tool.svg +4 -4
  635. package/src/assets/svgIcons/picker_tool.svg +4 -4
  636. package/src/assets/svgIcons/picture.svg +3 -3
  637. package/src/assets/svgIcons/pin.svg +5 -5
  638. package/src/assets/svgIcons/plus_button.svg +4 -4
  639. package/src/assets/svgIcons/presentation.svg +3 -3
  640. package/src/assets/svgIcons/preview.svg +3 -3
  641. package/src/assets/svgIcons/previous.svg +4 -4
  642. package/src/assets/svgIcons/profile-1.svg +4 -4
  643. package/src/assets/svgIcons/profile.svg +3 -3
  644. package/src/assets/svgIcons/profitability.svg +3 -3
  645. package/src/assets/svgIcons/project_analysis.svg +3 -3
  646. package/src/assets/svgIcons/project_settings.svg +3 -3
  647. package/src/assets/svgIcons/protected-tg.svg +47 -47
  648. package/src/assets/svgIcons/pv.svg +3 -3
  649. package/src/assets/svgIcons/question_mark.svg +3 -3
  650. package/src/assets/svgIcons/question_mark_white.svg +4 -4
  651. package/src/assets/svgIcons/quotations.svg +6 -6
  652. package/src/assets/svgIcons/rectangle.svg +3 -3
  653. package/src/assets/svgIcons/redo.svg +6 -6
  654. package/src/assets/svgIcons/refresh.svg +3 -3
  655. package/src/assets/svgIcons/reorder_string.svg +3 -3
  656. package/src/assets/svgIcons/resizer.svg +5 -5
  657. package/src/assets/svgIcons/roof_layer.svg +3 -3
  658. package/src/assets/svgIcons/rotate_tool.svg +3 -3
  659. package/src/assets/svgIcons/rotate_view.svg +5 -5
  660. package/src/assets/svgIcons/ruler_tool.svg +3 -3
  661. package/src/assets/svgIcons/run_simulation.svg +3 -3
  662. package/src/assets/svgIcons/save.svg +3 -3
  663. package/src/assets/svgIcons/scaling_tool.svg +8 -8
  664. package/src/assets/svgIcons/sea.svg +34 -34
  665. package/src/assets/svgIcons/search.svg +3 -3
  666. package/src/assets/svgIcons/security.svg +3 -3
  667. package/src/assets/svgIcons/settings.svg +3 -3
  668. package/src/assets/svgIcons/show_in_a_new_tab.svg +12 -12
  669. package/src/assets/svgIcons/smartphone.svg +4 -4
  670. package/src/assets/svgIcons/solar_calc.svg +13 -13
  671. package/src/assets/svgIcons/solarmarkt.svg +3 -3
  672. package/src/assets/svgIcons/sorting.svg +4 -4
  673. package/src/assets/svgIcons/split.svg +12 -12
  674. package/src/assets/svgIcons/star.svg +3 -3
  675. package/src/assets/svgIcons/start_of_the_list.svg +5 -5
  676. package/src/assets/svgIcons/strikethrough.svg +4 -4
  677. package/src/assets/svgIcons/string_design.svg +5 -5
  678. package/src/assets/svgIcons/string_directions.svg +10 -10
  679. package/src/assets/svgIcons/subscriptions.svg +3 -3
  680. package/src/assets/svgIcons/subsidies-2.svg +3 -3
  681. package/src/assets/svgIcons/subsidies.svg +3 -3
  682. package/src/assets/svgIcons/subtract_icon.svg +3 -3
  683. package/src/assets/svgIcons/suitcase.svg +3 -3
  684. package/src/assets/svgIcons/summer.svg +3 -3
  685. package/src/assets/svgIcons/switch_polarity.svg +5 -5
  686. package/src/assets/svgIcons/table_view.svg +3 -3
  687. package/src/assets/svgIcons/template_icon_not_clickable.svg +6 -6
  688. package/src/assets/svgIcons/text_column_one.svg +6 -6
  689. package/src/assets/svgIcons/text_column_three.svg +14 -14
  690. package/src/assets/svgIcons/text_column_two.svg +10 -10
  691. package/src/assets/svgIcons/text_icon.svg +3 -3
  692. package/src/assets/svgIcons/transfer.svg +4 -4
  693. package/src/assets/svgIcons/transparent_warning.svg +4 -4
  694. package/src/assets/svgIcons/trim_tool.svg +4 -4
  695. package/src/assets/svgIcons/truck.svg +3 -3
  696. package/src/assets/svgIcons/underlined.svg +3 -3
  697. package/src/assets/svgIcons/undo.svg +6 -6
  698. package/src/assets/svgIcons/uparrow.svg +3 -3
  699. package/src/assets/svgIcons/update.svg +3 -3
  700. package/src/assets/svgIcons/upload_avatar-1.svg +12 -12
  701. package/src/assets/svgIcons/upload_avatar.svg +5 -5
  702. package/src/assets/svgIcons/upload_image.svg +8 -8
  703. package/src/assets/svgIcons/upload_image_tool.svg +7 -7
  704. package/src/assets/svgIcons/variants.svg +3 -3
  705. package/src/assets/svgIcons/vdv.svg +5 -5
  706. package/src/assets/svgIcons/vertical_tool.svg +3 -3
  707. package/src/assets/svgIcons/virtual_storage.svg +3 -3
  708. package/src/assets/svgIcons/warning.svg +4 -4
  709. package/src/assets/svgIcons/warning_triangle.svg +3 -3
  710. package/src/assets/svgIcons/warning_triangle_white.svg +5 -5
  711. package/src/assets/svgIcons/way.svg +5 -5
  712. package/src/assets/svgIcons/wifi.svg +3 -3
  713. package/src/assets/svgIcons/winter.svg +3 -3
  714. package/src/assets/svgIcons/workflow_template.svg +11 -11
  715. package/src/assets/svgIcons//360/237/223/221 Documents/ed_ac.svg" +3 -3
  716. package/src/assets/svgIcons//360/237/223/221 Documents/ed_arrow_both.svg" +7 -7
  717. package/src/assets/svgIcons//360/237/223/221 Documents/ed_arrow_left.svg" +7 -7
  718. package/src/assets/svgIcons//360/237/223/221 Documents/ed_arrow_right.svg" +7 -7
  719. package/src/assets/svgIcons//360/237/223/221 Documents/ed_battery.svg" +4 -4
  720. package/src/assets/svgIcons//360/237/223/221 Documents/ed_batteryacinverter.svg" +5 -5
  721. package/src/assets/svgIcons//360/237/223/221 Documents/ed_batteryintegratedinverter.svg" +5 -5
  722. package/src/assets/svgIcons//360/237/223/221 Documents/ed_cirquitbreaker.svg" +6 -6
  723. package/src/assets/svgIcons//360/237/223/221 Documents/ed_cirquitbreaker_magnetic.svg" +9 -9
  724. package/src/assets/svgIcons//360/237/223/221 Documents/ed_cirquitbreaker_thermal.svg" +5 -5
  725. package/src/assets/svgIcons//360/237/223/221 Documents/ed_cirquitbreaker_thermal_magnetic.svg" +10 -10
  726. package/src/assets/svgIcons//360/237/223/221 Documents/ed_consumption.svg" +5 -5
  727. package/src/assets/svgIcons//360/237/223/221 Documents/ed_dc.svg" +3 -3
  728. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector.svg" +5 -5
  729. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_fuse.svg" +6 -6
  730. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_fuse_switch.svg" +7 -7
  731. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_loadbreak_switch.svg" +7 -7
  732. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_switch.svg" +6 -6
  733. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_switch_auto_release.svg" +7 -7
  734. package/src/assets/svgIcons//360/237/223/221 Documents/ed_energymanagement_rectangle.svg" +3 -3
  735. package/src/assets/svgIcons//360/237/223/221 Documents/ed_evcharger.svg" +8 -8
  736. package/src/assets/svgIcons//360/237/223/221 Documents/ed_flexiblecomponent_circle.svg" +3 -3
  737. package/src/assets/svgIcons//360/237/223/221 Documents/ed_flexiblecomponent_square.svg" +3 -3
  738. package/src/assets/svgIcons//360/237/223/221 Documents/ed_fuse.svg" +4 -4
  739. package/src/assets/svgIcons//360/237/223/221 Documents/ed_ground.svg" +6 -6
  740. package/src/assets/svgIcons//360/237/223/221 Documents/ed_heatpump.svg" +4 -4
  741. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_battery.svg" +3 -3
  742. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_circle.svg" +3 -3
  743. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_heatpump.svg" +3 -3
  744. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_inverter.svg" +3 -3
  745. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_optimizer.svg" +3 -3
  746. package/src/assets/svgIcons//360/237/223/221 Documents/ed_integratedbatteryinverter.svg" +3 -3
  747. package/src/assets/svgIcons//360/237/223/221 Documents/ed_inverter-blank.svg" +3 -3
  748. package/src/assets/svgIcons//360/237/223/221 Documents/ed_mainsconnection.svg" +3 -3
  749. package/src/assets/svgIcons//360/237/223/221 Documents/ed_meter-blank.svg" +3 -3
  750. package/src/assets/svgIcons//360/237/223/221 Documents/ed_meter_arrowleft.svg" +8 -8
  751. package/src/assets/svgIcons//360/237/223/221 Documents/ed_meter_arrowright.svg" +8 -8
  752. package/src/assets/svgIcons//360/237/223/221 Documents/ed_meter_bidirectional.svg" +8 -8
  753. package/src/assets/svgIcons//360/237/223/221 Documents/ed_networkandsystemprotection_double.svg" +15 -15
  754. package/src/assets/svgIcons//360/237/223/221 Documents/ed_networkandsystemprotection_single.svg" +10 -10
  755. package/src/assets/svgIcons//360/237/223/221 Documents/ed_pvpanel.svg" +7 -7
  756. package/src/assets/svgIcons//360/237/223/221 Documents/ed_rcd.svg" +7 -7
  757. package/src/assets/svgIcons//360/237/223/221 Documents/ed_rcd_simple.svg" +4 -4
  758. package/src/assets/svgIcons//360/237/223/221 Documents/ed_spd.svg" +9 -9
  759. package/src/assets/svgIcons//360/237/223/221 Documents/ed_stringwithoptimizer.svg" +5 -5
  760. package/src/assets/svgIcons//360/237/223/221 Documents/ed_stringwithoutoptimizer.svg" +13 -13
  761. package/src/assets/svgIcons//360/237/223/221 Documents/ed_transformer.svg" +6 -6
  762. package/src/assets/tests/__mocks__/iconCache.js +1 -1
  763. package/src/assets/tests/__mocks__/svgMock.js +1 -1
  764. package/src/assets/tests/helpers.js +12 -12
  765. package/src/assets/theme.js +778 -766
  766. package/src/components/addNewButton/AddNewButton.stories.js +17 -17
  767. package/src/components/addNewButton/addNewButton.spec.js +23 -23
  768. package/src/components/addNewButton/index.vue +66 -66
  769. package/src/components/banner/actionBanner/ActionBanner.stories.js +45 -45
  770. package/src/components/banner/actionBanner/actionBanner.spec.js +88 -88
  771. package/src/components/banner/actionBanner/index.vue +86 -86
  772. package/src/components/banner/banner/Banner.stories.js +120 -120
  773. package/src/components/banner/banner/banner.spec.js +149 -149
  774. package/src/components/banner/banner/index.vue +205 -205
  775. package/src/components/banner/infoBanner/InfoBanner.spec.js +57 -57
  776. package/src/components/banner/infoBanner/InfoBanner.stories.js +84 -84
  777. package/src/components/banner/infoBanner/index.vue +97 -97
  778. package/src/components/banner/notificationBanner/index.vue +131 -131
  779. package/src/components/barchart/BottomFields.vue +347 -347
  780. package/src/components/barchart/ChartControls.vue +113 -113
  781. package/src/components/barchart/SelectionBox.vue +150 -150
  782. package/src/components/barchart/composables/index.js +5 -5
  783. package/src/components/barchart/composables/useAxisCalculations.js +104 -104
  784. package/src/components/barchart/composables/useChartData.js +114 -114
  785. package/src/components/barchart/composables/useChartScroll.js +61 -61
  786. package/src/components/barchart/composables/useSelection.js +75 -75
  787. package/src/components/barchart/composables/useTooltip.js +125 -125
  788. package/src/components/barchart/index.vue +428 -428
  789. package/src/components/barchart/styles/bottomFields.js +80 -80
  790. package/src/components/barchart/styles/chart.js +273 -273
  791. package/src/components/barchart/styles/chartControls.js +59 -59
  792. package/src/components/buttons/buttonIcon/ButtonIcon.stories.js +161 -161
  793. package/src/components/buttons/buttonIcon/buttonIcon.spec.js +152 -152
  794. package/src/components/buttons/buttonIcon/index.vue +312 -312
  795. package/src/components/buttons/closeButton/CloseButton.stories.js +25 -25
  796. package/src/components/buttons/closeButton/index.vue +62 -62
  797. package/src/components/buttons/mainButton/MainButton.stories.js +141 -135
  798. package/src/components/buttons/mainButton/index.vue +258 -250
  799. package/src/components/buttons/mainButton/mainButton.spec.js +35 -35
  800. package/src/components/buttons/splitButtons/index.vue +86 -86
  801. package/src/components/card/Card.stories.js +79 -79
  802. package/src/components/card/card.spec.js +93 -93
  803. package/src/components/card/index.vue +118 -118
  804. package/src/components/collapsableInfoText/index.vue +127 -127
  805. package/src/components/deleteIcon/DeleteIcon.stories.js +29 -29
  806. package/src/components/deleteIcon/index.vue +78 -78
  807. package/src/components/draggableCard/defaultProps.js +16 -16
  808. package/src/components/draggableCard/draggableCard.spec.js +153 -153
  809. package/src/components/draggableCard/draggableCard.stories.js +135 -135
  810. package/src/components/draggableCard/index.vue +370 -370
  811. package/src/components/draggableInputHandle/index.vue +46 -46
  812. package/src/components/dropdown/Dropdown.stories.js +125 -53
  813. package/src/components/dropdown/defaultProps.js +7 -0
  814. package/src/components/dropdown/index.vue +138 -138
  815. package/src/components/errorMessage/errorMessage.spec.js +34 -34
  816. package/src/components/errorMessage/errorMessage.stories.js +35 -35
  817. package/src/components/errorMessage/index.vue +64 -64
  818. package/src/components/filter/filterSettings.vue +672 -672
  819. package/src/components/filter/index.vue +154 -154
  820. package/src/components/filter/parentDropdown.vue +91 -91
  821. package/src/components/filterComponent/viewFilter.vue +605 -605
  822. package/src/components/filterComponent/viewSettings.vue +281 -281
  823. package/src/components/filterComponent/viewSort.vue +330 -330
  824. package/src/components/icon/Icon.stories.js +220 -220
  825. package/src/components/icon/icon.spec.js +66 -66
  826. package/src/components/icon/iconCache.mjs +23 -23
  827. package/src/components/icon/iconCollection.vue +83 -83
  828. package/src/components/icon/index.vue +242 -242
  829. package/src/components/iconWrapper/index.vue +184 -184
  830. package/src/components/infoCard/InfoCard.stories.js +170 -170
  831. package/src/components/infoCard/defaultProps.js +7 -7
  832. package/src/components/infoCard/index.vue +172 -172
  833. package/src/components/infoCard/infoCard.spec.js +64 -64
  834. package/src/components/infoLabel/index.vue +63 -63
  835. package/src/components/infoText/constants.js +4 -4
  836. package/src/components/infoText/defaultProps.js +16 -16
  837. package/src/components/infoText/index.vue +658 -658
  838. package/src/components/infoText/infoText.spec.js +111 -111
  839. package/src/components/infoText/infoText.stories.js +76 -76
  840. package/src/components/infoText/placeholder.vue +225 -225
  841. package/src/components/infoText/templates/iconTextContent.vue +105 -105
  842. package/src/components/inputs/checkbox/Checkbox.stories.js +63 -63
  843. package/src/components/inputs/checkbox/checkbox.spec.js +109 -109
  844. package/src/components/inputs/checkbox/index.vue +250 -250
  845. package/src/components/inputs/inputNumber/InputNumber.stories.js +150 -150
  846. package/src/components/inputs/inputNumber/index.vue +1111 -1111
  847. package/src/components/inputs/inputNumberQuestion/index.vue +218 -218
  848. package/src/components/inputs/inputText/InputText.stories.js +70 -70
  849. package/src/components/inputs/inputText/index.vue +478 -478
  850. package/src/components/inputs/inputText/inputText.spec.js +588 -588
  851. package/src/components/inputs/radioButton/RadioButton.stories.js +83 -83
  852. package/src/components/inputs/radioButton/defaultProps.js +31 -31
  853. package/src/components/inputs/radioButton/index.vue +344 -344
  854. package/src/components/inputs/radioButton/radioButton.spec.js +84 -84
  855. package/src/components/inputs/searchInput/SearchInput.stories.js +66 -66
  856. package/src/components/inputs/searchInput/defaultProps.js +12 -12
  857. package/src/components/inputs/searchInput/index.vue +181 -181
  858. package/src/components/inputs/searchInput/searchInput.spec.js +64 -64
  859. package/src/components/inputs/select/index.vue +1080 -1080
  860. package/src/components/inputs/select/option/index.vue +176 -176
  861. package/src/components/inputs/select/select.stories.js +58 -58
  862. package/src/components/inputs/slider/index.vue +126 -126
  863. package/src/components/inputs/switchField/index.vue +266 -266
  864. package/src/components/inputs/textAreaInput/TextAreaInput.stories.js +127 -127
  865. package/src/components/inputs/textAreaInput/index.vue +204 -204
  866. package/src/components/inputs/toggle/Toggle.stories.js +77 -77
  867. package/src/components/inputs/toggle/index.vue +322 -322
  868. package/src/components/inputs/toggle/toggle.spec.js +102 -102
  869. package/src/components/label/index.vue +98 -98
  870. package/src/components/markerItem/index.vue +95 -95
  871. package/src/components/modals/actionModal/actionModal.spec.js +52 -52
  872. package/src/components/modals/actionModal/actionModal.stories.js +53 -53
  873. package/src/components/modals/actionModal/index.vue +64 -64
  874. package/src/components/modals/infoModal/index.vue +82 -82
  875. package/src/components/modals/infoModal/infoModal.spec.js +55 -55
  876. package/src/components/modals/infoModal/infoModal.stories.js +47 -47
  877. package/src/components/modals/modal/index.vue +211 -211
  878. package/src/components/modals/modal/modal.stories.js +31 -31
  879. package/src/components/navigationTabs/index.vue +114 -114
  880. package/src/components/pageSubtitle/PageSubtitle.stories.js +58 -58
  881. package/src/components/pageSubtitle/index.vue +78 -78
  882. package/src/components/pageSubtitle/pageSubtitle.spec.js +46 -46
  883. package/src/components/pageTitle/PageTitle.stories.js +95 -95
  884. package/src/components/pageTitle/index.vue +90 -90
  885. package/src/components/pageTitle/pageTitle.spec.js +46 -46
  886. package/src/components/pagination/index.vue +148 -148
  887. package/src/components/paginationV2/index.vue +175 -175
  888. package/src/components/panelRangeInfo/index.vue +196 -196
  889. package/src/components/progressBar/ProgressBar.stories.js +62 -0
  890. package/src/components/progressBar/defaultProps.js +5 -0
  891. package/src/components/progressBar/index.vue +86 -125
  892. package/src/components/projectMarker/ProjectMarker.stories.js +130 -130
  893. package/src/components/projectMarker/index.vue +301 -301
  894. package/src/components/rangeSlider/Slider.vue +578 -578
  895. package/src/components/rangeSlider/index.vue +517 -517
  896. package/src/components/rangeSlider/utils/dom.js +49 -49
  897. package/src/components/rangeSlider/utils/fns.js +26 -26
  898. package/src/components/roundTabs/index.vue +107 -107
  899. package/src/components/selectedOptions/index.vue +473 -473
  900. package/src/components/selectedOptions/selectedOptions.spec.js +176 -176
  901. package/src/components/selectedOptions/selectedOptions.stories.js +253 -253
  902. package/src/components/sideMenu/index.vue +325 -325
  903. package/src/components/spinner/Spinner.stories.js +86 -86
  904. package/src/components/spinner/index.vue +133 -133
  905. package/src/components/spinner/spinner.spec.js +69 -69
  906. package/src/components/spinnerGif/SpinnerGif.stories.js +86 -86
  907. package/src/components/spinnerGif/index.vue +105 -105
  908. package/src/components/tableDropdown/TableDropdown.stories.js +192 -192
  909. package/src/components/tableDropdown/index.vue +692 -692
  910. package/src/components/tables/mainTable/MainTable.stories.js +151 -151
  911. package/src/components/tables/mainTable/exampleNested.vue +328 -328
  912. package/src/components/tables/mainTable/index.vue +524 -523
  913. package/src/components/tables/viewTable/index.vue +195 -195
  914. package/src/components/tabsHeader/TabsHeader.spec.js +101 -101
  915. package/src/components/tabsHeader/TabsHeader.stories.js +142 -142
  916. package/src/components/tabsHeader/index.vue +163 -164
  917. package/src/components/tag/proTag/index.vue +19 -19
  918. package/src/components/threeDots/index.vue +413 -413
  919. package/src/components/videoThumbnail/index.vue +103 -103
  920. package/src/components/videoThumbnail/videoThumbnail.stories.js +106 -106
  921. package/src/helpers/currencyMapping.js +28 -28
  922. package/src/helpers/dateTimeFormatting.js +51 -51
  923. package/src/helpers/isObjectEqual.js +22 -22
  924. package/src/helpers/numberConverter.js +103 -103
  925. package/src/helpers/toLocaleNumber.js +11 -11
  926. package/src/helpers/translateLang.js +199 -199
  927. package/src/main.js +8 -8
  928. package/src/mixins/inputValidations.js +97 -97
  929. package/src/router/dynamicRoutes.js +23 -23
  930. package/src/utils/index.js +12 -12
@@ -1,328 +1,328 @@
1
- <!-- This is just an example how to use mainTable with collective positioning -->
2
- <!-- <template>
3
- <main-table>
4
- <thead>
5
- <tr>
6
- <div />
7
- <th v-for="item in headerItems" :key="item.value">
8
- {{ item.value }}
9
- </th>
10
- <th />
11
- <div />
12
- </tr>
13
- </thead>
14
- <draggable-container
15
- :items="tableList"
16
- handle=".drag-container"
17
- :options="{ disabled: false }"
18
- >
19
- <parent-container v-for="el in tableList" :key="el.sales">
20
- <tr :class="{ 'no-border': isOpen({ id: el.id }), disabled: true }">
21
- <div class="drag-container">
22
- <div class="drag-icon" />
23
- </div>
24
- <td>
25
- <div :class="{ 'collective-container': el.children }">
26
- <input-text :value="el.description" />
27
- <div
28
- v-if="el.children"
29
- @click="
30
- toggleShowChildren({ id: el.id, length: el.children.length })
31
- "
32
- :class="{
33
- 'collective-box': true,
34
- open: isChildrenOpen({ id: el.id }),
35
- }"
36
- >
37
- {{ el.children.length }}
38
- </div>
39
- </div>
40
- </td>
41
- <td>
42
- <div v-if="el.children" />
43
- <input-text v-else :value="el.cost_price" />
44
- </td>
45
- <td>
46
- <div v-if="el.children" />
47
- <input-text v-else :value="el.margin" />
48
- </td>
49
- <td>
50
- <div v-if="el.children" />
51
- <input-text v-else :value="el.installation" />
52
- </td>
53
- <td>
54
- <input-text :value="el.sales" />
55
- </td>
56
- <div class="arrow-container" @click="toggleOpen({ id: el.id })">
57
- <div v-if="isOpen({ id: el.id })" class="arrow-up" />
58
- <div v-if="!isOpen({ id: el.id })" class="arrow-down" />
59
- </div>
60
- <div class="icons-container">
61
- <three-dots :options="listOptions" />
62
- <delete-icon color="gray" />
63
- </div>
64
- </tr>
65
- <tr v-if="isOpen({ id: el.id })" class="container-row">
66
- <div />
67
- <td class="no-border" colspan="6" v-if="isOpen({ id: el.id })">
68
- <div class="open-container">
69
- <container-wrapper>
70
- <div>hi you</div>
71
- <div>Test test</div>
72
- </container-wrapper>
73
- </div>
74
- </td>
75
- </tr>
76
- <children-wrapper
77
- v-if="
78
- el.children && el.children.length && isChildrenOpen({ id: el.id })
79
- "
80
- >
81
- <draggable-container :items="el.children" handle=".drag-container">
82
- <template v-for="item in el.children">
83
- <tr
84
- :key="item.sales"
85
- :class="{
86
- 'no-border': isOpen({ id: item.id }),
87
- disabled: true,
88
- }"
89
- >
90
- <div class="drag-container">
91
- <div class="drag-icon" />
92
- </div>
93
- <td>
94
- <div class="collective-container">
95
- <span class="subposition-icon" />
96
- <input-text :value="item.description" />
97
- </div>
98
- </td>
99
- <td>
100
- <input-text :value="item.cost_price" />
101
- </td>
102
- <td>
103
- <input-text :value="item.margin" />
104
- </td>
105
- <td>
106
- <input-text :value="item.installation" />
107
- </td>
108
- <td><input-text :value="item.sales" /></td>
109
- <div
110
- class="arrow-container"
111
- @click="toggleOpen({ id: item.id })"
112
- >
113
- <div v-if="isOpen({ id: item.id })" class="arrow-up" />
114
- <div v-if="!isOpen({ id: item.id })" class="arrow-down" />
115
- </div>
116
- <div class="icons-container">
117
- <three-dots :options="listOptions" />
118
- <delete-icon color="gray" />
119
- </div>
120
- </tr>
121
- <tr
122
- v-if="isOpen({ id: item.id })"
123
- class="container-row"
124
- :key="item.sales"
125
- >
126
- <div />
127
- <td
128
- class="no-border"
129
- colspan="6"
130
- v-if="isOpen({ id: item.id })"
131
- >
132
- <div class="open-container">
133
- <container-wrapper>
134
- <div>hi you</div>
135
- <div>Test test</div>
136
- </container-wrapper>
137
- </div>
138
- </td>
139
- </tr>
140
- </template>
141
- </draggable-container>
142
- </children-wrapper>
143
- </parent-container>
144
- </draggable-container>
145
- <tr class="footer">
146
- <div />
147
- <td class="text bold">
148
- Total PV system code
149
- </td>
150
- <td />
151
- <td />
152
- <td />
153
- <td class="text bold">
154
- 17.000 CHF
155
- </td>
156
- <td />
157
- <div />
158
- </tr>
159
- </main-table>
160
- </template>
161
-
162
- <script>
163
- import draggable from "vuedraggable"
164
- import styled from "vue3-styled-components"
165
- import MainTable from "@/components/reusable-components/tables/MainTable"
166
- import InputText from "@eturnity/eturnity_reusable_components/src/components/inputs/inputText"
167
- import DeleteIcon from "@/components/reusable-components/DeleteIcon"
168
- import ThreeDots from "@/components/reusable-components/ThreeDots"
169
-
170
- const DraggableContainer = styled(draggable)`
171
- display: contents;
172
- `
173
-
174
- const ParentContainer = styled.tbody`
175
- /* display: contents; */
176
- `
177
-
178
- const ChildrenWrapper = styled.div`
179
- display: contents;
180
- `
181
-
182
- const ContainerWrapper = styled.div`
183
- display: grid;
184
- padding: 12px;
185
- grid-template-columns: 1fr 1fr;
186
- `
187
-
188
- export default {
189
- name: "nested-table",
190
- components: {
191
- DraggableContainer,
192
- ParentContainer,
193
- MainTable,
194
- InputText,
195
- ChildrenWrapper,
196
- DeleteIcon,
197
- ThreeDots,
198
- ContainerWrapper,
199
- },
200
- data() {
201
- return {
202
- tableList: [
203
- {
204
- description: "My Description 1",
205
- cost_price: null,
206
- margin: null,
207
- installation: null,
208
- sales: 1000,
209
- id: 1,
210
- children: [
211
- {
212
- description: "My Description 2",
213
- cost_price: 20,
214
- margin: 200,
215
- installation: 2000,
216
- sales: 20,
217
- id: 2,
218
- children: [],
219
- },
220
- {
221
- description: "My Description 7",
222
- cost_price: 70,
223
- margin: 700,
224
- installation: 7000,
225
- sales: 70,
226
- id: 3,
227
- children: [],
228
- },
229
- ],
230
- },
231
- {
232
- description: "My Description 3",
233
- cost_price: 30,
234
- margin: 300,
235
- installation: 3000,
236
- sales: 30,
237
- id: 4,
238
- },
239
- {
240
- description: "My Description 5",
241
- cost_price: 50,
242
- margin: 500,
243
- installation: 5000,
244
- sales: 50,
245
- id: 5,
246
- children: [
247
- {
248
- description: "My Description 6",
249
- cost_price: 60,
250
- margin: 600,
251
- installation: 6000,
252
- sales: 60,
253
- id: 6,
254
- children: [],
255
- },
256
- ],
257
- },
258
- ],
259
- openItem: null,
260
- showChildren: [],
261
- listOptions: [
262
- {
263
- name: "Option 1",
264
- value: "option_1",
265
- },
266
- {
267
- name: "Option 2",
268
- value: "option_2",
269
- },
270
- {
271
- name: "Option 3",
272
- value: "option_3",
273
- },
274
- {
275
- name: "Option 4",
276
- value: "option_4",
277
- },
278
- ],
279
- }
280
- },
281
- computed: {
282
- headerItems() {
283
- const items = [
284
- {
285
- value: "Description",
286
- },
287
- {
288
- value: "Cost price",
289
- },
290
- {
291
- value: "Calculation surcharge",
292
- },
293
- {
294
- value: "Installation costs",
295
- },
296
- {
297
- value: "Sales price",
298
- },
299
- ]
300
-
301
- return items
302
- },
303
- },
304
- methods: {
305
- toggleOpen({ id }) {
306
- this.openItem = this.openItem === id ? null : id
307
- },
308
- isOpen({ id }) {
309
- return this.openItem === id
310
- },
311
- toggleShowChildren({ id, length }) {
312
- if (!length) {
313
- return
314
- }
315
- if (this.isChildrenOpen({ id })) {
316
- // if the item is already in the Array
317
- this.showChildren = this.showChildren.filter((item) => item !== id)
318
- } else {
319
- this.showChildren.push(id)
320
- }
321
- },
322
- isChildrenOpen({ id }) {
323
- return this.showChildren.length ? this.showChildren.includes(id) : false
324
- },
325
- },
326
- }
327
- </script>
328
- -->
1
+ <!-- This is just an example how to use mainTable with collective positioning -->
2
+ <!-- <template>
3
+ <main-table>
4
+ <thead>
5
+ <tr>
6
+ <div />
7
+ <th v-for="item in headerItems" :key="item.value">
8
+ {{ item.value }}
9
+ </th>
10
+ <th />
11
+ <div />
12
+ </tr>
13
+ </thead>
14
+ <draggable-container
15
+ :items="tableList"
16
+ handle=".drag-container"
17
+ :options="{ disabled: false }"
18
+ >
19
+ <parent-container v-for="el in tableList" :key="el.sales">
20
+ <tr :class="{ 'no-border': isOpen({ id: el.id }), disabled: true }">
21
+ <div class="drag-container">
22
+ <div class="drag-icon" />
23
+ </div>
24
+ <td>
25
+ <div :class="{ 'collective-container': el.children }">
26
+ <input-text :value="el.description" />
27
+ <div
28
+ v-if="el.children"
29
+ @click="
30
+ toggleShowChildren({ id: el.id, length: el.children.length })
31
+ "
32
+ :class="{
33
+ 'collective-box': true,
34
+ open: isChildrenOpen({ id: el.id }),
35
+ }"
36
+ >
37
+ {{ el.children.length }}
38
+ </div>
39
+ </div>
40
+ </td>
41
+ <td>
42
+ <div v-if="el.children" />
43
+ <input-text v-else :value="el.cost_price" />
44
+ </td>
45
+ <td>
46
+ <div v-if="el.children" />
47
+ <input-text v-else :value="el.margin" />
48
+ </td>
49
+ <td>
50
+ <div v-if="el.children" />
51
+ <input-text v-else :value="el.installation" />
52
+ </td>
53
+ <td>
54
+ <input-text :value="el.sales" />
55
+ </td>
56
+ <div class="arrow-container" @click="toggleOpen({ id: el.id })">
57
+ <div v-if="isOpen({ id: el.id })" class="arrow-up" />
58
+ <div v-if="!isOpen({ id: el.id })" class="arrow-down" />
59
+ </div>
60
+ <div class="icons-container">
61
+ <three-dots :options="listOptions" />
62
+ <delete-icon color="gray" />
63
+ </div>
64
+ </tr>
65
+ <tr v-if="isOpen({ id: el.id })" class="container-row">
66
+ <div />
67
+ <td class="no-border" colspan="6" v-if="isOpen({ id: el.id })">
68
+ <div class="open-container">
69
+ <container-wrapper>
70
+ <div>hi you</div>
71
+ <div>Test test</div>
72
+ </container-wrapper>
73
+ </div>
74
+ </td>
75
+ </tr>
76
+ <children-wrapper
77
+ v-if="
78
+ el.children && el.children.length && isChildrenOpen({ id: el.id })
79
+ "
80
+ >
81
+ <draggable-container :items="el.children" handle=".drag-container">
82
+ <template v-for="item in el.children">
83
+ <tr
84
+ :key="item.sales"
85
+ :class="{
86
+ 'no-border': isOpen({ id: item.id }),
87
+ disabled: true,
88
+ }"
89
+ >
90
+ <div class="drag-container">
91
+ <div class="drag-icon" />
92
+ </div>
93
+ <td>
94
+ <div class="collective-container">
95
+ <span class="subposition-icon" />
96
+ <input-text :value="item.description" />
97
+ </div>
98
+ </td>
99
+ <td>
100
+ <input-text :value="item.cost_price" />
101
+ </td>
102
+ <td>
103
+ <input-text :value="item.margin" />
104
+ </td>
105
+ <td>
106
+ <input-text :value="item.installation" />
107
+ </td>
108
+ <td><input-text :value="item.sales" /></td>
109
+ <div
110
+ class="arrow-container"
111
+ @click="toggleOpen({ id: item.id })"
112
+ >
113
+ <div v-if="isOpen({ id: item.id })" class="arrow-up" />
114
+ <div v-if="!isOpen({ id: item.id })" class="arrow-down" />
115
+ </div>
116
+ <div class="icons-container">
117
+ <three-dots :options="listOptions" />
118
+ <delete-icon color="gray" />
119
+ </div>
120
+ </tr>
121
+ <tr
122
+ v-if="isOpen({ id: item.id })"
123
+ class="container-row"
124
+ :key="item.sales"
125
+ >
126
+ <div />
127
+ <td
128
+ class="no-border"
129
+ colspan="6"
130
+ v-if="isOpen({ id: item.id })"
131
+ >
132
+ <div class="open-container">
133
+ <container-wrapper>
134
+ <div>hi you</div>
135
+ <div>Test test</div>
136
+ </container-wrapper>
137
+ </div>
138
+ </td>
139
+ </tr>
140
+ </template>
141
+ </draggable-container>
142
+ </children-wrapper>
143
+ </parent-container>
144
+ </draggable-container>
145
+ <tr class="footer">
146
+ <div />
147
+ <td class="text bold">
148
+ Total PV system code
149
+ </td>
150
+ <td />
151
+ <td />
152
+ <td />
153
+ <td class="text bold">
154
+ 17.000 CHF
155
+ </td>
156
+ <td />
157
+ <div />
158
+ </tr>
159
+ </main-table>
160
+ </template>
161
+
162
+ <script>
163
+ import draggable from "vuedraggable"
164
+ import styled from "vue3-styled-components"
165
+ import MainTable from "@/components/reusable-components/tables/MainTable"
166
+ import InputText from "@eturnity/eturnity_reusable_components/src/components/inputs/inputText"
167
+ import DeleteIcon from "@/components/reusable-components/DeleteIcon"
168
+ import ThreeDots from "@/components/reusable-components/ThreeDots"
169
+
170
+ const DraggableContainer = styled(draggable)`
171
+ display: contents;
172
+ `
173
+
174
+ const ParentContainer = styled.tbody`
175
+ /* display: contents; */
176
+ `
177
+
178
+ const ChildrenWrapper = styled.div`
179
+ display: contents;
180
+ `
181
+
182
+ const ContainerWrapper = styled.div`
183
+ display: grid;
184
+ padding: 12px;
185
+ grid-template-columns: 1fr 1fr;
186
+ `
187
+
188
+ export default {
189
+ name: "nested-table",
190
+ components: {
191
+ DraggableContainer,
192
+ ParentContainer,
193
+ MainTable,
194
+ InputText,
195
+ ChildrenWrapper,
196
+ DeleteIcon,
197
+ ThreeDots,
198
+ ContainerWrapper,
199
+ },
200
+ data() {
201
+ return {
202
+ tableList: [
203
+ {
204
+ description: "My Description 1",
205
+ cost_price: null,
206
+ margin: null,
207
+ installation: null,
208
+ sales: 1000,
209
+ id: 1,
210
+ children: [
211
+ {
212
+ description: "My Description 2",
213
+ cost_price: 20,
214
+ margin: 200,
215
+ installation: 2000,
216
+ sales: 20,
217
+ id: 2,
218
+ children: [],
219
+ },
220
+ {
221
+ description: "My Description 7",
222
+ cost_price: 70,
223
+ margin: 700,
224
+ installation: 7000,
225
+ sales: 70,
226
+ id: 3,
227
+ children: [],
228
+ },
229
+ ],
230
+ },
231
+ {
232
+ description: "My Description 3",
233
+ cost_price: 30,
234
+ margin: 300,
235
+ installation: 3000,
236
+ sales: 30,
237
+ id: 4,
238
+ },
239
+ {
240
+ description: "My Description 5",
241
+ cost_price: 50,
242
+ margin: 500,
243
+ installation: 5000,
244
+ sales: 50,
245
+ id: 5,
246
+ children: [
247
+ {
248
+ description: "My Description 6",
249
+ cost_price: 60,
250
+ margin: 600,
251
+ installation: 6000,
252
+ sales: 60,
253
+ id: 6,
254
+ children: [],
255
+ },
256
+ ],
257
+ },
258
+ ],
259
+ openItem: null,
260
+ showChildren: [],
261
+ listOptions: [
262
+ {
263
+ name: "Option 1",
264
+ value: "option_1",
265
+ },
266
+ {
267
+ name: "Option 2",
268
+ value: "option_2",
269
+ },
270
+ {
271
+ name: "Option 3",
272
+ value: "option_3",
273
+ },
274
+ {
275
+ name: "Option 4",
276
+ value: "option_4",
277
+ },
278
+ ],
279
+ }
280
+ },
281
+ computed: {
282
+ headerItems() {
283
+ const items = [
284
+ {
285
+ value: "Description",
286
+ },
287
+ {
288
+ value: "Cost price",
289
+ },
290
+ {
291
+ value: "Calculation surcharge",
292
+ },
293
+ {
294
+ value: "Installation costs",
295
+ },
296
+ {
297
+ value: "Sales price",
298
+ },
299
+ ]
300
+
301
+ return items
302
+ },
303
+ },
304
+ methods: {
305
+ toggleOpen({ id }) {
306
+ this.openItem = this.openItem === id ? null : id
307
+ },
308
+ isOpen({ id }) {
309
+ return this.openItem === id
310
+ },
311
+ toggleShowChildren({ id, length }) {
312
+ if (!length) {
313
+ return
314
+ }
315
+ if (this.isChildrenOpen({ id })) {
316
+ // if the item is already in the Array
317
+ this.showChildren = this.showChildren.filter((item) => item !== id)
318
+ } else {
319
+ this.showChildren.push(id)
320
+ }
321
+ },
322
+ isChildrenOpen({ id }) {
323
+ return this.showChildren.length ? this.showChildren.includes(id) : false
324
+ },
325
+ },
326
+ }
327
+ </script>
328
+ -->