@tekkare/auriga 0.2.37 → 0.2.39

package/dist/module.json

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

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) {
@@ -397,7 +402,7 @@ export default defineComponent({
     });
     onMounted(() => {
       searchBar.value = document.getElementById("search_input_advanced");
-      searchBar.value.addEventListener("input", debounce(handleInput, 200));
+      searchBar.value.addEventListener("input", debounce(handleInput, 300));
       tagsSection.value = document.getElementById("tags");
       if (props.customShortcuts.length > 0) {
         for (let i = 0; i < props.customShortcuts.length; i++) {
@@ -416,7 +421,7 @@ export default defineComponent({
       }
     });
     onUnmounted(() => {
-      searchBar.value.removeEventListener("input", debounce(handleInput, 200));
+      searchBar.value.removeEventListener("input", debounce(handleInput, 300));
     });
     function shortcutColor(shortcut) {
       if (shortcut === selectedShortcut.value || shortcut === hoverShortcut.value) {
@@ -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/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) {
@@ -230,11 +229,11 @@ export default defineComponent({
     }
     onMounted(() => {
       searchBar.value = document.getElementById("search_input");
-      searchBar.value.addEventListener("input", debounce(handleInput, 200));
+      searchBar.value.addEventListener("input", debounce(handleInput, 300));
       searchValue.value = props.defaultValue;
     });
     onUnmounted(() => {
-      searchBar.value.removeEventListener("input", debounce(handleInput, 200));
+      searchBar.value.removeEventListener("input", debounce(handleInput, 300));
     });
     watch(
       () => props.defaultValue,

package/package.json

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