From bf93db1ad5334f922d0f0d7f7841808837600537 Mon Sep 17 00:00:00 2001
From: Ernane Ferreira <ernane.junior25@gmail.com>
Date: Sat, 29 Jul 2023 11:51:59 -0300
Subject: [PATCH 1/2] feature: add possibility to format fill percentage

---
 node_modules/.package-lock.json |  6 +++---
 package-lock.json               | 12 ++++++------
 src/Stars.svelte                | 18 ++++++++++++------
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
index 17403d0..b7f1d93 100644
--- a/node_modules/.package-lock.json
+++ b/node_modules/.package-lock.json
@@ -1,7 +1,7 @@
 {
-  "name": "svelte-custom-button",
-  "version": "1.0.0",
-  "lockfileVersion": 2,
+  "name": "@ernane/svelte-star-rating",
+  "version": "1.1.0",
+  "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "node_modules/@types/node": {
diff --git a/package-lock.json b/package-lock.json
index 0055736..166cab5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,18 +1,18 @@
 {
-  "name": "svelte-custom-button",
-  "version": "1.0.0",
+  "name": "@ernane/svelte-star-rating",
+  "version": "1.1.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "svelte-custom-button",
-      "version": "1.0.0",
+      "name": "@ernane/svelte-star-rating",
+      "version": "1.1.0",
       "license": "MIT",
       "devDependencies": {
-        "rollup": "^2.70.1",
+        "rollup": "^2.39.0",
         "rollup-plugin-node-resolve": "^5.2.0",
         "rollup-plugin-svelte": "^7.1.0",
-        "svelte": "^3.47.0"
+        "svelte": "^3.32.3"
       }
     },
     "node_modules/@types/node": {
diff --git a/src/Stars.svelte b/src/Stars.svelte
index 3056619..0dfd6b0 100644
--- a/src/Stars.svelte
+++ b/src/Stars.svelte
@@ -22,18 +22,24 @@
       {#each Array(config.countStars) as star, id}
         {#if parseInt(config.score) == id}
           <Star {id} readOnly={config.readOnly} starConfig={config.starConfig} fillPercentage={config.score - parseInt(config.score)}/>
+        {:else if parseInt(config.score) > id}
+          <Star {id} readOnly={config.readOnly} starConfig={config.starConfig} fillPercentage={1}/>
         {:else}
-          {#if parseInt(config.score) > id}
-            <Star {id} readOnly={config.readOnly} starConfig={config.starConfig} fillPercentage={1}/>
-          {:else}
-            <Star {id} readOnly={config.readOnly} starConfig={config.starConfig} fillPercentage={0}/>
-          {/if}
+          <Star {id} readOnly={config.readOnly} starConfig={config.starConfig} fillPercentage={0}/>
         {/if}
       {/each}
     </div>
     <input 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 >
   </div>
-  {#if config.showScore}<span class="show-score" style="font-size: {config.starConfig.size/2}px;">({parseFloat((config.score/config.countStars)*100).toFixed(2)}%)</span>{/if}
+  {#if config.showScore}
+    <span class="show-score" style="font-size: {config.starConfig.size/2}px;">
+      {#if config.scoreFormat}
+        {config.scoreFormat()}
+      {:else}
+        ({parseFloat((config.score/config.countStars)*100).toFixed(2)}%)
+      {/if}
+    </span>
+  {/if}
 </section>
 
 <style>

From 3e55704f1a71e55afb980cdb5f930890eef2faf4 Mon Sep 17 00:00:00 2001
From: Ernane Ferreira <ernane.junior25@gmail.com>
Date: Sat, 29 Jul 2023 12:08:41 -0300
Subject: [PATCH 2/2] doc: updates the readme with the new attribute

---
 Readme.md | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/Readme.md b/Readme.md
index 0c12fde..d4150ea 100644
--- a/Readme.md
+++ b/Readme.md
@@ -38,12 +38,13 @@ This package will add a svelte component that may or may not receive a configura
 
 - ⚙️ General Settings
 
-| Attribute |   Data Type  | Required  |    Default   |
-|:---------:|:------------:|:---------:|:------------:|
-| readOnly  |   `bool`     |    false    |     false    |
-| countStars|   `integer`  |    false    |     5        |
-| score     |   `float`    |    false    |     0.0      |
-| showScore |   `bool`     |    false    |     true     |
+| Attribute  |   Data Type  | Required    |    Default   |
+|:----------:|:------------:|:-----------:|:------------:|
+| readOnly   |   `bool`     |    false    |     false    |
+| countStars |   `integer`  |    false    |     5        |
+| score      |   `float`    |    false    |     0.0      |
+| showScore  |   `bool`     |    false    |     true     |
+| scoreFormat|   `function` |    false    |    precent   |
 
 In addition, we have two other nested attributes that specify distinct settings.
 
@@ -78,6 +79,7 @@ const config = {
   },
   score: 0.0,
   showScore: true,
+  scoreFormat: function(){ return `(${this.score.toFixed(0)}/${this.countStars})` },
   starConfig: {
     size: 30,
     fillColor: '#F9ED4F',