@tekkare/auriga 0.1.141 → 0.1.143

package/dist/module.json

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

package/dist/runtime/components/argDropdownBtn.vue

@@ -27,7 +27,6 @@ export default defineComponent({
   props: {
     btnStyle: { type: String, default: "primary-fill" }
   },
-  emits: ["changeScope", "update:Scope", "onNewScope", "onClear"],
   setup(props, { emit }) {
     const isDisplay = ref(false);
     function closeDropdown() {

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

@@ -7,17 +7,12 @@ declare const _default: import("vue").DefineComponent<{
     isDisplay: import("vue").Ref<boolean>;
     closeDropdown: () => void;
     changeDisplay: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeScope" | "update:Scope" | "onNewScope" | "onClear")[], "changeScope" | "update:Scope" | "onNewScope" | "onClear", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     btnStyle: {
         type: StringConstructor;
         default: string;
     };
-}>> & {
-    onChangeScope?: ((...args: any[]) => any) | undefined;
-    "onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
-    onOnNewScope?: ((...args: any[]) => any) | undefined;
-    onOnClear?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
     btnStyle: string;
 }, {}>;
 export default _default;

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/argNoSelectedScope.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
     selectedScope: import("vue").Ref<any>;
     selectScope: () => void;
     createNewScope: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Scope" | "onSelectScope" | "onCreateScope")[], "update:Scope" | "onSelectScope" | "onCreateScope", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectScope" | "update:Scope" | "onCreateScope")[], "onSelectScope" | "update:Scope" | "onCreateScope", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lang: {
         type: StringConstructor;
         default: string;
@@ -24,8 +24,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
 }>> & {
-    "onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
     onOnSelectScope?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
     onOnCreateScope?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;

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

@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     selectedScope: import("vue").Ref<any>;
     newScope: () => void;
     clearScope: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeScope" | "update:Scope" | "onNewScope" | "onClear")[], "changeScope" | "update:Scope" | "onNewScope" | "onClear", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Scope" | "changeScope" | "onNewScope" | "onClear")[], "update:Scope" | "changeScope" | "onNewScope" | "onClear", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     scopes: {
         type: {
             (arrayLength: number): string[];
@@ -112,8 +112,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChangeScope?: ((...args: any[]) => any) | undefined;
     "onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
+    onChangeScope?: ((...args: any[]) => any) | undefined;
     onOnNewScope?: ((...args: any[]) => any) | undefined;
     onOnClear?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/runtime/components/argToolbarContent.vue

@@ -3,7 +3,7 @@
     class="info_main_container"
     :class="infoOpen ? 'info_main_container_open' : ''"
   >
-    <div class="oip_info_container">
+    <div class="oip_info_container" @click.stop>
       <div v-if="infoOpen" class="oip_info_close" @click="closeInfo()">
         <arg-icon name="X" size="20" />
         <p>Close</p>
@@ -103,6 +103,17 @@ export default defineComponent({
         trueActiveMenu.value = new_active_menu;
       }
     );
+    watch(
+      () => infoOpen.value,
+      () => {
+        if (infoOpen.value) {
+          setTimeout(() => {
+            document.addEventListener("click", closeInfo);
+          }, 500);
+        } else
+          document.removeEventListener("click", closeInfo);
+      }
+    );
     onMounted(() => {
       trueActiveMenu.value = props.activeMenu;
       infoOpen.value = props.toolbarOpen;

package/package.json

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