@tekkare/auriga 0.2.39 → 0.2.41

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.39"
+  "version": "0.2.41"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -30,7 +30,7 @@
           class="filters_input_style"
           :placeholder="placeHolderValue"
           @keydown.enter="
-            optionIndex > 0 && showSuggs
+            optionIndex > 0 && suggestions !== null && showSuggs
               ? selectSugg(filterSuggestions[optionIndex - 1])
               : addTag()
           "
@@ -569,7 +569,7 @@ export default defineComponent({
       } else if (selectedTag.value !== null && selectedTag.value < searchedWords.value.length && selectedTag.value >= 0) {
         removeTag(selectedTag.value);
       } else {
-        if (optionIndex.value > 0) {
+        if (optionIndex.value > 0 && props.suggestions !== null) {
           value.value = filterSuggestions.value[optionIndex.value - 1].text;
           if (searchedWords.value.filter(
             (f2) => f2.value === filterSuggestions.value[optionIndex.value - 1].text

package/dist/runtime/components/argComplexSelect.vue

@@ -2,7 +2,15 @@
   <div>
     <!-- Simple select -->
     <div class="oip_select_display">
-      <p class="oip_filter_label">{{ complex_label }}</p>
+      <p
+        class="oip_filter_label"
+        :class="labelInfo ? 'oip_row v-center gap-4' : ''"
+      >
+        {{ complex_label }}
+        <span v-if="labelInfo" @click="openInfo" class="open-info">
+          <arg-icon name="Info" size="14" color="var(--medium)"
+        /></span>
+      </p>
       <arg-simple-label
         :disabled="disabled"
         :show_amount="show_amount"
@@ -275,9 +283,15 @@ export default defineComponent({
     empty_content_msg: { type: String, default: null },
     fuzzySearch: { type: Boolean, default: false },
     fuzzyThreshold: { type: Number, default: 0.5 },
-    filterSearch: { type: Boolean, default: true }
+    filterSearch: { type: Boolean, default: true },
+    labelInfo: { type: Boolean, default: false }
   },
-  emits: ["changeElement", "changeAddInputValue", "update:Selection"],
+  emits: [
+    "changeElement",
+    "changeAddInputValue",
+    "update:Selection",
+    "openInfo"
+  ],
   setup(props, { emit }) {
     const add_table = ref([]);
     const del_table = ref([]);
@@ -311,6 +325,9 @@ export default defineComponent({
       fr: "Aucune s\xE9lection",
       es: "Ninguna selecci\xF3n"
     };
+    function openInfo() {
+      emit("openInfo");
+    }
     onMounted(() => {
       del_table.value = Object.assign([], [...new Set(props.already_selected)]);
       add_table.value = Object.assign(
@@ -642,7 +659,8 @@ export default defineComponent({
       getCustomText,
       getAddAllText,
       noSelectionMsg,
-      getAddText
+      getAddText,
+      openInfo
     };
   }
 });
@@ -767,4 +785,10 @@ export default defineComponent({
 .full_stretch {
   align-self: stretch;
 }
+.open-info {
+  cursor: pointer;
+}
+.open-info:hover svg {
+  color: var(--primary) !important;
+}
 </style>

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

@@ -132,6 +132,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelInfo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     add_table: import("vue").Ref<any>;
     del_table: import("vue").Ref<any>;
@@ -186,7 +190,8 @@ declare const _default: import("vue").DefineComponent<{
         fr: string;
         es: string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection")[], "changeElement" | "changeAddInputValue" | "update:Selection", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    openInfo: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection" | "openInfo")[], "changeElement" | "changeAddInputValue" | "update:Selection" | "openInfo", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {
             (arrayLength: number): string[];
@@ -320,10 +325,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelInfo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onChangeElement?: ((...args: any[]) => any) | undefined;
     onChangeAddInputValue?: ((...args: any[]) => any) | undefined;
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
+    onOpenInfo?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
     fuzzyThreshold: number;
@@ -345,5 +355,6 @@ declare const _default: import("vue").DefineComponent<{
     empty_content_msg: string;
     fuzzySearch: boolean;
     filterSearch: boolean;
+    labelInfo: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argMultipleSelect.vue

@@ -2,7 +2,15 @@
   <div>
     <!-- Simple select -->
     <div class="oip_select_display">
-      <p class="oip_filter_label">{{ multiple_label }}</p>
+      <p
+        class="oip_filter_label"
+        :class="labelInfo ? 'oip_row v-center gap-4' : ''"
+      >
+        {{ multiple_label }}
+        <span v-if="labelInfo" @click="openInfo" class="open-info">
+          <arg-icon name="Info" size="14" color="var(--medium)"
+        /></span>
+      </p>
       <arg-simple-label
         :disabled="disabled"
         :show_amount="show_amount"
@@ -353,9 +361,16 @@ export default defineComponent({
     empty_content_msg: { type: String, default: null },
     fuzzySearch: { type: Boolean, default: false },
     fuzzyThreshold: { type: Number, default: 0.5 },
-    filterSearch: { type: Boolean, default: true }
+    filterSearch: { type: Boolean, default: true },
+    labelInfo: { type: Boolean, default: false }
   },
-  emits: ["changeElement", "update:Selection", "changeInputValue", "onClose"],
+  emits: [
+    "changeElement",
+    "update:Selection",
+    "changeInputValue",
+    "onClose",
+    "openInfo"
+  ],
   setup(props, { emit }) {
     const selected_items = ref([]);
     const selected_nested = ref([]);
@@ -365,6 +380,9 @@ export default defineComponent({
     const selectedCats = ref([]);
     const valueFrom = ref([]);
     const element_table_copy = ref([]);
+    function openInfo() {
+      emit("openInfo");
+    }
     watch(
       () => props.element_table,
       (new_element_table) => {
@@ -843,7 +861,8 @@ export default defineComponent({
       getLoaderText,
       getPlaceholder,
       getEmptyContentMsg,
-      element_table_copy
+      element_table_copy,
+      openInfo
     };
   }
 });
@@ -929,4 +948,11 @@ export default defineComponent({
 .oip_crop.small {
   width: 98% !important;
 }
+
+.open-info {
+  cursor: pointer;
+}
+.open-info:hover svg {
+  color: var(--primary) !important;
+}
 </style>

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

@@ -120,6 +120,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelInfo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     getNestedLength: import("vue").ComputedRef<number>;
     del_all: () => void;
@@ -154,7 +158,8 @@ declare const _default: import("vue").DefineComponent<{
     getPlaceholder: import("vue").ComputedRef<string>;
     getEmptyContentMsg: import("vue").ComputedRef<string>;
     element_table_copy: import("vue").Ref<any[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "changeElement" | "update:Selection" | "changeInputValue")[], "onClose" | "changeElement" | "update:Selection" | "changeInputValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    openInfo: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "changeElement" | "update:Selection" | "openInfo" | "changeInputValue")[], "onClose" | "changeElement" | "update:Selection" | "openInfo" | "changeInputValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {
             (arrayLength: number): (Object | String)[];
@@ -276,10 +281,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelInfo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnClose?: ((...args: any[]) => any) | undefined;
     onChangeElement?: ((...args: any[]) => any) | undefined;
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
+    onOpenInfo?: ((...args: any[]) => any) | undefined;
     onChangeInputValue?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
@@ -293,6 +303,7 @@ declare const _default: import("vue").DefineComponent<{
     empty_content_msg: string;
     fuzzySearch: boolean;
     filterSearch: boolean;
+    labelInfo: boolean;
     filter_placeholder: string;
     default_select: String[];
     nested: boolean;

package/dist/runtime/components/argSteplineChart.vue

@@ -215,7 +215,7 @@ export default defineComponent({
             strokeOpacity: 0.9,
             strokeDashArray: 0,
             fillOpacity: 1,
-            showNullDataPoints: true
+            showNullDataPoints: false
           };
         }
       } else {
@@ -250,7 +250,7 @@ export default defineComponent({
           formatter: function(value, opt) {
             const numValue = Math.round(value * 10) / 10;
             const returnValue = new Intl.NumberFormat("fr-FR").format(numValue).replace(",", ".");
-            return `${returnValue}${props.dataType === "price" ? ` ${props.currency}` : props.dataType === "percentage" ? " %" : ""}`;
+            return value === null ? "" : `${returnValue}${props.dataType === "price" ? ` ${props.currency}` : props.dataType === "percentage" ? " %" : ""}`;
           }
         };
         options.value["xaxis"] = {

package/package.json

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