VueUiRating minor bug fix

Author: graphieros

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.77",
+  "version": "1.9.78",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

package.json

@@ -4973,7 +4973,7 @@ const moodRadarConfig = ref({
           VueUiHeatmap
         </template>
         <template #info>
-          <BaseIcon name="chartTable" stroke="#ff6347"/>
+          <BaseIcon name="chartTable" stroke="#5f8bee"/>
           <BaseIcon name="pdf" stroke="#5f8bee"/>
           <BaseIcon name="image" stroke="#5f8bee"/>
           <BaseIcon name="excel" stroke="#5f8bee"/>

src/App.vue

@@ -31,7 +31,7 @@ const icons = computed(() => {
         chartChestnut: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M4 3A1 1 0 004 9 1 1 0 004 3M4 12A1 1 0 004 17 1 1 0 004 12M9 4 19 4M9 7 17 7M9 10 15 10M9 13 13 13M9 16 11 16" />`,
         chartDonut: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 10A1 1 0 0019 10 1 1 0 001 10M6 10A1 1 0 0014 10 1 1 0 006 10M1 10 6 10M10 14 10 19M14 10" /><path stroke="none" stroke-width="none" fill="${props.stroke}" stroke-linecap="round" d="M1 10 6 10C6 12 8 14 10 14L10 19C6 19 1 16 1 10" style="opacity:0.3" />`,
         chartDonutEvolution: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 1 1 18C1 19 1 19 2 19L19 19M3 8A1 1 0 007 8 1 1 0 003 8M8 14A1 1 0 0012 14 1 1 0 008 14M14 4A1 1 0 0018 4 1 1 0 0014 4M7 10 9 12M11 12 15 6" />`,
-        chartGauge: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M19 13A1 1 0 001 13M9 15A1 1 0 0011 15 1 1 0 009 15M10 14 11 8" />`,
+        chartGauge: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 19 13 A 1 1 0 0 0 1 13" style="opacity:0.3" /><path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 9 15 A 1 1 0 0 0 11 15 A 1 1 0 0 0 9 15 M 10 14 L 10 8 M 10 4 C 6 4 1 7 1 13" />`,
         chartHeatmap: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M2 3 2 17C2 18 2 18 3 18L17 18C18 18 18 18 18 17L18 3C18 2 18 2 17 2L3 2C2 2 2 2 2 3M10 2 10 18M2 10 18 10M6 2 6 18M14 2 14 18M2 6 18 6M2 14 18 14"/><rect fill="${props.stroke}" stroke="none" x="2" y="6" height="4" width="4" style="opacity:0.5" /><rect fill="${props.stroke}" stroke="none" x="6" y="10" height="4" width="4" style="opacity:0.5" /><rect fill="${props.stroke}" stroke="none" x="6" y="14" height="4" width="4" style="opacity:0.5" /><rect fill="${props.stroke}" stroke="none" x="14" y="2" height="4" width="4" style="opacity:0.5" />`,
         chartLine: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 1 1 18C1 19 1 19 2 19L19 19M3 17Q3 12 5 7 6 5 8 10 10 15 11 6 12 3 14 8 16 11 19 1" />`,
         chartMoodRadar: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M10 4 4 9 6 16 14 16 16 9 10 4M9 2A1 1 0 0011 2 1 1 0 009 2M1 8A1 1 0 003 8 1 1 0 001 8M3 18A1 1 0 005 17 1 1 0 003 18M15 18A1 1 0 0017 17 1 1 0 0015 18M17 8A1 1 0 0019 8 1 1 0 0017 8" /><path stroke="none" stroke-width="none" fill="${props.stroke}" stroke-linecap="round" stroke-linejoin="round" d="M10 7 13 10 13 14 8 13 7 9 10 7" style="opacity:0.3" />`,

src/atoms/BaseIcon.vue

@@ -209,7 +209,6 @@ function generatePdf(){
             isPrinting.value = false;
         });
     }, 100)
-    
 }
 
 function showSpinnerImage() {
@@ -444,8 +443,8 @@ defineExpose({
                 :fill="`url(#gradient_${uid})`"
             />
 
-              <!-- TOOLTIP TRAPS -->
-              <path 
+            <!-- TOOLTIP TRAPS -->
+            <path 
                 v-for="(arc, i) in currentDonut"
                 :data-cy="`donut-trap-${i}`"
                 :d="arc.arcSlice" 
@@ -550,7 +549,7 @@ defineExpose({
                 </text>
             </g>
 
-          
+
 
             <!-- LEGEND AS G -->
             <foreignObject 
@@ -622,10 +621,10 @@ defineExpose({
             :config="dataTable.config"
             :title="`${donutConfig.style.chart.title.text}${donutConfig.style.chart.title.subtitle.text ? ` : ${donutConfig.style.chart.title.subtitle.text}` : ''}`"
         >
-            <template #th="{th}">
+            <template #th="{ th }">
                 <div v-html="th" style="display:flex;align-items:center"></div>
             </template>
-            <template #td="{td}">
+            <template #td="{ td }">
                 {{ td.name || td }}
             </template>
         </DataTable>

src/components/vue-ui-donut.vue

@@ -91,8 +91,8 @@ function calcShapeFill(index, isImage = false) {
         const ratio = currentRating.value - index;
         const multiplicator = isImage ? 1 : 100;
         switch (true) {
-            case ratio < 0:
-                return 0;
+            case ratio <= 0:
+                return 0.001;
             case ratio > 1:
                 return 1 * multiplicator;
             default: