Need events for page inside popup

Questions
1

I have a component that contains a popup like this:

<f7-popup>
  <custom-component />
</f7-popup>

And custom component template looks like this:

<template>
  <f7-page>
      ... other stuff ...
   <f7-page>
</template

I need an event inside custom component whenever it’s opened to perform some business logic. Is that possible? I tried some of the page:* events like page:init, page:reinit, page:beforein, page:afterin. But none of them fire. I’m not sure if those events maybe only work when direct parent is a view, perhaps with router enabled?

Thanks.

2

I ended up moving the <f7-popup> inside the custom component in order to hook into the popup events. I had originally preferred declaring the popup inside the parent component in order to make the custom component re-usable in non-popup scenarios, but in actuality I don’t need that now.

I’m still curious though if there is solution using the original approach?