@tekkare/auriga 0.2.33 → 0.2.35

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.33"
+  "version": "0.2.35"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -299,9 +299,10 @@ export default defineComponent({
     const showChangeType = ref(null);
     const regexSearch = /^[\s\.\/\!]|[\/\!\s][\s\.]+|\s+[\/]|\s+$/g;
     const suggOpen = ref(false);
-    const optionIndex = ref(0);
+    const optionIndex = ref(1);
     const iconColor = computed(() => {
       if (typing.value === true) {
+        f;
         return "var(--primary)";
       } else
         return "var(--medium)";
@@ -339,12 +340,12 @@ export default defineComponent({
     watch(value, (new_value) => {
       setTimeout(() => {
         emit("onTyping", value.value);
-      }, 500);
+      }, 1e3);
       typing.value = false;
       if (new_value === "") {
         hoverShortcut.value = "";
         suggOpen.value = false;
-        optionIndex.value = 0;
+        optionIndex.value = 1;
         document.removeEventListener("click", closeSugg);
       } else {
         suggOpen.value = true;
@@ -357,6 +358,7 @@ export default defineComponent({
           }
         }
       }
+      optionIndex.value = 1;
     });
     watch(
       () => typing.value,
@@ -462,20 +464,39 @@ export default defineComponent({
     const options = computed(() => ({
       fuseOptions: {
         includeScore: true,
-        threshold: 0.5
+        threshold: props.fuzzyThreshold
       }
     }));
     const filterSuggestions = computed(() => {
       if (value.value.replace(/[+/!]/g, "").length > 0) {
-        return props.suggestions.filter(
-          (f) => useFuse(
+        const filteredSuggs = props.suggestions.filter(
+          (f2) => useFuse(
             value.value.replace(/[+/!]/g, ""),
             props.suggestions.map((a) => a.text),
             options.value
-          ).results.value.map((a) => a.item).includes(f.text)
+          ).results.value.map((a) => a.item).includes(f2.text)
         ).slice(0, 50);
+        return [
+          ...[
+            {
+              text: value.value,
+              icon: "MagnifyingGlass",
+              html: `<span style="color: var(--primary)">${value.value}</span>`
+            }
+          ],
+          filteredSuggs
+        ].flat();
       } else
-        return props.suggestions.slice(0, 50);
+        return [
+          ...[
+            {
+              text: value.value,
+              icon: "MagnifyingGlass",
+              html: `<span style="color: var(--primary)">${value.value}</span>`
+            }
+          ],
+          props.suggestions.slice(0, 50)
+        ].flat();
     });
     function selectTag(index, direction) {
       let nextTag;
@@ -534,7 +555,7 @@ export default defineComponent({
         if (optionIndex.value > 0) {
           value.value = filterSuggestions.value[optionIndex.value - 1].text;
           if (searchedWords.value.filter(
-            (f) => f.value === filterSuggestions.value[optionIndex.value - 1].text
+            (f2) => f2.value === filterSuggestions.value[optionIndex.value - 1].text
           ).length > 0) {
             setTimeout(() => {
               suggOpen.value = false;
@@ -566,7 +587,7 @@ export default defineComponent({
           }
         }
         if (searchValue.length > 0 && arrayValues.length === 0) {
-          if (searchedWords.value.filter((f) => f.value === searchValue).length === 0) {
+          if (searchedWords.value.filter((f2) => f2.value === searchValue).length === 0) {
             addToSearch(search, searchValue, false);
           } else {
             handleDuplicate(searchValue);
@@ -577,7 +598,7 @@ export default defineComponent({
             const arraySearchValue = arrayValues[i].replace(regexSearch, "");
             if (arraySearchValue.length > 0) {
               if (searchedWords.value.filter(
-                (f) => f.value === arraySearchValue
+                (f2) => f2.value === arraySearchValue
               ).length === 0) {
                 addToSearch(search, arraySearchValue, false);
               } else {
@@ -616,7 +637,7 @@ export default defineComponent({
       const searchValue = value.value.replace(regexSearch, "");
       selectedShortcut.value = item.symbol;
       if (searchValue.length > 0) {
-        if (searchedWords.value.filter((f) => f.value === searchValue).length === 0) {
+        if (searchedWords.value.filter((f2) => f2.value === searchValue).length === 0) {
           addToSearch(getKeyword(item.symbol), searchValue, false);
         } else {
           handleDuplicate(searchValue);

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

@@ -139,7 +139,11 @@ declare const _default: import("vue").DefineComponent<{
     hasShortcut: import("vue").ComputedRef<boolean>;
     infoHeight: import("vue").ComputedRef<boolean>;
     suggOpen: import("vue").Ref<boolean>;
-    filterSuggestions: import("vue").ComputedRef<Suggestion[]>;
+    filterSuggestions: import("vue").ComputedRef<(Suggestion | {
+        text: string;
+        icon: string;
+        html: string;
+    })[]>;
     selectOption: (isDown: boolean) => void;
     optionIndex: import("vue").Ref<number>;
     selectSugg: (sugg: Suggestion) => void;

package/dist/runtime/components/argLoader.vue

@@ -0,0 +1,18 @@
+<template>
+  <span class="custom-loader" />
+</template>
+
+<script>
+import { defineComponent } from "vue";
+export default defineComponent({
+  name: "ArgLoader",
+  props: {},
+  setup() {
+    return {};
+  }
+});
+</script>
+
+<style scope>
+.custom-loader{animation:rotation 1s linear infinite;border:3px solid #5dc8ff;display:inline-block;height:48px;position:relative;width:48px}.custom-loader,.custom-loader:after{border-radius:50%;box-sizing:border-box}.custom-loader:after{border:3px solid transparent;border-bottom-color:#ffaeff;content:"";height:56px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:56px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+</style>

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

@@ -0,0 +1,8 @@
+declare const _default: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+    [x: string]: unknown;
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+    [x: string]: unknown;
+}>>>>, {
+    readonly [x: number]: string;
+} | {}, {}>;
+export default _default;

package/dist/runtime/components/argSearchInput.vue

@@ -126,7 +126,7 @@ export default defineComponent({
       es: "cargando m\xE1s sugerencias"
     };
     const closeOnEnter = ref(false);
-    const optionIndex = ref(0);
+    const optionIndex = ref(1);
     function selectOption(isDown) {
       if (isDown) {
         optionIndex.value = optionIndex.value === filterSuggestions.value.length ? filterSuggestions.value.length : optionIndex.value + 1;
@@ -165,13 +165,14 @@ export default defineComponent({
           suggOpen.value = false;
           document.removeEventListener("click", closeSugg);
         }
+        optionIndex.value = 1;
       }
     );
     watch(
       () => suggOpen.value,
       () => {
         if (!suggOpen.value) {
-          optionIndex.value = 0;
+          optionIndex.value = 1;
         }
       }
     );
@@ -182,13 +183,23 @@ export default defineComponent({
       }
     }));
     const filterSuggestions = computed(() => {
-      return props.suggestions.filter(
+      const filteredSuggs = props.suggestions.filter(
         (f) => useFuse(
-          searchValue,
+          searchValue.value.replace(/[+/!]/g, ""),
           props.suggestions.map((a) => a.text),
           options.value
         ).results.value.map((a) => a.item).includes(f.text)
       ).slice(0, 50);
+      return [
+        ...[
+          {
+            text: searchValue.value,
+            icon: "MagnifyingGlass",
+            html: `<span style="color: var(--primary)">${searchValue.value}</span>`
+          }
+        ],
+        filteredSuggs
+      ].flat();
     });
     const selectSugg = (sugg) => {
       closeOnEnter.value = true;

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

@@ -53,7 +53,11 @@ declare const _default: import("vue").DefineComponent<{
     clearValue: () => void;
     suggOpen: import("vue").Ref<boolean>;
     openSugg: () => void;
-    filterSuggestions: import("vue").ComputedRef<Suggestion[]>;
+    filterSuggestions: import("vue").ComputedRef<(Suggestion | {
+        text: string;
+        icon: string;
+        html: string;
+    })[]>;
     selectSugg: (sugg: Suggestion) => void;
     selectOption: (isDown: boolean) => void;
     optionIndex: import("vue").Ref<number>;

package/package.json

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