Attempt to fix separator display when no result navigator.

Seems like there is a bug in Svelte which make $$slots.default being true even if the slot is not there. The code should work once sveltejs/svelte#8304 is fixed.

Author: mpellerin42

apps/search-widget-demo/src/App.svelte

@@ -15,15 +15,11 @@
   let fieldType = 'file';
   let fieldId = '20fd69d4b4dcdf0eb9e8c95dfff1ce6c';
 
-  /**
-   * Classifier_test kb (already trained, owned by Carmen): cbb4afd0-26e6-480a-a814-4e08398bdf3e
-   * Kb with different kind of media (owned by Mat): 5c2bc432-a579-48cd-b408-4271e5e7a43c
-   */
-  let kb = 'eda3f482-d432-4fac-913a-00f0a4696fd4'; // pdfs
+  // let kb = 'eda3f482-d432-4fac-913a-00f0a4696fd4'; // pdfs
   // let kb = '5c2bc432-a579-48cd-b408-4271e5e7a43c'; // medias
   // let kb = 'f5d0ec7f-9ac3-46a3-b284-a38d5333d9e6'; // le petit prince
   // let kb = '49e0c43e-7beb-4418-94fa-ed90226f365c'; // la classe américaine
-  // let kb = '89ffdada-58ee-4199-8303-ad1450de1cbe'; // word, excel, csv, images,…
+  let kb = '89ffdada-58ee-4199-8303-ad1450de1cbe'; // word, excel, csv, images,…
 
   onMount(() => {
     resultsWidget?.setTileMenu([

libs/search-widget/src/tiles/ImageTile.svelte

@@ -23,7 +23,7 @@
 <BaseTile
   previewKind={PreviewKind.IMAGE}
   typeIndicator="image"
-  noResultNavigator
+  noResultNavigator={!result.paragraphs || result.paragraphs.length <= 1}
   {thumbnailLoaded}
   {result}
   on:selectParagraph={() => showImage()}>

libs/search-widget/src/tiles/base-tile/header/TileHeader.svelte

@@ -23,7 +23,7 @@
   let menuPosition: { left: number; top: number } | undefined;
   let displayMenu = false;
 
-  $: hasActions = menuItems.length > 0;
+  $: hasMenu = menuItems.length > 0;
 
   onMount(() => {
     menuItems = getWidgetActions();
@@ -91,11 +91,13 @@
 
   {#if expanded}
     <div class="header-actions">
-      <slot />
-      {#if $$slots.default && hasActions}
+      {#if $$slots.default}
+        <slot />
+      {/if}
+      {#if $$slots.default && hasMenu}
         <div class="separator" />
       {/if}
-      {#if hasActions}
+      {#if hasMenu}
         <div bind:this={menuButton}>
           <IconButton
             icon="more-vertical"