bump: Alex chore release 20.0.0 (#6759)

* chore(docs): updated docs tabset to work properly in v20

* chore(docs): updated docs tabset to work properly in v20

* chore(docs): updated docs tabset to work properly in v20

* chore(docs): updated docs tabset to work properly in v20

* chore(docs): updated docs tabset to work properly in v20

* chore(docs): updated docs tabset to work properly in v20

Author: lexasq

libs/common-docs/src/lib/docs-section/docs-section.component.ts

@@ -1,7 +1,6 @@
 import { ContentSection } from '../models/content-section.model';
-import { ChangeDetectorRef, Component, Injector, Input, OnDestroy } from '@angular/core';
-import { ActivatedRoute, NavigationEnd, Router, NavigationExtras } from '@angular/router';
-import { Subscription } from 'rxjs';
+import { ChangeDetectorRef, Component, Injector, Input } from '@angular/core';
+import { Router, NavigationExtras } from '@angular/router';
 
 const availableTabsPaths = ['overview', 'api', 'examples'] as const;
 type AvailableTabsPathsType = typeof availableTabsPaths[number];
@@ -11,7 +10,7 @@ type AvailableTabsPathsType = typeof availableTabsPaths[number];
   selector: 'docs-section',
 
   template: `
-    <ng-container *ngIf="content">
+    @if (content) {
       <tabset class="example-tabset-box">
         <tab heading="Overview" [customClass]="'example-tabset'" [active]="overview" (selectTab)="onSelect('overview')">
           <ng-container *ngComponentOutlet="content[0].outlet; injector: sectionInjections(content[0])"></ng-container>
@@ -24,46 +23,22 @@ type AvailableTabsPathsType = typeof availableTabsPaths[number];
         </tab>
       </tabset>
       <add-nav class="add-nav" [componentContent]="overview ? content[0] : api ? content[1] : content[2]"></add-nav>
-    </ng-container>
+    }
   `,
   standalone: false
 })
-export class DocsSectionComponent implements OnDestroy {
+export class DocsSectionComponent {
   @Input() content: ContentSection[] | undefined;
   _injectors = new Map<ContentSection, Injector>();
-  routeSubscription: Subscription;
   overview = false;
   api = false;
   examples = false;
 
   constructor(
     private injector: Injector,
-    private activatedRoute: ActivatedRoute,
     private router: Router,
     private changeDetection: ChangeDetectorRef
   ) {
-    this.routeSubscription = this.router.events.subscribe((event) => {
-      if (event instanceof NavigationEnd) {
-        const params = this.router.parseUrl(event.url).queryParams;
-        this.initActiveTab(params['tab']?.toString());
-      }
-    });
-  }
-
-  initActiveTab(activeTab?: string) {
-    this.resetTabs();
-    if (!activeTab || !this.checkActiveTab(activeTab)) {
-      this.overview = true;
-      this.onSelect('overview');
-      return;
-    }
-
-    this[activeTab as AvailableTabsPathsType] = true;
-    this.changeDetection.detectChanges();
-  }
-
-  checkActiveTab(activeTab: string): boolean {
-    return activeTab === 'overview' || activeTab === 'api' || activeTab === 'examples';
   }
 
   onSelect(tabName: string) {
@@ -99,8 +74,4 @@ export class DocsSectionComponent implements OnDestroy {
     this.api = false;
     this.examples = false;
   }
-
-  ngOnDestroy() {
-    this.routeSubscription.unsubscribe();
-  }
 }