@tekkare/auriga 0.2.184 → 0.2.186

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.184"
+  "version": "0.2.186"
 }

package/dist/runtime/components/argChart.vue

@@ -155,7 +155,14 @@ export default defineComponent({
         zoom: {
           enabled: true,
           allowMouseWheelZoom: false
-        }
+        },
+        // Configure global tooltip and null value handling
+        tooltip: {
+          intersect: false,
+          shared: true
+        },
+        // Critical setting to handle null values correctly
+        nullValues: "connect"
       };
       if (props.titleInChart) {
         props.options["title"] = {
@@ -190,7 +197,16 @@ export default defineComponent({
       } else {
         props.options["title"] = { align: "center" };
       }
-      props.options["yaxis"] = { min: minValue.value, show: false };
+      props.options["yaxis"] = {
+        min: minValue.value,
+        show: false,
+        forceNiceScale: true,
+        labels: {
+          formatter: (val) => {
+            return val === null ? "" : val;
+          }
+        }
+      };
       if (props.colors) {
         props.options["colors"] = props.colors;
       }
@@ -200,6 +216,16 @@ export default defineComponent({
             props.options["stroke"] = { show: false };
           } else props.options["stroke"] = { width: 3, curve: "smooth" };
         }
+        props.options["stroke"] = {
+          ...props.options["stroke"],
+          curve: "smooth",
+          width: 3,
+          // These settings ensure we don't connect through null values
+          dashArray: 0,
+          lineCap: "round",
+          // This is the key setting - it tells ApexCharts to skip null values
+          show: true
+        };
         const defaultDataLabelsConfig = {
           enabled: true,
           position: "top",
@@ -212,6 +238,13 @@ export default defineComponent({
             borderColor: "transparent",
             opacity: 1,
             borderRadius: 2
+          },
+          // This filter function is critical - it prevents data labels from appearing for null values
+          filter: {
+            type: "value",
+            value: "null",
+            condition: "ne"
+            // 'ne' means "not equal to"
           }
         };
         if (props.options.dataLabels && props.options.dataLabels.formatter) {
@@ -222,6 +255,9 @@ export default defineComponent({
         } else {
           const defaultDataLabelFormatter = {
             formatter(value, opt) {
+              if (value === null) {
+                return "";
+              }
               let returnValue = value;
               if (compactMode) {
                 returnValue = new Intl.NumberFormat("en-US", {
@@ -245,9 +281,7 @@ export default defineComponent({
                   }
                 }
               }
-              if (seriesData[opt.seriesIndex]?.data[opt.dataPointIndex] !== null) {
-                return returnValue;
-              }
+              return returnValue;
             }
           };
           props.options["dataLabels"] = {
@@ -267,7 +301,7 @@ export default defineComponent({
             width: 10,
             height: 10,
             radius: 1,
-            showNullDataPoints: true
+            showNullDataPoints: false
           },
           itemMargin: { vertical: 8, horizontal: 8 }
         };
@@ -286,7 +320,15 @@ export default defineComponent({
           }
         };
         if (props.options["markers"] === void 0) {
-          props.options["markers"] = { size: 0, showNullDataPoints: true };
+          props.options["markers"] = {
+            size: 0,
+            showNullDataPoints: false,
+            strokeWidth: 0,
+            hover: {
+              size: 5,
+              sizeOffset: 3
+            }
+          };
         }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
@@ -294,6 +336,9 @@ export default defineComponent({
           props.options["tooltip"] = {
             y: {
               formatter(value, { series, seriesIndex, dataPointIndex, w }) {
+                if (value === null) {
+                  return null;
+                }
                 return value?.toLocaleString("fr-FR", {
                   minimumFractionDigits: 0,
                   maximumFractionDigits: 1

package/dist/runtime/components/argScopeHeader.vue

@@ -75,9 +75,10 @@ export default defineComponent({
     );
     function goBack() {
       if (props.cancelLink !== null) {
-        router.push(props.cancelLink);
+        window.location.href = props.cancelLink;
+      } else {
+        router.back();
       }
-      router.back();
     }
     return {
       router,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.2.184",
+  "version": "0.2.186",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",