Refactor facet autocomplete

• Better code structure
• Add OR between filters

components/AutocompleteMeiliFacets.vue

@@ -180,7 +180,12 @@ const autocompleteItems = computed(() => {
     }
 })
 
+const hasFacetDistribution = computed(() => {
 
+    const toValFacetDistribution = toValue(props.facetDistribution)
+
+    return toValFacetDistribution !== undefined && Object.keys(toValFacetDistribution).length > 0
+})
 
 function updateAutocompleteFocused(isFocused: boolean) {
     isAutocompleteFocused.value = isFocused
@@ -188,11 +193,6 @@ function updateAutocompleteFocused(isFocused: boolean) {
 
 
 function emitUpdateModelValue(filters: MaybeRef<FilterItem[] | undefined>) {
-    console.log("dans emit model")
-    console.log(filters)
-
-    // const meiliFilter = toMeiliFilter(toValue(filters))
-    // emit("meiliFilters", meiliFilter)
     emit('update:modelValue', toValue(filters))
 
 }
@@ -227,7 +227,7 @@ function isItemFilter(type: string | undefined) {
 </script>
 <template>
     <v-autocomplete :model-value="props.modelValue" class="mx-2" @click:clear="clearFilters" v-bind="autocompleteProps"
-        @update:focused="updateAutocompleteFocused" @update:modelValue="emitUpdateModelValue">
+        @update:focused="updateAutocompleteFocused" @update:modelValue="emitUpdateModelValue" :disabled="!hasFacetDistribution">
         <template #item="{ props, item }">
             <v-list-item v-if="isItemFilter(item?.raw?.type)" v-bind="{ ...props, active: false }" :title="item.title"
                 :prepend-icon="item?.raw?.icon ? item.raw.icon : undefined"