@flower-city-online/itinerary-lib 0.0.49 → 0.0.51

package/esm2022/lib/itinerary-app/shared/tab-bar/tab-bar.component.mjs

@@ -8,39 +8,46 @@ import * as i2 from "@naniteninja/ionic-lib";
 export class TabBarComponent {
     router;
     cdr;
+    route;
     destroy$ = new Subject();
     tabMenuItems = [
         {
             label: 'Explore',
             icon: 'pi pi-fw pi-home',
-            routerLink: ItinerariesRoutesEnum.ITINERARY_EXPLORE,
+            routerLink: ItinerariesRoutesEnum.EXPLORE,
         },
         {
             label: 'Builder',
             icon: 'pi pi-fw pi-map-marker',
-            routerLink: ItinerariesRoutesEnum.ITINERARY_BUILDER,
+            routerLink: ItinerariesRoutesEnum.BUILDER,
         },
         {
             label: 'Favorites',
             icon: 'pi pi-fw pi-user',
-            routerLink: ItinerariesRoutesEnum.ITINERARY_FAVOURITES,
+            routerLink: ItinerariesRoutesEnum.FAVORITES,
         },
     ];
     activeItem = this.tabMenuItems[0];
     //LIFE CYCLES
-    constructor(router, cdr) {
+    constructor(router, cdr, route) {
         this.router = router;
         this.cdr = cdr;
+        this.route = route;
     }
     ngOnInit() {
-        this.activeItem = this.tabMenuItems.find((x) => x.routerLink === this.router.url);
+        this.updateActiveItem();
         this.router.events
             .pipe(filter((event) => event instanceof NavigationEnd), takeUntil(this.destroy$))
-            .subscribe((event) => {
-            this.activeItem = this.tabMenuItems.find((x) => x.routerLink === event.urlAfterRedirects);
+            .subscribe(() => {
+            this.updateActiveItem();
             this.cdr.detectChanges();
         });
     }
+    updateActiveItem() {
+        const currentUrl = this.router.url;
+        // Check if current URL ends with the route link
+        this.activeItem = this.tabMenuItems.find((x) => currentUrl.endsWith('/' + x.routerLink) || currentUrl.endsWith(x.routerLink)) || this.tabMenuItems[0];
+    }
     ngOnDestroy() {
         this.destroy$.next(); // Emit a value to trigger takeUntil
         this.destroy$.complete(); // Complete the subject
@@ -48,15 +55,35 @@ export class TabBarComponent {
     //UI LOGIC
     onActiveItemChange(event) {
         this.activeItem = event;
-        this.router.navigate([event.routerLink]);
+        const routePath = typeof event.routerLink === 'string'
+            ? [event.routerLink]
+            : event.routerLink;
+        // Get the current URL segments
+        const urlSegments = this.router.url.split('/').filter(s => s);
+        const routePathStr = typeof event.routerLink === 'string' ? event.routerLink : event.routerLink.join('/');
+        // Find where we are in the route hierarchy
+        // We need to navigate relative to the ItinerariesComponent route
+        // which is typically the route that has 'explore', 'builder', 'favorites' as children
+        // Try to find the index of the current child route (explore, builder, or favorites)
+        const childRouteIndex = urlSegments.findIndex(seg => seg === 'explore' || seg === 'builder' || seg === 'favorites');
+        if (childRouteIndex >= 0) {
+            // We're at a child route, navigate relative to the parent (ItinerariesComponent)
+            // Build the path up to the parent, then add the new child route
+            const basePath = urlSegments.slice(0, childRouteIndex);
+            this.router.navigate([...basePath, routePathStr]);
+        }
+        else {
+            // Fallback: navigate relative to current route
+            this.router.navigate(routePath, { relativeTo: this.route });
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabBarComponent, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabBarComponent, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabBarComponent, selector: "app-tab-bar", inputs: { tabMenuItems: "tabMenuItems" }, ngImport: i0, template: "<lib-tab-menu\r\n  [items]=\"tabMenuItems\"\r\n  [activeItem]=\"activeItem\"\r\n  (activeItemChange)=\"onActiveItemChange($event)\"\r\n  #libTabMenu\r\n></lib-tab-menu>\r\n", styles: [""], dependencies: [{ kind: "component", type: i2.LibTabMenuComponent, selector: "lib-tab-menu", inputs: ["items", "activeItem", "stretchTabs"], outputs: ["activeItemChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-tab-bar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<lib-tab-menu\r\n  [items]=\"tabMenuItems\"\r\n  [activeItem]=\"activeItem\"\r\n  (activeItemChange)=\"onActiveItemChange($event)\"\r\n  #libTabMenu\r\n></lib-tab-menu>\r\n" }]
-        }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ChangeDetectorRef }], propDecorators: { tabMenuItems: [{
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }], propDecorators: { tabMenuItems: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9zaGFyZWQvdGFiLWJhci90YWItYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL3NoYXJlZC90YWItYmFyL3RhYi1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNoSCxPQUFPLEVBQUUsYUFBYSxFQUFVLE1BQU0saUJBQWlCLENBQUM7QUFFeEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBU2xELE1BQU0sT0FBTyxlQUFlO0lBdUJoQjtJQUNBO0lBdkJGLFFBQVEsR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUM3QyxZQUFZLEdBQWU7UUFDbEM7WUFDRSxLQUFLLEVBQUUsU0FBUztZQUNoQixJQUFJLEVBQUUsa0JBQWtCO1lBQ3hCLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxpQkFBaUI7U0FDcEQ7UUFDRDtZQUNFLEtBQUssRUFBRSxTQUFTO1lBQ2hCLElBQUksRUFBRSx3QkFBd0I7WUFDOUIsVUFBVSxFQUFFLHFCQUFxQixDQUFDLGlCQUFpQjtTQUNwRDtRQUNEO1lBQ0UsS0FBSyxFQUFFLFdBQVc7WUFDbEIsSUFBSSxFQUFFLGtCQUFrQjtZQUN4QixVQUFVLEVBQUUscUJBQXFCLENBQUMsb0JBQW9CO1NBQ3ZEO0tBQ0YsQ0FBQztJQUNGLFVBQVUsR0FBYSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRTVDLGFBQWE7SUFDYixZQUNVLE1BQWMsRUFDZCxHQUFzQjtRQUR0QixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDNUIsQ0FBQztJQUVMLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUN0QyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsS0FBSyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FDdkMsQ0FBQztRQUNILElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTTthQUNmLElBQUksQ0FDSCxNQUFNLENBQ0osQ0FBQyxLQUFLLEVBQTBCLEVBQUUsQ0FBQyxLQUFLLFlBQVksYUFBYSxDQUNsRSxFQUNELFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQ3pCO2FBQ0EsU0FBUyxDQUFDLENBQUMsS0FBb0IsRUFBRSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQ3RDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxLQUFLLEtBQUssQ0FBQyxpQkFBaUIsQ0FDL0MsQ0FBQztZQUNILElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxvQ0FBb0M7UUFDMUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLHVCQUF1QjtJQUNuRCxDQUFDO0lBRUQsVUFBVTtJQUNWLGtCQUFrQixDQUFDLEtBQWU7UUFDaEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUMzQyxDQUFDO3dHQXZEVSxlQUFlOzRGQUFmLGVBQWUsNkZDYjVCLDhLQU1BOzs0RkRPYSxlQUFlO2tCQVAzQixTQUFTOytCQUNJLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxLQUFLOzJHQUlWLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5hdmlnYXRpb25FbmQsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAncHJpbWVuZy9hcGknO1xyXG5pbXBvcnQgeyBJdGluZXJhcmllc1JvdXRlc0VudW0gfSBmcm9tICcuLi8uLi9fZW51bXMvSXRlbmFyaWVzUm91dGVzLmVudW0nO1xyXG5pbXBvcnQgeyBmaWx0ZXIsIFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FwcC10YWItYmFyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWItYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsOiAnLi90YWItYmFyLmNvbXBvbmVudC5zY3NzJyxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgc3RhbmRhbG9uZTogZmFsc2VcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYkJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuICBASW5wdXQoKSB0YWJNZW51SXRlbXM6IE1lbnVJdGVtW10gPSBbXHJcbiAgICB7XHJcbiAgICAgIGxhYmVsOiAnRXhwbG9yZScsXHJcbiAgICAgIGljb246ICdwaSBwaS1mdyBwaS1ob21lJyxcclxuICAgICAgcm91dGVyTGluazogSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWV9FWFBMT1JFLFxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgbGFiZWw6ICdCdWlsZGVyJyxcclxuICAgICAgaWNvbjogJ3BpIHBpLWZ3IHBpLW1hcC1tYXJrZXInLFxyXG4gICAgICByb3V0ZXJMaW5rOiBJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZX0JVSUxERVIsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBsYWJlbDogJ0Zhdm9yaXRlcycsXHJcbiAgICAgIGljb246ICdwaSBwaS1mdyBwaS11c2VyJyxcclxuICAgICAgcm91dGVyTGluazogSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWV9GQVZPVVJJVEVTLFxyXG4gICAgfSxcclxuICBdO1xyXG4gIGFjdGl2ZUl0ZW06IE1lbnVJdGVtID0gdGhpcy50YWJNZW51SXRlbXNbMF07XHJcblxyXG4gIC8vTElGRSBDWUNMRVNcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICApIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYWN0aXZlSXRlbSA9IHRoaXMudGFiTWVudUl0ZW1zLmZpbmQoXHJcbiAgICAgICh4KSA9PiB4LnJvdXRlckxpbmsgPT09IHRoaXMucm91dGVyLnVybCxcclxuICAgICkhO1xyXG4gICAgdGhpcy5yb3V0ZXIuZXZlbnRzXHJcbiAgICAgIC5waXBlKFxyXG4gICAgICAgIGZpbHRlcihcclxuICAgICAgICAgIChldmVudCk6IGV2ZW50IGlzIE5hdmlnYXRpb25FbmQgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kLFxyXG4gICAgICAgICksXHJcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpXHJcbiAgICAgIClcclxuICAgICAgLnN1YnNjcmliZSgoZXZlbnQ6IE5hdmlnYXRpb25FbmQpID0+IHtcclxuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW0gPSB0aGlzLnRhYk1lbnVJdGVtcy5maW5kKFxyXG4gICAgICAgICAgKHgpID0+IHgucm91dGVyTGluayA9PT0gZXZlbnQudXJsQWZ0ZXJSZWRpcmVjdHNcclxuICAgICAgICApITtcclxuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTsgLy8gRW1pdCBhIHZhbHVlIHRvIHRyaWdnZXIgdGFrZVVudGlsXHJcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7IC8vIENvbXBsZXRlIHRoZSBzdWJqZWN0XHJcbiAgfVxyXG5cclxuICAvL1VJIExPR0lDXHJcbiAgb25BY3RpdmVJdGVtQ2hhbmdlKGV2ZW50OiBNZW51SXRlbSk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3RpdmVJdGVtID0gZXZlbnQ7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbZXZlbnQucm91dGVyTGlua10pO1xyXG4gIH1cclxufVxyXG4iLCI8bGliLXRhYi1tZW51XHJcbiAgW2l0ZW1zXT1cInRhYk1lbnVJdGVtc1wiXHJcbiAgW2FjdGl2ZUl0ZW1dPVwiYWN0aXZlSXRlbVwiXHJcbiAgKGFjdGl2ZUl0ZW1DaGFuZ2UpPVwib25BY3RpdmVJdGVtQ2hhbmdlKCRldmVudClcIlxyXG4gICNsaWJUYWJNZW51XHJcbj48L2xpYi10YWItbWVudT5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9zaGFyZWQvdGFiLWJhci90YWItYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL3NoYXJlZC90YWItYmFyL3RhYi1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNoSCxPQUFPLEVBQWtCLGFBQWEsRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBRXhFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7OztBQVNsRCxNQUFNLE9BQU8sZUFBZTtJQXVCaEI7SUFDQTtJQUNBO0lBeEJGLFFBQVEsR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUM3QyxZQUFZLEdBQWU7UUFDbEM7WUFDRSxLQUFLLEVBQUUsU0FBUztZQUNoQixJQUFJLEVBQUUsa0JBQWtCO1lBQ3hCLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxPQUFPO1NBQzFDO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsU0FBUztZQUNoQixJQUFJLEVBQUUsd0JBQXdCO1lBQzlCLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxPQUFPO1NBQzFDO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsV0FBVztZQUNsQixJQUFJLEVBQUUsa0JBQWtCO1lBQ3hCLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxTQUFTO1NBQzVDO0tBQ0YsQ0FBQztJQUNGLFVBQVUsR0FBYSxJ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QyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxTQUFTLEVBQUUsRUFBRSxVQUFVLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7U0FDN0Q7SUFDSCxDQUFDO3dHQXJGVSxlQUFlOzRGQUFmLGVBQWUsNkZDYjVCLDhLQU1BOzs0RkRPYSxlQUFlO2tCQVAzQixTQUFTOytCQUNJLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxLQUFLO3dJQUlWLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlLCBOYXZpZ2F0aW9uRW5kLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcclxuaW1wb3J0IHsgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtIH0gZnJvbSAnLi4vLi4vX2VudW1zL0l0ZW5hcmllc1JvdXRlcy5lbnVtJztcclxuaW1wb3J0IHsgZmlsdGVyLCBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtdGFiLWJhcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFiLWJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vdGFiLWJhci5jb21wb25lbnQuc2NzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWJCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgcHJpdmF0ZSBkZXN0cm95JDogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcbiAgQElucHV0KCkgdGFiTWVudUl0ZW1zOiBNZW51SXRlbVtdID0gW1xyXG4gICAge1xyXG4gICAgICBsYWJlbDogJ0V4cGxvcmUnLFxyXG4gICAgICBpY29uOiAncGkgcGktZncgcGktaG9tZScsXHJcbiAgICAgIHJvdXRlckxpbms6IEl0aW5lcmFyaWVzUm91dGVzRW51bS5FWFBMT1JFLFxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgbGFiZWw6ICdCdWlsZGVyJyxcclxuICAgICAgaWNvbjogJ3BpIHBpLWZ3IHBpLW1hcC1tYXJrZXInLFxyXG4gICAgICByb3V0ZXJMaW5rOiBJdGluZXJhcmllc1JvdXRlc0VudW0uQlVJTERFUixcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIGxhYmVsOiAnRmF2b3JpdGVzJyxcclxuICAgICAgaWNvbjogJ3BpIHBpLWZ3IHBpLXVzZXInLFxyXG4gICAgICByb3V0ZXJMaW5rOiBJdGluZXJhcmllc1JvdXRlc0VudW0uRkFWT1JJVEVTLFxyXG4gICAgfSxcclxuICBdO1xyXG4gIGFjdGl2ZUl0ZW06IE1lbnVJdGVtID0gdGhpcy50YWJNZW51SXRlbXNbMF07XHJcblxyXG4gIC8vTElGRSBDWUNMRVNcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwcml2YXRlIHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZVxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy51cGRhdGVBY3RpdmVJdGVtKCk7XHJcbiAgICB0aGlzLnJvdXRlci5ldmVudHNcclxuICAgICAgLnBpcGUoXHJcbiAgICAgICAgZmlsdGVyKFxyXG4gICAgICAgICAgKGV2ZW50KTogZXZlbnQgaXMgTmF2aWdhdGlvbkVuZCA9PiBldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25FbmQsXHJcbiAgICAgICAgKSxcclxuICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95JClcclxuICAgICAgKVxyXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICB0aGlzLnVwZGF0ZUFjdGl2ZUl0ZW0oKTtcclxuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSB1cGRhdGVBY3RpdmVJdGVtKCk6IHZvaWQge1xyXG4gICAgY29uc3QgY3VycmVudFVybCA9IHRoaXMucm91dGVyLnVybDtcclxuICAgIC8vIENoZWNrIGlmIGN1cnJlbnQgVVJMIGVuZHMgd2l0aCB0aGUgcm91dGUgbGlua1xyXG4gICAgdGhpcy5hY3RpdmVJdGVtID0gdGhpcy50YWJNZW51SXRlbXMuZmluZChcclxuICAgICAgKHgpID0+IGN1cnJlbnRVcmwuZW5kc1dpdGgoJy8nICsgeC5yb3V0ZXJMaW5rKSB8fCBjdXJyZW50VXJsLmVuZHNXaXRoKHgucm91dGVyTGluaylcclxuICAgICkgfHwgdGhpcy50YWJNZW51SXRlbXNbMF07XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMuZGVzdHJveSQubmV4dCgpOyAvLyBFbWl0IGEgdmFsdWUgdG8gdHJpZ2dlciB0YWtlVW50aWxcclxuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTsgLy8gQ29tcGxldGUgdGhlIHN1YmplY3RcclxuICB9XHJcblxyXG4gIC8vVUkgTE9HSUNcclxuICBvbkFjdGl2ZUl0ZW1DaGFuZ2UoZXZlbnQ6IE1lbnVJdGVtKTogdm9pZCB7XHJcbiAgICB0aGlzLmFjdGl2ZUl0ZW0gPSBldmVudDtcclxuICAgIGNvbnN0IHJvdXRlUGF0aCA9IHR5cGVvZiBldmVudC5yb3V0ZXJMaW5rID09PSAnc3RyaW5nJyBcclxuICAgICAgPyBbZXZlbnQucm91dGVyTGlua11cclxuICAgICAgOiBldmVudC5yb3V0ZXJMaW5rO1xyXG4gICAgXHJcbiAgICAvLyBHZXQgdGhlIGN1cnJlbnQgVVJMIHNlZ21lbnRzXHJcbiAgICBjb25zdCB1cmxTZWdtZW50cyA9IHRoaXMucm91dGVyLnVybC5zcGxpdCgnLycpLmZpbHRlcihzID0+IHMpO1xyXG4gICAgY29uc3Qgcm91dGVQYXRoU3RyID0gdHlwZW9mIGV2ZW50LnJvdXRlckxpbmsgPT09ICdzdHJpbmcnID8gZXZlbnQucm91dGVyTGluayA6IGV2ZW50LnJvdXRlckxpbmsuam9pbignLycpO1xyXG4gICAgXHJcbiAgICAvLyBGaW5kIHdoZXJlIHdlIGFyZSBpbiB0aGUgcm91dGUgaGllcmFyY2h5XHJcbiAgICAvLyBXZSBuZWVkIHRvIG5hdmlnYXRlIHJlbGF0aXZlIHRvIHRoZSBJdGluZXJhcmllc0NvbXBvbmVudCByb3V0ZVxyXG4gICAgLy8gd2hpY2ggaXMgdHlwaWNhbGx5IHRoZSByb3V0ZSB0aGF0IGhhcyAnZXhwbG9yZScsICdidWlsZGVyJywgJ2Zhdm9yaXRlcycgYXMgY2hpbGRyZW5cclxuICAgIFxyXG4gICAgLy8gVHJ5IHRvIGZpbmQgdGhlIGluZGV4IG9mIHRoZSBjdXJyZW50IGNoaWxkIHJvdXRlIChleHBsb3JlLCBidWlsZGVyLCBvciBmYXZvcml0ZXMpXHJcbiAgICBjb25zdCBjaGlsZFJvdXRlSW5kZXggPSB1cmxTZWdtZW50cy5maW5kSW5kZXgoc2VnID0+IFxyXG4gICAgICBzZWcgPT09ICdleHBsb3JlJyB8fCBzZWcgPT09ICdidWlsZGVyJyB8fCBzZWcgPT09ICdmYXZvcml0ZXMnXHJcbiAgICApO1xyXG4gICAgXHJcbiAgICBpZiAoY2hpbGRSb3V0ZUluZGV4ID49IDApIHtcclxuICAgICAgLy8gV2UncmUgYXQgYSBjaGlsZCByb3V0ZSwgbmF2aWdhdGUgcmVsYXRpdmUgdG8gdGhlIHBhcmVudCAoSXRpbmVyYXJpZXNDb21wb25lbnQpXHJcbiAgICAgIC8vIEJ1aWxkIHRoZSBwYXRoIHVwIHRvIHRoZSBwYXJlbnQsIHRoZW4gYWRkIHRoZSBuZXcgY2hpbGQgcm91dGVcclxuICAgICAgY29uc3QgYmFzZVBhdGggPSB1cmxTZWdtZW50cy5zbGljZSgwLCBjaGlsZFJvdXRlSW5kZXgpO1xyXG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbLi4uYmFzZVBhdGgsIHJvdXRlUGF0aFN0cl0pO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgLy8gRmFsbGJhY2s6IG5hdmlnYXRlIHJlbGF0aXZlIHRvIGN1cnJlbnQgcm91dGVcclxuICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUocm91dGVQYXRoLCB7IHJlbGF0aXZlVG86IHRoaXMucm91dGUgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxsaWItdGFiLW1lbnVcclxuICBbaXRlbXNdPVwidGFiTWVudUl0ZW1zXCJcclxuICBbYWN0aXZlSXRlbV09XCJhY3RpdmVJdGVtXCJcclxuICAoYWN0aXZlSXRlbUNoYW5nZSk9XCJvbkFjdGl2ZUl0ZW1DaGFuZ2UoJGV2ZW50KVwiXHJcbiAgI2xpYlRhYk1lbnVcclxuPjwvbGliLXRhYi1tZW51PlxyXG4iXX0=

package/fesm2022/flower-city-online-itinerary-lib.mjs

@@ -27,17 +27,17 @@ import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 
 var ItinerariesRoutesEnum;
 (function (ItinerariesRoutesEnum) {
-    ItinerariesRoutesEnum["DASHBOARD"] = "/dashboard";
-    ItinerariesRoutesEnum["ITINERARY"] = "/itineraries";
-    ItinerariesRoutesEnum["ITINERARY_EXPLORE"] = "/itineraries/explore";
-    ItinerariesRoutesEnum["ITINERARY_FAVOURITES"] = "/itineraries/favorites";
-    ItinerariesRoutesEnum["ITINERARY_BUILDER"] = "/itineraries/builder";
-    ItinerariesRoutesEnum["SEARCH"] = "/search/";
-    ItinerariesRoutesEnum["REQUESTS"] = "/requests";
-    ItinerariesRoutesEnum["INFO"] = "/info";
-    ItinerariesRoutesEnum["PROFILE"] = "/profile";
-    ItinerariesRoutesEnum["ARCHIVES"] = "/archives/archives";
-    ItinerariesRoutesEnum["COMMENTS"] = "/itineraries/comments";
+    ItinerariesRoutesEnum["DASHBOARD"] = "dashboard";
+    ItinerariesRoutesEnum["ITINERARY"] = "itineraries";
+    ItinerariesRoutesEnum["ITINERARY_EXPLORE"] = "itineraries/explore";
+    ItinerariesRoutesEnum["ITINERARY_FAVOURITES"] = "itineraries/favorites";
+    ItinerariesRoutesEnum["ITINERARY_BUILDER"] = "itineraries/builder";
+    ItinerariesRoutesEnum["SEARCH"] = "search";
+    ItinerariesRoutesEnum["REQUESTS"] = "requests";
+    ItinerariesRoutesEnum["INFO"] = "info";
+    ItinerariesRoutesEnum["PROFILE"] = "profile";
+    ItinerariesRoutesEnum["ARCHIVES"] = "archives/archives";
+    ItinerariesRoutesEnum["COMMENTS"] = "itineraries/comments";
     ItinerariesRoutesEnum["EXPLORE"] = "explore";
     ItinerariesRoutesEnum["BUILDER"] = "builder";
     ItinerariesRoutesEnum["CREATE_ITINERARY"] = "create";
@@ -287,7 +287,10 @@ class BottomNavigationService {
     }
     onNavigationChange(data, nav) {
         if (data) {
-            this.router.navigate([nav.routerLink]);
+            const routePath = typeof nav.routerLink === 'string'
+                ? nav.routerLink.split('/').filter(p => p)
+                : nav.routerLink;
+            this.router.navigate(routePath);
         }
     }
     setActive(nav) {
@@ -1465,39 +1468,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class TabBarComponent {
     router;
     cdr;
+    route;
     destroy$ = new Subject();
     tabMenuItems = [
         {
             label: 'Explore',
             icon: 'pi pi-fw pi-home',
-            routerLink: ItinerariesRoutesEnum.ITINERARY_EXPLORE,
+            routerLink: ItinerariesRoutesEnum.EXPLORE,
         },
         {
             label: 'Builder',
             icon: 'pi pi-fw pi-map-marker',
-            routerLink: ItinerariesRoutesEnum.ITINERARY_BUILDER,
+            routerLink: ItinerariesRoutesEnum.BUILDER,
         },
         {
             label: 'Favorites',
             icon: 'pi pi-fw pi-user',
-            routerLink: ItinerariesRoutesEnum.ITINERARY_FAVOURITES,
+            routerLink: ItinerariesRoutesEnum.FAVORITES,
         },
     ];
     activeItem = this.tabMenuItems[0];
     //LIFE CYCLES
-    constructor(router, cdr) {
+    constructor(router, cdr, route) {
         this.router = router;
         this.cdr = cdr;
+        this.route = route;
     }
     ngOnInit() {
-        this.activeItem = this.tabMenuItems.find((x) => x.routerLink === this.router.url);
+        this.updateActiveItem();
         this.router.events
             .pipe(filter((event) => event instanceof NavigationEnd), takeUntil(this.destroy$))
-            .subscribe((event) => {
-            this.activeItem = this.tabMenuItems.find((x) => x.routerLink === event.urlAfterRedirects);
+            .subscribe(() => {
+            this.updateActiveItem();
             this.cdr.detectChanges();
         });
     }
+    updateActiveItem() {
+        const currentUrl = this.router.url;
+        // Check if current URL ends with the route link
+        this.activeItem = this.tabMenuItems.find((x) => currentUrl.endsWith('/' + x.routerLink) || currentUrl.endsWith(x.routerLink)) || this.tabMenuItems[0];
+    }
     ngOnDestroy() {
         this.destroy$.next(); // Emit a value to trigger takeUntil
         this.destroy$.complete(); // Complete the subject
@@ -1505,15 +1515,35 @@ class TabBarComponent {
     //UI LOGIC
     onActiveItemChange(event) {
         this.activeItem = event;
-        this.router.navigate([event.routerLink]);
+        const routePath = typeof event.routerLink === 'string'
+            ? [event.routerLink]
+            : event.routerLink;
+        // Get the current URL segments
+        const urlSegments = this.router.url.split('/').filter(s => s);
+        const routePathStr = typeof event.routerLink === 'string' ? event.routerLink : event.routerLink.join('/');
+        // Find where we are in the route hierarchy
+        // We need to navigate relative to the ItinerariesComponent route
+        // which is typically the route that has 'explore', 'builder', 'favorites' as children
+        // Try to find the index of the current child route (explore, builder, or favorites)
+        const childRouteIndex = urlSegments.findIndex(seg => seg === 'explore' || seg === 'builder' || seg === 'favorites');
+        if (childRouteIndex >= 0) {
+            // We're at a child route, navigate relative to the parent (ItinerariesComponent)
+            // Build the path up to the parent, then add the new child route
+            const basePath = urlSegments.slice(0, childRouteIndex);
+            this.router.navigate([...basePath, routePathStr]);
+        }
+        else {
+            // Fallback: navigate relative to current route
+            this.router.navigate(routePath, { relativeTo: this.route });
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabBarComponent, deps: [{ token: i2.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabBarComponent, deps: [{ token: i2.Router }, { token: i0.ChangeDetectorRef }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabBarComponent, selector: "app-tab-bar", inputs: { tabMenuItems: "tabMenuItems" }, ngImport: i0, template: "<lib-tab-menu\r\n  [items]=\"tabMenuItems\"\r\n  [activeItem]=\"activeItem\"\r\n  (activeItemChange)=\"onActiveItemChange($event)\"\r\n  #libTabMenu\r\n></lib-tab-menu>\r\n", styles: [""], dependencies: [{ kind: "component", type: i4.LibTabMenuComponent, selector: "lib-tab-menu", inputs: ["items", "activeItem", "stretchTabs"], outputs: ["activeItemChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-tab-bar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<lib-tab-menu\r\n  [items]=\"tabMenuItems\"\r\n  [activeItem]=\"activeItem\"\r\n  (activeItemChange)=\"onActiveItemChange($event)\"\r\n  #libTabMenu\r\n></lib-tab-menu>\r\n" }]
-        }], ctorParameters: () => [{ type: i2.Router }, { type: i0.ChangeDetectorRef }], propDecorators: { tabMenuItems: [{
+        }], ctorParameters: () => [{ type: i2.Router }, { type: i0.ChangeDetectorRef }, { type: i2.ActivatedRoute }], propDecorators: { tabMenuItems: [{
                 type: Input
             }] } });
 
@@ -2181,56 +2211,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class AppSidebarDesktopComponent {
     router;
     location;
+    route;
     ICONS = ICONS;
     currentUrl = '';
     back() {
         this.location.back();
     }
-    constructor(router, location) {
+    constructor(router, location, route) {
         this.router = router;
         this.location = location;
+        this.route = route;
         this.router.events
             .pipe(filter((event) => event instanceof NavigationEnd))
             .subscribe((event) => {
             this.currentUrl = event.urlAfterRedirects;
         });
     }
+    navigateToChildRoute(routePath) {
+        const urlSegments = this.router.url.split('/').filter(s => s);
+        // Find current child route if we're on one
+        const childRouteIndex = urlSegments.findIndex(seg => seg === 'explore' || seg === 'builder' || seg === 'favorites' ||
+            seg === 'comment-search' || seg === 'comments');
+        if (childRouteIndex >= 0) {
+            // Replace the current child route with the new one
+            const basePath = urlSegments.slice(0, childRouteIndex);
+            this.router.navigate([...basePath, routePath]);
+        }
+        else {
+            // Fallback: navigate relative to current route
+            this.router.navigate([routePath], { relativeTo: this.route });
+        }
+    }
     openCommentsSearch() {
-        this.router.navigate([
-            ItinerariesRoutesEnum.ITINERARY,
-            ItinerariesRoutesEnum.COMMENT_SEARCH,
-        ]);
+        this.navigateToChildRoute(ItinerariesRoutesEnum.COMMENT_SEARCH);
     }
     openSearch() {
-        this.router.navigate([
-            ItinerariesRoutesEnum.SEARCH,
-        ]);
+        const urlSegments = this.router.url.split('/').filter(s => s);
+        // Search is a sibling route, not a child of itineraries
+        const itinerariesIndex = urlSegments.findIndex(seg => seg === 'itineraries');
+        if (itinerariesIndex >= 0) {
+            const basePath = urlSegments.slice(0, itinerariesIndex);
+            this.router.navigate([...basePath, 'search']);
+        }
+        else {
+            this.router.navigate([ItinerariesRoutesEnum.SEARCH]);
+        }
     }
     openExplorePage() {
-        this.router.navigate([
-            ItinerariesRoutesEnum.ITINERARY,
-            ItinerariesRoutesEnum.EXPLORE,
-        ]);
+        this.navigateToChildRoute(ItinerariesRoutesEnum.EXPLORE);
     }
     openBuilderPage() {
-        this.router.navigate([
-            ItinerariesRoutesEnum.ITINERARY,
-            ItinerariesRoutesEnum.BUILDER,
-        ]);
+        this.navigateToChildRoute(ItinerariesRoutesEnum.BUILDER);
     }
     openFavoritesPage() {
-        this.router.navigate([
-            ItinerariesRoutesEnum.ITINERARY,
-            ItinerariesRoutesEnum.FAVORITES,
-        ]);
+        this.navigateToChildRoute(ItinerariesRoutesEnum.FAVORITES);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarDesktopComponent, deps: [{ token: i2.Router }, { token: i1$1.Location }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AppSidebarDesktopComponent, selector: "lib-app-sidebar-desktop", ngImport: i0, template: "  <aside class=\"w-[260px] min-h-screen text-white p-4 flex flex-col gap-10 space-y-6 font-semibold hidden md:block\">\r\n  <!-- Header -->\r\n  <ng-template #suffix>\r\n    <span class=\"discard\"><img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" /></span>\r\n  </ng-template>\r\n  <section class=\"flex justify-between\">\r\n    <lib-icon-btn (click)=\"back()\" class=\"checkmark-icon-button\">\r\n      <img [ngSrc]=\"ICONS['back']\" height=\"17\" width=\"18\" />\r\n    </lib-icon-btn>\r\n    <h4 class=\"font-[Calistoga] text-[24px]\">{{ \"SIDEBAR.ITINERARIES\" | translate }}</h4>\r\n    <lib-icon-btn  (click)=\"openSearch()\" class=\"checkmark-icon-button\">\r\n      <img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" />\r\n    </lib-icon-btn>\r\n  </section>\r\n\r\n  <section class=\"flex flex-col gap-10\">\r\n    <!-- Explore Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"m-auto w-[100px] text-center font-[Calistoga] text-[24px] font-normal\" (click)=\"openExplorePage()\">{{ \"SIDEBAR.EXPLORE\" | translate }}</button>    \r\n      <h2 *ngIf=\"currentUrl === '/itineraries/explore'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2>    \r\n      <div class=\"flex justify-center mt-6\">\r\n          <div\r\n              (click)=\"openCommentsSearch()\"\r\n              class=\"flex items-center justify-center rounded-full cursor-pointer\"\r\n              style=\"\r\n                  width: 40px;\r\n                  height: 40px;\r\n                  background: rgba(39, 36, 44, 1);\r\n                  box-shadow:\r\n                  -6.4px -6.4px 20.49px -3.84px rgba(203, 199, 209, 0.25),\r\n                  14.08px 12.8px 34.57px 3.2px rgba(17, 16, 20, 0.65);\r\n              \"\r\n              \r\n              >\r\n              <img [ngSrc]=\"ICONS['desktopSearch']\" height=\"17\" width=\"18\" class=\"w-5 h-5\" />\r\n              </div>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.FEATURED\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.HOT\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.BEST\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.NEW\" | translate}}</button>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Builder Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openBuilderPage()\">{{\"SIDEBAR.BUILDER\" | translate}}</button>\r\n      <h2 *ngIf=\"currentUrl === '/itineraries/builder'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n    </div>\r\n\r\n    <!-- Builder Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openFavoritesPage()\">{{\"SIDEBAR.FAVOURITE\" | translate }}</button>\r\n      <h2 *ngIf=\"currentUrl === '/itineraries/favorites'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n    </div>\r\n  </section>\r\n</aside>", styles: ["aside{background-color:#27242c}.underline-custom{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);height:5px}.filter-outer{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140;box-shadow:14.08px 12.8px 34.57px 3.2px #111014a6;height:40px;width:40px;border-radius:50%;background:#27242c}.filter-item-container{width:40px;height:40px;background:#27242c;box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6}.custom-button{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6;background:#27242c;padding:10px 20px;border-radius:24px}.custom-button.active{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i1$1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarDesktopComponent, deps: [{ token: i2.Router }, { token: i1$1.Location }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AppSidebarDesktopComponent, selector: "lib-app-sidebar-desktop", ngImport: i0, template: "  <aside class=\"w-[260px] min-h-screen text-white p-4 hidden md:flex md:flex-col gap-10 space-y-6 font-semibold\">\r\n  <!-- Header -->\r\n  <ng-template #suffix>\r\n    <span class=\"discard\"><img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" /></span>\r\n  </ng-template>\r\n  <section class=\"flex justify-between\">\r\n    <lib-icon-btn (click)=\"back()\" class=\"checkmark-icon-button\">\r\n      <img [ngSrc]=\"ICONS['back']\" height=\"17\" width=\"18\" />\r\n    </lib-icon-btn>\r\n    <h4 class=\"font-[Calistoga] text-[24px]\">{{ \"SIDEBAR.ITINERARIES\" | translate }}</h4>\r\n    <lib-icon-btn  (click)=\"openSearch()\" class=\"checkmark-icon-button\">\r\n      <img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" />\r\n    </lib-icon-btn>\r\n  </section>\r\n\r\n  <section class=\"flex flex-col gap-10\">\r\n    <!-- Explore Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"m-auto w-[100px] text-center font-[Calistoga] text-[24px] font-normal\" (click)=\"openExplorePage()\">{{ \"SIDEBAR.EXPLORE\" | translate }}</button>    \r\n      <h2 *ngIf=\"currentUrl === '/itineraries/explore'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2>    \r\n      <div class=\"flex justify-center mt-6\">\r\n          <div\r\n              (click)=\"openCommentsSearch()\"\r\n              class=\"flex items-center justify-center rounded-full cursor-pointer\"\r\n              style=\"\r\n                  width: 40px;\r\n                  height: 40px;\r\n                  background: rgba(39, 36, 44, 1);\r\n                  box-shadow:\r\n                  -6.4px -6.4px 20.49px -3.84px rgba(203, 199, 209, 0.25),\r\n                  14.08px 12.8px 34.57px 3.2px rgba(17, 16, 20, 0.65);\r\n              \"\r\n              \r\n              >\r\n              <img [ngSrc]=\"ICONS['desktopSearch']\" height=\"17\" width=\"18\" class=\"w-5 h-5\" />\r\n              </div>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.FEATURED\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.HOT\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.BEST\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.NEW\" | translate}}</button>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Builder Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openBuilderPage()\">{{\"SIDEBAR.BUILDER\" | translate}}</button>\r\n      <h2 *ngIf=\"currentUrl === '/itineraries/builder'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n    </div>\r\n\r\n    <!-- Builder Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openFavoritesPage()\">{{\"SIDEBAR.FAVOURITE\" | translate }}</button>\r\n      <h2 *ngIf=\"currentUrl === '/itineraries/favorites'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n    </div>\r\n  </section>\r\n</aside>", styles: ["aside{background-color:#27242c}.underline-custom{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);height:5px}.filter-outer{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140;box-shadow:14.08px 12.8px 34.57px 3.2px #111014a6;height:40px;width:40px;border-radius:50%;background:#27242c}.filter-item-container{width:40px;height:40px;background:#27242c;box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6}.custom-button{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6;background:#27242c;padding:10px 20px;border-radius:24px}.custom-button.active{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i1$1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarDesktopComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-app-sidebar-desktop', standalone: false, template: "  <aside class=\"w-[260px] min-h-screen text-white p-4 flex flex-col gap-10 space-y-6 font-semibold hidden md:block\">\r\n  <!-- Header -->\r\n  <ng-template #suffix>\r\n    <span class=\"discard\"><img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" /></span>\r\n  </ng-template>\r\n  <section class=\"flex justify-between\">\r\n    <lib-icon-btn (click)=\"back()\" class=\"checkmark-icon-button\">\r\n      <img [ngSrc]=\"ICONS['back']\" height=\"17\" width=\"18\" />\r\n    </lib-icon-btn>\r\n    <h4 class=\"font-[Calistoga] text-[24px]\">{{ \"SIDEBAR.ITINERARIES\" | translate }}</h4>\r\n    <lib-icon-btn  (click)=\"openSearch()\" class=\"checkmark-icon-button\">\r\n      <img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" />\r\n    </lib-icon-btn>\r\n  </section>\r\n\r\n  <section class=\"flex flex-col gap-10\">\r\n    <!-- Explore Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"m-auto w-[100px] text-center font-[Calistoga] text-[24px] font-normal\" (click)=\"openExplorePage()\">{{ \"SIDEBAR.EXPLORE\" | translate }}</button>    \r\n      <h2 *ngIf=\"currentUrl === '/itineraries/explore'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2>    \r\n      <div class=\"flex justify-center mt-6\">\r\n          <div\r\n              (click)=\"openCommentsSearch()\"\r\n              class=\"flex items-center justify-center rounded-full cursor-pointer\"\r\n              style=\"\r\n                  width: 40px;\r\n                  height: 40px;\r\n                  background: rgba(39, 36, 44, 1);\r\n                  box-shadow:\r\n                  -6.4px -6.4px 20.49px -3.84px rgba(203, 199, 209, 0.25),\r\n                  14.08px 12.8px 34.57px 3.2px rgba(17, 16, 20, 0.65);\r\n              \"\r\n              \r\n              >\r\n              <img [ngSrc]=\"ICONS['desktopSearch']\" height=\"17\" width=\"18\" class=\"w-5 h-5\" />\r\n              </div>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.FEATURED\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.HOT\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.BEST\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.NEW\" | translate}}</button>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Builder Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openBuilderPage()\">{{\"SIDEBAR.BUILDER\" | translate}}</button>\r\n      <h2 *ngIf=\"currentUrl === '/itineraries/builder'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n    </div>\r\n\r\n    <!-- Builder Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openFavoritesPage()\">{{\"SIDEBAR.FAVOURITE\" | translate }}</button>\r\n      <h2 *ngIf=\"currentUrl === '/itineraries/favorites'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n    </div>\r\n  </section>\r\n</aside>", styles: ["aside{background-color:#27242c}.underline-custom{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);height:5px}.filter-outer{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140;box-shadow:14.08px 12.8px 34.57px 3.2px #111014a6;height:40px;width:40px;border-radius:50%;background:#27242c}.filter-item-container{width:40px;height:40px;background:#27242c;box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6}.custom-button{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6;background:#27242c;padding:10px 20px;border-radius:24px}.custom-button.active{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561)!important}\n"] }]
-        }], ctorParameters: () => [{ type: i2.Router }, { type: i1$1.Location }] });
+            args: [{ selector: 'lib-app-sidebar-desktop', standalone: false, template: "  <aside class=\"w-[260px] min-h-screen text-white p-4 hidden md:flex md:flex-col gap-10 space-y-6 font-semibold\">\r\n  <!-- Header -->\r\n  <ng-template #suffix>\r\n    <span class=\"discard\"><img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" /></span>\r\n  </ng-template>\r\n  <section class=\"flex justify-between\">\r\n    <lib-icon-btn (click)=\"back()\" class=\"checkmark-icon-button\">\r\n      <img [ngSrc]=\"ICONS['back']\" height=\"17\" width=\"18\" />\r\n    </lib-icon-btn>\r\n    <h4 class=\"font-[Calistoga] text-[24px]\">{{ \"SIDEBAR.ITINERARIES\" | translate }}</h4>\r\n    <lib-icon-btn  (click)=\"openSearch()\" class=\"checkmark-icon-button\">\r\n      <img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" />\r\n    </lib-icon-btn>\r\n  </section>\r\n\r\n  <section class=\"flex flex-col gap-10\">\r\n    <!-- Explore Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"m-auto w-[100px] text-center font-[Calistoga] text-[24px] font-normal\" (click)=\"openExplorePage()\">{{ \"SIDEBAR.EXPLORE\" | translate }}</button>    \r\n      <h2 *ngIf=\"currentUrl === '/itineraries/explore'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2>    \r\n      <div class=\"flex justify-center mt-6\">\r\n          <div\r\n              (click)=\"openCommentsSearch()\"\r\n              class=\"flex items-center justify-center rounded-full cursor-pointer\"\r\n              style=\"\r\n                  width: 40px;\r\n                  height: 40px;\r\n                  background: rgba(39, 36, 44, 1);\r\n                  box-shadow:\r\n                  -6.4px -6.4px 20.49px -3.84px rgba(203, 199, 209, 0.25),\r\n                  14.08px 12.8px 34.57px 3.2px rgba(17, 16, 20, 0.65);\r\n              \"\r\n              \r\n              >\r\n              <img [ngSrc]=\"ICONS['desktopSearch']\" height=\"17\" width=\"18\" class=\"w-5 h-5\" />\r\n              </div>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.FEATURED\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.HOT\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.BEST\" | translate}}</button>\r\n      </div>\r\n      <div class=\"flex justify-center mt-6\">\r\n          <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.NEW\" | translate}}</button>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Builder Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openBuilderPage()\">{{\"SIDEBAR.BUILDER\" | translate}}</button>\r\n      <h2 *ngIf=\"currentUrl === '/itineraries/builder'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n    </div>\r\n\r\n    <!-- Builder Section -->\r\n    <div class=\"flex flex-col justify-center\">\r\n      <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openFavoritesPage()\">{{\"SIDEBAR.FAVOURITE\" | translate }}</button>\r\n      <h2 *ngIf=\"currentUrl === '/itineraries/favorites'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n    </div>\r\n  </section>\r\n</aside>", styles: ["aside{background-color:#27242c}.underline-custom{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);height:5px}.filter-outer{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140;box-shadow:14.08px 12.8px 34.57px 3.2px #111014a6;height:40px;width:40px;border-radius:50%;background:#27242c}.filter-item-container{width:40px;height:40px;background:#27242c;box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6}.custom-button{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6;background:#27242c;padding:10px 20px;border-radius:24px}.custom-button.active{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561)!important}\n"] }]
+        }], ctorParameters: () => [{ type: i2.Router }, { type: i1$1.Location }, { type: i2.ActivatedRoute }] });
 
 class ItinerariesComponent {
     router;
@@ -2783,7 +2825,8 @@ class BranchedItinerariesComponent {
     }
     navigateToDetail(_item) {
         this.router.navigate([
-            `itineraries/${ItinerariesRoutesEnum.ITINERARY_DETAIL}`,
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.ITINERARY_DETAIL,
         ]);
     }
     navToBranchItinerary = (id) => {
@@ -2931,7 +2974,7 @@ class BuilderComponent {
             }];
     }
     navigateArchives() {
-        this.router.navigate(['/archives/archives']);
+        this.router.navigate([ItinerariesRoutesEnum.ARCHIVES]);
     }
     actionCardClicked() {
         this.router.navigate([ItinerariesRoutesEnum.ITINERARY, ItinerariesRoutesEnum.CREATE_ITINERARY]);
@@ -9220,30 +9263,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         }] });
 
 const routes = [
-    { path: '', redirectTo: 'itineraries', pathMatch: 'full' },
-    {
-        path: 'itineraries',
-        loadChildren: () => ItinerariesModule
-    },
     {
-        path: 'search',
-        loadChildren: () => SearchModule
-    },
-    {
-        path: 'archives',
-        loadChildren: () => ArchivesModule
-    },
-    {
-        path: 'dashboard',
-        loadChildren: () => DashboardModule,
-    },
-    {
-        path: 'pathway',
-        loadChildren: () => PathwayModule
-    },
-    {
-        path: 'user',
-        loadChildren: () => UserModule
+        path: '',
+        component: ItineraryLibComponent,
+        children: [
+            {
+                path: '',
+                loadChildren: () => ItinerariesModule
+            },
+            {
+                path: 'itineraries',
+                loadChildren: () => ItinerariesModule
+            },
+            {
+                path: 'search',
+                loadChildren: () => SearchModule
+            },
+            {
+                path: 'archives',
+                loadChildren: () => ArchivesModule
+            },
+            {
+                path: 'dashboard',
+                loadChildren: () => DashboardModule,
+            },
+            {
+                path: 'pathway',
+                loadChildren: () => PathwayModule
+            },
+            {
+                path: 'user',
+                loadChildren: () => UserModule
+            },
+        ]
     },
 ];
 class ItineraryLibRoutingModule {