From 9b44ad2f1ce20707188f14a819bf96fa079abc24 Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Thu, 25 Apr 2024 01:30:02 +0900
Subject: [PATCH] Fix optimaizedinput

---
 src/lib/UI/GUI/TextAreaInput.svelte | 97 ++++++++++++-----------------
 1 file changed, 39 insertions(+), 58 deletions(-)

diff --git a/src/lib/UI/GUI/TextAreaInput.svelte b/src/lib/UI/GUI/TextAreaInput.svelte
index 0c10c3b2..219705a7 100644
--- a/src/lib/UI/GUI/TextAreaInput.svelte
+++ b/src/lib/UI/GUI/TextAreaInput.svelte
@@ -1,68 +1,49 @@
-{#if optimaizedInput}
-    <textarea 
-        class={"border border-darkborderc n-scroll focus:border-borderc resize-none rounded-md shadow-sm text-textcolor bg-transparent focus:ring-borderc focus:ring-2 focus:outline-none transition-colors duration-200" + ((className) ? (' ' + className) : '')} 
-        class:text-sm={size === 'sm'}
-        class:text-md={size === 'md'}
-        class:text-lg={size === 'lg'}
-        class:text-xl={size === 'xl'}
-        class:text-xs={size === 'xs'}
-        class:px-4={padding}
-        class:py-2={padding}
-        class:mb-4={margin === 'bottom'}
-        class:mb-2={margin === 'both'}
-        class:mt-4={margin === 'top'}
-        class:mt-2={margin === 'both'}
-        class:w-full={fullwidth}
-        class:h-20={height === '20'}
-        class:h-24={height === '24'}
-        class:h-32={height === '32'}
-        class:h-full={height === 'full'}
-        class:min-h-20={height === '20'}
-        class:min-h-32={height === '32'}
-        {autocomplete}
-        {placeholder}
-        id={id}
-        bind:value={value}
-        on:input={(e) => {
+
+<textarea 
+    class={"border border-darkborderc n-scroll focus:border-borderc resize-none rounded-md shadow-sm text-textcolor bg-transparent focus:ring-borderc focus:ring-2 focus:outline-none transition-colors duration-200" + ((className) ? (' ' + className) : '')} 
+    class:text-sm={size === 'sm'}
+    class:text-md={size === 'md'}
+    class:text-lg={size === 'lg'}
+    class:text-xl={size === 'xl'}
+    class:text-xs={size === 'xs'}
+    class:px-4={padding}
+    class:py-2={padding}
+    class:mb-4={margin === 'bottom'}
+    class:mb-2={margin === 'both'}
+    class:mt-4={margin === 'top'}
+    class:mt-2={margin === 'both'}
+    class:w-full={fullwidth}
+    class:h-20={height === '20'}
+    class:h-24={height === '24'}
+    class:h-32={height === '32'}
+    class:h-full={height === 'full'}
+    class:min-h-20={height === '20'}
+    class:min-h-32={height === '32'}
+    {autocomplete}
+    {placeholder}
+    id={id}
+    bind:value={value}
+    on:input={(e) => {
+        if(optimaizedInput){
             if(inpa++ > 10){
                 value = e.currentTarget.value
                 inpa = 0
                 onInput()
             }
-        }}
-        on:change={(e) => {
+        }
+        else{
             value = e.currentTarget.value
             onInput()
-        }}
-    />
-{:else}
-    <textarea 
-        class={"border border-darkborderc n-scroll focus:border-borderc resize-none rounded-md shadow-sm text-textcolor bg-transparent focus:ring-borderc focus:ring-2 focus:outline-none transition-colors duration-200" + ((className) ? (' ' + className) : '')} 
-        class:text-sm={size === 'sm'}
-        class:text-md={size === 'md'}
-        class:text-lg={size === 'lg'}
-        class:text-xl={size === 'xl'}
-        class:text-xs={size === 'xs'}
-        class:px-4={padding}
-        class:py-2={padding}
-        class:mb-4={margin === 'bottom'}
-        class:mb-2={margin === 'both'}
-        class:mt-4={margin === 'top'}
-        class:mt-2={margin === 'both'}
-        class:w-full={fullwidth}
-        class:h-20={height === '20'}
-        class:h-24={height === '24'}
-        class:h-32={height === '32'}
-        class:h-full={height === 'full'}
-        class:min-h-20={height === '20'}
-        class:min-h-32={height === '32'}
-        {autocomplete}
-        {placeholder}
-        id={id}
-        bind:value
-        on:input={onInput}
-    />
-{/if}
+        }
+    }}
+    on:change={(e) => {
+        if(optimaizedInput){
+            value = e.currentTarget.value
+            onInput()
+        }
+    }}
+/>
+
 <script lang="ts">
     export let size: 'xs'|'sm'|'md'|'lg'|'xl' = 'xs'
     export let autocomplete: 'on'|'off' = 'off'