valor-software
diff --git a/‎ZONELESS_MIGRATION_PLAN.md‎
Lines changed: 905 additions & 0 deletions b/‎ZONELESS_MIGRATION_PLAN.md‎
Lines changed: 905 additions & 0 deletions
diff --git a/‎apps/ngx-bootstrap-docs/src/app/app.component.html‎
Lines changed: 1 addition & 1 deletion b/‎apps/ngx-bootstrap-docs/src/app/app.component.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎apps/ngx-bootstrap-docs/src/app/app.component.ts‎
Lines changed: 44 additions & 28 deletions b/‎apps/ngx-bootstrap-docs/src/app/app.component.ts‎
Lines changed: 44 additions & 28 deletions
diff --git a/‎apps/ngx-bootstrap-docs/src/app/app.module.ts‎
Lines changed: 2 additions & 1 deletion b/‎apps/ngx-bootstrap-docs/src/app/app.module.ts‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎apps/ngx-bootstrap-docs/src/main.ts‎
Lines changed: 2 additions & 2 deletions b/‎apps/ngx-bootstrap-docs/src/main.ts‎
Lines changed: 2 additions & 2 deletions
@@ -1,5 +1,5 @@
 <top-menu></top-menu>
-@if (showSidebar) {
+@if (showSidebar()) {
   <sidebar id="sidebar" class="sidebar"></sidebar>
 }
 <router-outlet></router-outlet>
@@ -1,6 +1,7 @@
 import { DOCUMENT } from '@angular/common';
-import { AfterContentInit, Component, Inject } from '@angular/core';
+import { AfterContentInit, Component, Inject, signal } from '@angular/core';
 import { ActivatedRoute, NavigationEnd, Router, UrlSerializer } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Analytics } from '@ngx-bootstrap-doc/docs';
 import { filter } from 'rxjs/operators';
 
@@ -11,15 +12,32 @@ import { filter } from 'rxjs/operators';
   standalone: false
 })
 export class AppComponent implements AfterContentInit {
-  showSidebar = false;
+  showSidebar = signal(false);
 
   constructor(
     private route: ActivatedRoute,
     private router: Router,
     private urlSerializer: UrlSerializer,
     private analytics: Analytics,
     @Inject(DOCUMENT) private document: any
-  ) {}
+  ) {
+    const getUrl = () => {
+      const url = this.router.routerState.snapshot.url;
+      const idx = url.indexOf('#');
+      return idx === -1 ? url : url.slice(0, idx);
+    };
+
+    this.showSidebar.set(!!getUrl() && getUrl() !== '/');
+
+    this.router.events
+      .pipe(
+        filter(event => event instanceof NavigationEnd),
+        takeUntilDestroyed()
+      )
+      .subscribe(() => {
+        this.showSidebar.set(!!getUrl() && getUrl() !== '/');
+      });
+  }
 
   // almost same logic exists in top-menu component
   ngAfterContentInit(): any {
@@ -28,35 +46,33 @@ export class AppComponent implements AfterContentInit {
     const getUrl = (router: Router) =>
       router.routerState.snapshot.url.slice(0, router.routerState.snapshot.url.indexOf('#'));
     let _prev = getUrl(this.router);
-    const justDoIt = (): void => {
-      const _cur = getUrl(this.router);
-      this.showSidebar = !!getUrl(this.router);
-      if (typeof PR !== 'undefined' && _prev !== _cur) {
-        _prev = _cur;
-        // google code-prettify
-        PR.prettyPrint();
-      }
-
-      const hash = this.route.snapshot.fragment;
-      if (hash) {
-        const target: HTMLElement | null = this.document.getElementById(hash);
-        const header: HTMLElement | null = this.document.getElementById('header');
-        if (target && header) {
-          setTimeout(() => {
-            const sidebar: HTMLElement | null = this.document.getElementById('sidebar');
-            const targetPosY: number =  innerWidth <= 991 ? target.offsetTop - header.offsetHeight - 6 - (sidebar?.offsetHeight || 0) : target.offsetTop - header.offsetHeight - 6;
-            window.scrollTo({top: targetPosY, behavior: 'smooth'});
-          }, 100);
-        }
-      } else {
-        window.scrollTo({top: 0, behavior: 'smooth'});
-      }
-    };
 
     this.router.events
       .pipe(
         filter(event => event instanceof NavigationEnd)
       )
-      .subscribe(() => setTimeout(() => justDoIt(), 50));
+      .subscribe(() => setTimeout(() => {
+        const _cur = getUrl(this.router);
+        if (typeof PR !== 'undefined' && _prev !== _cur) {
+          _prev = _cur;
+          // google code-prettify
+          PR.prettyPrint();
+        }
+
+        const hash = this.route.snapshot.fragment;
+        if (hash) {
+          const target: HTMLElement | null = this.document.getElementById(hash);
+          const header: HTMLElement | null = this.document.getElementById('header');
+          if (target && header) {
+            setTimeout(() => {
+              const sidebar: HTMLElement | null = this.document.getElementById('sidebar');
+              const targetPosY: number =  innerWidth <= 991 ? target.offsetTop - header.offsetHeight - 6 - (sidebar?.offsetHeight || 0) : target.offsetTop - header.offsetHeight - 6;
+              window.scrollTo({top: targetPosY, behavior: 'smooth'});
+            }, 100);
+          }
+        } else {
+          window.scrollTo({top: 0, behavior: 'smooth'});
+        }
+      }, 50));
   }
 }
@@ -1,5 +1,5 @@
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { NgModule } from '@angular/core';
+import { NgModule, provideZonelessChangeDetection } from '@angular/core';
 import { provideRouter, withEnabledBlockingInitialNavigation  } from '@angular/router';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
@@ -14,6 +14,7 @@ import { routes } from './app.routing';
     bootstrap: [AppComponent], imports: [BrowserAnimationsModule,
         DocsModule,
         ], providers: [
+        provideZonelessChangeDetection(),
         provideRouter(routes, withEnabledBlockingInitialNavigation()),
         { provide: NgApiDoc, useValue: ngdoc },
         { provide: DOCS_TOKENS, useValue: routes },
 
@@ -1,4 +1,4 @@
-import { enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app/app.module';
@@ -9,5 +9,5 @@ if (environment.production) {
 }
 
 platformBrowserDynamic()
-  .bootstrapModule(AppModule, { applicationProviders: [provideZoneChangeDetection()], })
+  .bootstrapModule(AppModule)
   .catch((err) => console.error(err));
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`<top-menu></top-menu>`
`2`		`-@if (showSidebar) {`
	`2`	`+@if (showSidebar()) {`
`3`	`3`	`<sidebar id="sidebar" class="sidebar"></sidebar>`
`4`	`4`	`}`
`5`	`5`	`<router-outlet></router-outlet>`