bugfix: re-added loading spinner

src/viewerModule/nehuba/layoutOverlay/nehuba.layoutOverlay/nehuba.layoutOverlay.component.ts

@@ -6,7 +6,7 @@ import { NehubaViewerUnit } from "../../nehubaViewer/nehubaViewer.component";
 import { NEHUBA_INSTANCE_INJTKN, takeOnePipe, getFourPanel, getHorizontalOneThree, getSinglePanel, getVerticalOneThree } from "../../util";
 import { QUICKTOUR_DESC, ARIA_LABELS, IDS } from 'common/constants'
 import { IQuickTourData } from "src/ui/quickTour/constrants";
-import { debounce, debounceTime, filter, mapTo, switchMap, take } from "rxjs/operators";
+import { debounce, debounceTime, distinctUntilChanged, filter, map, mapTo, switchMap, take } from "rxjs/operators";
 
 @Component({
   selector: `nehuba-layout-overlay`,
@@ -154,11 +154,17 @@ export class NehubaLayoutOverlay implements OnDestroy, AfterViewInit{
       fromEvent<CustomEvent>(
         nehubaUnit.elementRef.nativeElement,
         'sliceRenderEvent'
-      ).subscribe(ev => {
-        const { missingImageChunks, missingChunks } = ev.detail
+      ).pipe(
+        map(ev => {
+          const { missingImageChunks, missingChunks } = ev.detail
+          return { missingImageChunks, missingChunks }
+        }),
+        distinctUntilChanged((o, n) => o.missingChunks === n.missingChunks && o.missingImageChunks === n.missingImageChunks)
+      ).subscribe(({ missingImageChunks, missingChunks }) => {
         this.volumeChunkLoading$.next(
-          missingImageChunks.length === 0 && missingChunks.length === 0
+          missingImageChunks > 0 || missingChunks > 0
         )
+        this.detectChanges()
       }),
 
       /**

src/viewerModule/viewerCmp/viewerCmp.template.html

@@ -4,12 +4,12 @@
 
   <div class="floating-ui">
 
-    <div *ngIf="(media.mediaBreakPoint$ | async) < 3"
+    <div *ngIf="(media.mediaBreakPoint$ | async) < 2"
       class="fixed-bottom pe-none mb-2 d-flex justify-content-center">
       <logo-container></logo-container>
     </div>
 
-    <div *ngIf="(media.mediaBreakPoint$ | async) < 3" floatingMouseContextualContainerDirective>
+    <div *ngIf="(media.mediaBreakPoint$ | async) < 2" floatingMouseContextualContainerDirective>
 
       <div class="h-0"
         iav-mouse-hover