Fixed some plan loading init issues

src-tauri/tauri.conf.json

@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "Nothing",
-    "version": "1.1.0"
+    "version": "1.1.1"
   },
   "tauri": {
     "systemTray": {

src/app/carousel/carousel.component.ts

@@ -135,14 +135,21 @@ export class CarouselComponent<T> implements OnInit, AfterViewInit {
 
   setIndex(slideIndex: number) {
     this.current = slideIndex;
-
+    console.log("setIndex", slideIndex);
-    for (let i = Math.max(-this.numExtraPrev(), 0); i <= Math.min(this.numExtraNext(), this.slides!.length - 1); i++) {
+    this.visibleSlides!.length = 0;
+    console.log("length", this.slides!.length);
+
+    for (let i = -this.numExtraPrev(); i <= this.numExtraNext(); i++) {
+      console.log("i, ", i);
+      if (this.current + i >= 0 && this.current + i < this.slides!.length) {
+        console.log("pushing", this.current + i);
         this.visibleSlides?.push({
           index: this.current + i,
           hasBeenVisible: false,
           currentlyIntersecting: false,
         });
       }
+    }
 
     this.onChange();
   }
@@ -192,17 +199,20 @@ export class CarouselComponent<T> implements OnInit, AfterViewInit {
     const safetyFactor = this.numVisible == 1 ? 1 : 2;
     {
       const intersecting = this.visibleSlides?.filter(e => e.currentlyIntersecting).sort((e1, e2) => e1.index - e2.index);
+      if (intersecting && intersecting.length > 0) {
         const lowestIntersecting = intersecting![0];
         this.visibleSlides = this.visibleSlides?.filter(e => e.index + safetyFactor >= lowestIntersecting!.index && e.index >= this.current - this.numExtraPrev());
-
+      }
     }
     {
 
       const intersecting = this.visibleSlides?.filter(e => e.currentlyIntersecting).sort((e1, e2) => e1.index - e2.index).reverse();
+      if (intersecting && intersecting.length > 0) {
         const highestIntersecting = intersecting![0]
         this.visibleSlides = this.visibleSlides?.filter(e => e.index - safetyFactor <= highestIntersecting!.index && e.index <= this.current + this.numExtraNext());
       }
     }
+  }
 
   translation() {
     let num = (this.current - this.numExtraNext() - (this.numVisible % 2 == 0 ? 1 : 0)) * (-1 / this.numVisible) * 100;

src/app/plan-display/plan-display.component.ts

@@ -200,17 +200,18 @@ export class PlanDisplayComponent implements AfterViewInit, OnInit {
   setIndex(index: number) {
     this.slideIndex = index;
     if (this.currentSlides) {
-      this.currentSlides.current = index;
+      this.currentSlides.setIndex(index);
 
     }
     if (this.zoneSlides) {
-      this.zoneSlides.current = index;
+      this.zoneSlides.setIndex(index);
+
     }
   }
 
   setPrevious(plan: string) {
     this.planService.loadPrevious(plan).subscribe(plan => {
-      this.setIndex(plan.current);
+      setTimeout(() => this.setIndex(plan.current), 0);
     });
   }
 
@@ -267,6 +268,12 @@ export class PlanDisplayComponent implements AfterViewInit, OnInit {
   loadBasePlan() {
     this.planService.loadBasePlan().subscribe(plan => {
       this.planService.currentPlan = new Plan(plan);
+      if (this.zoneSlides) {
+        this.zoneSlides.setIndex(0);
+      }
+      if (this.currentSlides) {
+        this.currentSlides.setIndex(0);
+      }
     })
   }