npm - @carbon/ibmdotcom-web-components - Versions diffs - 2.55.1 → 2.55.3 - Mend

@carbon/ibmdotcom-web-components 2.55.1 → 2.55.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/es/components/video-player-v7/video-player-composite.d.ts CHANGED Viewed

@@ -691,6 +691,24 @@ declare const C4DVideoPlayerComposite_base: (abstract new (...args: any[]) => {
  * @csspart video-player - The video player. Usage `c4d-video-player-composite-v7::part(video-player)`
  */
 declare class C4DVideoPlayerComposite extends C4DVideoPlayerComposite_base {
+    /**
+     * Listener registered on `at-content-rendering-succeeded/failed` while waiting
+     * for Adobe Target to settle before setting up the IntersectionObserver.
+     * Stored so it can be removed in `disconnectedCallback`.
+     */
+    private _atSettleHandler?;
+    /**
+     * Fallback timer ID used when Adobe Target never fires its settle events.
+     */
+    private _atFallback?;
+    /**
+     * Observer watching for removal of the AEP Web SDK (alloy) prehiding style
+     * (`<style id="alloy-prehiding">`), which signals that personalization
+     * decisions have been rendered. Used instead of the at.js
+     * `at-content-rendering-*` events on pages running alloy, which never fires
+     * those events.
+     */
+    private _atPrehidingObserver?;
     /**
      * The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.
      */

package/es/components/video-player-v7/video-player-composite.js CHANGED Viewed

@@ -64,6 +64,35 @@ let C4DVideoPlayerComposite = _decorate([customElement(`${c4dPrefix}-video-playe
        * @internal
        */
+      /**
+       * Listener registered on `at-content-rendering-succeeded/failed` while waiting
+       * for Adobe Target to settle before setting up the IntersectionObserver.
+       * Stored so it can be removed in `disconnectedCallback`.
+       */
+      /**
+       * Fallback timer ID used when Adobe Target never fires its settle events.
+       */
+      /**
+       * Observer watching for removal of the AEP Web SDK (alloy) prehiding style
+       * (`<style id="alloy-prehiding">`), which signals that personalization
+       * decisions have been rendered. Used instead of the at.js
+       * `at-content-rendering-*` events on pages running alloy, which never fires
+       * those events.
+       */
+      /**
+       * Placeholder divs parked in `document.body` by `_embedVideoImpl` (mixed in
+       * by the container) while a Kaltura embed is queued or in flight. Tracked so
+       * `disconnectedCallback` can remove them: once removed, the
+       * `getElementById(targetId)` guard in `legacyPromiseKWidget` returns null
+       * and the dead embed drains from `_ibmKalturaEmbedQueue` immediately instead
+       * of fully embedding a hidden orphaned player.
+       *
+       * @internal
+       */
       /**
        * The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.
        */
@@ -154,11 +183,19 @@ let C4DVideoPlayerComposite = _decorate([customElement(`${c4dPrefix}-video-playe
         const {
           videoId
         } = this;
-        entries.forEach(entry => {
+        entries.forEach(async entry => {
           if (entry.isIntersecting && this._getAutoplayPreference() !== false) {
-            var _this$_embedMedia;
-            (_this$_embedMedia = this._embedMedia) === null || _this$_embedMedia === void 0 || _this$_embedMedia.call(this, videoId);
-            this.playAllVideos();
+            var _this$_embedMedia, _this$_embedMedia$the, _this$_embedMedia$the2;
+            await this.updateComplete;
+            (_this$_embedMedia = this._embedMedia) === null || _this$_embedMedia === void 0 || (_this$_embedMedia = _this$_embedMedia.call(this, videoId)) === null || _this$_embedMedia === void 0 || (_this$_embedMedia$the = _this$_embedMedia.then) === null || _this$_embedMedia$the === void 0 || (_this$_embedMedia$the = _this$_embedMedia$the.call(_this$_embedMedia, player => {
+              if (player) {
+                this.playAllVideos();
+              }
+            })) === null || _this$_embedMedia$the === void 0 || (_this$_embedMedia$the2 = _this$_embedMedia$the.catch) === null || _this$_embedMedia$the2 === void 0 || _this$_embedMedia$the2.call(_this$_embedMedia$the, err => {
+              if (process.env.NODE_ENV !== 'production') {
+                console.warn('[VP-DEBUG] embed failed in IO handler', err);
+              }
+            });
           }
         });
       }
@@ -564,9 +601,70 @@ let C4DVideoPlayerComposite = _decorate([customElement(`${c4dPrefix}-video-playe
           }
         }
         if (this.intersectionMode) {
-          this._cleanAndCreateObserverIntersection({
-            create: true
-          });
+          var _adobe;
+          // alloy never fires at.js events, so we watch for #alloy-prehiding
+          // removal instead; classic at.js fires at-content-rendering-*. No
+          // signal pending means no personalization is coming, so skip the wait.
+          const prehidingEl = document.getElementById('alloy-prehiding');
+          const atObj = (_adobe = window.adobe) === null || _adobe === void 0 ? void 0 : _adobe.target;
+          const realAtJs = !!atObj && (typeof atObj.getOffers === 'function' || typeof atObj.getOffer === 'function' || typeof atObj.applyOffers === 'function');
+          if (prehidingEl || realAtJs) {
+            // Warm the Kaltura SDK while we wait for AT to settle, so loader.js
+            // downloads in parallel with the AT defer instead of after it.
+            KalturaPlayerAPI.checkScript().catch(() => {});
+            let settled = false;
+            const setupIO = () => this._cleanAndCreateObserverIntersection({
+              create: true
+            });
+            const onATSettle = () => {
+              if (settled) {
+                return;
+              }
+              settled = true;
+              document.removeEventListener('at-content-rendering-succeeded', onATSettle);
+              document.removeEventListener('at-content-rendering-failed', onATSettle);
+              if (this._atPrehidingObserver) {
+                this._atPrehidingObserver.disconnect();
+                this._atPrehidingObserver = undefined;
+              }
+              if (this._atFallback) {
+                clearTimeout(this._atFallback);
+                this._atFallback = undefined;
+              }
+              this._atSettleHandler = undefined;
+              setupIO();
+            };
+            this._atSettleHandler = onATSettle;
+            document.addEventListener('at-content-rendering-succeeded', onATSettle, {
+              once: true
+            });
+            document.addEventListener('at-content-rendering-failed', onATSettle, {
+              once: true
+            });
+            if (prehidingEl) {
+              // alloy: settle when the prehiding style is removed from the DOM.
+              this._atPrehidingObserver = new MutationObserver(() => {
+                if (!document.getElementById('alloy-prehiding')) {
+                  onATSettle();
+                }
+              });
+              this._atPrehidingObserver.observe(prehidingEl.parentNode || document.documentElement, {
+                childList: true
+              });
+              // Guard against a race: removed between getElementById and observe().
+              if (!document.getElementById('alloy-prehiding')) {
+                onATSettle();
+              }
+            }
+            // Fallback: if no settle signal ever arrives, set up IO after 4s so video still works
+            if (!settled) {
+              this._atFallback = setTimeout(onATSettle, 4000);
+            }
+          } else {
+            this._cleanAndCreateObserverIntersection({
+              create: true
+            });
+          }
         }
         // initializing the MutationObserver to observe for changes in the direction mode
@@ -588,7 +686,38 @@ let C4DVideoPlayerComposite = _decorate([customElement(`${c4dPrefix}-video-playe
       key: "disconnectedCallback",
       value: function disconnectedCallback() {
         _superPropGet(C4DVideoPlayerComposite, "disconnectedCallback", this, 3)([]);
+        if (this._atSettleHandler) {
+          document.removeEventListener('at-content-rendering-succeeded', this._atSettleHandler);
+          document.removeEventListener('at-content-rendering-failed', this._atSettleHandler);
+          this._atSettleHandler = undefined;
+        }
+        if (this._atPrehidingObserver) {
+          this._atPrehidingObserver.disconnect();
+          this._atPrehidingObserver = undefined;
+        }
+        if (this._atFallback) {
+          clearTimeout(this._atFallback);
+          this._atFallback = undefined;
+        }
+        // Removing these placeholders makes legacyPromiseKWidget's getElementById
+        // guard fail fast, draining dead embeds from the queue instead of
+        // blocking the next one behind a hidden orphaned player.
+        if (this._ibmPendingEmbedDivs) {
+          this._ibmPendingEmbedDivs.forEach(div => div.remove());
+          this._ibmPendingEmbedDivs.clear();
+        }
         this._cleanAndCreateObserverIntersection();
+        const {
+          embeddedVideos = {}
+        } = this;
+        Object.values(embeddedVideos).forEach(player => {
+          try {
+            var _player$destroy;
+            player === null || player === void 0 || (_player$destroy = player.destroy) === null || _player$destroy === void 0 || _player$destroy.call(player);
+          } catch (error) {
+            // Ignore errors from destroy.
+          }
+        });
       }
     }, {
       kind: "method",

package/es/components/video-player-v7/video-player-composite.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"video-player-composite.js","names":["LitElement","html","property","state","HostListener","HostListenerMixin","settings","KalturaPlayerAPI","HybridRenderMixin","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","carbonElement","customElement","BUTTON_POSITION","ifNonEmpty","stablePrefix","c4dPrefix","C4DVideoPlayerComposite","_decorate","_initialize","_HybridRenderMixin","constructor","args","F","d","kind","key","value","_activateEmbeddedVideo","videoId","embeddedVideos","Object","keys","forEach","kalturaPlayer","play","pause","selectorVideoPlayer","querySelector","_cleanAndCreateObserverIntersection","create","_observerIntersectionIntoView","unobserve","_observerIntersectionOutOfView","IntersectionObserver","_intersectionIntoViewHandler","bind","root","closest","rootMargin","threshold","_intersectionOutOfViewHandler","observe","entries","entry","isIntersecting","_getAutoplayPreference","_this$_embedMedia","_embedMedia","call","playAllVideos","pauseAllVideos","decorators","_handleContentStateChange","event","contentState","playingMode","ctaElement","detail","VIDEO","INLINE","_this$_embedMedia2","_handlePlaybackStateChange","isPlaying","_setAutoplayPreference","playbackTriggered","_handleEventTogglePlayback","_this$_embedMedia3","updateAutoplayPreference","_embeddedVideos$video","_embeddedVideos$video2","getIsVideoPlaying","_iframe$contentWindow","iframe","playerContainer","contentWindow","document","type","Boolean","attribute","reflect","BOTTOM_RIGHT","Number","connectedCallback","_superPropGet","backgroundMode","hideCaption","autoPlay","storedPreference","window","matchMedia","matches","intersectionMode","observer","MutationObserver","isRTL","dir","getComputedStyle","direction","documentElement","attributes","attributeFilter","disconnectedCallback","updated","changedProperties","has","_this$_loadVideoData","_loadVideoData","_this$_embedMedia4","renderLightDOM","_this$querySelector","setAttribute","aspectRatio","formatCaption","formatDuration","caption","customVideoDescription","mediaData","videoThumbnailWidth","thumbnail","buttonPosition","currentVideoData","duration","name","thumbnailUrl","getThumbnailUrl","mediaId","width","_t","_","THUMBNAIL","render","_t2","static"],"sources":["components/video-player-v7/video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2024\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport KalturaPlayerAPI from '@carbon/ibmdotcom-services/es/services/KalturaPlayerV7/KalturaPlayer.js';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPIv7';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { BUTTON_POSITION } from './defs';\nimport ifNonEmpty from '@carbon/web-components/es/globals/directives/if-non-empty.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element c4d-video-player-composite-v7\n * @csspart video-player - The video player. Usage `c4d-video-player-composite-v7::part(video-player)`\n /\n@customElement(`${c4dPrefix}-video-player-composite-v7`)\nclass C4DVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string) => Promise<any>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n const kalturaPlayer = embeddedVideos[key];\n key === videoId ? kalturaPlayer.play() : kalturaPlayer.pause();\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof C4DVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Clean-up and create intersection observers.\n \n When this.intersectionMode, we use intersection observers to track when\n * the video container is in view, and embed / play / pause the video\n * accordingly.\n \n @param [options] The options.\n * @param [options.create] `true` to create necessary intersection observers.\n /\n private _cleanAndCreateObserverIntersection({\n create,\n }: { create?: boolean } = {}) {\n // Cleanup.\n if (this._observerIntersectionIntoView) {\n this._observerIntersectionIntoView.unobserve(this);\n }\n if (this._observerIntersectionOutOfView) {\n this._observerIntersectionOutOfView.unobserve(this);\n }\n // Create new intersection observers.\n if (create) {\n this._observerIntersectionIntoView = new IntersectionObserver(\n this._intersectionIntoViewHandler.bind(this),\n {\n root: this.closest('c4d-carousel'),\n rootMargin: '0px',\n threshold: 0.9,\n }\n );\n this._observerIntersectionOutOfView = new IntersectionObserver(\n this._intersectionOutOfViewHandler.bind(this),\n {\n root: this.closest('c4d-carousel'),\n rootMargin: '0px',\n threshold: 0.5,\n }\n );\n this._observerIntersectionIntoView.observe(this);\n this._observerIntersectionOutOfView.observe(this);\n }\n }\n\n /\n Observer for when the video container enters into view.\n \n Autoplay the video, resecting the users stored autoplay preference.\n /\n private _intersectionIntoViewHandler(entries: IntersectionObserverEntry[]) {\n const { videoId } = this;\n entries.forEach((entry) => {\n if (entry.isIntersecting && this._getAutoplayPreference() !== false) {\n this._embedMedia?.(videoId);\n this.playAllVideos();\n }\n });\n }\n\n /\n Observer for when the video container goes out of view.\n \n Auto-pause the video, video playback controlled by intersection observers\n * here are meant to be ambient, without audio. No reason for playback when\n * user is not seeing the video content.\n /\n private _intersectionOutOfViewHandler(entries: IntersectionObserverEntry[]) {\n entries.forEach((entry) => {\n if (!entry.isIntersecting) {\n this.pauseAllVideos(false);\n }\n });\n }\n\n /\n Handles `c4d-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId, ctaElement } = event.detail;\n\n // Store CTA element for potential forwarding\n if (ctaElement) {\n this.ctaElement = ctaElement;\n }\n\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].pause();\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].play();\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n this.playbackTriggered = true;\n }\n\n @HostListener('eventTogglePlayback')\n protected _handleEventTogglePlayback(event: CustomEvent) {\n const { videoId } = event.detail;\n if (videoId) {\n this._setAutoplayPreference(!this.isPlaying);\n\n // First ensure that the media has actually been embedded.\n this._embedMedia?.(videoId);\n if (this.isPlaying) {\n this.pauseAllVideos();\n } else {\n this.playAllVideos();\n }\n }\n }\n\n pauseAllVideos(updateAutoplayPreference = true) {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId]?.pause();\n });\n this.isPlaying = false;\n if (updateAutoplayPreference) {\n this._setAutoplayPreference(false);\n }\n }\n\n playAllVideos(updateAutoplayPreference = true) {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId]?.play();\n });\n this.isPlaying = true;\n this.playbackTriggered = true;\n if (updateAutoplayPreference) {\n this._setAutoplayPreference(true);\n }\n }\n getIsVideoPlaying() {\n const iframe = this.querySelector('iframe');\n const playerContainer =\n iframe?.contentWindow?.document.querySelector('div.play-state');\n return !(playerContainer == null);\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n `true` load videos with sound muted.\n /\n @property({ type: Boolean, attribute: 'muted' })\n muted = false;\n\n /\n The embedded Kaltura player element (that has APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode', reflect: true })\n backgroundMode = false;\n\n /\n Triggers playback on intersection with the viewport / carousel.\n /\n @property({ attribute: 'intersection-mode', reflect: true, type: Boolean })\n intersectionMode = false;\n\n /\n The position of the toggle playback button.\n /\n @property({ attribute: 'button-position', reflect: true })\n buttonPosition = BUTTON_POSITION.BOTTOM_RIGHT;\n\n /\n Track when we have triggered initial playback.\n /\n @state()\n playbackTriggered = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property({ type: Boolean })\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n /\n Determines if the direction is right-to-left\n /\n @property({ type: Boolean })\n isRTL = false;\n\n /\n Stored CTA element for forwarding to lightbox\n /\n @property({ attribute: false })\n ctaElement?: HTMLElement \| null;\n\n private observer!: MutationObserver;\n\n /\n Observe when the video container enters into view.\n /\n private _observerIntersectionIntoView?: IntersectionObserver;\n\n /\n Observe when the video container goes out of view.\n /\n private _observerIntersectionOutOfView?: IntersectionObserver;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n\n if (this.intersectionMode) {\n this._cleanAndCreateObserverIntersection({ create: true });\n }\n\n // initializing the MutationObserver to observe for changes in the direction mode\n this.observer = new MutationObserver(() => {\n this.isRTL =\n this.dir === 'rtl' \|\| getComputedStyle(this).direction === 'rtl';\n });\n\n // observing the 'dir' attr in the root element\n this.observer.observe(document.documentElement, {\n attributes: true,\n attributeFilter: ['dir'],\n });\n\n // Initial check for the direction\n this.isRTL =\n this.dir === 'rtl' \|\| getComputedStyle(this).direction === 'rtl';\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this._cleanAndCreateObserverIntersection();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId);\n }\n }\n }\n }\n\n renderLightDOM() {\n // setting the direction mode of the video player.\n this.querySelector('.c4d--video-player__video')?.setAttribute(\n 'dir-mode',\n `${this.isRTL ? 'rtl' : 'ltr'}`\n );\n\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n buttonPosition,\n } = this;\n\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: videoThumbnailWidth,\n });\n return html`\n <c4d-video-player-v7\n part=\"video-player\"\n duration=\"${ifNonEmpty(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonEmpty(caption \|\| name)}\"\n video-description=\"${ifNonEmpty(customVideoDescription)}\"\n thumbnail-url=\"${ifNonEmpty(thumbnailUrl)}\"\n video-id=\"${ifNonEmpty(videoId)}\"\n aspect-ratio=\"${ifNonEmpty(aspectRatio)}\"\n playing-mode=\"${ifNonEmpty(playingMode)}\"\n content-state=\"${this.playbackTriggered\n ? VIDEO_PLAYER_CONTENT_STATE.VIDEO\n : VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL}\"\n button-position=\"${buttonPosition}\"\n .formatCaption=\"${ifNonEmpty(formatCaption)}\"\n .formatDuration=\"${ifNonEmpty(formatDuration)}\"\n .isPlaying=${this.isPlaying}>\n </c4d-video-player-v7>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${c4dPrefix}-video-player-v7`;\n }\n\n /\n The name of the custom event fired after video content state is changed upon a user gesture.\n /\n static get eventContentStateChange() {\n return `${c4dPrefix}-video-player-content-state-changed`;\n }\n\n /\n The name of the custom event fired requesting playback state change.\n /\n static get eventPlaybackStateChange() {\n return `${c4dPrefix}-video-player-playback-state-changed`;\n }\n\n /\n The name of the custom event fired requesting to toggle playback.\n /\n static get eventTogglePlayback() {\n return `${c4dPrefix}-video-player-toggle-playback`;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DVideoPlayerComposite;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"video-player-composite.js","names":["LitElement","html","property","state","HostListener","HostListenerMixin","settings","KalturaPlayerAPI","HybridRenderMixin","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","carbonElement","customElement","BUTTON_POSITION","ifNonEmpty","stablePrefix","c4dPrefix","C4DVideoPlayerComposite","_decorate","_initialize","_HybridRenderMixin","constructor","args","F","d","kind","key","value","_activateEmbeddedVideo","videoId","embeddedVideos","Object","keys","forEach","kalturaPlayer","play","pause","selectorVideoPlayer","querySelector","_cleanAndCreateObserverIntersection","create","_observerIntersectionIntoView","unobserve","_observerIntersectionOutOfView","IntersectionObserver","_intersectionIntoViewHandler","bind","root","closest","rootMargin","threshold","_intersectionOutOfViewHandler","observe","entries","entry","isIntersecting","_getAutoplayPreference","_this$_embedMedia","_this$_embedMedia$the","_this$_embedMedia$the2","updateComplete","_embedMedia","call","then","player","playAllVideos","catch","err","process","env","NODE_ENV","console","warn","pauseAllVideos","decorators","_handleContentStateChange","event","contentState","playingMode","ctaElement","detail","VIDEO","INLINE","_this$_embedMedia2","_handlePlaybackStateChange","isPlaying","_setAutoplayPreference","playbackTriggered","_handleEventTogglePlayback","_this$_embedMedia3","updateAutoplayPreference","_embeddedVideos$video","_embeddedVideos$video2","getIsVideoPlaying","_iframe$contentWindow","iframe","playerContainer","contentWindow","document","type","Boolean","attribute","reflect","BOTTOM_RIGHT","Number","connectedCallback","_superPropGet","backgroundMode","hideCaption","autoPlay","storedPreference","window","matchMedia","matches","intersectionMode","_adobe","prehidingEl","getElementById","atObj","adobe","target","realAtJs","getOffers","getOffer","applyOffers","checkScript","settled","setupIO","onATSettle","removeEventListener","_atPrehidingObserver","disconnect","undefined","_atFallback","clearTimeout","_atSettleHandler","addEventListener","once","MutationObserver","parentNode","documentElement","childList","setTimeout","observer","isRTL","dir","getComputedStyle","direction","attributes","attributeFilter","disconnectedCallback","_ibmPendingEmbedDivs","div","remove","clear","values","_player$destroy","destroy","error","updated","changedProperties","has","_this$_loadVideoData","_loadVideoData","_this$_embedMedia4","renderLightDOM","_this$querySelector","setAttribute","aspectRatio","formatCaption","formatDuration","caption","customVideoDescription","mediaData","videoThumbnailWidth","thumbnail","buttonPosition","currentVideoData","duration","name","thumbnailUrl","getThumbnailUrl","mediaId","width","_t","_","THUMBNAIL","render","_t2","static"],"sources":["components/video-player-v7/video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2024\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport KalturaPlayerAPI from '@carbon/ibmdotcom-services/es/services/KalturaPlayerV7/KalturaPlayer.js';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPIv7';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { BUTTON_POSITION } from './defs';\nimport ifNonEmpty from '@carbon/web-components/es/globals/directives/if-non-empty.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element c4d-video-player-composite-v7\n * @csspart video-player - The video player. Usage `c4d-video-player-composite-v7::part(video-player)`\n /\n@customElement(`${c4dPrefix}-video-player-composite-v7`)\nclass C4DVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string) => Promise<any>;\n\n /\n Listener registered on `at-content-rendering-succeeded/failed` while waiting\n * for Adobe Target to settle before setting up the IntersectionObserver.\n * Stored so it can be removed in `disconnectedCallback`.\n /\n private _atSettleHandler?: () => void;\n\n /\n Fallback timer ID used when Adobe Target never fires its settle events.\n /\n private _atFallback?: number;\n\n /\n Observer watching for removal of the AEP Web SDK (alloy) prehiding style\n * (`<style id=\"alloy-prehiding\">`), which signals that personalization\n * decisions have been rendered. Used instead of the at.js\n * `at-content-rendering-` events on pages running alloy, which never fires\n those events.\n /\n private _atPrehidingObserver?: MutationObserver;\n\n /\n Placeholder divs parked in `document.body` by `_embedVideoImpl` (mixed in\n * by the container) while a Kaltura embed is queued or in flight. Tracked so\n * `disconnectedCallback` can remove them: once removed, the\n * `getElementById(targetId)` guard in `legacyPromiseKWidget` returns null\n * and the dead embed drains from `_ibmKalturaEmbedQueue` immediately instead\n * of fully embedding a hidden orphaned player.\n \n @internal\n /\n _ibmPendingEmbedDivs?: Set<HTMLElement>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n const kalturaPlayer = embeddedVideos[key];\n key === videoId ? kalturaPlayer.play() : kalturaPlayer.pause();\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof C4DVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Clean-up and create intersection observers.\n \n When this.intersectionMode, we use intersection observers to track when\n * the video container is in view, and embed / play / pause the video\n * accordingly.\n \n @param [options] The options.\n * @param [options.create] `true` to create necessary intersection observers.\n /\n private _cleanAndCreateObserverIntersection({\n create,\n }: { create?: boolean } = {}) {\n // Cleanup.\n if (this._observerIntersectionIntoView) {\n this._observerIntersectionIntoView.unobserve(this);\n }\n if (this._observerIntersectionOutOfView) {\n this._observerIntersectionOutOfView.unobserve(this);\n }\n // Create new intersection observers.\n if (create) {\n this._observerIntersectionIntoView = new IntersectionObserver(\n this._intersectionIntoViewHandler.bind(this),\n {\n root: this.closest('c4d-carousel'),\n rootMargin: '0px',\n threshold: 0.9,\n }\n );\n this._observerIntersectionOutOfView = new IntersectionObserver(\n this._intersectionOutOfViewHandler.bind(this),\n {\n root: this.closest('c4d-carousel'),\n rootMargin: '0px',\n threshold: 0.5,\n }\n );\n this._observerIntersectionIntoView.observe(this);\n this._observerIntersectionOutOfView.observe(this);\n }\n }\n\n /\n Observer for when the video container enters into view.\n \n Autoplay the video, resecting the users stored autoplay preference.\n /\n private _intersectionIntoViewHandler(entries: IntersectionObserverEntry[]) {\n const { videoId } = this;\n entries.forEach(async (entry) => {\n if (entry.isIntersecting && this._getAutoplayPreference() !== false) {\n await this.updateComplete;\n this._embedMedia?.(videoId)\n ?.then?.((player) => {\n if (player) {\n this.playAllVideos();\n }\n })\n ?.catch?.((err) => {\n if (process.env.NODE_ENV !== 'production') {\n console.warn('[VP-DEBUG] embed failed in IO handler', err);\n }\n });\n }\n });\n }\n\n /\n Observer for when the video container goes out of view.\n \n Auto-pause the video, video playback controlled by intersection observers\n * here are meant to be ambient, without audio. No reason for playback when\n * user is not seeing the video content.\n /\n private _intersectionOutOfViewHandler(entries: IntersectionObserverEntry[]) {\n entries.forEach((entry) => {\n if (!entry.isIntersecting) {\n this.pauseAllVideos(false);\n }\n });\n }\n\n /\n Handles `c4d-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId, ctaElement } = event.detail;\n\n // Store CTA element for potential forwarding\n if (ctaElement) {\n this.ctaElement = ctaElement;\n }\n\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].pause();\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].play();\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n this.playbackTriggered = true;\n }\n\n @HostListener('eventTogglePlayback')\n protected _handleEventTogglePlayback(event: CustomEvent) {\n const { videoId } = event.detail;\n if (videoId) {\n this._setAutoplayPreference(!this.isPlaying);\n\n // First ensure that the media has actually been embedded.\n this._embedMedia?.(videoId);\n if (this.isPlaying) {\n this.pauseAllVideos();\n } else {\n this.playAllVideos();\n }\n }\n }\n\n pauseAllVideos(updateAutoplayPreference = true) {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId]?.pause();\n });\n this.isPlaying = false;\n if (updateAutoplayPreference) {\n this._setAutoplayPreference(false);\n }\n }\n\n playAllVideos(updateAutoplayPreference = true) {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId]?.play();\n });\n this.isPlaying = true;\n this.playbackTriggered = true;\n if (updateAutoplayPreference) {\n this._setAutoplayPreference(true);\n }\n }\n getIsVideoPlaying() {\n const iframe = this.querySelector('iframe');\n const playerContainer =\n iframe?.contentWindow?.document.querySelector('div.play-state');\n return !(playerContainer == null);\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n `true` load videos with sound muted.\n /\n @property({ type: Boolean, attribute: 'muted' })\n muted = false;\n\n /\n The embedded Kaltura player element (that has APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode', reflect: true })\n backgroundMode = false;\n\n /\n Triggers playback on intersection with the viewport / carousel.\n /\n @property({ attribute: 'intersection-mode', reflect: true, type: Boolean })\n intersectionMode = false;\n\n /\n The position of the toggle playback button.\n /\n @property({ attribute: 'button-position', reflect: true })\n buttonPosition = BUTTON_POSITION.BOTTOM_RIGHT;\n\n /\n Track when we have triggered initial playback.\n /\n @state()\n playbackTriggered = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property({ type: Boolean })\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n /\n Determines if the direction is right-to-left\n /\n @property({ type: Boolean })\n isRTL = false;\n\n /\n Stored CTA element for forwarding to lightbox\n /\n @property({ attribute: false })\n ctaElement?: HTMLElement \| null;\n\n private observer!: MutationObserver;\n\n /\n Observe when the video container enters into view.\n /\n private _observerIntersectionIntoView?: IntersectionObserver;\n\n /\n Observe when the video container goes out of view.\n /\n private _observerIntersectionOutOfView?: IntersectionObserver;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n\n if (this.intersectionMode) {\n // alloy never fires at.js events, so we watch for #alloy-prehiding\n // removal instead; classic at.js fires at-content-rendering-. No\n // signal pending means no personalization is coming, so skip the wait.\n const prehidingEl = document.getElementById('alloy-prehiding');\n const atObj = (window as any).adobe?.target;\n const realAtJs =\n !!atObj &&\n (typeof atObj.getOffers === 'function' \|\|\n typeof atObj.getOffer === 'function' \|\|\n typeof atObj.applyOffers === 'function');\n if (prehidingEl \|\| realAtJs) {\n // Warm the Kaltura SDK while we wait for AT to settle, so loader.js\n // downloads in parallel with the AT defer instead of after it.\n KalturaPlayerAPI.checkScript().catch(() => {});\n let settled = false;\n const setupIO = () =>\n this._cleanAndCreateObserverIntersection({ create: true });\n const onATSettle = () => {\n if (settled) {\n return;\n }\n settled = true;\n document.removeEventListener(\n 'at-content-rendering-succeeded',\n onATSettle\n );\n document.removeEventListener(\n 'at-content-rendering-failed',\n onATSettle\n );\n if (this._atPrehidingObserver) {\n this._atPrehidingObserver.disconnect();\n this._atPrehidingObserver = undefined;\n }\n if (this._atFallback) {\n clearTimeout(this._atFallback);\n this._atFallback = undefined;\n }\n this._atSettleHandler = undefined;\n setupIO();\n };\n this._atSettleHandler = onATSettle;\n document.addEventListener(\n 'at-content-rendering-succeeded',\n onATSettle,\n { once: true }\n );\n document.addEventListener('at-content-rendering-failed', onATSettle, {\n once: true,\n });\n if (prehidingEl) {\n // alloy: settle when the prehiding style is removed from the DOM.\n this._atPrehidingObserver = new MutationObserver(() => {\n if (!document.getElementById('alloy-prehiding')) {\n onATSettle();\n }\n });\n this._atPrehidingObserver.observe(\n prehidingEl.parentNode \|\| document.documentElement,\n { childList: true }\n );\n // Guard against a race: removed between getElementById and observe().\n if (!document.getElementById('alloy-prehiding')) {\n onATSettle();\n }\n }\n // Fallback: if no settle signal ever arrives, set up IO after 4s so video still works\n if (!settled) {\n this._atFallback = setTimeout(onATSettle, 4000) as unknown as number;\n }\n } else {\n this._cleanAndCreateObserverIntersection({ create: true });\n }\n }\n\n // initializing the MutationObserver to observe for changes in the direction mode\n this.observer = new MutationObserver(() => {\n this.isRTL =\n this.dir === 'rtl' \|\| getComputedStyle(this).direction === 'rtl';\n });\n\n // observing the 'dir' attr in the root element\n this.observer.observe(document.documentElement, {\n attributes: true,\n attributeFilter: ['dir'],\n });\n\n // Initial check for the direction\n this.isRTL =\n this.dir === 'rtl' \|\| getComputedStyle(this).direction === 'rtl';\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n if (this._atSettleHandler) {\n document.removeEventListener(\n 'at-content-rendering-succeeded',\n this._atSettleHandler\n );\n document.removeEventListener(\n 'at-content-rendering-failed',\n this._atSettleHandler\n );\n this._atSettleHandler = undefined;\n }\n if (this._atPrehidingObserver) {\n this._atPrehidingObserver.disconnect();\n this._atPrehidingObserver = undefined;\n }\n if (this._atFallback) {\n clearTimeout(this._atFallback);\n this._atFallback = undefined;\n }\n // Removing these placeholders makes legacyPromiseKWidget's getElementById\n // guard fail fast, draining dead embeds from the queue instead of\n // blocking the next one behind a hidden orphaned player.\n if (this._ibmPendingEmbedDivs) {\n this._ibmPendingEmbedDivs.forEach((div) => div.remove());\n this._ibmPendingEmbedDivs.clear();\n }\n this._cleanAndCreateObserverIntersection();\n const { embeddedVideos = {} } = this;\n Object.values(embeddedVideos).forEach((player: any) => {\n try {\n player?.destroy?.();\n } catch (error) {\n // Ignore errors from destroy.\n }\n });\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId);\n }\n }\n }\n }\n\n renderLightDOM() {\n // setting the direction mode of the video player.\n this.querySelector('.c4d--video-player__video')?.setAttribute(\n 'dir-mode',\n `${this.isRTL ? 'rtl' : 'ltr'}`\n );\n\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n buttonPosition,\n } = this;\n\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: videoThumbnailWidth,\n });\n return html`\n <c4d-video-player-v7\n part=\"video-player\"\n duration=\"${ifNonEmpty(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonEmpty(caption \|\| name)}\"\n video-description=\"${ifNonEmpty(customVideoDescription)}\"\n thumbnail-url=\"${ifNonEmpty(thumbnailUrl)}\"\n video-id=\"${ifNonEmpty(videoId)}\"\n aspect-ratio=\"${ifNonEmpty(aspectRatio)}\"\n playing-mode=\"${ifNonEmpty(playingMode)}\"\n content-state=\"${this.playbackTriggered\n ? VIDEO_PLAYER_CONTENT_STATE.VIDEO\n : VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL}\"\n button-position=\"${buttonPosition}\"\n .formatCaption=\"${ifNonEmpty(formatCaption)}\"\n .formatDuration=\"${ifNonEmpty(formatDuration)}\"\n .isPlaying=${this.isPlaying}>\n </c4d-video-player-v7>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /*\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${c4dPrefix}-video-player-v7`;\n }\n\n /\n The name of the custom event fired after video content state is changed upon a user gesture.\n /\n static get eventContentStateChange() {\n return `${c4dPrefix}-video-player-content-state-changed`;\n }\n\n /\n The name of the custom event fired requesting playback state change.\n /\n static get eventPlaybackStateChange() {\n return `${c4dPrefix}-video-player-playback-state-changed`;\n }\n\n /\n The name of the custom event fired requesting to toggle playback.\n /\n static get eventTogglePlayback() {\n return `${c4dPrefix}-video-player-toggle-playback`;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DVideoPlayerComposite;\n"],"mappings":"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","ignoreList":[]}

package/es/components/video-player-v7/video-player-container.d.ts CHANGED Viewed

@@ -68,6 +68,16 @@ export declare const C4DVideoPlayerContainerMixin: <T extends Constructor<HTMLEl
     _requestsEmbedVideo: {
         [videoId: string]: Promise<any>;
     };
+    /**
+     * Placeholder divs parked in `document.body` by `_embedVideoImpl` while a
+     * Kaltura embed is queued or in flight. `disconnectedCallback` (in the
+     * composite) removes them so dead embeds drain from
+     * `_ibmKalturaEmbedQueue` immediately after this component is removed
+     * (e.g. when Adobe Target swaps DC for an XF).
+     *
+     * @internal
+     */
+    _ibmPendingEmbedDivs?: Set<HTMLElement>;
     /**
      * Custom video name
      */
@@ -827,6 +837,16 @@ declare const C4DVideoPlayerContainer_base: {
     _requestsEmbedVideo: {
         [videoId: string]: Promise<any>;
     };
+    /**
+     * Placeholder divs parked in `document.body` by `_embedVideoImpl` while a
+     * Kaltura embed is queued or in flight. `disconnectedCallback` (in the
+     * composite) removes them so dead embeds drain from
+     * `_ibmKalturaEmbedQueue` immediately after this component is removed
+     * (e.g. when Adobe Target swaps DC for an XF).
+     *
+     * @internal
+     */
+    _ibmPendingEmbedDivs?: Set<HTMLElement>;
     /**
      * Custom video name
      */

package/es/components/video-player-v7/video-player-container.js CHANGED Viewed

@@ -128,6 +128,16 @@ export const C4DVideoPlayerContainerMixin = Base => {
          */
         // Not using TypeScript `private` due to: microsoft/TypeScript#17744
+        /**
+         * Placeholder divs parked in `document.body` by `_embedVideoImpl` while a
+         * Kaltura embed is queued or in flight. `disconnectedCallback` (in the
+         * composite) removes them so dead embeds drain from
+         * `_ibmKalturaEmbedQueue` immediately after this component is removed
+         * (e.g. when Adobe Target swaps DC for an XF).
+         *
+         * @internal
+         */
         /**
          * Custom video name
          */
@@ -327,16 +337,59 @@ export const C4DVideoPlayerContainerMixin = Base => {
           if (!videoPlayer) {
             throw new TypeError('Cannot find the video player component to put the video content into.');
           }
-          videoPlayer.appendChild(div);
-          const embedVideoHandle = await KalturaPlayerAPI.embedMedia(videoId, playerId, this._getPlayerOptions());
-          const {
-            width,
-            height
-          } = await KalturaPlayerAPI.api(videoId);
-          videoPlayer.style.setProperty('--native-file-width', `${width}px`);
-          videoPlayer.style.setProperty('--native-file-height', `${height}px`);
-          videoPlayer.style.setProperty('--native-file-aspect-ratio', `${width} / ${height}`);
-          doc.getElementById(playerId).dataset.videoId = videoId;
+          // Parked in document.body, not videoPlayer, so Lit's renderLightDOM()
+          // can't detach it mid-embed (the queue wait can run 6-20s) and orphan
+          // legacyPromiseKWidget's getElementById(playerId) lookup.
+          div.style.cssText = 'position:fixed;left:-9999px;visibility:hidden';
+          document.body.appendChild(div);
+          // Tracked so disconnectedCallback can remove it if this component is
+          // torn down mid-queue, freeing the embed instead of leaving it to
+          // finish as a hidden orphan.
+          if (!this._ibmPendingEmbedDivs) {
+            this._ibmPendingEmbedDivs = new Set();
+          }
+          this._ibmPendingEmbedDivs.add(div);
+          let embedVideoHandle;
+          try {
+            var _this$_videoPlayer, _this$_ibmPendingEmbe2;
+            // Run the embed and the metadata fetch in parallel — saves a round-trip.
+            const [handle, {
+              width,
+              height
+            }] = await Promise.all([KalturaPlayerAPI.embedMedia(videoId, playerId, this._getPlayerOptions()), KalturaPlayerAPI.api(videoId)]);
+            embedVideoHandle = handle;
+            // If we were disconnected during the wait, discard the embed.
+            if (!this.isConnected) {
+              var _this$_ibmPendingEmbe;
+              div.remove();
+              (_this$_ibmPendingEmbe = this._ibmPendingEmbedDivs) === null || _this$_ibmPendingEmbe === void 0 || _this$_ibmPendingEmbe.delete(div);
+              return null;
+            }
+            // Move the div (now containing Kaltura's iframe) into the video player.
+            // Re-fetch _videoPlayer in case Lit re-rendered and replaced the element
+            // while we were awaiting the embed queue.
+            const currentVideoPlayer = (_this$_videoPlayer = this._videoPlayer) !== null && _this$_videoPlayer !== void 0 ? _this$_videoPlayer : videoPlayer;
+            div.style.cssText = '';
+            currentVideoPlayer.appendChild(div);
+            (_this$_ibmPendingEmbe2 = this._ibmPendingEmbedDivs) === null || _this$_ibmPendingEmbe2 === void 0 || _this$_ibmPendingEmbe2.delete(div);
+            currentVideoPlayer.style.setProperty('--native-file-width', `${width}px`);
+            currentVideoPlayer.style.setProperty('--native-file-height', `${height}px`);
+            currentVideoPlayer.style.setProperty('--native-file-aspect-ratio', `${width} / ${height}`);
+          } catch (error) {
+            var _this$_ibmPendingEmbe3;
+            // Clean up hidden div if embed failed
+            if (div.parentElement) {
+              div.remove();
+            }
+            (_this$_ibmPendingEmbe3 = this._ibmPendingEmbedDivs) === null || _this$_ibmPendingEmbe3 === void 0 || _this$_ibmPendingEmbe3.delete(div);
+            throw error;
+          }
+          const playerEl = doc.getElementById(playerId);
+          if (playerEl) {
+            playerEl.dataset.videoId = videoId;
+          }
           const videoEmbed = (_getElementById = doc.getElementById(playerId)) === null || _getElementById === void 0 ? void 0 : _getElementById.firstElementChild;
           if (videoEmbed) {
             videoEmbed.focus({