Need events for page inside popup

I have a component that contains a popup like this:

  <custom-component />

And custom component template looks like this:

      ... other stuff ...

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?


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?