From ec1a26469d8d988066f284c242e7d5729726cd4b Mon Sep 17 00:00:00 2001
From: andreas <cordobo@web.de>
Date: Thu, 9 May 2024 02:43:16 +0200
Subject: [PATCH] chore: static page deployment

---
 projects/demo-app/src/app/app.component.html | 3 ++-
 projects/demo-app/src/app/app.component.ts   | 7 +++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/projects/demo-app/src/app/app.component.html b/projects/demo-app/src/app/app.component.html
index 4527334..7b741d1 100644
--- a/projects/demo-app/src/app/app.component.html
+++ b/projects/demo-app/src/app/app.component.html
@@ -53,7 +53,8 @@ <h4>Installation</h4>
         </mat-card-content>
 
         <mat-card-content>
-          <mat-tab-group animationDuration="0ms" [(selectedIndex)]="selectedIndex">
+          <mat-tab-group animationDuration="0ms" [selectedIndex]="selected.value"
+            (selectedIndexChange)="selected.setValue($event)">
             <mat-tab label="HTML">
               <h4>Copy & Paste this code</h4>
               <p>
diff --git a/projects/demo-app/src/app/app.component.ts b/projects/demo-app/src/app/app.component.ts
index 0fd5b19..9fb3af5 100644
--- a/projects/demo-app/src/app/app.component.ts
+++ b/projects/demo-app/src/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component } from "@angular/core"
+import { FormControl } from "@angular/forms"
 import { MatSnackBar } from "@angular/material/snack-bar"
 import { SafeUrl } from "@angular/platform-browser"
 import {
@@ -58,7 +59,7 @@ export class AppComponent {
 
   public qrCodeSrc!: SafeUrl
 
-  public selectedIndex: number
+  public selected = new FormControl(0)
 
   public marginList: ListType
   public scaleList: ListType
@@ -70,8 +71,6 @@ export class AppComponent {
   public showImage: boolean
 
   constructor(private _snackBar: MatSnackBar) {
-    this.selectedIndex = 0
-
     this.showA11y = true
     this.showColors = true
     this.showCss = true
@@ -152,7 +151,7 @@ export class AppComponent {
   }
 
   setTabIndex(idx: number): boolean {
-    this.selectedIndex = idx
+    this.selected.setValue(idx)
     return false
   }