@tekkare/auriga 0.1.142 → 0.1.143

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.142"
+  "version": "0.1.143"
 }

package/dist/runtime/components/argHybridChart.vue

@@ -25,7 +25,7 @@
                   class="oip_hybrid_chart__bar"
                   :style="{
                     background: barColor + '1a',
-                    width: `${getPercentage(row.values[1].percentage)}%`,
+                    width: `${getPercentage(row.values[1])}%`,
                   }"
                 ></div>
                 <arg-tooltip
@@ -47,7 +47,9 @@
                       .format(val.value)
                       .replace(",", ".")
                   }}
-                  <span class="oip_hybrid_chart__bar_percentage"
+                  <span
+                    class="oip_hybrid_chart__bar_percentage"
+                    v-if="val.percentage"
                     >({{ val.percentage }} %)</span
                   >
                 </p>
@@ -165,14 +167,19 @@ export default defineComponent({
       emit("showState", val);
     }
     function getPercentage(value) {
-      if (maxValue.value === 100) {
-        return value;
-      } else {
-        if (value === maxValue.value) {
-          return 100;
+      if (value.percentage) {
+        if (maxValue.value === 100) {
+          return value.percentage;
         } else {
-          return value * 100 / maxValue.value;
+          if (value.percentage === maxValue.value) {
+            return 100;
+          } else {
+            return value.percentage * 100 / maxValue.value;
+          }
         }
+      } else {
+        const all = props.contents.map((a) => a.values[1].value).reduce((acc, current) => acc + current, 0);
+        return value.value * 100 / all;
       }
     }
     return {

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

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     showAll: import("vue").Ref<boolean>;
     getMaxValue: () => void;
     changeShowState: (val: boolean) => void;
-    getPercentage: (value: number) => number;
+    getPercentage: (value: any) => any;
     tableBody: import("vue").ComputedRef<never[]>;
     isEllipsisActive: (value: string) => boolean | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "showState"[], "showState", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/package.json

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