[FIX] website: avoid infinite wait for carousel slide operation

pre-forward port of 208853

Author: bso-odoo

addons/website/static/src/core/website_edit_service.js

@@ -122,7 +122,18 @@ registry.category("services").add("website_edit", {
                         return (...args) => historyCallbacks.ignoreDOMMutations(() => fn(...args));
                     },
                     addListener(target, event, fn, options) {
-                        fn = fn.bind(this.interaction);
+                        const boundFn = fn.bind(this.interaction);
+                        if (event.startsWith("slide.bs.carousel")) {
+                            // Never allow cancelling this event in edit mode.
+                            fn = (...args) => {
+                                const ev = args[0];
+                                ev.preventDefault = () => {};
+                                ev.stopPropagation = () => {};
+                                return boundFn(...args);
+                            };
+                        } else {
+                            fn = boundFn;
+                        }
                         let stealth = true;
                         const parts = event.split(".");
                         if (parts.includes("keepInHistory") || options?.keepInHistory) {

addons/website/static/src/interactions/carousel/carousel_slider.js

@@ -1,5 +1,6 @@
 import { Interaction } from "@web/public/interaction";
 import { registry } from "@web/core/registry";
+import { onceAllImagesLoaded } from "@website/utils/images";
 
 export class CarouselSlider extends Interaction {
     static selector = ".carousel";
@@ -97,6 +98,11 @@ export class CarouselSlider extends Interaction {
             // If images are loading, prevent the slide transition. It will
             // slide once the next images are loaded.
             ev.preventDefault();
+            onceAllImagesLoaded(this.carouselInnerEl).then(
+                () => {
+                    Carousel.getOrCreateInstance(this.el).to(ev.to);
+                }
+            );
             return;
         }
         if (this.options.scrollMode === "single") {