@tekkare/auriga 0.2.94 → 0.2.95

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.94"
+  "version": "0.2.95"
 }

package/dist/runtime/components/argSearchInput.vue

@@ -19,7 +19,7 @@
           class="search-icon"
         />
         <input
-          id="search_input"
+          :id="searchBarId"
           v-model="searchValue"
           class="filters_input_style"
           :placeholder="placeHolderValue"
@@ -118,6 +118,10 @@ export default defineComponent({
     highlightInput: {
       type: Boolean,
       default: false
+    },
+    searchBarId: {
+      type: String,
+      default: "search_input_simple"
     }
   },
   emits: ["update:Value", "submitSearch", "selectSuggestion"],
@@ -177,9 +181,7 @@ export default defineComponent({
       () => {
         if (searchValue.value.length > 0 && props.suggestions !== null) {
           if (!closeOnEnter.value) {
-            setTimeout(() => {
-              openSugg();
-            });
+            openSugg();
           } else {
             closeSugg();
           }
@@ -227,6 +229,9 @@ export default defineComponent({
       searchValue.value = sugg.text;
       emit("update:Value", searchValue.value);
       emit("selectSuggestion", searchValue.value);
+      setTimeout(() => {
+        closeOnEnter.value = false;
+      });
     };
     function closeSugg() {
       suggOpen.value = false;
@@ -246,11 +251,12 @@ export default defineComponent({
       };
     }
     function handleInput(event) {
+      openSugg();
       searchValue.value = event?.target?.value;
       emit("update:Value", searchValue.value);
     }
     onMounted(() => {
-      searchBar.value = document.getElementById("search_input");
+      searchBar.value = document.getElementById("search_input_simple");
       searchBar.value.addEventListener("input", debounce(handleInput, 300));
       searchValue.value = props.defaultValue;
     });
@@ -269,6 +275,9 @@ export default defineComponent({
         searchValue.value = filterSuggestions.value[optionIndex.value - 1].text;
         emit("update:Value", searchValue.value);
         emit("selectSuggestion", searchValue.value);
+        setTimeout(() => {
+          closeOnEnter.value = false;
+        });
       }
       emit("submitSearch");
     }

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

@@ -46,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    searchBarId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     searchValue: import("vue").Ref<string>;
     submitSearch: () => void;
@@ -105,6 +109,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    searchBarId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onSubmitSearch?: ((...args: any[]) => any) | undefined;
@@ -117,5 +125,6 @@ declare const _default: import("vue").DefineComponent<{
     loadingSuggs: boolean;
     highlightInput: boolean;
     defaultValue: string;
+    searchBarId: string;
 }, {}>;
 export default _default;

package/package.json

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