diff --git a/packages/angular-sdk-components/src/lib/_components/field/group/group.component.ts b/packages/angular-sdk-components/src/lib/_components/field/group/group.component.ts index cbfc3e81..3d840594 100644 --- a/packages/angular-sdk-components/src/lib/_components/field/group/group.component.ts +++ b/packages/angular-sdk-components/src/lib/_components/field/group/group.component.ts @@ -1,5 +1,5 @@ import { CommonModule } from '@angular/common'; -import { Component, forwardRef, Input, OnInit } from '@angular/core'; +import { Component, forwardRef, Input, OnDestroy, OnInit } from '@angular/core'; import { FormGroup } from '@angular/forms'; import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect'; import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component'; @@ -19,7 +19,7 @@ interface GroupProps extends PConnFieldProps { styleUrls: ['./group.component.scss'], imports: [CommonModule, forwardRef(() => ComponentMapperComponent)] }) -export class GroupComponent implements OnInit { +export class GroupComponent implements OnInit, OnDestroy { @Input() pConn$: typeof PConnect; @Input() formGroup$: FormGroup; @@ -42,6 +42,12 @@ export class GroupComponent implements OnInit { this.checkAndUpdate(); } + additionalProps() { + return { + visibility: this.pConn$.getComputedVisibility() + }; + } + // Callback passed when subscribing to store change onStateChange() { this.checkAndUpdate(); @@ -86,4 +92,10 @@ export class GroupComponent implements OnInit { }); } } + + ngOnDestroy(): void { + if (this.angularPConnectData.unsubscribeFn) { + this.angularPConnectData.unsubscribeFn(); + } + } }