@eturnity/eturnity_reusable_components 8.19.4 → 8.19.5

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 (119) hide show
  1. package/package.json +1 -1
  2. package/src/assets/svgIcons/documents_landscape.svg +3 -0
  3. package/src/assets/svgIcons/duplicate.svg +2 -3
  4. package/src/assets/svgIcons/ed_ac.svg +2 -2
  5. package/src/assets/svgIcons/ed_ac_path.svg +3 -0
  6. package/src/assets/svgIcons/ed_acgrid.svg +2 -3
  7. package/src/assets/svgIcons/ed_acgrid_old.svg +4 -0
  8. package/src/assets/svgIcons/ed_arrow_both.svg +2 -6
  9. package/src/assets/svgIcons/ed_arrow_left.svg +2 -6
  10. package/src/assets/svgIcons/ed_arrow_right.svg +2 -6
  11. package/src/assets/svgIcons/ed_battery.svg +2 -9
  12. package/src/assets/svgIcons/ed_batteryacinverter.svg +2 -15
  13. package/src/assets/svgIcons/ed_batteryintegratedinverter.svg +2 -18
  14. package/src/assets/svgIcons/ed_cirquitbreaker.svg +2 -3
  15. package/src/assets/svgIcons/ed_cirquitbreaker_magnetic.svg +2 -5
  16. package/src/assets/svgIcons/ed_cirquitbreaker_thermal.svg +2 -3
  17. package/src/assets/svgIcons/ed_cirquitbreaker_thermal_magnetic.svg +2 -4
  18. package/src/assets/svgIcons/ed_consumption.svg +2 -2
  19. package/src/assets/svgIcons/ed_dc.svg +2 -5
  20. package/src/assets/svgIcons/ed_disconnector.svg +2 -3
  21. package/src/assets/svgIcons/ed_disconnector_fuse.svg +2 -3
  22. package/src/assets/svgIcons/ed_disconnector_fuse_switch.svg +2 -3
  23. package/src/assets/svgIcons/ed_disconnector_loadbreak_switch.svg +3 -0
  24. package/src/assets/svgIcons/ed_disconnector_switch.svg +2 -3
  25. package/src/assets/svgIcons/ed_disconnector_switch_auto_release.svg +2 -4
  26. package/src/assets/svgIcons/ed_energymanagement_rectangle.svg +2 -2
  27. package/src/assets/svgIcons/ed_evcharger.svg +2 -18
  28. package/src/assets/svgIcons/ed_flexiblecomponent_circle.svg +2 -2
  29. package/src/assets/svgIcons/ed_flexiblecomponent_square.svg +2 -2
  30. package/src/assets/svgIcons/ed_fuse.svg +2 -2
  31. package/src/assets/svgIcons/ed_ground.svg +2 -4
  32. package/src/assets/svgIcons/ed_heatpump.svg +2 -3
  33. package/src/assets/svgIcons/ed_icon_battery.svg +2 -8
  34. package/src/assets/svgIcons/ed_icon_circle.svg +2 -2
  35. package/src/assets/svgIcons/ed_icon_heatpump.svg +2 -2
  36. package/src/assets/svgIcons/ed_icon_inverter.svg +7 -7
  37. package/src/assets/svgIcons/ed_icon_m.svg +3 -0
  38. package/src/assets/svgIcons/ed_icon_optimizer.svg +10 -10
  39. package/src/assets/svgIcons/ed_icon_optimizer_path.svg +11 -0
  40. package/src/assets/svgIcons/ed_integratedbatteryinverter.svg +2 -9
  41. package/src/assets/svgIcons/ed_inverter-blank.svg +2 -2
  42. package/src/assets/svgIcons/ed_mainsconnection.svg +2 -2
  43. package/src/assets/svgIcons/ed_meter-blank.svg +3 -0
  44. package/src/assets/svgIcons/ed_meter_arrowleft.svg +2 -3
  45. package/src/assets/svgIcons/ed_meter_arrowright.svg +2 -3
  46. package/src/assets/svgIcons/ed_meter_bidirectional.svg +2 -4
  47. package/src/assets/svgIcons/ed_networkandsystemprotection_double.svg +2 -13
  48. package/src/assets/svgIcons/ed_networkandsystemprotection_single.svg +2 -6
  49. package/src/assets/svgIcons/ed_pvpanel (Stroke).svg +3 -0
  50. package/src/assets/svgIcons/ed_pvpanel.svg +2 -6
  51. package/src/assets/svgIcons/ed_rcd.svg +2 -4
  52. package/src/assets/svgIcons/ed_rcd_simple.svg +2 -2
  53. package/src/assets/svgIcons/ed_spd.svg +2 -5
  54. package/src/assets/svgIcons/ed_stringwithoptimizer.svg +4 -32
  55. package/src/assets/svgIcons/ed_stringwithoutoptimizer.svg +6 -16
  56. package/src/assets/svgIcons/ed_transformer.svg +2 -2
  57. package/src/assets/svgIcons/edit.svg +3 -0
  58. package/src/assets/svgIcons/edit_stroke.svg +3 -0
  59. package/src/assets/svgIcons/legend.svg +3 -0
  60. package/src/assets/svgIcons/preview.svg +3 -0
  61. package/src/assets/svgIcons/rectangle.svg +1 -1
  62. package/src/assets/svgIcons/text_column_one.svg +7 -0
  63. package/src/assets/svgIcons/text_column_three.svg +15 -0
  64. package/src/assets/svgIcons/text_column_two.svg +11 -0
  65. package/src/assets/svgIcons/text_icon.svg +2 -2
  66. package/src/assets/svgIcons//360/237/223/221 Documents/ed_ac.svg" +3 -0
  67. package/src/assets/svgIcons//360/237/223/221 Documents/ed_arrow_both.svg" +7 -0
  68. package/src/assets/svgIcons//360/237/223/221 Documents/ed_arrow_left.svg" +7 -0
  69. package/src/assets/svgIcons//360/237/223/221 Documents/ed_arrow_right.svg" +7 -0
  70. package/src/assets/svgIcons//360/237/223/221 Documents/ed_battery.svg" +4 -0
  71. package/src/assets/svgIcons//360/237/223/221 Documents/ed_batteryacinverter.svg" +5 -0
  72. package/src/assets/svgIcons//360/237/223/221 Documents/ed_batteryintegratedinverter.svg" +5 -0
  73. package/src/assets/svgIcons//360/237/223/221 Documents/ed_cirquitbreaker.svg" +6 -0
  74. package/src/assets/svgIcons//360/237/223/221 Documents/ed_cirquitbreaker_magnetic.svg" +9 -0
  75. package/src/assets/svgIcons//360/237/223/221 Documents/ed_cirquitbreaker_thermal.svg" +5 -0
  76. package/src/assets/svgIcons//360/237/223/221 Documents/ed_cirquitbreaker_thermal_magnetic.svg" +10 -0
  77. package/src/assets/svgIcons//360/237/223/221 Documents/ed_consumption.svg" +5 -0
  78. package/src/assets/svgIcons//360/237/223/221 Documents/ed_dc.svg" +3 -0
  79. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector.svg" +5 -0
  80. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_fuse.svg" +6 -0
  81. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_fuse_switch.svg" +7 -0
  82. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_loadbreak_switch.svg" +7 -0
  83. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_switch.svg" +6 -0
  84. package/src/assets/svgIcons//360/237/223/221 Documents/ed_disconnector_switch_auto_release.svg" +7 -0
  85. package/src/assets/svgIcons//360/237/223/221 Documents/ed_energymanagement_rectangle.svg" +3 -0
  86. package/src/assets/svgIcons//360/237/223/221 Documents/ed_evcharger.svg" +8 -0
  87. package/src/assets/svgIcons//360/237/223/221 Documents/ed_flexiblecomponent_circle.svg" +3 -0
  88. package/src/assets/svgIcons//360/237/223/221 Documents/ed_flexiblecomponent_square.svg" +3 -0
  89. package/src/assets/svgIcons//360/237/223/221 Documents/ed_fuse.svg" +4 -0
  90. package/src/assets/svgIcons//360/237/223/221 Documents/ed_ground.svg" +6 -0
  91. package/src/assets/svgIcons//360/237/223/221 Documents/ed_heatpump.svg" +4 -0
  92. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_battery.svg" +3 -0
  93. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_circle.svg" +3 -0
  94. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_heatpump.svg" +3 -0
  95. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_inverter.svg" +3 -0
  96. package/src/assets/svgIcons//360/237/223/221 Documents/ed_icon_optimizer.svg" +3 -0
  97. package/src/assets/svgIcons//360/237/223/221 Documents/ed_integratedbatteryinverter.svg" +3 -0
  98. package/src/assets/svgIcons//360/237/223/221 Documents/ed_inverter-blank.svg" +3 -0
  99. package/src/assets/svgIcons//360/237/223/221 Documents/ed_mainsconnection.svg" +3 -0
  100. package/src/assets/svgIcons//360/237/223/221 Documents/ed_meter-blank.svg" +3 -0
  101. package/src/assets/svgIcons//360/237/223/221 Documents/ed_meter_arrowleft.svg" +8 -0
  102. package/src/assets/svgIcons//360/237/223/221 Documents/ed_meter_arrowright.svg" +8 -0
  103. package/src/assets/svgIcons//360/237/223/221 Documents/ed_meter_bidirectional.svg" +8 -0
  104. package/src/assets/svgIcons//360/237/223/221 Documents/ed_networkandsystemprotection_double.svg" +15 -0
  105. package/src/assets/svgIcons//360/237/223/221 Documents/ed_networkandsystemprotection_single.svg" +10 -0
  106. package/src/assets/svgIcons//360/237/223/221 Documents/ed_pvpanel.svg" +7 -0
  107. package/src/assets/svgIcons//360/237/223/221 Documents/ed_rcd.svg" +7 -0
  108. package/src/assets/svgIcons//360/237/223/221 Documents/ed_rcd_simple.svg" +4 -0
  109. package/src/assets/svgIcons//360/237/223/221 Documents/ed_spd.svg" +9 -0
  110. package/src/assets/svgIcons//360/237/223/221 Documents/ed_stringwithoptimizer.svg" +5 -0
  111. package/src/assets/svgIcons//360/237/223/221 Documents/ed_stringwithoutoptimizer.svg" +13 -0
  112. package/src/assets/svgIcons//360/237/223/221 Documents/ed_transformer.svg" +6 -0
  113. package/src/components/buttons/buttonIcon/index.vue +13 -1
  114. package/src/components/icon/index.vue +15 -2
  115. package/src/components/inputs/inputNumber/index.vue +3 -0
  116. package/src/components/inputs/select/option/index.vue +10 -3
  117. package/src/components/inputs/switchField/index.vue +31 -19
  118. package/src/components/inputs/toggle/index.vue +1 -0
  119. package/src/assets/svgIcons/ed_disconnector_loadbreak switch.svg +0 -4
@@ -0,0 +1,6 @@
1
+ <svg width="130" height="36" viewBox="0 0 130 36" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 18H23L92 1" stroke="black"/>
3
+ <path d="M130 18H91.5" stroke="black"/>
4
+ <path d="M91.5 12V24" stroke="black"/>
5
+ <circle cx="85" cy="18" r="5.5" stroke="black"/>
6
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg width="130" height="42" viewBox="0 0 130 42" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 21H23L92 4" stroke="black"/>
3
+ <path d="M130 21H91" stroke="black"/>
4
+ <path d="M91.5 15V27" stroke="black"/>
5
+ <circle cx="85" cy="21" r="5.5" stroke="black"/>
6
+ <rect x="44.8824" y="6.23307" width="20.0445" height="9.04706" transform="rotate(-13.84 44.8824 6.23307)" fill="black" stroke="black"/>
7
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="356" height="121" viewBox="0 0 356 121" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0.5 120.5V0.5H355.5V120.5H0.5Z" stroke="black"/>
3
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="356" height="121" viewBox="0 0 356 121" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0.5 120.5V0.5H355.5V120.5H0.5Z" stroke="black"/>
3
+ <circle cx="276" cy="60.5" r="40.5" stroke="black"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M216 20.5H119V100.5H216V20.5ZM119 19.5H118V20.5V100.5V101.5H119H216H217V100.5V20.5V19.5H216H119ZM147 75.5C147 76.0523 146.552 76.5 146 76.5H145C144.448 76.5 144 76.0523 144 75.5V45.5C144 44.9477 144.448 44.5 145 44.5H146C146.552 44.5 147 44.9477 147 45.5V75.5ZM173 75.5C173 76.0523 172.552 76.5 172 76.5H171C170.448 76.5 170 76.0523 170 75.5V45.5C170 44.9477 170.448 44.5 171 44.5H172C172.552 44.5 173 44.9477 173 45.5V75.5ZM198 76.5C198.552 76.5 199 76.0523 199 75.5V62H211V59H199V45.5C199 44.9477 198.552 44.5 198 44.5H197C196.448 44.5 196 44.9477 196 45.5V75.5C196 76.0523 196.448 76.5 197 76.5H198ZM124 61H136V91.5C136 91.7761 136.224 92 136.5 92C136.776 92 137 91.7761 137 91.5V29.5C137 29.2239 136.776 29 136.5 29C136.224 29 136 29.2239 136 29.5V60H124V61ZM163 29.5C163 29.2239 162.776 29 162.5 29C162.224 29 162 29.2239 162 29.5V91.5C162 91.7761 162.224 92 162.5 92C162.776 92 163 91.7761 163 91.5V29.5ZM188.5 29C188.776 29 189 29.2239 189 29.5V91.5C189 91.7761 188.776 92 188.5 92C188.224 92 188 91.7761 188 91.5V29.5C188 29.2239 188.224 29 188.5 29Z" fill="black"/>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M19 99.7929V20.5H98.2929L19 99.7929ZM19.7071 100.5H99V21.2071L19.7071 100.5ZM18 19.5V20.5V100.5V101.5H19H99H100V100.5V20.5V19.5H99H19H18ZM28 30L52 30V29H28V30ZM28 37H33V36H28V37ZM52 37H47V36H52V37ZM37 37H43V36H37V37ZM90 85H66V84H90V85ZM71 92H66V91H71V92ZM85 92H90V91H85V92ZM81 92H75V91H81V92Z" fill="black"/>
6
+ <path d="M100 60.5H118" stroke="black" stroke-linecap="square" stroke-dasharray="6 6"/>
7
+ <path d="M217 60.5H235" stroke="black" stroke-linecap="square" stroke-dasharray="6 6"/>
8
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="96" cy="96" r="95.5" stroke="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="0.5" y="0.5" width="191" height="191" stroke="black"/>
3
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="130" height="14" viewBox="0 0 130 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 7H130" stroke="black"/>
3
+ <rect x="40.6172" y="0.5" width="49.7812" height="13" stroke="black"/>
4
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg width="34" height="41" viewBox="0 0 34 41" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M1 24.5H33" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M9 32.5H25" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M13 40.5H21" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M17 24L17 -0.000337601" stroke="black" stroke-miterlimit="8"/>
6
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="356" height="121" viewBox="0 0 356 121" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0.5 120.5V0.5H355.5V120.5H0.5Z" stroke="black"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M57 20.5C48.4611 20.5 40.5477 23.1746 34.0517 27.732L92.0857 41.2732C85.287 28.8914 72.1248 20.5 57 20.5ZM17 60.5C17 47.4197 23.2762 35.8072 32.9818 28.5092L92.7037 42.4443C95.4516 47.8682 97 54.003 97 60.5C97 66.997 95.4516 73.1318 92.7037 78.5557L32.9818 92.4908C23.2762 85.1928 17 73.5803 17 60.5ZM34.0517 93.268C40.5477 97.8254 48.4611 100.5 57 100.5C72.1248 100.5 85.287 92.1086 92.0857 79.7268L34.0517 93.268ZM16 60.5C16 37.8539 34.3539 19.5 57 19.5C79.6461 19.5 98 37.8539 98 60.5C98 83.1461 79.6461 101.5 57 101.5C34.3539 101.5 16 83.1461 16 60.5Z" fill="black"/>
4
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="99" height="82" viewBox="0 0 99 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M98 1H1V81H98V1ZM1 0H0V1V81V82H1H98H99V81V1V0H98H1ZM29 56C29 56.5523 28.5523 57 28 57H27C26.4477 57 26 56.5523 26 56V26C26 25.4477 26.4477 25 27 25H28C28.5523 25 29 25.4477 29 26V56ZM55 56C55 56.5523 54.5523 57 54 57H53C52.4477 57 52 56.5523 52 56V26C52 25.4477 52.4477 25 53 25H54C54.5523 25 55 25.4477 55 26V56ZM80 57C80.5523 57 81 56.5523 81 56V42.5H93V39.5H81V26C81 25.4477 80.5523 25 80 25H79C78.4477 25 78 25.4477 78 26V56C78 56.5523 78.4477 57 79 57H80ZM6 41.5H18V72C18 72.2761 18.2239 72.5 18.5 72.5C18.7761 72.5 19 72.2761 19 72V10C19 9.72386 18.7761 9.5 18.5 9.5C18.2239 9.5 18 9.72386 18 10V40.5H6V41.5ZM45 10C45 9.72386 44.7761 9.5 44.5 9.5C44.2239 9.5 44 9.72386 44 10V72C44 72.2761 44.2239 72.5 44.5 72.5C44.7761 72.5 45 72.2761 45 72V10ZM70.5 9.5C70.7761 9.5 71 9.72386 71 10V72C71 72.2761 70.7761 72.5 70.5 72.5C70.2239 72.5 70 72.2761 70 72V10C70 9.72386 70.2239 9.5 70.5 9.5Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="82" height="82" viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="41" cy="41" r="40.5" stroke="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="82" height="82" viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M41 1C32.4611 1 24.5477 3.67464 18.0517 8.23197L76.0857 21.7732C69.287 9.39142 56.1248 1 41 1ZM1 41C1 27.9197 7.27619 16.3072 16.9818 9.00919L76.7037 22.9443C79.4516 28.3682 81 34.503 81 41C81 47.497 79.4516 53.6318 76.7037 59.0557L16.9818 72.9908C7.27619 65.6928 1 54.0803 1 41ZM18.0517 73.768C24.5477 78.3254 32.4611 81 41 81C56.1248 81 69.287 72.6086 76.0857 60.2268L18.0517 73.768ZM0 41C0 18.3539 18.3539 0 41 0C63.6461 0 82 18.3539 82 41C82 63.6461 63.6461 82 41 82C18.3539 82 0 63.6461 0 41Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="82" height="82" viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 80.2929V1H80.2929L1 80.2929ZM1.70711 81H81V1.70711L1.70711 81ZM0 0V1V81V82H1H81H82V81V1V0H81H1H0ZM14.9289 12.2265C13.7889 12.9909 12.4654 14.4153 10.918 16.7736C10.7665 17.0044 10.4566 17.0688 10.2257 16.9173C9.99482 16.7658 9.93047 16.4558 10.082 16.225C11.6596 13.8207 13.0705 12.2686 14.3719 11.3959C15.6927 10.5103 16.9212 10.3137 18.0677 10.6632C19.1803 11.0023 20.1355 11.8328 20.9869 12.825C21.8379 13.8168 22.6337 15.0296 23.4071 16.2083L23.4072 16.2084L23.418 16.225C24.2037 17.4223 24.9669 18.584 25.772 19.5223C26.5808 20.4648 27.3834 21.1226 28.2239 21.3788C29.0305 21.6247 29.9505 21.5235 31.0711 20.7721C32.2111 20.0077 33.5346 18.5832 35.082 16.225C35.2335 15.9941 35.5434 15.9297 35.7743 16.0812C36.0052 16.2327 36.0695 16.5427 35.918 16.7736C34.3404 19.1778 32.9295 20.7299 31.6281 21.6026C30.3073 22.4883 29.0788 22.6848 27.9323 22.3354C26.8197 21.9962 25.8645 21.1657 25.0131 20.1735C24.1621 19.1817 23.3663 17.9689 22.5929 16.7903L22.5929 16.7903L22.5928 16.7902L22.582 16.7736C21.7963 15.5762 21.0331 14.4145 20.228 13.4762C19.4192 12.5337 18.6166 11.8759 17.7761 11.6197C16.9695 11.3739 16.0495 11.475 14.9289 12.2265ZM72 65.5H48V64.5H72V65.5ZM53 72.5H48V71.5H53V72.5ZM67 72.5H72V71.5H67V72.5ZM63 72.5H57V71.5H63V72.5Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="82" height="82" viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 80.2929V1H80.2929L1 80.2929ZM1.70711 81H81V1.70711L1.70711 81ZM0 0V1V81V82H1H81H82V81V1V0H81H1H0ZM10 10.5L34 10.5V9.5H10V10.5ZM10 17.5H15V16.5H10V17.5ZM34 17.5H29V16.5H34V17.5ZM19 17.5H25V16.5H19V17.5ZM72 65.5H48V64.5H72V65.5ZM53 72.5H48V71.5H53V72.5ZM67 72.5H72V71.5H67V72.5ZM63 72.5H57V71.5H63V72.5Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="200" height="399" viewBox="0 0 200 399" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H198.293L1 198.293V1ZM1.7071 199H199V1.7071L1.7071 199ZM200 1V199V200V398V399H199H1H0V398V200V199V1V0H1H199H200V1ZM1 398V200H199V398H1ZM51.5 259H148.5V339H51.5V259ZM50.5 258H51.5H148.5H149.5V259V339V340H148.5H51.5H50.5V339V259V258ZM78.5 315C79.0523 315 79.5 314.552 79.5 314V284C79.5 283.448 79.0523 283 78.5 283H77.5C76.9477 283 76.5 283.448 76.5 284V314C76.5 314.552 76.9477 315 77.5 315H78.5ZM104.5 315C105.052 315 105.5 314.552 105.5 314V284C105.5 283.448 105.052 283 104.5 283H103.5C102.948 283 102.5 283.448 102.5 284V314C102.5 314.552 102.948 315 103.5 315H104.5ZM131.5 314C131.5 314.552 131.052 315 130.5 315H129.5C128.948 315 128.5 314.552 128.5 314V284C128.5 283.448 128.948 283 129.5 283H130.5C131.052 283 131.5 283.448 131.5 284V297.5H143.5V300.5H131.5V314ZM68.5 299.5H56.5V298.5H68.5V268C68.5 267.724 68.7239 267.5 69 267.5C69.2761 267.5 69.5 267.724 69.5 268V330C69.5 330.276 69.2761 330.5 69 330.5C68.7239 330.5 68.5 330.276 68.5 330V299.5ZM95 267.5C95.2761 267.5 95.5 267.724 95.5 268V330C95.5 330.276 95.2761 330.5 95 330.5C94.7239 330.5 94.5 330.276 94.5 330V268C94.5 267.724 94.7239 267.5 95 267.5ZM121.5 268C121.5 267.724 121.276 267.5 121 267.5C120.724 267.5 120.5 267.724 120.5 268V330C120.5 330.276 120.724 330.5 121 330.5C121.276 330.5 121.5 330.276 121.5 330V268Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H198.293L1 198.293V1ZM1.7071 199H199V1.7071L1.7071 199ZM0 0H1H199H200V1V199V200H199H1H0V199V1V0Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="131" height="196" viewBox="0 0 131 196" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H130V97.5H1V1ZM1 98.5V195H130V98.5H1ZM131 0H130H1H0V1V195V196H1H130H131V195V1V0Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="131" height="196" viewBox="0 0 131 196" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H130V65.5H1V1ZM1 66.5V195H130V66.5H1ZM131 0H130H1H0V1V195V196H1H130H131V195V1V0Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="131" height="196" viewBox="0 0 131 196" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H130V65H1V1ZM1 66V195H130V66H1ZM131 0H130H1H0V1V195V196H1H130H131V195V1V0Z" fill="black"/>
3
+ <mask id="path-2-inside-1_5587_46209" fill="white">
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13 33L39 42V34L118 34V32L39 32V24L13 33Z"/>
5
+ </mask>
6
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13 33L39 42V34L118 34V32L39 32V24L13 33Z" fill="black"/>
7
+ <path d="M39 42H40V43.4044L38.6729 42.945L39 42ZM13 33L12.6729 33.945L9.94293 33L12.6729 32.055L13 33ZM39 34H38V33L39 33L39 34ZM118 34H119V35L118 35L118 34ZM118 32L118 31L119 31V32H118ZM39 32L39 33L38 33V32H39ZM39 24L38.6729 23.055L40 22.5956V24H39ZM38.6729 42.945L12.6729 33.945L13.3271 32.055L39.3271 41.055L38.6729 42.945ZM40 34V42H38V34H40ZM118 35L39 35L39 33L118 33L118 35ZM119 32V34H117V32H119ZM39 31L118 31L118 33L39 33L39 31ZM40 24V32H38V24H40ZM12.6729 32.055L38.6729 23.055L39.3271 24.945L13.3271 33.945L12.6729 32.055Z" fill="black" mask="url(#path-2-inside-1_5587_46209)"/>
8
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="131" height="196" viewBox="0 0 131 196" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H130V65H1V1ZM1 66V195H130V66H1ZM131 0H130H1H0V1V195V196H1H130H131V195V1V0Z" fill="black"/>
3
+ <mask id="path-2-inside-1_5587_46197" fill="white">
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M118 33L92 42V34L13 34V32L92 32V24L118 33Z"/>
5
+ </mask>
6
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M118 33L92 42V34L13 34V32L92 32V24L118 33Z" fill="black"/>
7
+ <path d="M92 42H91V43.4044L92.3271 42.945L92 42ZM118 33L118.327 33.945L121.057 33L118.327 32.055L118 33ZM92 34H93V33L92 33L92 34ZM13 34H12V35L13 35L13 34ZM13 32L13 31L12 31V32H13ZM92 32L92 33L93 33V32H92ZM92 24L92.3271 23.055L91 22.5956V24H92ZM92.3271 42.945L118.327 33.945L117.673 32.055L91.6729 41.055L92.3271 42.945ZM91 34V42H93V34H91ZM13 35L92 35L92 33L13 33L13 35ZM12 32V34H14V32H12ZM92 31L13 31L13 33L92 33L92 31ZM91 24V32H93V24H91ZM118.327 32.055L92.3271 23.055L91.6729 24.945L117.673 33.945L118.327 32.055Z" fill="black" mask="url(#path-2-inside-1_5587_46197)"/>
8
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="131" height="196" viewBox="0 0 131 196" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H130V65H1V1ZM1 66V195H130V66H1ZM131 0H130H1H0V1V195V196H1H130H131V195V1V0Z" fill="black"/>
3
+ <mask id="path-2-inside-1_5587_46182" fill="white">
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M39 42L13 33L39 24V32L92 32V24L118 33L92 42V34L39 34V42Z"/>
5
+ </mask>
6
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M39 42L13 33L39 24V32L92 32V24L118 33L92 42V34L39 34V42Z" fill="black"/>
7
+ <path d="M13 33L12.6729 32.055L9.94293 33L12.6729 33.945L13 33ZM39 42L38.6729 42.945L40 43.4044V42H39ZM39 24H40V22.5956L38.6729 23.055L39 24ZM39 32H38V33L39 33L39 32ZM92 32L92 33L93 33V32H92ZM92 24L92.3271 23.055L91 22.5956V24H92ZM118 33L118.327 33.945L121.057 33L118.327 32.055L118 33ZM92 42H91V43.4044L92.3271 42.945L92 42ZM92 34H93V33L92 33L92 34ZM39 34L39 33L38 33V34H39ZM12.6729 33.945L38.6729 42.945L39.3271 41.055L13.3271 32.055L12.6729 33.945ZM38.6729 23.055L12.6729 32.055L13.3271 33.945L39.3271 24.945L38.6729 23.055ZM40 32V24H38V32H40ZM92 31L39 31L39 33L92 33L92 31ZM93 32V24H91V32H93ZM91.6729 24.945L117.673 33.945L118.327 32.055L92.3271 23.055L91.6729 24.945ZM117.673 32.055L91.6729 41.055L92.3271 42.945L118.327 33.945L117.673 32.055ZM93 42V34H91V42H93ZM39 35L92 35L92 33L39 33L39 35ZM40 42V34H38V42H40Z" fill="black" mask="url(#path-2-inside-1_5587_46182)"/>
8
+ </svg>
@@ -0,0 +1,15 @@
1
+ <svg width="262" height="78" viewBox="0 0 262 78" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 39H23L92 22" stroke="black"/>
3
+ <path d="M91.5 39H119L188 22" stroke="black"/>
4
+ <path d="M262 39H187" stroke="black"/>
5
+ <path d="M61 30V42" stroke="black" stroke-linecap="square" stroke-linejoin="round"/>
6
+ <path d="M156 30V42" stroke="black" stroke-linecap="square" stroke-linejoin="round"/>
7
+ <path d="M219.5 39V57.5" stroke="black" stroke-linecap="square" stroke-linejoin="round"/>
8
+ <path d="M191.742 34.7578L183.257 43.2431" stroke="black"/>
9
+ <path d="M95.7422 34.7578L87.2569 43.2431" stroke="black"/>
10
+ <path d="M183.258 34.7578L191.743 43.2431" stroke="black"/>
11
+ <path d="M87.2578 34.7578L95.7431 43.2431" stroke="black"/>
12
+ <path d="M61 57V72H209" stroke="black" stroke-linecap="square" stroke-dasharray="6 6"/>
13
+ <path d="M156 57V63H209" stroke="black" stroke-linecap="square" stroke-dasharray="6 6"/>
14
+ <rect x="0.5" y="-0.5" width="20" height="20" transform="matrix(1 0 0 -1 209 77)" stroke="black"/>
15
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="166" height="78" viewBox="0 0 166 78" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 39H23L92 22" stroke="black"/>
3
+ <path d="M166 39H91" stroke="black"/>
4
+ <path d="M61 30V42" stroke="black" stroke-linecap="square" stroke-linejoin="round"/>
5
+ <path d="M123.5 39V57.5" stroke="black" stroke-linecap="square" stroke-linejoin="round"/>
6
+ <path d="M95.7422 34.7578L87.2569 43.2431" stroke="black"/>
7
+ <path d="M87.2578 34.7578L95.7431 43.2431" stroke="black"/>
8
+ <path d="M61 57V67.5H113" stroke="black" stroke-linecap="square" stroke-dasharray="6 6"/>
9
+ <rect x="0.5" y="-0.5" width="20" height="20" transform="matrix(1 0 0 -1 113 77)" stroke="black"/>
10
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg width="157" height="82" viewBox="0 0 157 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <mask id="path-1-inside-1_5578_265113" fill="white">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 81V1H156L108 41L156 81H1ZM0 0V1V81V82H1H156H157V81V1V0H156H1H0Z"/>
4
+ </mask>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 81V1H156L108 41L156 81H1ZM0 0V1V81V82H1H156H157V81V1V0H156H1H0Z" fill="black"/>
6
+ <path d="M1 1V0.574867H0.574867V1H1ZM1 81H0.574867V81.4251H1V81ZM156 1L156.272 1.3266L157.174 0.574867H156V1ZM108 41L107.728 40.6734L107.336 41L107.728 41.3266L108 41ZM156 81V81.4251H157.174L156.272 80.6734L156 81ZM0 0V-0.425133H-0.425133V0H0ZM0 82H-0.425133V82.4251H0V82ZM157 82V82.4251H157.425V82H157ZM157 0H157.425V-0.425133H157V0ZM0.574867 1V81H1.42513V1H0.574867ZM156 0.574867H1V1.42513H156V0.574867ZM155.728 0.673404L107.728 40.6734L108.272 41.3266L156.272 1.3266L155.728 0.673404ZM107.728 41.3266L155.728 81.3266L156.272 80.6734L108.272 40.6734L107.728 41.3266ZM1 81.4251H156V80.5749H1V81.4251ZM0.425133 1V0H-0.425133V1H0.425133ZM0.425133 81V1H-0.425133V81H0.425133ZM0.425133 82V81H-0.425133V82H0.425133ZM1 81.5749H0V82.4251H1V81.5749ZM156 81.5749H1V82.4251H156V81.5749ZM157 81.5749H156V82.4251H157V81.5749ZM156.575 81V82H157.425V81H156.575ZM156.575 1V81H157.425V1H156.575ZM156.575 0V1H157.425V0H156.575ZM156 0.425133H157V-0.425133H156V0.425133ZM1 0.425133H156V-0.425133H1V0.425133ZM0 0.425133H1V-0.425133H0V0.425133Z" fill="black" mask="url(#path-1-inside-1_5578_265113)"/>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg width="130" height="100" viewBox="0 0 130 100" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 50H23L92 33" stroke="black"/>
3
+ <path d="M130 50H91.5" stroke="black"/>
4
+ <path d="M77.2587 20.5721C77.0224 20.4293 76.715 20.505 76.5721 20.7413L74.2437 24.5921C74.1008 24.8284 74.1765 25.1357 74.4129 25.2786C74.6492 25.4215 74.9565 25.3458 75.0994 25.1095L77.1691 21.6866L80.5921 23.7563C80.8284 23.8992 81.1357 23.8235 81.2786 23.5871C81.4215 23.3508 81.3458 23.0435 81.1095 22.9006L77.2587 20.5721ZM81.0737 35.4449L77.4855 20.8804L76.5145 21.1196L80.1027 35.6841L81.0737 35.4449Z" fill="black"/>
5
+ <path d="M71.9997 0.99994L75.5879 15.5645" stroke="black"/>
6
+ <path d="M79.7677 15.0004L72 16.9141" stroke="black"/>
7
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="130" height="20" viewBox="0 0 130 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 10H44M130 10H85.5" stroke="black"/>
3
+ <rect x="44.25" y="0.5" width="41" height="19" stroke="black"/>
4
+ </svg>
@@ -0,0 +1,9 @@
1
+ <svg width="34" height="129" viewBox="0 0 34 129" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M1 112.5H33" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M9 120.5H25" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M13 128.5H21" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M17 112L17 87.9997" stroke="black" stroke-miterlimit="8"/>
6
+ <path d="M0.5 87.5V23.5H33.5V87.5H0.5Z" stroke="black" stroke-miterlimit="8"/>
7
+ <path d="M8.70219 37.5H25.2978L17 61.4715L8.70219 37.5Z" fill="black" stroke="black"/>
8
+ <path d="M17.5 36.5H16.5V0.5H17.5V36.5Z" fill="black" stroke="black"/>
9
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="599" height="82" viewBox="0 0 599 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1V81H156L108 41L156 1H1ZM0 1V0H1H156H157H158H238H239V1V81V82H238H158H157H156H1H0V81V1ZM158 1V80.2929L237.293 1H158ZM238 81H158.707L238 1.70711V81ZM192 13.5L168 13.5V12.5H192V13.5ZM173 20.5H168V19.5H173V20.5ZM187 20.5H192V19.5H187V20.5ZM183 20.5H177V19.5H183V20.5ZM199 61.5H223V60.5H199V61.5ZM199 68.5H204V67.5H199V68.5ZM223 68.5H218V67.5H223V68.5ZM208 68.5H214V67.5H208V68.5Z" fill="black"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M361 1V81H516L468 41L516 1H361ZM360 1V0H361H516H517H518H598H599V1V81V82H598H518H517H516H361H360V81V1ZM518 1V80.2929L597.293 1H518ZM598 81H518.707L598 1.70711V81ZM552 13.5L528 13.5V12.5H552V13.5ZM533 20.5H528V19.5H533V20.5ZM547 20.5H552V19.5H547V20.5ZM543 20.5H537V19.5H543V20.5ZM559 61.5H583V60.5H559V61.5ZM559 68.5H564V67.5H559V68.5ZM583 68.5H578V67.5H583V68.5ZM568 68.5H574V67.5H568V68.5Z" fill="black"/>
4
+ <path d="M239 41L360 41" stroke="black" stroke-dasharray="4 4"/>
5
+ </svg>
@@ -0,0 +1,13 @@
1
+ <svg width="434" height="82" viewBox="0 0 434 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <mask id="path-1-inside-1_4411_45501" fill="white">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 81V1H156L108 41L156 81H1ZM0 0V1V81V82H1H156H157V81V1V0H156H1H0Z"/>
4
+ </mask>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 81V1H156L108 41L156 81H1ZM0 0V1V81V82H1H156H157V81V1V0H156H1H0Z" fill="black"/>
6
+ <path d="M1 1V0.574867H0.574867V1H1ZM1 81H0.574867V81.4251H1V81ZM156 1L156.272 1.3266L157.174 0.574867H156V1ZM108 41L107.728 40.6734L107.336 41L107.728 41.3266L108 41ZM156 81V81.4251H157.174L156.272 80.6734L156 81ZM0 0V-0.425133H-0.425133V0H0ZM0 82H-0.425133V82.4251H0V82ZM157 82V82.4251H157.425V82H157ZM157 0H157.425V-0.425133H157V0ZM0.574867 1V81H1.42513V1H0.574867ZM156 0.574867H1V1.42513H156V0.574867ZM155.728 0.673404L107.728 40.6734L108.272 41.3266L156.272 1.3266L155.728 0.673404ZM107.728 41.3266L155.728 81.3266L156.272 80.6734L108.272 40.6734L107.728 41.3266ZM1 81.4251H156V80.5749H1V81.4251ZM0.425133 1V0H-0.425133V1H0.425133ZM0.425133 81V1H-0.425133V81H0.425133ZM0.425133 82V81H-0.425133V82H0.425133ZM1 81.5749H0V82.4251H1V81.5749ZM156 81.5749H1V82.4251H156V81.5749ZM157 81.5749H156V82.4251H157V81.5749ZM156.575 81V82H157.425V81H156.575ZM156.575 1V81H157.425V1H156.575ZM156.575 0V1H157.425V0H156.575ZM156 0.425133H157V-0.425133H156V0.425133ZM1 0.425133H156V-0.425133H1V0.425133ZM0 0.425133H1V-0.425133H0V0.425133Z" fill="black" mask="url(#path-1-inside-1_4411_45501)"/>
7
+ <mask id="path-3-inside-2_4411_45501" fill="white">
8
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M278 81V1H433L385 41L433 81H278ZM277 0V1V81V82H278H433H434V81V1V0H433H278H277Z"/>
9
+ </mask>
10
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M278 81V1H433L385 41L433 81H278ZM277 0V1V81V82H278H433H434V81V1V0H433H278H277Z" fill="black"/>
11
+ <path d="M278 1V0.574867H277.575V1H278ZM278 81H277.575V81.4251H278V81ZM433 1L433.272 1.3266L434.174 0.574867H433V1ZM385 41L384.728 40.6734L384.336 41L384.728 41.3266L385 41ZM433 81V81.4251H434.174L433.272 80.6734L433 81ZM277 0V-0.425133H276.575V0H277ZM277 82H276.575V82.4251H277V82ZM434 82V82.4251H434.425V82H434ZM434 0H434.425V-0.425133H434V0ZM277.575 1V81H278.425V1H277.575ZM433 0.574867H278V1.42513H433V0.574867ZM432.728 0.673404L384.728 40.6734L385.272 41.3266L433.272 1.3266L432.728 0.673404ZM384.728 41.3266L432.728 81.3266L433.272 80.6734L385.272 40.6734L384.728 41.3266ZM278 81.4251H433V80.5749H278V81.4251ZM277.425 1V0H276.575V1H277.425ZM277.425 81V1H276.575V81H277.425ZM277.425 82V81H276.575V82H277.425ZM278 81.5749H277V82.4251H278V81.5749ZM433 81.5749H278V82.4251H433V81.5749ZM434 81.5749H433V82.4251H434V81.5749ZM433.575 81V82H434.425V81H433.575ZM433.575 1V81H434.425V1H433.575ZM433.575 0V1H434.425V0H433.575ZM433 0.425133H434V-0.425133H433V0.425133ZM278 0.425133H433V-0.425133H278V0.425133ZM277 0.425133H278V-0.425133H277V0.425133Z" fill="black" mask="url(#path-3-inside-2_4411_45501)"/>
12
+ <path d="M156 41L277 41" stroke="black" stroke-dasharray="4 4"/>
13
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg width="174" height="45" viewBox="0 0 174 45" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M99.5 44C87.63 44 78 34.37 78 22.5C78 10.63 87.63 1 99.5 1C111.37 1 121 10.63 121 22.5C121 34.37 111.37 44 99.5 44Z" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M73.5 44C61.63 44 52 34.37 52 22.5C52 10.63 61.63 1 73.5 1C85.37 1 95 10.63 95 22.5C95 34.37 85.37 44 73.5 44Z" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M173 22H121" stroke="black" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"/>
5
+ <path d="M1 22H52" stroke="black" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"/>
6
+ </svg>
@@ -4,6 +4,7 @@
4
4
  :app-theme="appTheme"
5
5
  :button-size="buttonSize"
6
6
  :custom-color="customColor"
7
+ :height="height"
7
8
  :is-active="isActive"
8
9
  :is-disabled="isDisabled"
9
10
  :min-width="minWidth"
@@ -13,6 +14,7 @@
13
14
  <IconContainer
14
15
  :app-theme="appTheme"
15
16
  :button-size="buttonSize"
17
+ :height="height"
16
18
  :type="type"
17
19
  :variant="variant"
18
20
  >
@@ -31,7 +33,7 @@
31
33
  size="14px"
32
34
  />
33
35
  </IconContainer>
34
- <ButtonContainer :button-size="buttonSize">
36
+ <ButtonContainer :button-size="buttonSize" :height="height">
35
37
  {{ text }}
36
38
  </ButtonContainer>
37
39
  <NumberContainer v-if="numberCount">
@@ -68,10 +70,12 @@
68
70
  variant: String,
69
71
  appTheme: String,
70
72
  isActive: Boolean,
73
+ height: String,
71
74
  }
72
75
  const ButtonWrapper = styled('div', ButtonAttrs)`
73
76
  display: grid;
74
77
  grid-template-columns: auto 1fr auto;
78
+ height: ${({ height }) => height};
75
79
  font-size: ${(props) =>
76
80
  props.theme?.mainButton?.size?.[props.buttonSize]?.fontSize};
77
81
  color: ${(props) => {
@@ -131,9 +135,11 @@
131
135
 
132
136
  const ButtonContainerAttrs = {
133
137
  buttonSize: String,
138
+ height: String,
134
139
  }
135
140
  const ButtonContainer = styled('div', ButtonContainerAttrs)`
136
141
  display: flex;
142
+ height: ${({ height }) => height};
137
143
  align-items: center;
138
144
  justify-content: center;
139
145
  padding: ${(props) =>
@@ -146,9 +152,11 @@
146
152
  appTheme: String,
147
153
  type: String,
148
154
  variant: String,
155
+ height: String,
149
156
  }
150
157
  const IconContainer = styled('div', IconContainerAttrs)`
151
158
  display: grid;
159
+ height: ${({ height }) => height};
152
160
  align-items: center;
153
161
  justify-items: center;
154
162
  width: ${(props) =>
@@ -270,6 +278,10 @@
270
278
  required: false,
271
279
  default: null,
272
280
  },
281
+ height: {
282
+ type: String,
283
+ default: 'auto',
284
+ },
273
285
  },
274
286
  data() {
275
287
  return {
@@ -189,15 +189,28 @@
189
189
  border-radius: ${(props) =>
190
190
  props.showCount ? '8px 0 0 8px' : props.backgroundColor ? '8px' : '0'};
191
191
  }
192
- svg path:not(.fix) {
192
+ svg path:not(.fix, .isStrokePath) {
193
193
  ${({ theme, color, fillType }) =>
194
194
  color && `${fillType}: ${theme.colors[color] || color};`}
195
195
  }
196
+ svg .isStroke {
197
+ ${({ theme, color }) =>
198
+ color && `stroke: ${theme.colors[color] || color};`}
199
+ }
200
+ svg .isFill {
201
+ ${({ theme, color }) => color && `fill: ${theme.colors[color] || color};`}
202
+ }
203
+ svg .isStrokePath:not(.fix) {
204
+ ${({ theme, color }) =>
205
+ color && `stroke: ${theme.colors[color] || color};`}
206
+ }
196
207
  ${(props) =>
197
208
  !props.disableHover &&
198
209
  `
199
- &:hover svg path:not(.fix) {
210
+ &:hover svg path:not(.fix, .isStrokePath) {
200
211
  ${`${props.fillType}: ${props.hoveredColor || props.color};`}
212
+ &:hover svg isStrokePath:not(.fix) {
213
+ ${`stroke: ${props.hoveredColor || props.color};`}
201
214
  }
202
215
  &:hover + div {
203
216
  background-color: ${props.hoveredColor};
@@ -813,6 +813,9 @@
813
813
  if (!this.allowNegative) {
814
814
  event = Math.abs(event)
815
815
  }
816
+ if (this.minNumber && this.minNumber > event) {
817
+ event = this.minNumber
818
+ }
816
819
  event = parseFloat(event)
817
820
  // Need to return an integer rather than a string
818
821
  this.$emit('input-change', event)
@@ -2,18 +2,19 @@
2
2
  <OptionContainer
3
3
  :background-color="
4
4
  colorMode == 'dark'
5
- ? '#000000'
5
+ ? theme.semanticColors.teal[900]
6
6
  : colorMode == 'transparent'
7
7
  ? 'black'
8
8
  : backgroundColor
9
9
  "
10
+ :color-mode="colorMode"
10
11
  :cursor-type="cursorType"
11
12
  :data-value="value"
12
13
  :disabled-bg-color="disabledBgColor"
13
14
  :disabled-text-color="disabledTextColor"
14
15
  :hovered-bg-color="
15
16
  colorMode == 'dark'
16
- ? '#000000'
17
+ ? theme.semanticColors.teal[800]
17
18
  : colorMode == 'transparent'
18
19
  ? 'grey6'
19
20
  : hoveredBgColor
@@ -36,6 +37,7 @@
36
37
  // import selectButton from './selectButton'
37
38
  // import selectDropdown from './selectDropDown'
38
39
  import styled from 'vue3-styled-components'
40
+ import theme from '@/assets/theme'
39
41
  const optionProps = {
40
42
  isDisabled: Boolean,
41
43
  hoveredBgColor: String,
@@ -46,6 +48,7 @@
46
48
  disabledTextColor: String,
47
49
  padding: String,
48
50
  textColor: String,
51
+ colorMode: String,
49
52
  }
50
53
  const OptionContainer = styled('div', optionProps)`
51
54
  display: flex;
@@ -77,6 +80,8 @@
77
80
  ? props.theme.colors[props.disabledTextColor]
78
81
  : props.disabledTextColor
79
82
  : props.theme.colors.grey3
83
+ : props.colorMode == 'dark'
84
+ ? props.theme.colors['white']
80
85
  : props.theme.colors[props.textColor]
81
86
  ? props.theme.colors[props.textColor]
82
87
  : props.textColor};
@@ -150,7 +155,9 @@
150
155
  },
151
156
  emits: ['option-hovered', 'option-selected'],
152
157
  data() {
153
- return {}
158
+ return {
159
+ theme,
160
+ }
154
161
  },
155
162
  computed: {},
156
163
  methods: {
@@ -30,11 +30,20 @@
30
30
  :color-mode="colorMode"
31
31
  :data-id="item.hasOwnProperty('dataId') ? item.dataId : ''"
32
32
  :inactive-color="inactiveColor"
33
- :is-active="selectedValue == item.value"
33
+ :is-active="value == item.value"
34
34
  :primary-color="primaryColor"
35
35
  :secondary-color="secondaryColor"
36
+ :size="size"
37
+ :width="item.width || 'auto'"
36
38
  @click="selectItem(item.value)"
37
39
  >
40
+ <OptionIconContainer v-if="item.icon">
41
+ <RCIcon
42
+ :color="value == item.value ? primaryColor : inactiveColor"
43
+ :name="item.icon"
44
+ :size="item.iconSize"
45
+ />
46
+ </OptionIconContainer>
38
47
  {{ item.content }}
39
48
  </SwitchOption>
40
49
  </SwitchWrapper>
@@ -70,6 +79,11 @@
70
79
  import styled from 'vue3-styled-components'
71
80
  import InfoText from '../../infoText'
72
81
  import theme from '../../../assets/theme'
82
+ import RCIcon from '../../icon'
83
+ const OptionIconContainer = styled.div`
84
+ display: flex;
85
+ align-items: center;
86
+ `
73
87
  const Container = styled.div``
74
88
 
75
89
  const flexAttrs = {
@@ -89,7 +103,6 @@
89
103
  `
90
104
 
91
105
  const toggleAttrs = {
92
- size: String,
93
106
  fontColor: String,
94
107
  disabled: Boolean,
95
108
  backgroundColor: String,
@@ -105,20 +118,17 @@
105
118
 
106
119
  const SwitchWrapper = styled('span', toggleAttrs)`
107
120
  display: flex;
121
+ align-items: center
108
122
  position: relative;
109
123
  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
110
- height: ${(props) =>
111
- props.size === 'medium'
112
- ? '24px'
113
- : props.size === 'small'
114
- ? '16px'
115
- : '24px'};
116
124
  `
117
125
  const optionAttrs = {
118
126
  isActive: Boolean,
119
127
  primaryColor: String,
120
128
  secondaryColor: String,
121
129
  inactiveColor: String,
130
+ size: String,
131
+ width: String,
122
132
  }
123
133
  const SwitchOption = styled('div', optionAttrs)`
124
134
  color: ${(props) =>
@@ -129,16 +139,25 @@
129
139
  ${(props) =>
130
140
  props.isActive ? props.secondaryColor : props.inactiveColor};
131
141
  display: flex;
142
+ width: ${({ width }) => width};
143
+ word-break: break-word;
132
144
  align-items: center;
133
145
  justify-content: center;
134
146
  flex-grow: 1;
135
147
  font-size: 13px;
136
148
  line-height: 1;
137
149
  text-align: center;
138
- padding: 10px;
150
+ height: ${(props) =>
151
+ props.size === 'medium'
152
+ ? '24px'
153
+ : props.size === 'small'
154
+ ? '16px'
155
+ : '24px'};
156
+ padding: 0 10px;
139
157
  margin-right: -1px;
140
158
  transition: all 0.1s ease-in-out;
141
159
  overflow: hidden;
160
+ gap: 5px;
142
161
  & :hover {
143
162
  cursor: pointer;
144
163
  }
@@ -169,6 +188,8 @@
169
188
  InfoText,
170
189
  LabelContainer,
171
190
  SwitchOption,
191
+ OptionIconContainer,
192
+ RCIcon,
172
193
  },
173
194
  props: {
174
195
  label: {
@@ -217,20 +238,12 @@
217
238
  },
218
239
  data() {
219
240
  return {
220
- selectedValue: null,
221
241
  primaryColor: 'white',
222
242
  secondaryColor: 'black',
223
243
  inactiveColor: 'grey6',
224
244
  }
225
245
  },
226
- watch: {
227
- value(val) {
228
- this.selectedValue = val
229
- },
230
- },
231
246
  created() {
232
- this.selectedValue = this.value
233
-
234
247
  if (this.colorMode == 'dark') {
235
248
  this.primaryColor = theme.colors.black
236
249
  this.secondaryColor = theme.colors.white
@@ -246,8 +259,7 @@
246
259
  if (this.disabled) {
247
260
  return
248
261
  }
249
- this.selectedValue = value
250
- this.$emit('on-switch-change', this.selectedValue)
262
+ this.$emit('on-switch-change', value)
251
263
  },
252
264
  },
253
265
  }
@@ -124,6 +124,7 @@
124
124
  : props.size === 'small'
125
125
  ? '13px'
126
126
  : '16px'};
127
+ font-weight: 700;
127
128
  `
128
129
 
129
130
  const ToggleWrapper = styled('span', toggleAttrs)`
@@ -1,4 +0,0 @@
1
- <svg width="129" height="82" viewBox="0 0 129 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M73.8675 4.17596L84.6193 1.48572L84.3766 0.515625L61.9099 6.13709L62.1526 7.10719L72.8974 4.4187L78.27 26.5671L22.5845 40.501H0V41.501H22.7078L90.706 24.4861L90.4632 23.516L79.2401 26.3243L73.8675 4.17596Z" fill="black"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M77.2852 41.001C77.2852 37.4185 80.1467 34.501 83.6928 34.501C86.3468 34.501 88.6173 36.1352 89.5918 38.4592V35.001H90.5918V40.501H128.246V41.501H90.5918V47.001H89.5918V43.5429C88.6173 45.8669 86.3468 47.501 83.6928 47.501C80.1467 47.501 77.2852 44.5836 77.2852 41.001ZM83.6928 35.501C80.7135 35.501 78.2852 37.9561 78.2852 41.001C78.2852 44.0459 80.7135 46.501 83.6928 46.501C86.6722 46.501 89.1005 44.0459 89.1005 41.001C89.1005 37.9561 86.6722 35.501 83.6928 35.501Z" fill="black"/>
4
- </svg>