zwischenstand

frontend/src/lib/components/pagebuilder/blocks/form/Input.svelte

@@ -17,7 +17,7 @@
 
     $: hasValue = Boolean(value)
 
-    const attributes = {
+    const attributes ={
         id,
         class: classList,
         placeholder,
@@ -28,65 +28,65 @@
 
 <label
     style=""
-    class:textarea="{type == 'textarea'}"
-    class:checkbox="{type == 'checkbox'}"
+    class:textarea={type == 'textarea'}
+    class:checkbox={type == 'checkbox'}
 >
     {#if type !== "checkbox"}
-        <span class:hasValue="{hasValue || type === 'noInput'}">{placeholder}</span>
+        <span class:hasValue={hasValue || type === 'noInput'}>{placeholder}</span>
     {/if}
     {#if type == "checkbox"}
         <input
             type="checkbox"
             {...attributes}
-            on:change="{onChange}"
-            bind:checked="{value}"
+            on:change={onChange}
+            bind:checked={value}
         />
         <button
             type="button"
             class="checkit-span"
             aria-label="Toggle checkbox"
-            tabindex="{0}"
-            on:click="{() => {
+            tabindex={0}
+            on:click={() => {
                 value = !value
                 setTimeout(() => {
                     const event = new Event('change', { bubbles: true })
                     document.getElementById(id)?.dispatchEvent(event)
                 }, 10)
-            }}"
-            on:keydown="{(e) => {}}"></button>
+            }}
+            on:keydown={(e) => {}}></button>
     {/if}
     {#if type == "password"}
         <input
             {...attributes}
-            on:blur="{onChange}"
-            bind:value="{value}"
-            on:change="{onChange}"
+            on:blur={onChange}
+            bind:value={value}
+            on:change={onChange}
             type="password"
             class="sentry-mask"
         />
     {/if}
     {#if type == "text"}
         <input
-            on:blur="{onChange}"
+            on:blur={onChange}
             {...attributes}
-            bind:value="{value}"
-            on:change="{onChange}"
+            bind:value={value}
+            on:change={onChange}
         />
     {/if}
     {#if type == "textarea"}
         <textarea
-            on:blur="{onChange}"
+            on:blur={onChange}
             {...attributes}
-            bind:value="{value}"
-            on:change="{onChange}"></textarea>
+            bind:value={value}
+            on:change={onChange}></textarea>
     {/if}
     {#if type == "number"}
         <input
-            on:blur="{onChange}"
+            on:blur={onChange}
             type="number"
             {...attributes}
-            bind:value="{value}"
-            on:change="{onChange}"
+            bind:value={value}
+            on:change={onChange}
         />
     {/if}
     {#if type == "noInput"}
@@ -100,14 +100,14 @@
     {/if}
     {#if type == "select"}
         <select
-            on:change="{onChange}"
+            on:change={onChange}
             {...attributes}
-            bind:value="{value}"
+            bind:value={value}
         >
             {#each options as option, index}
                 <option
-                    value="{option.value}"
-                    selected="{index === selectedOptionIndex}"
+                    value={option.value}
+                    selected={index === selectedOptionIndex}
                 >
                     {option.name}
                 </option>
@@ -119,12 +119,12 @@
     {/if}
     {#if helperText}
         <div
-            use:tooltip="{{
+            use:tooltip={{
                 content: helperText,
-            }}"
+            }}
             class="helperText"
         >
-            <Icon path="{mdiInformationOutline}" />
+            <Icon path={mdiInformationOutline} />
         </div>
     {/if}
 </label>