I have found a “solution”, without custom code.
1- Removed Display: None from Set as initial state of the modal in the Element trigger interaction (a button in the page).
2- I created a Page trigger > When page finishes loading with display: flex and then display: none … as initial state of the modal .
Since the opacity of the initial state of the modal (In Element trigger interaction) is 0, when the page finishes loading, the modal (display: flex, opacity: 0) updates the slider component and then disappears (display:none, opacity: 0) without being seen by the users.
Later, if the modal is triggered by the page button, it will have all the slider information preloaded.
In my case it’s just one modal with a slider so it does not affect the loading time.
It may also work When Page Start Loading
regards