@tekkare/auriga 0.2.9 → 0.2.11

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.9"
+  "version": "0.2.11"
 }

package/dist/runtime/components/argChart.vue

@@ -115,7 +115,9 @@ export default defineComponent({
       const seriesData = props.series;
       const hasPercentages = props.withPercentages;
       const compactMode = props.compactValues;
-      const hideLegend = props.hideLegend;
+      if (props.hideLegend) {
+        props.options["legend"] = { show: false };
+      }
       props.options["grid"] = {
         borderColor: "#EAEAF5",
         strokeDashArray: 7,
@@ -325,9 +327,6 @@ export default defineComponent({
             ...defaultDataLabelFormatter
           };
         }
-        if (props.hideLegend) {
-          props.options["legend"] = { show: false };
-        }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
         }
@@ -401,9 +400,6 @@ export default defineComponent({
             ...defaultDataLabelFormatter
           };
         }
-        if (props.hideLegend) {
-          props.options["legend"] = { show: false };
-        }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
         }
@@ -625,12 +621,15 @@ export default defineComponent({
             }
           }
         };
-      } else if (props.type === "pie") {
+      } else if (props.type === "pie" || props.type === "donut") {
         props.options["labels"] = props.categories;
         let defaultDataLabelsConfig = {
           offset: -50,
           enabled: true,
-          style: { fontSize: "14px", colors: ["#FFFFFF"] },
+          style: {
+            fontSize: "14px",
+            colors: props.type === "donut" ? ["#3E3F5E"] : ["#FFFFFF"]
+          },
           dropShadow: { enabled: false }
         };
         if (props.options.dataLabels && props.options.dataLabels.formatter) {

package/dist/runtime/components/argSliderTabs.vue

@@ -2,7 +2,11 @@
   <div class="oip_row">
     <div v-if="tabs[0] !== undefined" ref="el" class="wrapper">
       <div class="toggle_radio">
-        <div v-for="(tab, index) in tabs" :key="index">
+        <div
+          v-for="(tab, index) in tabs"
+          :key="index"
+          @click="updateButton(index)"
+        >
           <input
             :id="sliderId + tabs[0].label + index"
             :key="index"
@@ -10,7 +14,6 @@
             class="toggle_option"
             name="toggle_option"
             :checked="index === activeTab"
-            @click="updateButton(index)"
           />
           <label
             :key="index"

package/package.json

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