Bug fixes and tidyup

packages/builder/src/components/common/Input.svelte

@@ -14,8 +14,7 @@
   
   function handleChange(val) {
     value = val
-    let _value = suffix ? value + suffix : value
-    onChange(_value)
+    onChange(value)
   }
 
   $: displayValue = suffix && value.endsWith(suffix) ? value.replace(new RegExp(`${suffix}$`), "") : value

packages/builder/src/components/common/Inputs/InputGroup.svelte

@@ -30,7 +30,7 @@
         textAlign="center"
         placeholder={m.placeholder || ''}
         value={!displayValues || displayValues[i] === '0' ? '' : displayValues[i]}
-        on:change={e => handleChange(e.target.value || 0, i)} />
+        onChange={value => handleChange(value || 0, i)} />
     {/each}
   </div>
 </div>

packages/builder/src/components/userInterface/temporaryPanelStructure.js

@@ -248,15 +248,15 @@ export default {
                 label: "Content",
                 key: "content",
                 control: Input,
-                placeholder: "text"
+                placeholder: "text",
               },
               {
                 label: "Image",
                 key: "imageUrl",
                 control: Input,
-                placeholder: "src"
+                placeholder: "src",
               },
-            ] 
+            ],
           },
         },
         {