@tekkare/auriga 0.1.180 → 0.1.182
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json
CHANGED
|
@@ -36,6 +36,9 @@
|
|
|
36
36
|
:class="suggOpen ? 'sugg_open' : ''"
|
|
37
37
|
@click.stop
|
|
38
38
|
>
|
|
39
|
+
<div v-if="loadingSuggs">
|
|
40
|
+
<p class="loading oip_body">{{ loaderText[lang] }}</p>
|
|
41
|
+
</div>
|
|
39
42
|
<div v-if="filterSuggestions.length > 0" class="sugg_container">
|
|
40
43
|
<p
|
|
41
44
|
v-for="(sugg, index) in filterSuggestions"
|
|
@@ -54,7 +57,7 @@
|
|
|
54
57
|
{{ sugg.text }}
|
|
55
58
|
</p>
|
|
56
59
|
</div>
|
|
57
|
-
<div v-else class="sugg_container">
|
|
60
|
+
<div v-else-if="!loadingSuggs" class="sugg_container">
|
|
58
61
|
<p class="not-found oip_body">{{ notFound[lang] }}</p>
|
|
59
62
|
</div>
|
|
60
63
|
</div>
|
|
@@ -96,6 +99,10 @@ export default defineComponent({
|
|
|
96
99
|
validator: (value) => {
|
|
97
100
|
return ["en", "fr", "es"].includes(value);
|
|
98
101
|
}
|
|
102
|
+
},
|
|
103
|
+
loadingSuggs: {
|
|
104
|
+
type: Boolean,
|
|
105
|
+
default: false
|
|
99
106
|
}
|
|
100
107
|
},
|
|
101
108
|
emits: ["update:Value", "submitSearch"],
|
|
@@ -107,6 +114,11 @@ export default defineComponent({
|
|
|
107
114
|
en: "No suggestions were found",
|
|
108
115
|
es: "No se encontraron sugerencias"
|
|
109
116
|
};
|
|
117
|
+
const loaderText = {
|
|
118
|
+
fr: "Plus de suggestions en chargement",
|
|
119
|
+
en: "Loading more suggestions",
|
|
120
|
+
es: "cargando m\xE1s sugerencias"
|
|
121
|
+
};
|
|
110
122
|
const closeOnEnter = ref(false);
|
|
111
123
|
const optionIndex = ref(0);
|
|
112
124
|
function selectOption(isDown) {
|
|
@@ -157,13 +169,12 @@ export default defineComponent({
|
|
|
157
169
|
props.suggestions.map((a) => a.text),
|
|
158
170
|
options.value
|
|
159
171
|
).results.value.map((a) => a.item).includes(f.text)
|
|
160
|
-
);
|
|
172
|
+
).slice(0, 50);
|
|
161
173
|
});
|
|
162
174
|
const selectSugg = (sugg) => {
|
|
175
|
+
closeOnEnter.value = true;
|
|
163
176
|
searchValue.value = sugg.text;
|
|
164
177
|
emit("update:Value", searchValue.value);
|
|
165
|
-
document.removeEventListener("click", closeSugg);
|
|
166
|
-
suggOpen.value = false;
|
|
167
178
|
};
|
|
168
179
|
function closeSugg() {
|
|
169
180
|
suggOpen.value = false;
|
|
@@ -209,11 +220,12 @@ export default defineComponent({
|
|
|
209
220
|
selectSugg,
|
|
210
221
|
selectOption,
|
|
211
222
|
optionIndex,
|
|
212
|
-
notFound
|
|
223
|
+
notFound,
|
|
224
|
+
loaderText
|
|
213
225
|
};
|
|
214
226
|
}
|
|
215
227
|
});
|
|
216
228
|
</script>
|
|
217
229
|
<style scoped>
|
|
218
|
-
.filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;justify-content:space-between;min-height:40px;padding:0 12px;width:calc(100% - 24px)}.filters_input_search.no_bottom{border:1.5px solid var(--primary)!important;border-bottom:none!important;border-radius:8px 8px 0 0;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.search-section{align-items:center;display:flex;flex-direction:row;gap:12px;width:100%}.filters_input_search:not(.no_bottom):hover{border:1.5px solid rgba(33,118,255,.2)}.filters_input_search.no_bottom:hover{border-bottom:none!important}.filters_input_search:focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filters_input_search.no_bottom:focus-within{border-bottom:none!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filters_input_search:focus-within .search-icon,.filters_input_search:hover .search-icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}.close-icon{align-items:center;background:var(--light);border-radius:100%;cursor:pointer;display:flex;justify-content:center;padding:5px}.relative{position:relative;width:100%}.search_suggestions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background
|
|
230
|
+
.filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;justify-content:space-between;min-height:40px;padding:0 12px;width:calc(100% - 24px)}.filters_input_search.no_bottom{border:1.5px solid var(--primary)!important;border-bottom:none!important;border-radius:8px 8px 0 0;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.search-section{align-items:center;display:flex;flex-direction:row;gap:12px;width:100%}.filters_input_search:not(.no_bottom):hover{border:1.5px solid rgba(33,118,255,.2)}.filters_input_search.no_bottom:hover{border-bottom:none!important}.filters_input_search:focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filters_input_search.no_bottom:focus-within{border-bottom:none!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filters_input_search:focus-within .search-icon,.filters_input_search:hover .search-icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}.close-icon{align-items:center;background:var(--light);border-radius:100%;cursor:pointer;display:flex;justify-content:center;padding:5px}.relative{position:relative;width:100%}.search_suggestions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border:1.5px solid var(--light);border-radius:0 0 8px 8px;left:0;max-height:200px;overflow-y:scroll;position:absolute;width:100%;z-index:99}.search_suggestions::-webkit-scrollbar{height:5px;width:5px}.search_suggestions::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.search_suggestions::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.sugg_open{border-top:1.5px solid var(--primary)!important;border:1.5px solid var(--primary)!important;border-top-color:var(--light)!important;box-shadow:2px 2px 3px rgba(33,118,255,.1),-2px 2px 3px rgba(33,118,255,.1)}.sugg_container{cursor:pointer;display:flex;flex-direction:column}.sugg_container p:not(.loading){align-items:center;display:flex;gap:8px;padding:8px 12px}.sugg_container p.selected,.sugg_container p:not(.not-found,.loading):hover{background:rgba(93,153,250,.2)}.sugg_container p.selected svg,.sugg_container p:not(.not-found,.loading):hover svg{color:var(--primary)!important}.sugg_container p:last-of-type{border-radius:0 0 8px 8px}.loading{color:var(--medium);font-style:italic;padding:8px 12px}.loading:after{animation:dots 1.3s step-end infinite;content:"";display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}
|
|
219
231
|
</style>
|
|
@@ -37,6 +37,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
37
37
|
default: string;
|
|
38
38
|
validator: (value: string) => boolean;
|
|
39
39
|
};
|
|
40
|
+
loadingSuggs: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
40
44
|
}, {
|
|
41
45
|
searchValue: import("vue").Ref<string>;
|
|
42
46
|
changeInput: (event: any) => void;
|
|
@@ -53,6 +57,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
53
57
|
en: string;
|
|
54
58
|
es: string;
|
|
55
59
|
};
|
|
60
|
+
loaderText: {
|
|
61
|
+
fr: string;
|
|
62
|
+
en: string;
|
|
63
|
+
es: string;
|
|
64
|
+
};
|
|
56
65
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "submitSearch")[], "update:Value" | "submitSearch", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
57
66
|
placeHolderValue: {
|
|
58
67
|
type: StringConstructor;
|
|
@@ -88,6 +97,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
88
97
|
default: string;
|
|
89
98
|
validator: (value: string) => boolean;
|
|
90
99
|
};
|
|
100
|
+
loadingSuggs: {
|
|
101
|
+
type: BooleanConstructor;
|
|
102
|
+
default: boolean;
|
|
103
|
+
};
|
|
91
104
|
}>> & {
|
|
92
105
|
"onUpdate:Value"?: ((...args: any[]) => any) | undefined;
|
|
93
106
|
onSubmitSearch?: ((...args: any[]) => any) | undefined;
|
|
@@ -97,5 +110,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
97
110
|
fuzzyThreshold: number;
|
|
98
111
|
defaultValue: string;
|
|
99
112
|
suggestions: Suggestion[];
|
|
113
|
+
loadingSuggs: boolean;
|
|
100
114
|
}, {}>;
|
|
101
115
|
export default _default;
|