auro-carousel: callback after panes are fully loaded

[jesussilverioea]

Is your feature request related to a problem? Please describe.

At the moment we are implementing a shoulder svelte component for our search microsite. I am facing some issues while implementing the a center pane on the selected pane due to not have a way to know when the panes have fully loaded.

Project Link: https://github.com/Alaska-ECommerce/flightsearch-lem-svelte Workaround: https://github.com/Alaska-ECommerce/flightsearch-lem-svelte/blob/main/src/lib/results/ShoulderDates.svelte#L27

At the moment, I played with lifecycle methods in order to wait until the panes are fully loaded. In addition, I also tried to put a setTimout to wait 1 sec for the panes to load. This 2 solutions seem to me hacky and not ideal.

Describe the solution you'd like

• I would like to get some sort of callback or return that tells me that the panes are fully loaded with the data so I can use my handleCenter() function to center the carousel to the middle of the screen.
• A Center carousel on the selected one. we pass the selected pane which is the one that gets darken, it would be ideal if the carousel also centers to the selected one.

Describe alternatives you've considered

• Set 1 second timeout in order to wait for the panes to load.
• Use lifecycle methods to sort of re-render once the variable that I hold the selected pane changes.

[jesussilverioea]

Issue is being tracked by: https://github.com/AlaskaAirlines/auro-carousel/issues/19