Merge pull request #15 from Thiteago/master

Issue: #14 - Added ternary to change readOnly behavior, added on:click event
ErnaneJ · Apr 6, 2024 · c5d368c · c5d368c
2 parents a568244 + 4365748
commit c5d368c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/Stars.svelte b/src/Stars.svelte
@@ -31,7 +31,15 @@
         {/if}
       {/each}
     </div>
-    <input name={config.name} class="slider" disabled={config.readOnly} type="range" min={config.range.min} max={config.range.max} step="{config.range.step}" bind:value={config.score} on:change >
+    <input  name={config.name} 
+            class="slider" 
+            type="range" 
+            min={config.readOnly ? config.score : config.range.min} 
+            max={config.readOnly ? config.score : config.range.max} 
+            step="{config.range.step}" bind:value={config.score} 
+            on:change 
+            on:click 
+    >
   </div>
   {#if config.showScore}
     <span class="show-score" style="font-size: {config.starConfig.size/2}px;">