Fixed cancelAnimationFrame bad ids

Author: graphieros

src/components/vue-ui-donut.vue

@@ -155,7 +155,7 @@ function segregate(index) {
         const targetVal = target.value;
         function animUp() {
             if(initVal > targetVal) {
-                cancelAnimationFrame(animUp);
+                cancelAnimationFrame(rafUp.value);
                 mutableSet.value = mutableSet.value.map((ds, i) => {
                     if(index === i) {
                         return {
@@ -187,7 +187,7 @@ function segregate(index) {
     } else if (segregated.value.length < immutableSet.value.length - 1) {
         function animDown() {
             if(initVal < 0.1) {
-                cancelAnimationFrame(animDown);
+                cancelAnimationFrame(rafDown.value);
                 segregated.value.push(index);
                 mutableSet.value = mutableSet.value.map((ds, i) => {
                     if(index === i) {

src/components/vue-ui-nested-donuts.vue

@@ -223,7 +223,7 @@ function segregateDonut(item) {
         segregated.value = segregated.value.filter(s => s !== item.id);
         function animUp() {
             if(initVal > target.value) {
-                cancelAnimationFrame(animUp);
+                cancelAnimationFrame(rafUp.value);
                 mutableDataset.value = mutableDataset.value.map(ds => {
                     return {
                         ...ds,
@@ -263,7 +263,7 @@ function segregateDonut(item) {
     } else if(canSegregate) {
         function animDown() {
             if(initVal < 0.1) {
-                cancelAnimationFrame(animDown);
+                cancelAnimationFrame(rafDown.value);
                 segregated.value.push(item.id);
                 mutableDataset.value = mutableDataset.value.map((ds, i) => {
                     return {

src/components/vue-ui-quick-chart.vue

@@ -142,7 +142,7 @@ function segregateDonut(arc, ds) {
         const targetVal = fd.value.dataset.find((el, i) => arc.id === `donut_${i}`).VALUE;
         function animUp() {
             if(initVal > targetVal) {
-                cancelAnimationFrame(animUp)
+                cancelAnimationFrame(rafUp.value)
                 formattedDataset.value = {
                     ...formattedDataset.value,
                     dataset: formattedDataset.value.dataset.map((ds, i) => {
@@ -180,7 +180,7 @@ function segregateDonut(arc, ds) {
     } else if(ds.length > 1) {
         function anim() {
             if(initVal < 0.1) {
-                cancelAnimationFrame(anim)
+                cancelAnimationFrame(raf.value)
                 segregated.value.push(arc.id)
                 formattedDataset.value = {
                     ...formattedDataset.value,