fix(lightbox): event run action not passing the theme attribute

Author: marcelojcs

packages/web-components/src/components/cta/video-cta-composite.ts

@@ -145,7 +145,7 @@ class C4DVideoCTAComposite extends ModalRenderMixin(
       }
       if (theme) {
         const lightboxVideoPlayer = (
-          this.modalRenderRoot as Element
+          this.modalRenderRoot?.parentElement as Element
         ).querySelector(selectorVideoPlayer) as Element;
         lightboxVideoPlayer.setAttribute('theme', theme);
       }

packages/web-components/src/components/lightbox-media-viewer/lightbox-video-player-composite.ts

@@ -94,11 +94,12 @@ class C4DLightboxVideoPlayerComposite extends ModalRenderMixin(
 
     // Return CTA element to original container
     if (this.ctaElement) {
-      const container = document.querySelector(
-        `c4d-video-player-container-v7[video-id="${videoId}"]`
-      ) as any;
-      if (container && typeof container._returnCTA === 'function') {
-        container._returnCTA();
+      const container = (this as Element).parentElement
+        ?.parentElement as Element;
+      if (container) {
+        container.querySelectorAll('[slot="cta"]').forEach((cta) => {
+          cta.remove();
+        });
       }
       this.ctaElement = null;
     }

packages/web-components/src/components/video-player-v7/video-player-container.ts

@@ -30,6 +30,7 @@ import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import C4DVideoPlayerComposite from './video-player-composite';
 import { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
 import { LocaleAPI } from '@carbon/ibmdotcom-services/es/services/Locale/index';
+import { deburr } from 'lodash-es';
 
 const { stablePrefix: c4dPrefix } = settings;
 
@@ -165,6 +166,7 @@ export const C4DVideoPlayerContainerMixin = <
      */
     _returnCTA(): void {
       if (this.ctaElement) {
+        debugger;
         this.appendChild(this.ctaElement);
       }
     }