fix: implement facetclicked emit

packages/piveau-hub-ui-modules/lib/facets_2.0/Facets.vue

 <template>
   <div style="width:25%">
     <div v-for="item in config">
-      <component :is="getFacet(item.id)" :config="item"/>
+      <component :is="getFacet(item.id)" :config="item" @facet-clicked="facetClicked"/>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-
   import { getFacet } from "./getFacet"
   import {FacetsConfig} from "./types";
   import {useFacets} from "./useFacets";
   import {ref, watchEffect} from "vue";
+
   const props = defineProps<{
     facetsConfig: FacetsConfig
     facetsIds: [String]
   }>();
+
   let config = ref([]);
   watchEffect(() => {
     config = useFacets(props.facetsConfig, props.facetsIds);
-  })
+  });
+
+  const facetClicked = (facetId, item) => {
+    console.log("CONTAINER facetClicked", facetId, item)
+  }
 </script>

packages/piveau-hub-ui-modules/lib/facets_2.0/facets/ExpandableSelectFacet.vue

@@ -36,7 +36,7 @@
             :count="getFacetCount(item)"
             :hide-count="fieldId === 'dataScope'"
             :class="{active: facetIsSelected(fieldId, item)}"
-            @click.native="facetClicked(fieldId, item)"
+            @click.native="$emit('facet-clicked', fieldId, item)"
           />
         </div>
         <button
@@ -75,13 +75,14 @@ export default defineComponent({
         console.log("facetIsSelected", fieldId, item);
       }
     },
-    facetClicked: {
-      type: Function,
-      default: (fieldId, item) => {
-        console.log("facetClicked", fieldId, item);
-      }
-    }
+    // facetClicked: {
+    //   type: Function,
+    //   default: (fieldId, item) => {
+    //     console.log("facetClicked", fieldId, item);
+    //   }
+    // }
   },
+  emits: ['facet-clicked'],
   data() {
     return {
       isExpanded: false,