VueUiOnion fixed tooltip traps layer order hidering events when gradients is enabled

Author: graphieros

package.json

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

src/components/vue-ui-onion.vue

@@ -430,6 +430,21 @@ defineExpose({
                 style="transform:rotate(-90deg);transform-origin: 50% 50%"
             />
 
+
+
+            <!-- GRADIENT -->
+            <g v-if="onionConfig.style.chart.useGradient">            
+                <circle 
+                    v-for="onion in mutableDataset" 
+                    :cx="drawableArea.centerX" 
+                    :cy="drawableArea.centerY" 
+                    :r="onion.radius * 1.1" 
+                    stroke="none" 
+                    :fill="`url(#onion_gradient_${uid})`"
+                    style="transform:rotate(-90deg);transform-origin: 50% 50%"
+                />
+            </g>
+            
             <!-- TOOLTIP TRAPS -->
             <circle 
                 v-for="(onion, i) in mutableDataset" 
@@ -454,20 +469,6 @@ defineExpose({
                 @mouseleave="selectedSerie = undefined; isTooltip = false"
             />
 
-
-            <!-- GRADIENT -->
-            <g v-if="onionConfig.style.chart.useGradient">            
-                <circle 
-                    v-for="onion in mutableDataset" 
-                    :cx="drawableArea.centerX" 
-                    :cy="drawableArea.centerY" 
-                    :r="onion.radius * 1.1" 
-                    stroke="none" 
-                    :fill="`url(#onion_gradient_${uid})`"
-                    style="transform:rotate(-90deg);transform-origin: 50% 50%"
-                />
-            </g>
-
             <!-- LABELS -->
             <g v-if="onionConfig.style.chart.layout.labels.show">
                 <g v-for="(onion, i) in mutableDataset">