📚 Add hook to "destroy" or "unload" the Loop Carousel instance

[rmorse]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

This is borderline bug / feature request.

I'm trying to integrate our plugin with the Loop Carousel (we've already successfully integrated with the Loop Grid)

However I'm having issue with the Loop Carousel as its throwing an error whenever we update the HTML.

I think we need a way to "destroy" or "unload" the Loop Carousel JS.

Our integration with the Loop Grid works something like this:

1. A user searches with our plugin
2. We load the results page via JS request
3. Extract the results HTML (loop grid) and replace it on the current page
4. Then we run window.elementorFrontend.elementsHandler.runReadyTrigger on the Elementor Elements to re-init them after the search has happened.

So far so good.

However the issue is with the loop Carousel. As soon as we replace the HTML in the carousel, we get a JS error:

What I think we need is a way to stop/unload the JS events of the loop carousel.

Describe the solution you'd like

That got me thinking, it would be really handy if an Element that has JS, always had an "unload" function (I don't see this in the docs) so it would be consistently implemented across all elements that need it.

Describe alternatives you've considered

No response

Additional context

No response

[VladN06]

It would be great to have this issue fixed in Elementor.
I've beed trying to use Search & Filter with the loop carousel and it would be a great feature.