OZG-3448 OZG-3467 avoid ngAfterContentInint console exception

goofy-client/libs/ui/src/lib/ui/button-toggle-group/button-toggle-group.component.ts

-import { AfterContentInit, Component, ContentChildren, Input, QueryList, ViewChild } from '@angular/core';
+import { Component, Input, ViewChild } from '@angular/core';
 import { MatButtonToggleGroup } from '@angular/material/button-toggle';
-import { ButtonToggleComponent } from '../button-toggle/button-toggle.component';
 
 @Component({
 	selector: 'goofy-client-button-toggle-group',
 	templateUrl: './button-toggle-group.component.html',
 	styleUrls: ['./button-toggle-group.component.scss'],
 })
-export class ButtonToggleGroupComponent implements AfterContentInit {
+export class ButtonToggleGroupComponent {
 
 	@Input() name: string;
 	@Input() default: string;
 
-	@ViewChild('buttonToggleGroup', { static: true }) buttonToggleGroup: MatButtonToggleGroup;
-
-	@ContentChildren(ButtonToggleComponent) componentAInstances: QueryList<ButtonToggleComponent>;
-
-    ngAfterContentInit(): void {
-		this.addButtonsToGroup();
-    }
-
-	addButtonsToGroup(): void {
-		this.componentAInstances.forEach(component => component.matButtonToggle.buttonToggleGroup = this.buttonToggleGroup);
-	}
+	@ViewChild('matButtonToggleGroup', { static: true }) buttonToggleGroup: MatButtonToggleGroup;
 }
\ No newline at end of file

goofy-client/libs/ui/src/lib/ui/button-toggle/button-toggle.component.ts

-import { Component, Input, ViewChild } from '@angular/core';
-import { MatButtonToggle } from '@angular/material/button-toggle';
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { MatButtonToggle, MatButtonToggleGroup } from '@angular/material/button-toggle';
 
 @Component({
 	selector: 'goofy-client-button-toggle',
 	templateUrl: './button-toggle.component.html',
 	styleUrls: ['./button-toggle.component.scss'],
 })
-export class ButtonToggleComponent {
+export class ButtonToggleComponent implements OnInit {
 
 	@Input() value: string;
+	@Input() buttonToggleGroup: MatButtonToggleGroup;
 
 	@ViewChild('buttonToggle', { static: true }) matButtonToggle: MatButtonToggle;
+
+	ngOnInit(): void {
+		this.matButtonToggle.buttonToggleGroup = this.buttonToggleGroup;
+	}
 }

goofy-client/libs/vorgang/src/lib/vorgang-list-page/vorgang-filter-menu-container/vorgang-filter-menu/vorgang-filter-menu.component.html

-<goofy-client-button-toggle-group name="vorgang-filter">
-	<goofy-client-button-toggle value="meine" *ngIf="apiRootStateResource.resource | hasLink: apiRootLinkRel.MY_VORGAENGE" data-test-id="my-vorgaenge-navigation-item">
+<goofy-client-button-toggle-group #toggleButtonGroup name="vorgang-filter">
+	<goofy-client-button-toggle value="meine" *ngIf="apiRootStateResource.resource | hasLink: apiRootLinkRel.MY_VORGAENGE" data-test-id="my-vorgaenge-navigation-item"
+			[buttonToggleGroup]="toggleButtonGroup.buttonToggleGroup">
 		<goofy-client-vorgang-meine-filter-item  [selectedNavigationItem]="selectedNavigationItem" (selectItem)="selectItem.emit($event)">
 		</goofy-client-vorgang-meine-filter-item>
 	</goofy-client-button-toggle >
-	<goofy-client-button-toggle value="alle" *ngIf="apiRootStateResource.resource | hasLink: apiRootLinkRel.VORGAENGE" data-test-id="all-vorgaenge-navigation-item">
+	<goofy-client-button-toggle value="alle" *ngIf="apiRootStateResource.resource | hasLink: apiRootLinkRel.VORGAENGE" data-test-id="all-vorgaenge-navigation-item"
+			[buttonToggleGroup]="toggleButtonGroup.buttonToggleGroup">
 		<goofy-client-vorgang-alle-filter-item  [selectedNavigationItem]="selectedNavigationItem" (selectItem)="selectItem.emit($event)">
 		</goofy-client-vorgang-alle-filter-item>
 	</goofy-client-button-toggle>
 </goofy-client-button-toggle-group>
\ No newline at end of file
-