Modification - Legends - Harmonize legend marker sizes

Author: graphieros

src/atoms/Legend.vue

@@ -42,12 +42,12 @@ function handleClick(legend, i) {
     >
         <slot name="legendTitle" :titleSet="legendSet"></slot>
         <div v-for="(legend, i) in legendSet" :key="`legend_${i}`" :class="{ 'vue-data-ui-legend-item': true, 'active': clickable }">
-            <svg @click="handleClick(legend, i)" v-if="legend.shape" :height="config.fontSize" :width="config.fontSize" viewBox="-8 -8 76 76" :style="`overflow: visible;opacity:${legend.opacity}`">
+            <svg @click="handleClick(legend, i)" v-if="legend.shape" :height="config.fontSize" :width="config.fontSize" :viewBox="legend.shape && legend.shape === 'star' ? '-10 -10 80 80' : '0 0 60 60'" :style="`overflow: visible;opacity:${legend.opacity}`">
                 <Shape
                     :shape="legend.shape"
                     :radius="30"
                     stroke="none"
-                    :plot="{ x: 30, y: 30 }"
+                    :plot="{ x: 30, y: legend.shape === 'triangle' ? 36 : 30 }"
                     :fill="legend.color"
                 />
                 <slot name="legend-pattern" v-bind="{ legend, index: isValidUserValue(legend.absoluteIndex) ? legend.absoluteIndex : i}"/>

src/components/vue-ui-xy.vue

@@ -4169,11 +4169,26 @@ defineExpose({
                             :stroke="FINAL_CONFIG.chart.backgroundColor" :strokeWidth="0.5" />
                     </svg>
                     <svg v-else-if="icons[legendItem.type] === 'bar'" viewBox="0 0 40 40" height="14" width="14">
-                        <rect v-if="icons[legendItem.type] === 'bar' && $slots.pattern" x="0" y="0" rx="1" height="40"
-                            width="40" stroke="none" :fill="legendItem.color" />
-                        <rect v-if="icons[legendItem.type] === 'bar'" x="0" y="0" rx="1" height="40" width="40"
+                        <rect 
+                            v-if="icons[legendItem.type] === 'bar' && $slots.pattern" 
+                            x="4" 
+                            y="4" 
+                            rx="1" 
+                            height="32"
+                            width="32" 
+                            stroke="none" 
+                            :fill="legendItem.color" 
+                        />
+                        <rect 
+                            v-if="icons[legendItem.type] === 'bar'" 
+                            x="4" 
+                            y="4" 
+                            rx="1" 
+                            height="32" 
+                            width="32"
                             stroke="none"
-                            :fill="$slots.pattern ? `url(#pattern_${uniqueId}_${legendItem.slotAbsoluteIndex})` : legendItem.color" />
+                            :fill="$slots.pattern ? `url(#pattern_${uniqueId}_${legendItem.slotAbsoluteIndex})` : legendItem.color" 
+                        />
                     </svg>
                     <svg v-else viewBox="0 0 12 12" height="14" width="14">
                         <Shape :plot="{ x: 6, y: 6 }" :radius="5" :color="legendItem.color"