Nested nb-reveal-card can't reveal seperate

[nyffellare]

Issue type

I'm submitting a ... (check one with "x")

• [X] bug report
• [ ] feature request

Issue description

Current behavior: Add a reveal card inside a reveal card and the revealed property of the nested component will follow the parent.

Expected behavior: The nested card reveal should follow its own revealed parameter and not the parent one.

Steps to reproduce: Use the understanding code. Its expected to show Front 2 (parent is revealed, and child is not revealed) but it shows BACK2. (parent is revealed and childs also revealed.

Related code: <nb-reveal-card #parent [revealed]="true" [showToggleButton]="false"> <nb-card-front> <nb-card> <nb-reveal-card #child1 [revealed]="false"> <nb-card-front> <nb-card>FRONT1</nb-card> </nb-card-front> <nb-card-back> <nb-card>BACK1</nb-card> </nb-card-back> </nb-reveal-card> </nb-card> </nb-card-front> <nb-card-back> <nb-card> <nb-reveal-card #child2 [revealed]="false" [showToggleButton]="false"> <nb-card-front> <nb-card>FRONT2</nb-card> </nb-card-front> <nb-card-back> <nb-card>BACK2</nb-card> </nb-card-back> </nb-reveal-card> </nb-card> </nb-card-back> </nb-reveal-card>

Other information:

Angular 15.2.0 and Nebular 11.0.0