@eturnity/eturnity_reusable_components 8.16.9-SLD.4 → 8.16.9-dev-14.1

package/src/assets/svgIcons/ed_inverter-blank.svg

@@ -1,3 +1,3 @@
-<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M96 96H0V0H96V96ZM1.70605 95H95V1.70605L1.70605 95ZM1 94.292L94.292 1H1V94.292Z" fill="black"/>
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V200H200V0H0ZM1 198.293V1H198.293L1 198.293ZM1.70742 199H199V1.70742L1.70742 199Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_mainsconnection.svg

@@ -1,3 +1,3 @@
-<svg width="64" height="98" viewBox="0 0 64 98" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M64 98H0V0H64V98ZM1 49.5V97H63V49.5H1ZM1 48.5H63V1H1V48.5Z" fill="black"/>
+<svg width="136" height="200" viewBox="0 0 136 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 99.5V1H135V99.5H1ZM1 100.5V199H135V100.5H1ZM0 0V1V199V200H1H135H136V199V1V0H135H1H0Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_meter_arrowleft.svg

@@ -1,3 +1,4 @@
-<svg width="64" height="98" viewBox="0 0 64 98" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M64 98H0V0H64V98ZM1 97H63V33.25H1V97ZM1 32.25H63V1H1V32.25ZM19.0527 16H57.6484V17H19.0527V21L6.35059 16.5L19.0527 12V16Z" fill="black"/>
+<svg width="136" height="200" viewBox="0 0 136 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41 43L15 34L41 25V33H121V35H41V43Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H136V200H0V0ZM1 1V67.5H135V1H1ZM1 199V68.5H135V199H1Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_meter_arrowright.svg

@@ -1,3 +1,4 @@
-<svg width="64" height="98" viewBox="0 0 64 98" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M64 98H0V0H64V98ZM1 97H63V33.25H1V97ZM1 32.25H63V1H1V32.25ZM57.6494 16.5L44.9473 21V17H6.35156V16H44.9473V12L57.6494 16.5Z" fill="black"/>
+<svg width="136" height="200" viewBox="0 0 136 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M95 43L121 34L95 25V33H15V35H95V43Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H136V200H0V0ZM1 1V67.5H135V1H1ZM1 199V68.5H135V199H1Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_meter_bidirectional.svg

@@ -1,3 +1,5 @@
-<svg width="64" height="98" viewBox="0 0 64 98" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M64 98H0V0H64V98ZM1 97H63V33.25H1V97ZM1 32.25H63V1H1V32.25ZM57.6484 16.5L44.9463 21V17H19.0537V21L6.35156 16.5L19.0537 12V16H44.9463V12L57.6484 16.5Z" fill="black"/>
+<svg width="136" height="200" viewBox="0 0 136 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 34L41 43V25L15 34Z" fill="black"/>
+<path d="M121 34L95 43V35H41.0007V33L95 33V25L121 34Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H136V200H0V0ZM1 1V67.5H135V1H1ZM1 199V68.5H135V199H1Z" fill=""/>
 </svg>

package/src/assets/svgIcons/ed_networkandsystemprotection_double.svg

@@ -1,15 +1,14 @@
-<svg width="136" height="64" viewBox="0 0 136 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M48.3564 23.3643L48.4766 23.8496L13.7217 32.4844L13.6621 32.499H0V31.499H13.5391L48.2354 22.8789L48.3564 23.3643Z" fill="black"/>
-<path d="M96.7109 23.3643L96.832 23.8496L62.0762 32.4844L62.0166 32.499H48.1035V31.499H61.8936L96.5908 22.8789L96.7109 23.3643Z" fill="black"/>
-<path d="M136 31.5V32.5H96.207V31.5H136Z" fill="black"/>
-<path d="M32.2402 26.9277H33.2402V34.0234H32.2402V26.9277Z" fill="black"/>
-<path d="M80.0918 26.9277H81.0918V34.0234H80.0918V26.9277Z" fill="black"/>
-<path d="M112.078 31.5H113.078V41.8965H112.078V31.5Z" fill="black"/>
-<path d="M98.9483 30.2003L94.6739 34.5106L93.9698 33.8005L98.2441 29.4902L98.9483 30.2003Z" fill="black"/>
-<path d="M50.5928 30.2003L46.3185 34.5106L45.6143 33.8005L49.8887 29.4902L50.5928 30.2003Z" fill="black"/>
-<path d="M93.9697 30.2003L98.244 34.5106L98.9482 33.8005L94.6738 29.4902L93.9697 30.2003Z" fill="black"/>
-<path d="M45.6142 30.2003L49.8886 34.5106L50.5927 33.8005L46.3184 29.4902L45.6142 30.2003Z" fill="black"/>
-<path d="M32.2402 46.3564H33.2402V48.2617H35.3105V49.2617H32.2402V46.3564ZM43.5938 48.2617V49.2617H38.4521V48.2617H43.5938ZM51.877 48.2617V49.2617H46.7354V48.2617H51.877ZM60.1602 48.2617V49.2617H55.0186V48.2617H60.1602ZM68.4434 48.2617V49.2617H63.3018V48.2617H68.4434ZM76.7266 48.2617V49.2617H71.585V48.2617H76.7266ZM85.0098 48.2617V49.2617H79.8682V48.2617H85.0098ZM93.293 48.2617V49.2617H88.1514V48.2617H93.293ZM101.576 48.2617V49.2617H96.4346V48.2617H101.576ZM107.788 48.2617V49.2617H104.718V48.2617H107.788ZM32.2402 40.6426H33.2402V43.5469H32.2402V40.6426Z" fill="black"/>
-<path d="M80.0918 42.9287H81.0918V43.6904H83.3164V44.6904H80.0918V42.9287ZM92.2148 43.6904V44.6904H86.7656V43.6904H92.2148ZM101.114 43.6904V44.6904H95.665V43.6904H101.114ZM107.788 43.6904V44.6904H104.563V43.6904H107.788ZM80.0918 40.6426H81.0918V42.4043H80.0918V40.6426Z" fill="black"/>
-<path d="M117.867 51.8086V41.1416H107.289V51.8086H117.867ZM108.289 42.1416H116.867V50.8086H108.289V42.1416Z" fill="black"/>
+<svg width="250" height="78" viewBox="0 0 250 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M60.5 30.1023L91.0553 22.4859L90.8134 21.5156L22.6722 38.5008H0V39.5008H22.795L59.5 30.3515V42.5008H60.5V30.1023Z" fill="black"/>
+<path d="M155.5 30.3515V42.5008H156.5V30.1023L187.055 22.4859L186.813 21.5156L118.672 38.5008H91.6369L94.9843 35.1142L94.2813 34.403L90.4395 38.2899L86.5976 34.403L85.8946 35.1142L89.7365 39.0011L85.8943 42.8883L86.5973 43.5995L90.4395 39.7123L94.2816 43.5995L94.9846 42.8883L91.6363 39.5008H118.795L155.5 30.3515Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M183.597 43.5995L187.439 39.7123L191.282 43.5995L191.985 42.8883L188.636 39.5008H218V57.0008H208V62.5008H201.5V63.5008H208V71.5008H200.6V72.5008H208V78.0008H229V57.0008H219V39.5008H250V38.5008H188.637L191.984 35.1142L191.281 34.403L187.439 38.2899L183.598 34.403L182.895 35.1142L186.736 39.0011L182.894 42.8883L183.597 43.5995ZM209 77.0008V58.0008H228V77.0008H209Z" fill="black"/>
+<path d="M59.5 57.0008V60.7508H60.5V57.0008H59.5Z" fill="black"/>
+<path d="M59.5 68.2508V72.5008H67.4V71.5008H60.5V68.2508H59.5Z" fill="black"/>
+<path d="M82.2 72.5008H97V71.5008H82.2V72.5008Z" fill="black"/>
+<path d="M111.8 72.5008H126.6V71.5008H111.8V72.5008Z" fill="black"/>
+<path d="M141.4 72.5008H156.2V71.5008H141.4V72.5008Z" fill="black"/>
+<path d="M171 72.5008H185.8V71.5008H171V72.5008Z" fill="black"/>
+<path d="M155.5 58.5008V57.0008H156.5V58.5008H155.5Z" fill="black"/>
+<path d="M155.5 61.5008H156.5V62.5008H162.5V63.5008H155.5V61.5008Z" fill="black"/>
+<path d="M188.5 63.5008H175.5V62.5008H188.5V63.5008Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_networkandsystemprotection_single.svg

@@ -1,3 +1,7 @@
-<svg width="88" height="64" viewBox="0 0 88 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M50.7959 30.1992L49.502 31.499H88V32.499H64.9824V41.1406H69.793V51.8076H59.1719V46.9746H56.4805V45.9746H59.1719V41.1406H63.9824V32.499H49.5029L50.7988 33.8008L50.0928 34.5088L48.2979 32.7061L46.5049 34.5088L45.7988 33.8008L47.5928 31.998L45.8018 30.1992L46.5068 29.4902L48.2988 31.2891L50.0908 29.4902L50.7959 30.1992ZM60.1719 42.1406V50.8076H68.793V42.1406H60.1719ZM33.373 45.9746H35.5645V46.9746H32.373V44.6416H33.373V45.9746ZM44.3311 46.9746H38.9482V45.9746H44.3311V46.9746ZM53.0977 46.9746H47.7139V45.9746H53.0977V46.9746ZM33.373 42.9746H32.373V40.6416H33.373V42.9746ZM48.6719 23.8496L33.373 27.6348V34.0225H32.373V27.8818L13.7754 32.4844L13.7168 32.499H0V31.499H13.5947L48.4316 22.8789L48.6719 23.8496Z" fill="black"/>
+<svg width="154" height="78" viewBox="0 0 154 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M91.0553 22.4859L60.5 30.1023V42.5008H59.5V30.3515L22.795 39.5008H0V38.5008H22.6722L90.8134 21.5156L91.0553 22.4859Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M92.6369 38.5008H154V39.5008H123V57.0008H133V78.0008H112V68.0008H105.5V67.0008H112V57.0008H122V39.5008H92.6363L95.9846 42.8883L95.2816 43.5995L91.4395 39.7123L87.5973 43.5995L86.8943 42.8883L90.7365 39.0011L86.8946 35.1142L87.5976 34.403L91.4395 38.2899L95.2813 34.403L95.9843 35.1142L92.6369 38.5008ZM132 77.0008H113V58.0008H132V77.0008Z" fill="black"/>
+<path d="M59.5 59.6258V57.0008H60.5V59.6258H59.5Z" fill="black"/>
+<path d="M59.5 64.8758H60.5V67.0008H66.5V68.0008H59.5V64.8758Z" fill="black"/>
+<path d="M92.5 68.0008H79.5V67.0008H92.5V68.0008Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_pvpanel.svg

@@ -1,3 +1,7 @@
-<svg width="80" height="40" viewBox="0 0 80 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M80 40H0V0H80V40ZM1 39H79L55 20L79 1H1V39Z" fill="black"/>
+<svg width="168" height="80" viewBox="0 0 168 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_4598_105760" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 79V1H166.9L116.025 40.001L166.897 79H1ZM166.93 79H167V1H166.93V79ZM0 0V1V79V80H1H167H168V79V1V0H167H1H0Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 79V1H166.9L116.025 40.001L166.897 79H1ZM166.93 79H167V1H166.93V79ZM0 0V1V79V80H1H167H168V79V1V0H167H1H0Z" fill="black"/>
+<path d="M1 1V0.574867H0.574867V1H1ZM1 79H0.574867V79.4251H1V79ZM166.9 1L167.158 1.3374L168.153 0.574867H166.9V1ZM116.025 40.001L115.766 39.6636L115.326 40.001L115.766 40.3384L116.025 40.001ZM166.897 79V79.4251H168.15L167.156 78.6626L166.897 79ZM166.93 79H166.505V79.4251H166.93V79ZM167 79V79.4251H167.425V79H167ZM167 1H167.425V0.574867H167V1ZM166.93 1V0.574867H166.505V1H166.93ZM0 0V-0.425133H-0.425133V0H0ZM0 80H-0.425133V80.4251H0V80ZM168 80V80.4251H168.425V80H168ZM168 0H168.425V-0.425133H168V0ZM0.574867 1V79H1.42513V1H0.574867ZM166.9 0.574867H1V1.42513H166.9V0.574867ZM166.641 0.662602L115.766 39.6636L116.284 40.3384L167.158 1.3374L166.641 0.662602ZM115.766 40.3384L166.638 79.3374L167.156 78.6626L116.284 39.6636L115.766 40.3384ZM1 79.4251H166.897V78.5749H1V79.4251ZM166.93 79.4251H167V78.5749H166.93V79.4251ZM167.425 79V1H166.575V79H167.425ZM167 0.574867H166.93V1.42513H167V0.574867ZM167.355 79V1H166.505V79H167.355ZM0.425133 1V0H-0.425133V1H0.425133ZM0.425133 79V1H-0.425133V79H0.425133ZM0.425133 80V79H-0.425133V80H0.425133ZM1 79.5749H0V80.4251H1V79.5749ZM167 79.5749H1V80.4251H167V79.5749ZM168 79.5749H167V80.4251H168V79.5749ZM167.575 79V80H168.425V79H167.575ZM167.575 1V79H168.425V1H167.575ZM167.575 0V1H168.425V0H167.575ZM167 0.425133H168V-0.425133H167V0.425133ZM1 0.425133H167V-0.425133H1V0.425133ZM0 0.425133H1V-0.425133H0V0.425133Z" fill="black" mask="url(#path-1-inside-1_4598_105760)"/>
 </svg>

package/src/assets/svgIcons/ed_rcd.svg

@@ -1,3 +1,5 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M37.4814 17.2422C37.6248 17.005 37.9325 16.928 38.168 17.0703L42.0039 19.3906C42.2393 19.533 42.3142 19.84 42.1709 20.0771C42.0275 20.3142 41.7208 20.3913 41.4854 20.249L38.6777 18.5518L40.0693 24.291L45.1709 23.0146L45.2715 23C45.5037 22.9901 45.7187 23.1446 45.7773 23.3789C45.8442 23.6466 45.6817 23.9182 45.4141 23.9854L11.4443 32.4854L11.3848 32.5H0V31.5H11.2607L39.0996 24.5332L37.708 18.7939L35.998 21.6221C35.8547 21.8591 35.5479 21.936 35.3125 21.7939C35.077 21.6516 35.0021 21.3436 35.1455 21.1064L37.4814 17.2422ZM64.001 32.5H45.0469C44.7707 32.5 44.5469 32.2761 44.5469 32C44.5469 31.7239 44.7707 31.5 45.0469 31.5H64.001V32.5ZM37.5273 13.9561L39.2979 13.5137C39.5657 13.4467 39.8362 13.6097 39.9014 13.8779C39.9665 14.1463 39.802 14.4183 39.5342 14.4854L35.1689 15.5781C34.9011 15.6452 34.6305 15.4813 34.5654 15.2129C34.5006 14.9447 34.6649 14.6725 34.9326 14.6055L36.5566 14.1982L34.9619 7.62109L35.9316 7.37793L37.5273 13.9561Z" fill="black"/>
+<svg width="129" height="100" viewBox="0 0 129 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M73.9293 15.6392L70.4078 1.12164L71.3779 0.878906L74.8994 15.3964L78.4229 14.5148L78.6587 15.4866L71.0104 17.4003L70.7747 16.4285L73.9293 15.6392Z" fill="black"/>
+<path d="M76.0741 20.5709C75.8386 20.4286 75.5315 20.5054 75.3881 20.7426L73.0514 24.6072C72.908 24.8444 72.9827 25.152 73.2181 25.2944C73.4536 25.4368 73.7607 25.3599 73.9041 25.1228L75.614 22.2948L78.8011 35.4335L22.5846 49.5003H0V50.5003H22.7078L90.706 33.4854L90.4632 32.5153L79.7712 35.1907L76.5841 22.0521L79.3917 23.7497C79.6272 23.892 79.9343 23.8152 80.0777 23.578C80.2211 23.3409 80.1465 23.0332 79.911 22.8909L76.0741 20.5709Z" fill="black"/>
+<path d="M90.0918 49.5003H128.246V50.5003H90.0918V49.5003Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_rcd_simple.svg

@@ -1,3 +1,3 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M43 31.5H64V32.5H43V38H21V32.5H0V31.5H21V26H43V31.5ZM22 37H42V27H22V37ZM31.8164 29.3037C32.1524 29.3037 32.4749 29.3656 32.7842 29.4883C33.0935 29.6056 33.3709 29.7735 33.6162 29.9922C33.8615 30.2055 34.0512 30.4537 34.1846 30.7363L33.6006 31.0322C33.4939 30.8082 33.3468 30.6136 33.1602 30.4482C32.9735 30.2829 32.7655 30.1551 32.5361 30.0645C32.3068 29.9685 32.067 29.9199 31.8164 29.9199C31.4272 29.9199 31.0778 30.0186 30.7686 30.2158C30.4593 30.4078 30.216 30.6744 30.04 31.0156C29.8694 31.357 29.7842 31.7522 29.7842 32.2002C29.7842 32.6481 29.8729 33.045 30.0488 33.3916C30.2248 33.7383 30.4671 34.0107 30.7764 34.208C31.091 34.4 31.4462 34.4961 31.8408 34.4961C32.0967 34.496 32.3391 34.445 32.5684 34.3438C32.7977 34.2371 33.0033 34.0934 33.1846 33.9121C33.3712 33.7308 33.5174 33.5227 33.624 33.2881L34.2168 33.584C34.0781 33.8773 33.8859 34.1388 33.6406 34.3682C33.4006 34.5975 33.1232 34.7763 32.8086 34.9043C32.4994 35.0322 32.1767 35.0957 31.8408 35.0957C31.3075 35.0957 30.8355 34.9728 30.4248 34.7275C30.0141 34.4769 29.6907 34.1361 29.4561 33.7041C29.2214 33.2668 29.1045 32.7654 29.1045 32.2002C29.1045 31.6349 29.219 31.1361 29.4482 30.7041C29.6829 30.2668 30.0029 29.925 30.4082 29.6797C30.8189 29.429 31.2884 29.3037 31.8164 29.3037ZM26.2969 29.4004C26.6594 29.4004 26.9796 29.4722 27.2568 29.6162C27.5394 29.7602 27.7585 29.9599 27.9131 30.2158C28.073 30.4717 28.1523 30.7652 28.1523 31.0957C28.1523 31.4263 28.067 31.7196 27.8965 31.9756C27.7258 32.2316 27.4935 32.4347 27.2002 32.584C27.1379 32.6146 27.0735 32.641 27.0078 32.665L28.377 35H27.6328L26.3408 32.793C26.2974 32.7951 26.2535 32.7998 26.209 32.7998H25.1523V35H24.4727V29.4004H26.2969ZM36.9502 29.4004C37.478 29.4004 37.9419 29.5199 38.3418 29.7598C38.7471 29.9944 39.0646 30.3228 39.2939 30.7441C39.5233 31.1655 39.6377 31.6509 39.6377 32.2002C39.6377 32.7441 39.5233 33.2272 39.2939 33.6484C39.0646 34.0696 38.747 34.3997 38.3418 34.6396C37.9418 34.8796 37.4781 35 36.9502 35H35.2461V29.4004H36.9502ZM35.9258 34.376H36.9502C37.2328 34.376 37.4944 34.3225 37.7344 34.2158C37.9742 34.1038 38.185 33.9467 38.3662 33.7441C38.5529 33.5415 38.6965 33.3092 38.7979 33.0479C38.9045 32.7813 38.958 32.4988 38.958 32.2002C38.958 31.9016 38.9045 31.6216 38.7979 31.3604C38.6966 31.0938 38.5528 30.8589 38.3662 30.6562C38.185 30.4537 37.9742 30.299 37.7344 30.1924C37.4944 30.0804 37.2328 30.0244 36.9502 30.0244H35.9258V34.376ZM25.1523 32.1758H26.3926C26.5952 32.1758 26.7765 32.1307 26.9365 32.04C27.0964 31.9441 27.2243 31.8161 27.3203 31.6562C27.4216 31.4909 27.4727 31.3037 27.4727 31.0957C27.4726 30.7759 27.3605 30.5176 27.1367 30.3203C26.9181 30.1176 26.6323 30.0156 26.2803 30.0156H25.1523V32.1758Z" fill="black"/>
+<svg width="128" height="20" viewBox="0 0 128 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43 0H84.5V9.5H128V10.5H84.5V20H43V10.5H0V9.5H43V0ZM44 1V19H83.5V1H44Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_spd.svg

@@ -1,3 +1,6 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M34.0703 62.7617C34.2983 62.8083 34.4697 63.0102 34.4697 63.252C34.4697 63.4937 34.2983 63.6957 34.0703 63.7422L33.9697 63.752H30.0312C29.7551 63.752 29.5312 63.5281 29.5312 63.252C29.5312 62.9758 29.7551 62.752 30.0312 62.752H33.9697L34.0703 62.7617ZM36.04 58.793C36.268 58.8395 36.4395 59.0415 36.4395 59.2832C36.4395 59.5249 36.268 59.7269 36.04 59.7734L35.9395 59.7832H28.0625C27.7864 59.7832 27.5625 59.5593 27.5625 59.2832C27.5625 59.0071 27.7864 58.7832 28.0625 58.7832H35.9395L36.04 58.793ZM32.5 54.8145H39.877L39.9775 54.8242C40.2055 54.8708 40.377 55.0728 40.377 55.3145C40.377 55.5561 40.2055 55.7581 39.9775 55.8047L39.877 55.8145H24.123C23.8469 55.8145 23.623 55.5906 23.623 55.3145C23.623 55.0383 23.8469 54.8145 24.123 54.8145H31.5V43.1592H32.5V54.8145ZM32.4922 10.9102H40.3691V43.1582H23.6309V10.9102H31.5049L31.5 0.000976562L32.4922 0V10.9102ZM31.999 30.7568L27.5684 17.8574H31.5078L31.5049 11.9102H24.6309V42.1582H39.3691V11.9102H32.4922V17.8574H36.4297L31.999 30.7568Z" fill="black"/>
+<svg width="34" height="129" viewBox="0 0 34 129" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 23V0H18V23H34V88H17.5004L17.5004 112H33C33.2761 112 33.5 112.224 33.5 112.5C33.5 112.776 33.2761 113 33 113H1C0.723858 113 0.5 112.776 0.5 112.5C0.5 112.224 0.723858 112 1 112H16.5004L16.5004 88H0V23H16ZM16 24H1V87H33V24H18V37L26 37L17 63L8 37L16 37V24Z" fill="black"/>
+<path d="M8.5 120.5C8.5 120.224 8.72386 120 9 120H25C25.2761 120 25.5 120.224 25.5 120.5C25.5 120.776 25.2761 121 25 121H9C8.72386 121 8.5 120.776 8.5 120.5Z" fill="black"/>
+<path d="M13 128C12.7239 128 12.5 128.224 12.5 128.5C12.5 128.776 12.7239 129 13 129H21C21.2761 129 21.5 128.776 21.5 128.5C21.5 128.224 21.2761 128 21 128H13Z" fill="black"/>
+<path d="M16.5 0.5H17.5V23V23.5V24V37V37.5H18L25.2978 37.5L17 61.4715L8.70219 37.5L16 37.5H16.5V37V24V23.5V23V0.5Z" stroke="black"/>
 </svg>

package/src/assets/svgIcons/ed_stringwithoptimizer.svg

@@ -1,5 +1,33 @@
-<svg width="296" height="40" viewBox="0 0 296 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M120 0V40H0V0H120ZM1 39H79L55 20L79 1H1V39ZM81.708 39H119V1.70801L81.708 39ZM81 38.2939L118.294 1H81V38.2939ZM106.5 35C106.776 35 107 35.2239 107 35.5C107 35.7761 106.776 36 106.5 36H104.5C104.224 36 104 35.7761 104 35.5C104 35.2239 104.224 35 104.5 35H106.5ZM111 35C111.276 35 111.5 35.2239 111.5 35.5C111.5 35.7761 111.276 36 111 36H109C108.724 36 108.5 35.7761 108.5 35.5C108.5 35.2239 108.724 35 109 35H111ZM115.5 35C115.776 35 116 35.2239 116 35.5C116 35.7761 115.776 36 115.5 36H113.5C113.224 36 113 35.7761 113 35.5C113 35.2239 113.224 35 113.5 35H115.5ZM115.601 31.5098C115.829 31.5563 116 31.7583 116 32C116 32.2417 115.829 32.4437 115.601 32.4902L115.5 32.5H104.5C104.224 32.5 104 32.2761 104 32C104 31.7239 104.224 31.5 104.5 31.5H115.5L115.601 31.5098ZM86.5 7.5C86.7761 7.5 87 7.72386 87 8C87 8.27614 86.7761 8.5 86.5 8.5H84.5C84.2239 8.5 84 8.27614 84 8C84 7.72386 84.2239 7.5 84.5 7.5H86.5ZM91 7.5C91.2761 7.5 91.5 7.72386 91.5 8C91.5 8.27614 91.2761 8.5 91 8.5H89C88.7239 8.5 88.5 8.27614 88.5 8C88.5 7.72386 88.7239 7.5 89 7.5H91ZM95.5 7.5C95.7761 7.5 96 7.72386 96 8C96 8.27614 95.7761 8.5 95.5 8.5H93.5C93.2239 8.5 93 8.27614 93 8C93 7.72386 93.2239 7.5 93.5 7.5H95.5ZM95.6006 4.00977C95.8286 4.05629 96 4.25829 96 4.5C96 4.74171 95.8286 4.94371 95.6006 4.99023L95.5 5H84.5C84.2239 5 84 4.77614 84 4.5C84 4.22386 84.2239 4 84.5 4H95.5L95.6006 4.00977Z" fill="black"/>
-<path d="M296 0V40H176V0H296ZM177 39H255L231 20L255 1H177V39ZM257.708 39H295V1.70801L257.708 39ZM257 38.2939L294.294 1H257V38.2939ZM282.5 35C282.776 35 283 35.2239 283 35.5C283 35.7761 282.776 36 282.5 36H280.5C280.224 36 280 35.7761 280 35.5C280 35.2239 280.224 35 280.5 35H282.5ZM287 35C287.276 35 287.5 35.2239 287.5 35.5C287.5 35.7761 287.276 36 287 36H285C284.724 36 284.5 35.7761 284.5 35.5C284.5 35.2239 284.724 35 285 35H287ZM291.5 35C291.776 35 292 35.2239 292 35.5C292 35.7761 291.776 36 291.5 36H289.5C289.224 36 289 35.7761 289 35.5C289 35.2239 289.224 35 289.5 35H291.5ZM291.601 31.5098C291.829 31.5563 292 31.7583 292 32C292 32.2417 291.829 32.4437 291.601 32.4902L291.5 32.5H280.5C280.224 32.5 280 32.2761 280 32C280 31.7239 280.224 31.5 280.5 31.5H291.5L291.601 31.5098ZM262.5 7.5C262.776 7.5 263 7.72386 263 8C263 8.27614 262.776 8.5 262.5 8.5H260.5C260.224 8.5 260 8.27614 260 8C260 7.72386 260.224 7.5 260.5 7.5H262.5ZM267 7.5C267.276 7.5 267.5 7.72386 267.5 8C267.5 8.27614 267.276 8.5 267 8.5H265C264.724 8.5 264.5 8.27614 264.5 8C264.5 7.72386 264.724 7.5 265 7.5H267ZM271.5 7.5C271.776 7.5 272 7.72386 272 8C272 8.27614 271.776 8.5 271.5 8.5H269.5C269.224 8.5 269 8.27614 269 8C269 7.72386 269.224 7.5 269.5 7.5H271.5ZM271.601 4.00977C271.829 4.05629 272 4.25829 272 4.5C272 4.74171 271.829 4.94371 271.601 4.99023L271.5 5H260.5C260.224 5 260 4.77614 260 4.5C260 4.22386 260.224 4 260.5 4H271.5L271.601 4.00977Z" fill="black"/>
-<path d="M122 19.5V20.5H120V19.5H122ZM130 19.5V20.5L126 20.5V19.5L130 19.5ZM138 19.5V20.5H134V19.5H138ZM146 19.5V20.5H142V19.5H146ZM154 19.5V20.5H150V19.5H154ZM162 19.5V20.5H158V19.5H162ZM170 19.5V20.5H166V19.5H170ZM176 19.5V20.5H174V19.5H176Z" fill="black"/>
+<svg width="606" height="80" viewBox="0 0 606 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M176.756 10.2559L200.171 10.2559V9.25586H176.756V10.2559Z" fill="black"/>
+<path d="M176.756 17.0851H181.634V16.0851H176.756V17.0851Z" fill="black"/>
+<path d="M200.171 17.085H195.293V16.085H200.171V17.085Z" fill="black"/>
+<path d="M185.537 17.085H191.391V16.085H185.537V17.085Z" fill="black"/>
+<path d="M237.243 63.915H213.828V62.915H237.243V63.915Z" fill="black"/>
+<path d="M218.706 70.7443H213.828V69.7443H218.706V70.7443Z" fill="black"/>
+<path d="M232.365 70.7441H237.243V69.7441H232.365V70.7441Z" fill="black"/>
+<path d="M228.463 70.7441H222.609V69.7441H228.463V70.7441Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V80H247V40.5H249V39.5H247V0H0ZM1 79V1H167L116 40.0244L167 79H1ZM245.294 1L168 78.2938V1H245.294ZM168.708 79H246V1.70804L168.708 79Z" fill="black"/>
+<path d="M559.17 10.2559L535.756 10.2559V9.25586H559.17V10.2559Z" fill="black"/>
+<path d="M540.634 17.0851H535.756V16.0851H540.634V17.0851Z" fill="black"/>
+<path d="M554.293 17.085H559.171V16.085H554.293V17.085Z" fill="black"/>
+<path d="M550.391 17.085H544.537V16.085H550.391V17.085Z" fill="black"/>
+<path d="M572.828 63.915H596.243V62.915H572.828V63.915Z" fill="black"/>
+<path d="M572.828 70.7443H577.706V69.7443H572.828V70.7443Z" fill="black"/>
+<path d="M596.243 70.7441H591.365V69.7441H596.243V70.7441Z" fill="black"/>
+<path d="M581.609 70.7441H587.463V69.7441H581.609V70.7441Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M359 80V40.5H357V39.5H359V0H606V80H359ZM360 79V1H526L475 40.0244L526 79H360ZM527 78.2938L604.294 1H527V78.2938ZM605 79H527.708L605 1.70804V79Z" fill="black"/>
+<path d="M253 40.5H257V39.5H253V40.5Z" fill="black"/>
+<path d="M261 40.5H265V39.5H261V40.5Z" fill="black"/>
+<path d="M269 40.5H273V39.5H269V40.5Z" fill="black"/>
+<path d="M277 40.5H281V39.5H277V40.5Z" fill="black"/>
+<path d="M285 40.5H289V39.5H285V40.5Z" fill="black"/>
+<path d="M293 40.5H297V39.5H293V40.5Z" fill="black"/>
+<path d="M301 40.5H305V39.5H301V40.5Z" fill="black"/>
+<path d="M309 40.5H313V39.5H309V40.5Z" fill="black"/>
+<path d="M317 40.5H321V39.5H317V40.5Z" fill="black"/>
+<path d="M325 40.5H329V39.5H325V40.5Z" fill="black"/>
+<path d="M333 40.5H337V39.5H333V40.5Z" fill="black"/>
+<path d="M341 40.5H345V39.5H341V40.5Z" fill="black"/>
+<path d="M349 40.5H353V39.5H349V40.5Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_stringwithoutoptimizer.svg

@@ -1,7 +1,17 @@
-<svg width="216" height="40" viewBox="0 0 216 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M80 40H0V0H80V40ZM1 39H79L55 20L79 1H1V39Z" fill="black"/>
-<path d="M80 0V40H0V0H80ZM0.212891 39.7871H79.7871V0.212891H0.212891V39.7871ZM79.6113 0.787109L55.3428 20L79.6113 39.2129H0.787109V0.787109H79.6113ZM79 39L55 20L79 1H1V39H79Z" fill="black"/>
-<path d="M216 40H136V0H216V40ZM137 39H215L191 20L215 1H137V39Z" fill="black"/>
-<path d="M216 0V40H136V0H216ZM136.213 39.7871H215.787V0.212891H136.213V39.7871ZM215.611 0.787109L191.343 20L215.611 39.2129H136.787V0.787109H215.611ZM215 39L191 20L215 1H137V39H215Z" fill="black"/>
-<path d="M82 19.5V20.5H80V19.5H82ZM90 19.5V20.5L86 20.5V19.5L90 19.5ZM98 19.5V20.5H94V19.5H98ZM106 19.5V20.5H102V19.5H106ZM114 19.5V20.5H110V19.5H114ZM122 19.5V20.5H118V19.5H122ZM130 19.5V20.5H126V19.5H130ZM136 19.5V20.5H134V19.5H136Z" fill="black"/>
+<svg width="448" height="80" viewBox="0 0 448 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V80H168V40.5H170V39.5H168V0H0ZM1 79V1H166.9L116.025 40.001L166.897 79H1ZM166.93 79H167V1H166.93V79Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M280 0V39.5H278V40.5H280V80H448V0H280ZM281 79V1H446.9L396.025 40.001L446.897 79H281ZM446.93 79H447V1H446.93V79Z" fill="black"/>
+<path d="M174 40.5H178V39.5H174V40.5Z" fill="black"/>
+<path d="M182 40.5H186V39.5H182V40.5Z" fill="black"/>
+<path d="M190 40.5H194V39.5H190V40.5Z" fill="black"/>
+<path d="M198 40.5H202V39.5H198V40.5Z" fill="black"/>
+<path d="M206 40.5H210V39.5H206V40.5Z" fill="black"/>
+<path d="M214 40.5H218V39.5H214V40.5Z" fill="black"/>
+<path d="M222 40.5H226V39.5H222V40.5Z" fill="black"/>
+<path d="M230 40.5H234V39.5H230V40.5Z" fill="black"/>
+<path d="M238 40.5H242V39.5H238V40.5Z" fill="black"/>
+<path d="M246 40.5H250V39.5H246V40.5Z" fill="black"/>
+<path d="M254 40.5H258V39.5H254V40.5Z" fill="black"/>
+<path d="M262 40.5H266V39.5H262V40.5Z" fill="black"/>
+<path d="M270 40.5H274V39.5H270V40.5Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/ed_transformer.svg

@@ -1,3 +1,3 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M38.25 20.5C44.2091 20.5 49.0864 25.1383 49.4727 31H64V32H49.4941C49.3611 38.0958 44.3776 43 38.25 43C35.828 43 33.5862 42.2309 31.75 40.9277C29.9138 42.2309 27.672 43 25.25 43C19.1224 43 14.1389 38.0958 14.0059 32H0V31H14.0273C14.4136 25.1383 19.2909 20.5 25.25 20.5C27.6718 20.5 29.9138 21.2683 31.75 22.5713C33.5862 21.2683 35.8282 20.5 38.25 20.5ZM25.25 21.5C19.5911 21.5 15 26.0911 15 31.75C15 37.4089 19.5911 42 25.25 42C27.3488 42 29.2995 41.3666 30.9248 40.2832C28.5234 38.2197 27 35.163 27 31.75C27 28.3368 28.5232 25.2794 30.9248 23.2158C29.2996 22.1327 27.3486 21.5 25.25 21.5ZM38.25 21.5C36.1511 21.5 34.1996 22.1324 32.5742 23.2158C34.9762 25.2794 36.5 28.3365 36.5 31.75C36.5 35.1632 34.9759 38.2197 32.5742 40.2832C34.1997 41.3668 36.1509 42 38.25 42C43.9089 42 48.5 37.4089 48.5 31.75C48.5 26.0911 43.9089 21.5 38.25 21.5ZM31.75 23.8252C29.4607 25.7054 28 28.5579 28 31.75C28 34.9418 29.461 37.7936 31.75 39.6738C34.039 37.7936 35.5 34.9418 35.5 31.75C35.5 28.5579 34.0393 25.7054 31.75 23.8252Z" fill="black"/>
+<svg width="174" height="45" viewBox="0 0 174 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M51.5223 21.5H0.5V22.5H51.5C51.5 34.6461 61.3539 44.5 73.5 44.5C78.3624 44.5 82.8574 42.9208 86.5 40.2476C90.1426 42.9208 94.6376 44.5 99.5 44.5C111.646 44.5 121.5 34.6461 121.5 22.5H173.5V21.5H121.478C120.954 9.81759 111.311 0.5 99.5 0.5C94.6376 0.5 90.1426 2.07918 86.5 4.75242C82.8574 2.07918 78.3624 0.5 73.5 0.5C61.689 0.5 52.0455 9.81759 51.5223 21.5ZM52.5 22.5C52.5 10.9061 61.9061 1.5 73.5 1.5C78.0373 1.5 82.2395 2.9406 85.674 5.38916C80.6886 9.42308 77.5 15.5907 77.5 22.5C77.5 29.4093 80.6886 35.5769 85.674 39.6108C82.2395 42.0594 78.0373 43.5 73.5 43.5C61.9061 43.5 52.5 34.0939 52.5 22.5ZM99.5 1.5C111.094 1.5 120.5 10.9061 120.5 22.5C120.5 34.0939 111.094 43.5 99.5 43.5C94.9627 43.5 90.7605 42.0594 87.326 39.6108C92.3114 35.5769 95.5 29.4093 95.5 22.5C95.5 15.5907 92.3114 9.42308 87.326 5.38916C90.7605 2.94061 94.9627 1.5 99.5 1.5ZM86.5 6.00912C91.3719 9.85562 94.5 15.814 94.5 22.5C94.5 29.186 91.3719 35.1444 86.5 38.9909C81.6281 35.1444 78.5 29.186 78.5 22.5C78.5 15.814 81.6281 9.85562 86.5 6.00912Z" fill="black"/>
 </svg>

package/src/assets/svgIcons/text_icon.svg

@@ -1,3 +1,3 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 1C1.22386 1 1 1.22386 1 1.5V2.5C1 2.77614 0.776142 3 0.5 3C0.223858 3 0 2.77614 0 2.5V1.5C0 0.671573 0.671573 0 1.5 0H6H10.5C11.3284 0 12 0.671573 12 1.5V2.5C12 2.77614 11.7761 3 11.5 3C11.2239 3 11 2.77614 11 2.5V1.5C11 1.22386 10.7761 1 10.5 1H6.5V11H8.5C8.77614 11 9 11.2239 9 11.5C9 11.7761 8.77614 12 8.5 12H6H3.5C3.22386 12 3 11.7761 3 11.5C3 11.2239 3.22386 11 3.5 11H5.5V1H1.5Z" fill="black"/>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 3C3.22386 3 3 3.22386 3 3.5V4.5C3 4.77614 2.77614 5 2.5 5C2.22386 5 2 4.77614 2 4.5V3.5C2 2.67157 2.67157 2 3.5 2H8H12.5C13.3284 2 14 2.67157 14 3.5V4.5C14 4.77614 13.7761 5 13.5 5C13.2239 5 13 4.77614 13 4.5V3.5C13 3.22386 12.7761 3 12.5 3H8.5V13H10.5C10.7761 13 11 13.2239 11 13.5C11 13.7761 10.7761 14 10.5 14H8H5.5C5.22386 14 5 13.7761 5 13.5C5 13.2239 5.22386 13 5.5 13H7.5V3H3.5Z" fill="white"/>
 </svg>

package/src/components/icon/index.vue

@@ -182,21 +182,15 @@
       padding: ${(props) => (props.backgroundColor ? '3px' : '0')};
       border-radius: ${(props) => (props.backgroundColor ? '8px' : '0')};
     }
-    svg path:not(.fix, .isStrokePath) {
+    svg path:not(.fix) {
       ${({ theme, color, fillType }) =>
         color && `${fillType}: ${theme.colors[color] || color};`}
     }
-    svg .isStrokePath:not(.fix) {
-      ${({ theme, color }) =>
-        color && `stroke: ${theme.colors[color] || color};`}
-    }
     ${(props) =>
       !props.disableHover &&
       `
-     &:hover svg path:not(.fix, .isStrokePath) {
+     &:hover svg path:not(.fix) {
       ${`${props.fillType}: ${props.hoveredColor || props.color};`}
-     &:hover svg isStrokePath:not(.fix) {
-      ${`stroke: ${props.hoveredColor || props.color};`}
     }
     &:hover + div {
       background-color: ${props.hoveredColor};

package/src/components/infoCard/index.vue

@@ -123,7 +123,11 @@
         return this.type === 'error_minor'
       },
       iconName() {
-        return this.type === 'warning' ? 'warning_triangle' : 'info'
+        return this.type === 'warning'
+          ? 'warning_triangle'
+          : this.isErrorMinor
+          ? 'erase'
+          : 'info'
       },
       presetStyles() {
         // the types that doesn't have explicit border anyway have it transparent
@@ -142,8 +146,8 @@
           stylesCollection.iconColor = theme.semanticColors.teal[800]
         } else if (this.isErrorMinor) {
           stylesCollection.borderStyle = 'dashed'
-          stylesCollection.borderColor = theme.colors.pureRed
-          stylesCollection.iconColor = theme.colors.pureRed
+          stylesCollection.borderColor = theme.colors.grey4
+          stylesCollection.iconColor = theme.colors.red
         } else {
           stylesCollection.borderStyle = 'dashed'
           stylesCollection.borderColor = theme.colors.grey4

package/src/components/inputs/inputNumber/index.vue

@@ -61,7 +61,7 @@
         :show-linear-unit-name="showLinearUnitName"
         :slot-size="slotSize"
         :text-align="textAlign"
-        :value="formatWithCurrency(value)"
+        :value="formattedValue"
         @blur="onInputBlur($event)"
         @focus="focusInput()"
         @input="onInput($event)"
@@ -75,7 +75,7 @@
 
       <UnitContainer
         v-if="unitName && showLinearUnitName && !hasSlot"
-        :has-length="!!textInput.length"
+        :has-length="hasLength"
         :is-error="isError"
         >{{ unitName }}</UnitContainer
       >
@@ -92,7 +92,7 @@
           :disabled="isSelectDisabled"
           :select-width="`${selectWidth}px`"
           :show-border="false"
-          @input-change="$emit('select-change', $event)"
+          @input-change="handleSelectChange"
         >
           <template #selector>
             <SelectText>{{ getSelectValue }}</SelectText>
@@ -457,8 +457,18 @@
     background-color: ${({ theme }) => theme.colors.grey4};
   `
 
+  const EVENT_TYPES = {
+    INPUT_FOCUS: 'input-focus',
+    INPUT_CHANGE: 'input-change',
+    INPUT_BLUR: 'input-blur',
+    PRESS_ENTER: 'on-enter-click',
+    INPUT_DRAG: 'on-input-drag',
+    SELECT_CHANGE: 'select-change',
+  }
+
   export default {
     name: 'InputNumber',
+    emits: [...Object.values(EVENT_TYPES)],
     components: {
       Container,
       InputContainer,
@@ -513,9 +523,10 @@
         default: '40px',
       },
       value: {
-        type: [String, Number],
         required: true,
         default: null,
+        validator: (val) =>
+          typeof val === 'string' || typeof val === 'number' || val === null,
       },
       clearInput: {
         type: Boolean,
@@ -701,9 +712,10 @@
     },
     data() {
       return {
-        textInput: '',
         isFocused: false,
         warningIcon: warningIcon,
+        inputValue: null,
+        enteredValue: null,
       }
     },
     computed: {
@@ -726,6 +738,14 @@
 
         return item ? item.label : '-'
       },
+      formattedValue() {
+        return this.isFocused
+          ? this.enteredValue
+          : this.formatWithCurrency(this.value)
+      },
+      hasLength() {
+        return this.formattedValue !== null && this.formattedValue.length > 0
+      },
     },
     watch: {
       focus(value) {
@@ -736,30 +756,19 @@
       clearInput: function (value) {
         if (value) {
           // If the value is typed, then we should clear the textInput on Continue
-          this.textInput = ''
+          this.inputValue = ''
+          this.enteredValue = ''
         }
       },
-    },
-    created() {
-      if (this.value) {
-        this.textInput = numberToString({
-          value: this.value,
-          numberPrecision: this.numberPrecision,
-          minDecimals: this.minDecimals,
-        })
-      } else if (this.defaultNumber !== null) {
-        this.textInput = numberToString({
-          value: this.defaultNumber,
-          numberPrecision: this.numberPrecision,
-          minDecimals: this.minDecimals,
-        })
-      } else if (this.minNumber !== null) {
-        this.textInput = numberToString({
-          value: this.minNumber,
-          numberPrecision: this.numberPrecision,
-          minDecimals: this.minDecimals,
-        })
-      }
+      value: {
+        immediate: true,
+        handler(val) {
+          if (this.value !== this.inputValue && !Number.isNaN(this.value)) {
+            this.inputValue = this.value
+            this.enteredValue = Number(this.value.toFixed(this.numberPrecision))
+          }
+        },
+      },
     },
     mounted() {
       if (this.focus) {
@@ -798,32 +807,28 @@
         }
       },
       onEnterPress() {
-        this.$emit('on-enter-click')
+        this.$emit(EVENT_TYPES.PRESS_ENTER)
         this.$refs.inputField1.$el.blur()
       },
-      onChangeHandler(event) {
-        if (isNaN(event) || event === '') {
-          event = this.defaultNumber
+      onChangeHandler(value) {
+        if (isNaN(value) || value === '') {
+          value = this.defaultNumber
             ? this.defaultNumber
             : this.minNumber || this.minNumber === 0
             ? this.minNumber
-            : event
+            : value
         }
         if (!this.allowNegative) {
-          event = Math.abs(event)
-        }
-        if (this.minNumber && this.minNumber > event) {
-          event = this.minNumber
+          value = Math.abs(value)
         }
-        event = parseFloat(event)
+        value = parseFloat(value)
         // Need to return an integer rather than a string
-        this.$emit('input-change', event)
+        return parseFloat(value)
       },
-      onEvaluateCode(event) {
+      onEvaluateCode(value) {
         // function to perform math on the code
         // filter the string in case of any malicious content
-        const val = event.target.value
-        let filtered = val.replace('(auto)', '').replace(/[^-()\d/*+.,]/g, '')
+        let filtered = value.replace('(auto)', '').replace(/[^-()\d/*+.,]/g, '')
         filtered = filtered.split(/([-+*/()])/)
         let formatted = filtered.map((item) => {
           if (
@@ -881,48 +886,32 @@
         return array
       },
       onInput(event) {
-        if (!this.isFocused) {
+        console.log('onInput', event.target.value)
+        this.enteredValue = event.target.value
+        if (!this.isFocused || this.enteredValue === this.inputValue) {
           return
         }
-        if (event.target.value === '') {
-          this.$emit('on-input', '')
-        }
         let evaluatedVal
         try {
-          evaluatedVal = this.onEvaluateCode(event)
+          evaluatedVal = this.onEvaluateCode(String(this.enteredValue))
         } finally {
-          if (evaluatedVal && this.value != evaluatedVal) {
-            this.$emit('on-input', evaluatedVal)
+          this.inputValue = this.onChangeHandler(evaluatedVal)
+
+          if (this.isFocused && typeof this.enteredValue !== 'number') {
+            this.$emit(EVENT_TYPES.INPUT_CHANGE, this.inputValue)
           }
         }
         this.textInput = evaluatedVal
       },
       onInputBlur(e) {
         this.isFocused = false
-        let value = e.target.value
-        let evaluatedInput = this.onEvaluateCode(e)
-        this.onChangeHandler(evaluatedInput ? evaluatedInput : value)
-        if ((evaluatedInput && value.length) || this.minNumber !== null) {
-          this.textInput = numberToString({
-            value:
-              evaluatedInput && value.length
-                ? evaluatedInput
-                : this.defaultNumber
-                ? this.defaultNumber
-                : this.minNumber,
-            numberPrecision: this.numberPrecision,
-            minDecimals: this.minDecimals,
-          })
+        if (!Number.isNaN(this.inputValue)) {
+          this.enteredValue = this.inputValue
         }
-        let adjustedMinValue =
-          evaluatedInput && evaluatedInput.length
-            ? evaluatedInput
-            : this.defaultNumber
-            ? this.defaultNumber
-            : this.minNumber || this.minNumber === 0
-            ? this.minNumber
-            : ''
-        this.$emit('input-blur', adjustedMinValue)
+        this.$emit(
+          EVENT_TYPES.INPUT_BLUR,
+          Number(this.onEvaluateCode(String(this.inputValue)))
+        )
       },
       focusInput() {
         if (this.disabled) {
@@ -932,7 +921,7 @@
         this.$nextTick(() => {
           this.$refs.inputField1.$el.select()
         })
-        this.$emit('input-focus')
+        this.$emit(EVENT_TYPES.INPUT_FOCUS, this.inputValue)
       },
       blurInput() {
         if (this.disabled) {
@@ -952,7 +941,7 @@
             : this.minNumber || this.minNumber === 0
             ? this.minNumber
             : ''
-        if ((adjustedMinValue || adjustedMinValue === 0) && !this.isFocused) {
+        if (adjustedMinValue || adjustedMinValue === 0) {
           let input = this.numberToStringEnabled
             ? numberToString({
                 value: adjustedMinValue,
@@ -965,6 +954,8 @@
           return input + ' ' + unit
         } else if (!adjustedMinValue && adjustedMinValue !== 0) {
           return ''
+        } else if (this.isFocused) {
+          return value
         } else {
           return this.numberToStringEnabled
             ? numberToString({
@@ -985,14 +976,7 @@
         e.preventDefault()
         let value = parseFloat(this.value || 0)
         value += parseFloat(this.interactionStep) * parseInt(e.movementX)
-        this.$emit('on-input-drag', value)
-
-        this.textInput = numberToString({
-          value: value && value.length ? value : this.minNumber,
-          numberPrecision: this.numberPrecision,
-          minDecimals: this.minDecimals,
-        })
-        //this.value=value
+        this.$emit(EVENT_TYPES.INPUT_DRAG, this.onChangeHandler(value))
       },
       stopInteract(e) {
         e.preventDefault()
@@ -1000,6 +984,9 @@
         window.removeEventListener('mouseup', this.stopInteract, false)
         this.blurInput()
       },
+      handleSelectChange(value) {
+        this.$emit(EVENT_TYPES.SELECT_CHANGE, value)
+      },
     },
   }
 </script>