@tekkare/auriga 0.2.100 → 0.2.102

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.100"
+  "version": "0.2.102"
 }

package/dist/runtime/components/allFlags.vue

@@ -2,7 +2,7 @@
   <div style="display: flex; flex-wrap: wrap; gap: 50px">
     <div v-for="(c, index) in countries" :key="index">
       <center>
-        <arg-flag :iso="c.iso" height="40" />
+        <arg-flag :iso="c.iso" height="40" square />
         <p><strong>ISO</strong> : {{ c.iso }}</p>
         <p style="font-size: 10px"><strong>Slug</strong> : {{ c.slug }}</p>
       </center>
@@ -235,7 +235,12 @@ export default defineComponent({
       { iso: "LY", slug: "libya", name: "Libya" },
       { iso: "LU", slug: "luxembourg", name: "Luxembourg" },
       { iso: "LT", slug: "lithuania", name: "Lithuania" },
-      { iso: "LS", slug: "lesotho", name: "Lesotho" }
+      { iso: "LS", slug: "lesotho", name: "Lesotho" },
+      { iso: "DZ", slug: "algeria", name: "Algeria" },
+      { iso: "WW", slug: "world", name: "World" },
+      { iso: "EU", slug: "europe", name: "Europe" },
+      { iso: "VA", slug: "holy-see", name: "Holy See" },
+      { iso: "NP", slug: "nepal", name: "Nepal" }
     ];
     return {
       countries

package/dist/runtime/components/argChart.vue

@@ -112,6 +112,14 @@ export default defineComponent({
     sharedTooltip: {
       type: Boolean,
       default: false
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    showXAxis: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props) {
@@ -616,7 +624,7 @@ export default defineComponent({
         }
         props.options["plotOptions"] = {
           bar: {
-            horizontal: true,
+            horizontal: props.direction === "horizontal" ? true : false,
             borderRadius: 2,
             barHeight: "50%",
             colors: { backgroundBarOpacity: 1 },
@@ -624,10 +632,10 @@ export default defineComponent({
           }
         };
         let defaultDataLabelsConfig = {
-          position: "top",
-          enabled: true,
-          offsetX: 65,
-          style: { fontSize: "14px", colors: ["#3E3F5E"] }
+          position: props.options?.dataLabels?.position ? props.options?.dataLabels?.position : "top",
+          enabled: props.options?.dataLabels?.enabled ? props.options?.dataLabels?.enabled : true,
+          offsetX: props.options?.dataLabels?.offsetX ? props.options?.dataLabels?.offsetX : 65,
+          style: props.options?.dataLabels?.style ? props.options?.dataLabels?.style : { fontSize: "14px", colors: ["#3E3F5E"] }
         };
         if (props.options.dataLabels && props.options.dataLabels.formatter) {
           props.options["dataLabels"] = {
@@ -673,12 +681,12 @@ export default defineComponent({
           show: true
         };
         props.options["xaxis"] = {
-          show: false,
+          show: props.showXAxis,
           categories: props.categories,
           axisBorder: { show: false },
           axisTicks: { show: false },
           labels: {
-            show: false,
+            show: props.showXAxis,
             style: {
               fontFamily: "Figtree, sans-serif",
               fontSize: "14px",

package/dist/runtime/components/argChart.vue.d.ts

@@ -65,6 +65,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    showXAxis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     percentage: (partialValue: any, totalValue: any) => number;
     chartKey: import("vue").Ref<number>;
@@ -138,6 +146,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    showXAxis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     width: string;
     height: string;
@@ -152,5 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     chartTitle: string;
     chartSource: string;
     sharedTooltip: boolean;
+    direction: string;
+    showXAxis: boolean;
 }, {}>;
 export default _default;