action-menu.component.ts

import { TippyModule } from '@ngneat/helipopper';
import { SvgIconsModule } from '@ngneat/svg-icon';

@Component({
  template: `
    <svg-icon key="chevron" [tippy]="menu" (visible)="onVisible($event)"></svg-icon>

    <ng-template #menu>
      ... render the actions
    </ng-template>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class ResourceActionsComponent {
  @Input() actions: Action[];
  @Input() isGridContext = false;

  onVisible($event) {
    if(this.isGridContext) { ... }
  }
}

@NgModule({
  declarations: [ResourceActionsComponent],
  imports: [CommonModule, TippyModule, SvgIconsModule],
  exports: [ResourceActionsComponent],
})
export class ResourceActionsModule {}