@tekkare/auriga 0.2.38 → 0.2.40

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.38"
+  "version": "0.2.40"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -1,12 +1,13 @@
 <template>
-  <div class="relative">
-    <div class="relative">
+  <div @click.stop class="relative">
+    <div @click.stop class="relative">
       <div
         class="filters_input_search"
         :class="[
           { filters_shortcuts_open: typing },
           suggOpen && suggestions !== null ? 'no_bottom' : '',
         ]"
+        @click.stop="openSugg"
       >
         <arg-icon
           name="MagnifyingGlass"
@@ -36,7 +37,7 @@
           @keydown.up="typing ? shortcutSelect('asc') : selectOption(false)"
           @keydown.down="typing ? shortcutSelect('desc') : selectOption(true)"
           autocomplete="off"
-          click.stop
+          @click.stop="openSugg"
         />
 
         <div
@@ -342,13 +343,11 @@ export default defineComponent({
       typing.value = false;
       if (new_value === "") {
         hoverShortcut.value = "";
-        suggOpen.value = false;
+        closeSugg();
         optionIndex.value = 1;
-        document.removeEventListener("click", closeSugg);
       } else {
-        suggOpen.value = true;
         setTimeout(() => {
-          document.addEventListener("click", closeSugg);
+          openSugg();
         }, 100);
         for (let i = 0; i < shortcuts.value.length; i++) {
           if (new_value.startsWith(shortcuts.value[i].symbol)) {
@@ -358,6 +357,12 @@ export default defineComponent({
       }
       optionIndex.value = 1;
     });
+    function openSugg() {
+      if (value.value.length > 0) {
+        suggOpen.value = true;
+        document.addEventListener("click", closeSugg);
+      }
+    }
     function debounce(func, delay) {
       let debounceTimer;
       return function(...args) {
@@ -713,8 +718,7 @@ export default defineComponent({
     }
     function closeSugg() {
       suggOpen.value = false;
-      optionIndex.value = 0;
-      document.removeEventListener("click", close);
+      document.removeEventListener("click", closeSugg);
     }
     return {
       close,
@@ -759,7 +763,8 @@ export default defineComponent({
       changeSearchType,
       notFound,
       loaderText,
-      handleChangeType
+      handleChangeType,
+      openSugg
     };
   }
 });

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

@@ -160,6 +160,7 @@ declare const _default: import("vue").DefineComponent<{
         es: string;
     };
     handleChangeType: (searchIndex: number) => void;
+    openSugg: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "onClose" | "onTyping")[], "update:Value" | "onClose" | "onTyping", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     placeHolderValue: {
         type: StringConstructor;

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/argSearchInput.vue

@@ -21,6 +21,7 @@
           @keydown.down="selectOption(true)"
           @keydown.up="selectOption(false)"
           autocomplete="off"
+          @click.stop="openSugg"
         />
       </div>
       <div
@@ -154,18 +155,14 @@ export default defineComponent({
       () => {
         if (searchValue.value.length > 0 && props.suggestions !== null) {
           if (!closeOnEnter.value) {
-            suggOpen.value = true;
             setTimeout(() => {
-              document.addEventListener("click", closeSugg);
+              openSugg();
             });
           } else {
-            suggOpen.value = false;
-            document.removeEventListener("click", closeSugg);
-            closeOnEnter.value = false;
+            closeSugg();
           }
         } else {
-          suggOpen.value = false;
-          document.removeEventListener("click", closeSugg);
+          closeSugg();
         }
         optionIndex.value = 1;
       }
@@ -211,10 +208,12 @@ export default defineComponent({
     };
     function closeSugg() {
       suggOpen.value = false;
+      document.removeEventListener("click", closeSugg);
     }
     function openSugg() {
       if (searchValue.value.length > 0) {
         suggOpen.value = true;
+        document.addEventListener("click", closeSugg);
       }
     }
     function debounce(func, delay) {

package/package.json

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