@tekkare/auriga 0.1.142 → 0.1.144

package/dist/module.json

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

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/dist/runtime/components/argSourceCollapse.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     :class="['oip_source_card_collapse', sourceOpen ? 'open' : 'close']"
-    @click="sourceOpen = !sourceOpen"
+    @click.stop="sourceOpen = !sourceOpen"
   >
     <div class="source_card_header">
       <div class="oip_row v-start gap-8 header">
@@ -118,12 +118,20 @@ export default defineComponent({
     watch(
       () => sourceOpen.value,
       (new_source_open) => {
+        const sourceContainers = document.getElementsByClassName(
+          "oip_source_card_collapse"
+        );
         if (new_source_open === true) {
           setTimeout(() => {
-            document.addEventListener("click", closeSource);
+            for (let i = 0; i < sourceContainers.length; i++) {
+              sourceContainers[i].addEventListener("click", closeSource);
+            }
           });
-        } else
-          document.removeEventListener("click", closeSource);
+        } else {
+          for (let i = 0; i < sourceContainers.length; i++) {
+            sourceContainers[i].removeEventListener("click", closeSource);
+          }
+        }
       }
     );
     function copy() {

package/package.json

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