refactor(tab-panel): animateChild for optional nested animations

xidedix · xidedix · commit ad26f8a50a71 · 2024-11-14T11:02:31.000Z
diff --git a/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.ts b/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.ts
@@ -1,4 +1,4 @@
-import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';
+import { animate, animateChild, AnimationEvent, query, state, style, transition, trigger } from '@angular/animations';
 import {
   Component,
   computed,
@@ -35,7 +35,7 @@ type VisibleChangeEvent = { itemKey: string | number; visible: boolean };
       state('show', style({ opacity: 1 })),
       state('hide', style({ opacity: 0 })),
       state('void', style({ opacity: 0 })),
-      transition('* => *', [animate('150ms linear')])
+      transition('* => *', [query('@*', [animateChild()], { optional: true }), animate('150ms linear')])
     ])
   ]
 })
