poe-svelte-ui-lib 1.3.0 → 1.3.1

package/dist/FileAttach/FileAttach.svelte

@@ -18,6 +18,7 @@
   let ID = `${id}-${crypto.randomUUID().slice(0, 6)}`
   let selectedFile = $state<File | null>(null)
   let previewUrl = $derived(currentImage ? (currentImage.startsWith('data:') ? currentImage : `data:image/png;base64,${currentImage}`) : null)
+  let fileName = $state('')
 
   const handleFileChange = (event: Event) => {
     const input = event.target as HTMLInputElement
@@ -39,9 +40,6 @@
     const input = document.getElementById(ID)
     input?.click()
   }
-
-  let fileName = $state('')
-  $effect(() => console.log(fileName))
 </script>
 
 <div class={twMerge(`flex flex-col items-center`, wrapperClass)}>
@@ -76,13 +74,24 @@
     </div>
   {:else}
     <label class="relative inline-block w-full">
-      <input id={ID} type="file" class="absolute left-0 z-1 h-8.5 w-full opacity-0" {accept} {disabled} onchange={handleFileChange} />
+      <input
+        id={ID}
+        type="file"
+        class="absolute left-0 z-1 h-8.5 w-full opacity-0 {disabled ? 'cursor-not-allowed' : 'cursor-pointer'}"
+        {accept}
+        {disabled}
+        onchange={handleFileChange}
+      />
       <div
         class="flex h-8.5 w-full overflow-hidden rounded-2xl font-semibold shadow-sm transition duration-250 hover:shadow-md
-              ${disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'}"
+             "
       >
-        <div class="flex w-1/3 items-center justify-center bg-(--blue-color)">{$t('constructor.props.file.select')}</div>
-        <div class="flex w-2/3 items-center justify-start bg-(--back-color) px-2">{fileName || $t('constructor.props.file.notselected')}</div>
+        <div class="flex w-1/3 items-center justify-center bg-(--blue-color) {disabled ? 'opacity-50' : ''}">
+          {$t('constructor.props.file.select')}
+        </div>
+        <div class="flex w-2/3 items-center justify-start bg-(--back-color) px-2 {disabled ? 'opacity-50' : ''}">
+          {fileName || $t('constructor.props.file.notselected')}
+        </div>
       </div>
     </label>
   {/if}

package/dist/Joystick/Joystick.svelte

@@ -97,8 +97,6 @@
 
   const updateValue = (index: number, delta: number) => {
     const axis = axes[axes.length == 2 ? index - 1 : index]
-    console.log(axis)
-
     const min = axis.minNum ?? -360
     const max = axis.maxNum ?? 360
 
@@ -198,7 +196,7 @@
         style="background: color-mix(in srgb, var(--bg-color), var(--shadow-color) 10%)"
       >
         <button
-          class="h-full cursor-pointer rounded-l-full px-3.5"
+          class="h-full rotate-270 cursor-pointer rounded-l-full px-3.5"
           title=""
           onclick={() => {
             if (value[0] - sensitivity <= (axes[0].minNum ?? -360)) {
@@ -221,7 +219,7 @@
           ></button
         >
         <button
-          class="h-full cursor-pointer rounded-r-full px-3.5"
+          class="h-full rotate-90 cursor-pointer rounded-r-full px-3.5"
           title=""
           onclick={() => {
             if (value[0] + sensitivity >= (axes[0].maxNum ?? 360)) {
@@ -248,7 +246,7 @@
   </div>
 
   <!-- Нижняя панель -->
-  <div class="mt-4 flex w-80 flex-col gap-2">
+  <div class="mt-3 flex w-80 flex-col gap-1">
     <div id={`${id}-${crypto.randomUUID().slice(0, 6)}`} class="flex w-full justify-center rounded-full">
       {#each sensitivityOptions as option, index}
         <button

package/dist/Joystick/JoystickProps.svelte

@@ -202,7 +202,6 @@
                   component,
                   onPropertyChange,
                 )
-                console.log(component.properties.axes)
               }
             }}
           />
@@ -336,7 +335,6 @@
                   component,
                   onPropertyChange,
                 )
-                console.log(component.properties.axes)
               }
             }}
           />

package/dist/ProgressBar/ProgressBar.svelte

@@ -8,7 +8,7 @@
     wrapperClass = '',
     label = { name: '', class: '' },
     value = $bindable(0),
-    type = 'vertical',
+    type = 'horizontal',
     number = {
       minNum: 0,
       maxNum: 100,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "license": "MIT",
   "type": "module",
   "scripts": {