@tekkare/auriga 0.2.59 → 0.2.61

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.59"
+  "version": "0.2.61"
 }

package/dist/runtime/components/argComplexSelect.vue

@@ -86,7 +86,7 @@
               class="complex_input"
               :placeholder="getPlaceholderAdd"
               v-model="searchNameAdd"
-              id="complex_search_input"
+              :id="`complex_search_input_${complex_label}`"
             />
             <div
               v-if="searchNameAdd.length > 0"
@@ -337,7 +337,9 @@ export default defineComponent({
       };
     }
     onMounted(() => {
-      searchBar.value = document.getElementById("complex_search_input");
+      searchBar.value = document.getElementById(
+        `complex_search_input_${props.complex_label}`
+      );
       searchBar.value?.addEventListener("input", debounce(changeInput, 500));
       del_table.value = Object.assign([], [...new Set(props.already_selected)]);
       add_table.value = Object.assign(

package/dist/runtime/components/argDropdownSelect.vue

@@ -61,7 +61,7 @@
         <input
           class="oip_search_name"
           v-model="searchName"
-          id="dropdown_search_input"
+          :id="`dropdown_search_input_${dropdown_label}`"
           :placeholder="getPlaceholder"
         />
         <div
@@ -226,7 +226,9 @@ export default defineComponent({
       };
     }
     onMounted(() => {
-      searchBar.value = document.getElementById("dropdown_search_input");
+      searchBar.value = document.getElementById(
+        `dropdown_search_input_${props.dropdown_label}`
+      );
       searchBar.value?.addEventListener("input", debounce(changeInput, 500));
       table_values.value = props.element_table;
       selected_item.value = props.default_select !== null ? props.element_table[props.default_select] : null;

package/dist/runtime/components/argMultipleSelect.vue

@@ -49,7 +49,7 @@
           v-model="searchName"
           class="oip_search_name"
           :placeholder="getPlaceholder"
-          id="multiple_search_input"
+          :id="`multiple_search_input_${multiple_label}`"
         />
         <div
           v-if="searchName.length > 0"
@@ -438,7 +438,9 @@ export default defineComponent({
       };
     }
     onMounted(() => {
-      searchBar.value = document.getElementById("multiple_search_input");
+      searchBar.value = document.getElementById(
+        `multiple_search_input_${props.multiple_label}`
+      );
       searchBar.value?.addEventListener("input", debounce(changeInput, 500));
       element_table_copy.value = props.element_table;
       if (props.preselection_all) {

package/dist/runtime/components/argSteplineChart.vue

@@ -97,6 +97,10 @@ export default defineComponent({
         return [null, "percentage", "price"].includes(value);
       }
     },
+    hasPercentages: {
+      type: Boolean,
+      default: false
+    },
     currency: {
       type: String,
       default: null
@@ -248,9 +252,32 @@ export default defineComponent({
             borderRadius: 2
           },
           formatter: function(value, opt) {
-            const numValue = Math.round(value * 10) / 10;
-            const returnValue = new Intl.NumberFormat("fr-FR").format(numValue).replace(",", ".");
-            return value === null ? "" : `${returnValue}${props.dataType === "price" ? ` ${props.currency}` : props.dataType === "percentage" ? " %" : ""}`;
+            const seriesData = props.series;
+            if (props.hasPercentages && value !== null) {
+              const formatValue = new Intl.NumberFormat("fr-FR", {
+                maximumFractionDigits: 1
+              }).format(value).replace(",", ".");
+              let returnValue = props.dataType === "price" ? `${formatValue} ${props.currency}` : formatValue;
+              if (opt.dataPointIndex > 0 && seriesData[opt.seriesIndex].data[opt.dataPointIndex - 1] !== null && seriesData[opt.seriesIndex].data[opt.dataPointIndex] !== null) {
+                const previousVal = seriesData[opt.seriesIndex].data[opt.dataPointIndex - 1];
+                const plainPercent = (value - previousVal) / previousVal * 100;
+                const formatPercent = new Intl.NumberFormat("fr-FR", {
+                  maximumFractionDigits: 1
+                }).format((value - previousVal) / previousVal * 100).replace(",", ".");
+                if (previousVal === 0) {
+                  returnValue = "-";
+                } else if (Number(plainPercent) > 0) {
+                  returnValue = `${returnValue} (+${formatPercent}%)`;
+                } else {
+                  returnValue = returnValue + " (" + formatPercent + "%)";
+                }
+              }
+              return returnValue;
+            } else {
+              const numValue = Math.round(value * 10) / 10;
+              const returnValue = new Intl.NumberFormat("fr-FR").format(numValue).replace(",", ".");
+              return value === null ? "" : `${returnValue}${props.dataType === "price" ? ` ${props.currency}` : props.dataType === "percentage" ? " %" : ""}`;
+            }
           }
         };
         options.value["xaxis"] = {

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

@@ -46,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
         validator: (value: string | null) => boolean;
     };
+    hasPercentages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     currency: {
         type: StringConstructor;
         default: null;
@@ -104,6 +108,10 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
         validator: (value: string | null) => boolean;
     };
+    hasPercentages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     currency: {
         type: StringConstructor;
         default: null;
@@ -118,6 +126,7 @@ declare const _default: import("vue").DefineComponent<{
     tooltipOptions: Record<string, any>;
     formatDate: boolean;
     dataType: string;
+    hasPercentages: boolean;
     currency: string;
 }, {}>;
 export default _default;

package/package.json

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