@carbon/ibmdotcom-web-components 2.23.0 → 2.25.0

package/es/components/video-player/video-player-container.js

@@ -1,11 +1,11 @@
-import _decorate from "@babel/runtime/helpers/esm/decorate";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _decorate from "@babel/runtime/helpers/esm/decorate";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -13,6 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { bindActionCreators } from 'redux';
 import 'lit';
+import { property } from 'lit/decorators.js';
 import KalturaPlayerAPI from '@carbon/ibmdotcom-services/es/services/KalturaPlayer/KalturaPlayer.js';
 import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store.js';
@@ -68,204 +69,284 @@ export const C4DVideoPlayerContainerMixin = Base => {
   /**
    * A mix-in class that sets up and cleans up event listeners defined by `@HostListener` decorator.
    */
-  class C4DVideoPlayerContainerMixinImpl extends StableSelectorMixin(Base) {
-    constructor(...args) {
-      var _this;
-      super(...args);
-      _this = this;
-      /**
-       * The video player.
-       */
-      /**
-       * The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.
-       */
-      /**
-       * The request for the embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.
-       *
-       * @protected
-       */
-      // Not using TypeScript `private` due to: microsoft/TypeScript#17744
-      _defineProperty(this, "_requestsEmbedVideo", {});
-      /**
-       * Sends the API call for embedding video for the given video ID, and tracks the progress and the error of the REST call.
-       *
-       * @param videoId The video ID.
-       * @internal
-       */
-      _defineProperty(this, "_embedMedia", async function (videoId) {
-        const {
-          _requestsEmbedVideo: requestsEmbedVideo
-        } = _this;
-        const requestEmbedVideo = requestsEmbedVideo[videoId];
-        if (requestEmbedVideo) {
-          return requestEmbedVideo;
+  let C4DVideoPlayerContainerMixinImpl = _decorate(null, function (_initialize, _StableSelectorMixin) {
+    class C4DVideoPlayerContainerMixinImpl extends _StableSelectorMixin {
+      constructor(...args) {
+        super(...args);
+        _initialize(this);
+      }
+    }
+    return {
+      F: C4DVideoPlayerContainerMixinImpl,
+      d: [{
+        kind: "field",
+        key: "_requestsEmbedVideo",
+        value() {
+          return {};
         }
-        const promiseEmbedVideo = _this._embedVideoImpl(videoId);
-        _this._setRequestEmbedVideoInProgress(videoId, promiseEmbedVideo);
-        try {
-          _this._setEmbeddedVideo(videoId, await promiseEmbedVideo);
-        } catch (error) {
-          _this._setErrorRequestEmbedVideo(videoId, error);
+      }, {
+        kind: "field",
+        decorators: [property({
+          type: String,
+          attribute: 'customvideoname'
+        })],
+        key: "customVideoName",
+        value() {
+          return '';
         }
-        return promiseEmbedVideo;
-      });
-      _defineProperty(this, "prefersAutoplayStorageKey", `${c4dPrefix}-background-video-prefers-autoplay`);
-    }
-    /**
-     * Sets the state that the API call for embedding the video for the given video ID is in progress.
-     *
-     * @param videoId The video ID.
-     * @param request The promise of the API call for embedding the video of the given video ID that is in progress.
-     * @private
-     */
-    // Not using TypeScript `private` due to: microsoft/TypeScript#17744
-    _setRequestEmbedVideoInProgress(videoId, request) {
-      const {
-        _requestsEmbedVideo: oldRequestsEmbedVideo
-      } = this;
-      this._requestsEmbedVideo = _objectSpread(_objectSpread({}, oldRequestsEmbedVideo), {}, {
-        [videoId]: request
-      });
-    }
+      }, {
+        kind: "method",
+        key: "_setRequestEmbedVideoInProgress",
+        value:
+        /**
+         * The video player.
+         */
 
-    /**
-     * Set the state that the API call for embedding the video for the given video ID is failed.
-     *
-     * @param videoId The video ID.
-     * @param error An error from the API call for embedding the video of the given video ID.
-     * @private
-     */
-    // Not using TypeScript `private` due to: microsoft/TypeScript#17744
-    _setErrorRequestEmbedVideo(videoId, error) {
-      this._setRequestEmbedVideoInProgress(videoId, Promise.reject(error));
-    }
+        /**
+         * The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.
+         */
 
-    /**
-     * Sets the given embedded Kaltura player element (that has `.sendNotification()`, etc. APIs) for the given video ID.
-     *
-     * @param videoId The video ID.
-     * @param kWidget The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs).
-     * @private
-     */
-    // Not using TypeScript `private` due to: microsoft/TypeScript#17744
-    _setEmbeddedVideo(videoId, kWidget) {
-      this._setRequestEmbedVideoInProgress(videoId, Promise.resolve(kWidget));
-      const {
-        embeddedVideos: oldEmbeddedVideos
-      } = this;
-      this.embeddedVideos = _objectSpread(_objectSpread({}, oldEmbeddedVideos), {}, {
-        [videoId]: kWidget
-      });
-    }
-    _setAutoplayPreference(preference) {
-      const updatedValue = preference ? '1' : '0';
-      localStorage.setItem(`${this.prefersAutoplayStorageKey}`, updatedValue);
-    }
-    _getAutoplayPreference() {
-      const storedValue = localStorage.getItem(`${this.prefersAutoplayStorageKey}`);
-      if (storedValue === null) {
-        return !window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-      } else {
-        return Boolean(parseInt(storedValue, 10));
-      }
-    }
-    _getPlayerOptions() {
-      const {
-        backgroundMode,
-        intersectionMode,
-        autoPlay,
-        muted
-      } = this;
-      let playerOptions = {};
-      const autoplayPreference = this._getAutoplayPreference();
-      switch (true) {
-        case autoPlay:
-          playerOptions = {
-            autoMute: muted,
-            autoPlay: autoplayPreference
-          };
-          break;
-        case backgroundMode || intersectionMode:
-          playerOptions = {
-            'topBarContainer.plugin': false,
-            'controlBarContainer.plugin': false,
-            'largePlayBtn.plugin': false,
-            'loadingSpinner.plugin': false,
-            'unMuteOverlayButton.plugin': false,
-            'EmbedPlayer.DisableVideoTagSupport': false,
-            loop: true,
-            autoMute: true,
-            autoPlay: autoplayPreference,
-            // Turn off CTA's including mid-roll card and end cards.
-            'ibm.callToActions': false,
-            // Turn off captions display, background/ambient videos have no
-            // audio.
-            closedCaptions: {
-              plugin: false
+        /**
+         * The request for the embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.
+         *
+         * @protected
+         */
+        // Not using TypeScript `private` due to: microsoft/TypeScript#17744
+
+        /**
+         * Sets the state that the API call for embedding the video for the given video ID is in progress.
+         *
+         * @param videoId The video ID.
+         * @param request The promise of the API call for embedding the video of the given video ID that is in progress.
+         * @private
+         */
+        // Not using TypeScript `private` due to: microsoft/TypeScript#17744
+        function _setRequestEmbedVideoInProgress(videoId, request) {
+          const {
+            _requestsEmbedVideo: oldRequestsEmbedVideo
+          } = this;
+          this._requestsEmbedVideo = _objectSpread(_objectSpread({}, oldRequestsEmbedVideo), {}, {
+            [videoId]: request
+          });
+        }
+
+        /**
+         * Set the state that the API call for embedding the video for the given video ID is failed.
+         *
+         * @param videoId The video ID.
+         * @param error An error from the API call for embedding the video of the given video ID.
+         * @private
+         */
+        // Not using TypeScript `private` due to: microsoft/TypeScript#17744
+      }, {
+        kind: "method",
+        key: "_setErrorRequestEmbedVideo",
+        value: function _setErrorRequestEmbedVideo(videoId, error) {
+          this._setRequestEmbedVideoInProgress(videoId, Promise.reject(error));
+        }
+
+        /**
+         * Sets the given embedded Kaltura player element (that has `.sendNotification()`, etc. APIs) for the given video ID.
+         *
+         * @param videoId The video ID.
+         * @param kWidget The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs).
+         * @private
+         */
+        // Not using TypeScript `private` due to: microsoft/TypeScript#17744
+      }, {
+        kind: "method",
+        key: "_setEmbeddedVideo",
+        value: function _setEmbeddedVideo(videoId, kWidget) {
+          this._setRequestEmbedVideoInProgress(videoId, Promise.resolve(kWidget));
+          const {
+            embeddedVideos: oldEmbeddedVideos
+          } = this;
+          this.embeddedVideos = _objectSpread(_objectSpread({}, oldEmbeddedVideos), {}, {
+            [videoId]: kWidget
+          });
+        }
+      }, {
+        kind: "method",
+        key: "_setAutoplayPreference",
+        value: function _setAutoplayPreference(preference) {
+          const updatedValue = preference ? '1' : '0';
+          localStorage.setItem(`${this.prefersAutoplayStorageKey}`, updatedValue);
+        }
+      }, {
+        kind: "method",
+        key: "_getAutoplayPreference",
+        value: function _getAutoplayPreference() {
+          const storedValue = localStorage.getItem(`${this.prefersAutoplayStorageKey}`);
+          if (storedValue === null) {
+            return !window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+          } else {
+            return Boolean(parseInt(storedValue, 10));
+          }
+        }
+      }, {
+        kind: "method",
+        key: "_getPlayerOptions",
+        value: function _getPlayerOptions() {
+          const {
+            backgroundMode,
+            intersectionMode,
+            autoPlay,
+            muted
+          } = this;
+          /**
+           * The overwritten media title.
+           *
+           * Quick and dirty turn around as C4DVideoPlayerComposite uses caption
+           * and C4DLightboxVideoPlayer uses customVideoName and none are
+           * part of the same type
+           *
+           * <c4d-video-player-container customVideoName="overwritten media title here">...
+           *
+           */
+          const mediaTitle = (this === null || this === void 0 ? void 0 : this['customVideoName']) || (this === null || this === void 0 ? void 0 : this['caption']);
+          let playerOptions = {};
+          const autoplayPreference = this._getAutoplayPreference();
+          switch (true) {
+            case autoPlay:
+              playerOptions = {
+                autoMute: muted,
+                autoPlay: autoplayPreference
+              };
+              break;
+            case backgroundMode || intersectionMode:
+              playerOptions = {
+                'topBarContainer.plugin': false,
+                'controlBarContainer.plugin': false,
+                'largePlayBtn.plugin': false,
+                'loadingSpinner.plugin': false,
+                'unMuteOverlayButton.plugin': false,
+                'EmbedPlayer.DisableVideoTagSupport': false,
+                loop: true,
+                autoMute: true,
+                autoPlay: autoplayPreference,
+                // Turn off CTA's including mid-roll card and end cards.
+                'ibm.callToActions': false,
+                // Turn off captions display, background/ambient videos have no
+                // audio.
+                closedCaptions: {
+                  plugin: false
+                }
+              };
+              break;
+            default:
+              playerOptions = {
+                autoMute: muted
+              };
+              break;
+          }
+          if (mediaTitle) {
+            playerOptions = _objectSpread(_objectSpread({}, playerOptions), {
+              titleLabel: {
+                plugin: true,
+                align: 'left',
+                text: mediaTitle
+              }
+            });
+          }
+          return playerOptions;
+        }
+
+        /**
+         * Sets up and sends the API call for embedding video for the given video ID.
+         *
+         * @param videoId The video ID.
+         * @private
+         */
+        // Not using TypeScript `private` due to: microsoft/TypeScript#17744
+      }, {
+        kind: "method",
+        key: "_embedVideoImpl",
+        value: async function _embedVideoImpl(videoId) {
+          var _getElementById;
+          const doc = Object.prototype.hasOwnProperty.call(this, 'getRootNode') ? this.getRootNode() : this.ownerDocument;
+          // Given Kaltura replaces the `<div>` here with `<iframe>` with the video player,
+          // rendering this `<div>` in `renderLightDOM()` will cause the video player being clobbered
+          const playerId = Math.random().toString(36).slice(2);
+          const div = document.createElement('div');
+          div.id = playerId;
+          div.className = `${c4dPrefix}--video-player__video`;
+          const {
+            _videoPlayer: videoPlayer
+          } = this;
+          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;
+          const videoEmbed = (_getElementById = doc.getElementById(playerId)) === null || _getElementById === void 0 ? void 0 : _getElementById.firstElementChild;
+          if (videoEmbed) {
+            videoEmbed.focus();
+          }
+          return embedVideoHandle.kWidget();
+        }
+
+        /**
+         * Sends the API call for embedding video for the given video ID, and tracks the progress and the error of the REST call.
+         *
+         * @param videoId The video ID.
+         * @internal
+         */
+      }, {
+        kind: "field",
+        key: "_embedMedia",
+        value() {
+          return async videoId => {
+            const {
+              _requestsEmbedVideo: requestsEmbedVideo
+            } = this;
+            const requestEmbedVideo = requestsEmbedVideo[videoId];
+            if (requestEmbedVideo) {
+              return requestEmbedVideo;
             }
+            const promiseEmbedVideo = this._embedVideoImpl(videoId);
+            this._setRequestEmbedVideoInProgress(videoId, promiseEmbedVideo);
+            try {
+              this._setEmbeddedVideo(videoId, await promiseEmbedVideo);
+            } catch (error) {
+              this._setErrorRequestEmbedVideo(videoId, error);
+            }
+            return promiseEmbedVideo;
           };
-          break;
-        default:
-          playerOptions = {
-            autoMute: muted
-          };
-          break;
-      }
-      return playerOptions;
-    }
-
-    /**
-     * Sets up and sends the API call for embedding video for the given video ID.
-     *
-     * @param videoId The video ID.
-     * @private
-     */
-    // Not using TypeScript `private` due to: microsoft/TypeScript#17744
-    async _embedVideoImpl(videoId) {
-      var _getElementById;
-      const doc = Object.prototype.hasOwnProperty.call(this, 'getRootNode') ? this.getRootNode() : this.ownerDocument;
-      // Given Kaltura replaces the `<div>` here with `<iframe>` with the video player,
-      // rendering this `<div>` in `renderLightDOM()` will cause the video player being clobbered
-      const playerId = Math.random().toString(36).slice(2);
-      const div = document.createElement('div');
-      div.id = playerId;
-      div.className = `${c4dPrefix}--video-player__video`;
-      const {
-        _videoPlayer: videoPlayer
-      } = this;
-      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;
-      const videoEmbed = (_getElementById = doc.getElementById(playerId)) === null || _getElementById === void 0 ? void 0 : _getElementById.firstElementChild;
-      if (videoEmbed) {
-        videoEmbed.focus();
-      }
-      return embedVideoHandle.kWidget();
-    }
-    /**
-     * Calls the data-* attribute transpose function to target `c4d-video-player`'s button element.
-     */
-    firstUpdated() {
-      window.requestAnimationFrame(() => {
-        var _this$querySelector;
-        const button = (_this$querySelector = this.querySelector('c4d-video-player')) === null || _this$querySelector === void 0 || (_this$querySelector = _this$querySelector.shadowRoot) === null || _this$querySelector === void 0 ? void 0 : _this$querySelector.querySelector('button');
-        if (!this.getAttribute('href') && this.getAttribute('video-id')) {
-          this.setAttribute('href', `https://mediacenter.ibm.com/id/${this.getAttribute('video-id')}`);
         }
-        this.transposeAttributes(button, ['href']);
-      });
-    }
-  }
+      }, {
+        kind: "method",
+        key: "firstUpdated",
+        value:
+        /**
+         * Calls the data-* attribute transpose function to target `c4d-video-player`'s button element.
+         */
+        function firstUpdated() {
+          window.requestAnimationFrame(() => {
+            var _this$querySelector;
+            const button = (_this$querySelector = this.querySelector('c4d-video-player')) === null || _this$querySelector === void 0 || (_this$querySelector = _this$querySelector.shadowRoot) === null || _this$querySelector === void 0 ? void 0 : _this$querySelector.querySelector('button');
+            if (!this.getAttribute('href') && this.getAttribute('video-id')) {
+              this.setAttribute('href', `https://mediacenter.ibm.com/id/${this.getAttribute('video-id')}`);
+            }
+            this.transposeAttributes(button, ['href']);
+          });
+        }
+      }, {
+        kind: "field",
+        key: "prefersAutoplayStorageKey",
+        value() {
+          return `${c4dPrefix}-background-video-prefers-autoplay`;
+        }
+      }]
+    };
+  }, StableSelectorMixin(Base));
   return C4DVideoPlayerContainerMixinImpl;
 };
 
@@ -274,11 +355,11 @@ export const C4DVideoPlayerContainerMixin = Base => {
  *
  * @element c4d-video-player-container
  */
-let C4DVideoPlayerContainer = _decorate([customElement(`${c4dPrefix}-video-player-container`)], function (_initialize, _ConnectMixin) {
+let C4DVideoPlayerContainer = _decorate([customElement(`${c4dPrefix}-video-player-container`)], function (_initialize2, _ConnectMixin) {
   class C4DVideoPlayerContainer extends _ConnectMixin {
     constructor(...args) {
       super(...args);
-      _initialize(this);
+      _initialize2(this);
     }
   }
   return {

package/es/components/video-player/video-player-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"video-player-container.js","names":["bindActionCreators","KalturaPlayerAPI","settings","store","loadMediaData","ConnectMixin","StableSelectorMixin","C4DVideoPlayerComposite","carbonElement","customElement","stablePrefix","c4dPrefix","mapStateToProps","state","kalturaPlayerAPI","mediaData","mapDispatchToProps","dispatch","_loadVideoData","C4DVideoPlayerContainerMixin","Base","C4DVideoPlayerContainerMixinImpl","constructor","args","_this","this","_defineProperty","videoId","_requestsEmbedVideo","requestsEmbedVideo","requestEmbedVideo","promiseEmbedVideo","_embedVideoImpl","_setRequestEmbedVideoInProgress","_setEmbeddedVideo","error","_setErrorRequestEmbedVideo","request","oldRequestsEmbedVideo","_objectSpread","Promise","reject","kWidget","resolve","embeddedVideos","oldEmbeddedVideos","_setAutoplayPreference","preference","updatedValue","localStorage","setItem","prefersAutoplayStorageKey","_getAutoplayPreference","storedValue","getItem","window","matchMedia","matches","Boolean","parseInt","_getPlayerOptions","backgroundMode","intersectionMode","autoPlay","muted","playerOptions","autoplayPreference","autoMute","loop","closedCaptions","plugin","_getElementById","doc","Object","prototype","hasOwnProperty","call","getRootNode","ownerDocument","playerId","Math","random","toString","slice","div","document","createElement","id","className","_videoPlayer","videoPlayer","TypeError","appendChild","embedVideoHandle","embedMedia","width","height","api","style","setProperty","getElementById","dataset","videoEmbed","firstElementChild","focus","firstUpdated","requestAnimationFrame","_this$querySelector","button","querySelector","shadowRoot","getAttribute","setAttribute","transposeAttributes","C4DVideoPlayerContainer","_decorate","_initialize","_ConnectMixin","F","d"],"sources":["components/video-player/video-player-container.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 {\n  ActionCreatorsMapObject,\n  Dispatch,\n  Store,\n  bindActionCreators,\n} from 'redux';\nimport {} from 'lit';\nimport KalturaPlayerAPI from '@carbon/ibmdotcom-services/es/services/KalturaPlayer/KalturaPlayer.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store.js';\nimport {\n  MediaData,\n  MediaPlayerAPIState,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI';\nimport { loadMediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI.js';\nimport { MediaPlayerAPIActions } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI';\nimport { Constructor } from '../../globals/defs';\nimport ConnectMixin from '../../globals/mixins/connect';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport C4DVideoPlayerComposite from './video-player-composite';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * The Redux state used for `<c4d-video-player-container>`.\n */\nexport interface VideoPlayerContainerState {\n  /**\n   * The Redux state for `KalturaPlayerAPI`.\n   */\n  kalturaPlayerAPI?: MediaPlayerAPIState;\n}\n\n/**\n * The properties for `<c4d-video-player-container>` from Redux state.\n */\nexport interface VideoPlayerContainerStateProps {\n  /**\n   * The video data, keyed by the video ID.\n   */\n  mediaData?: { [videoId: string]: MediaData };\n}\n\nexport type VideoPlayerActions = ReturnType<typeof loadMediaData>;\n\n/**\n * @param state The Redux state for video player.\n * @returns The converted version of the given state, tailored for `<c4d-video-player-container>`.\n */\nexport function mapStateToProps(\n  state: VideoPlayerContainerState\n): VideoPlayerContainerStateProps {\n  const { kalturaPlayerAPI } = state;\n  const { mediaData } = kalturaPlayerAPI ?? {};\n  return !mediaData ? {} : { mediaData };\n}\n\n/**\n * @param dispatch The Redux `dispatch()` API.\n * @returns The methods in `<c4d-video-player-container>` to dispatch Redux actions.\n */\nexport function mapDispatchToProps(dispatch: Dispatch<MediaPlayerAPIActions>) {\n  return bindActionCreators<\n    VideoPlayerActions,\n    ActionCreatorsMapObject<VideoPlayerActions>\n  >(\n    {\n      _loadVideoData: loadMediaData,\n    },\n    dispatch as Dispatch // TS definition of `bindActionCreators()` seems to have no templated `Dispatch`\n  );\n}\n\n/**\n * @param Base The base class.\n * @returns A mix-in that implements video embedding API calls.\n */\nexport const C4DVideoPlayerContainerMixin = <\n  T extends Constructor<HTMLElement>\n>(\n  Base: T\n) => {\n  /**\n   * A mix-in class that sets up and cleans up event listeners defined by `@HostListener` decorator.\n   */\n  abstract class C4DVideoPlayerContainerMixinImpl extends StableSelectorMixin(\n    Base\n  ) {\n    /**\n     * The video player.\n     */\n    abstract _videoPlayer?: HTMLElement;\n\n    /**\n     * The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n     */\n    abstract embeddedVideos?: { [videoId: string]: any };\n\n    /**\n     * The request for the embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n     *\n     * @protected\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    _requestsEmbedVideo: { [videoId: string]: Promise<any> } = {};\n\n    /**\n     * Sets the state that the API call for embedding the video for the given video ID is in progress.\n     *\n     * @param videoId The video ID.\n     * @param request The promise of the API call for embedding the video of the given video ID that is in progress.\n     * @private\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    _setRequestEmbedVideoInProgress(videoId: string, request: Promise<any>) {\n      const { _requestsEmbedVideo: oldRequestsEmbedVideo } = this;\n      this._requestsEmbedVideo = {\n        ...oldRequestsEmbedVideo,\n        [videoId]: request,\n      };\n    }\n\n    /**\n     * Set the state that the API call for embedding the video for the given video ID is failed.\n     *\n     * @param videoId The video ID.\n     * @param error An error from the API call for embedding the video of the given video ID.\n     * @private\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    _setErrorRequestEmbedVideo(videoId: string, error: Error) {\n      this._setRequestEmbedVideoInProgress(videoId, Promise.reject(error));\n    }\n\n    /**\n     * Sets the given embedded Kaltura player element (that has `.sendNotification()`, etc. APIs) for the given video ID.\n     *\n     * @param videoId The video ID.\n     * @param kWidget The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs).\n     * @private\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    _setEmbeddedVideo(videoId: string, kWidget: any) {\n      this._setRequestEmbedVideoInProgress(videoId, Promise.resolve(kWidget));\n      const { embeddedVideos: oldEmbeddedVideos } = this;\n      this.embeddedVideos = {\n        ...oldEmbeddedVideos,\n        [videoId]: kWidget,\n      };\n    }\n\n    _setAutoplayPreference(preference: boolean) {\n      const updatedValue = preference ? '1' : '0';\n      localStorage.setItem(`${this.prefersAutoplayStorageKey}`, updatedValue);\n    }\n\n    _getAutoplayPreference() {\n      const storedValue = localStorage.getItem(\n        `${this.prefersAutoplayStorageKey}`\n      );\n\n      if (storedValue === null) {\n        return !window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      } else {\n        return Boolean(parseInt(storedValue, 10));\n      }\n    }\n\n    _getPlayerOptions() {\n      const { backgroundMode, intersectionMode, autoPlay, muted } =\n        this as unknown as C4DVideoPlayerComposite;\n      let playerOptions = {};\n      const autoplayPreference = this._getAutoplayPreference();\n\n      switch (true) {\n        case autoPlay:\n          playerOptions = {\n            autoMute: muted,\n            autoPlay: autoplayPreference,\n          };\n          break;\n\n        case backgroundMode || intersectionMode:\n          playerOptions = {\n            'topBarContainer.plugin': false,\n            'controlBarContainer.plugin': false,\n            'largePlayBtn.plugin': false,\n            'loadingSpinner.plugin': false,\n            'unMuteOverlayButton.plugin': false,\n            'EmbedPlayer.DisableVideoTagSupport': false,\n            loop: true,\n            autoMute: true,\n            autoPlay: autoplayPreference,\n            // Turn off CTA's including mid-roll card and end cards.\n            'ibm.callToActions': false,\n            // Turn off captions display, background/ambient videos have no\n            // audio.\n            closedCaptions: {\n              plugin: false,\n            },\n          };\n          break;\n\n        default:\n          playerOptions = {\n            autoMute: muted,\n          };\n          break;\n      }\n\n      return playerOptions;\n    }\n\n    /**\n     * Sets up and sends the API call for embedding video for the given video ID.\n     *\n     * @param videoId The video ID.\n     * @private\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    async _embedVideoImpl(videoId: string) {\n      const doc = Object.prototype.hasOwnProperty.call(this, 'getRootNode')\n        ? (this.getRootNode() as Document | ShadowRoot)\n        : this.ownerDocument;\n      // Given Kaltura replaces the `<div>` here with `<iframe>` with the video player,\n      // rendering this `<div>` in `renderLightDOM()` will cause the video player being clobbered\n      const playerId = Math.random().toString(36).slice(2);\n      const div = document.createElement('div');\n      div.id = playerId;\n      div.className = `${c4dPrefix}--video-player__video`;\n      const { _videoPlayer: videoPlayer } = this;\n      if (!videoPlayer) {\n        throw new TypeError(\n          'Cannot find the video player component to put the video content into.'\n        );\n      }\n      videoPlayer.appendChild(div);\n\n      const embedVideoHandle = await KalturaPlayerAPI.embedMedia(\n        videoId,\n        playerId,\n        this._getPlayerOptions()\n      );\n      const { width, height } = await KalturaPlayerAPI.api(videoId);\n      videoPlayer.style.setProperty('--native-file-width', `${width}px`);\n      videoPlayer.style.setProperty('--native-file-height', `${height}px`);\n      videoPlayer.style.setProperty(\n        '--native-file-aspect-ratio',\n        `${width} / ${height}`\n      );\n\n      doc!.getElementById(playerId)!.dataset.videoId = videoId;\n      const videoEmbed = doc!.getElementById(playerId)?.firstElementChild;\n      if (videoEmbed) {\n        (videoEmbed as HTMLElement).focus();\n      }\n      return embedVideoHandle.kWidget();\n    }\n\n    /**\n     * Sends the API call for embedding video for the given video ID, and tracks the progress and the error of the REST call.\n     *\n     * @param videoId The video ID.\n     * @internal\n     */\n    _embedMedia = async (videoId: string) => {\n      const { _requestsEmbedVideo: requestsEmbedVideo } = this;\n      const requestEmbedVideo = requestsEmbedVideo[videoId];\n\n      if (requestEmbedVideo) {\n        return requestEmbedVideo;\n      }\n\n      const promiseEmbedVideo = this._embedVideoImpl(videoId);\n\n      this._setRequestEmbedVideoInProgress(videoId, promiseEmbedVideo);\n      try {\n        this._setEmbeddedVideo(videoId, await promiseEmbedVideo);\n      } catch (error) {\n        this._setErrorRequestEmbedVideo(videoId, error as Error);\n      }\n      return promiseEmbedVideo;\n    };\n\n    /**\n     * Calls the data-* attribute transpose function to target `c4d-video-player`'s button element.\n     */\n    firstUpdated() {\n      window.requestAnimationFrame(() => {\n        const button =\n          this.querySelector('c4d-video-player')?.shadowRoot?.querySelector(\n            'button'\n          );\n        if (!this.getAttribute('href') && this.getAttribute('video-id')) {\n          this.setAttribute(\n            'href',\n            `https://mediacenter.ibm.com/id/${this.getAttribute('video-id')}`\n          );\n        }\n        this.transposeAttributes(button, ['href']);\n      });\n    }\n\n    prefersAutoplayStorageKey = `${c4dPrefix}-background-video-prefers-autoplay`;\n  }\n\n  return C4DVideoPlayerContainerMixinImpl;\n};\n\n/**\n * Container component for video player.\n *\n * @element c4d-video-player-container\n */\n@customElement(`${c4dPrefix}-video-player-container`)\nclass C4DVideoPlayerContainer extends ConnectMixin<\n  VideoPlayerContainerState,\n  MediaPlayerAPIActions,\n  VideoPlayerContainerStateProps,\n  ActionCreatorsMapObject<VideoPlayerActions>\n>(\n  store as Store<VideoPlayerContainerState, MediaPlayerAPIActions>,\n  mapStateToProps,\n  mapDispatchToProps\n)(C4DVideoPlayerContainerMixin(C4DVideoPlayerComposite)) {}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DVideoPlayerContainer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"video-player-container.js","names":["bindActionCreators","property","KalturaPlayerAPI","settings","store","loadMediaData","ConnectMixin","StableSelectorMixin","C4DVideoPlayerComposite","carbonElement","customElement","stablePrefix","c4dPrefix","mapStateToProps","state","kalturaPlayerAPI","mediaData","mapDispatchToProps","dispatch","_loadVideoData","C4DVideoPlayerContainerMixin","Base","C4DVideoPlayerContainerMixinImpl","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","key","value","decorators","type","String","attribute","_setRequestEmbedVideoInProgress","videoId","request","_requestsEmbedVideo","oldRequestsEmbedVideo","_objectSpread","_setErrorRequestEmbedVideo","error","Promise","reject","_setEmbeddedVideo","kWidget","resolve","embeddedVideos","oldEmbeddedVideos","_setAutoplayPreference","preference","updatedValue","localStorage","setItem","prefersAutoplayStorageKey","_getAutoplayPreference","storedValue","getItem","window","matchMedia","matches","Boolean","parseInt","_getPlayerOptions","backgroundMode","intersectionMode","autoPlay","muted","mediaTitle","playerOptions","autoplayPreference","autoMute","loop","closedCaptions","plugin","titleLabel","align","text","_embedVideoImpl","_getElementById","doc","Object","prototype","hasOwnProperty","call","getRootNode","ownerDocument","playerId","Math","random","toString","slice","div","document","createElement","id","className","_videoPlayer","videoPlayer","TypeError","appendChild","embedVideoHandle","embedMedia","width","height","api","style","setProperty","getElementById","dataset","videoEmbed","firstElementChild","focus","requestsEmbedVideo","requestEmbedVideo","promiseEmbedVideo","firstUpdated","requestAnimationFrame","_this$querySelector","button","querySelector","shadowRoot","getAttribute","setAttribute","transposeAttributes","C4DVideoPlayerContainer","_initialize2","_ConnectMixin"],"sources":["components/video-player/video-player-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2025\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 {\n  ActionCreatorsMapObject,\n  Dispatch,\n  Store,\n  bindActionCreators,\n} from 'redux';\nimport {} from 'lit';\nimport { property } from 'lit/decorators.js';\nimport KalturaPlayerAPI from '@carbon/ibmdotcom-services/es/services/KalturaPlayer/KalturaPlayer.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store.js';\nimport {\n  MediaData,\n  MediaPlayerAPIState,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI';\nimport { loadMediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI.js';\nimport { MediaPlayerAPIActions } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI';\nimport { Constructor } from '../../globals/defs';\nimport ConnectMixin from '../../globals/mixins/connect';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport C4DVideoPlayerComposite from './video-player-composite';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * The Redux state used for `<c4d-video-player-container>`.\n */\nexport interface VideoPlayerContainerState {\n  /**\n   * The Redux state for `KalturaPlayerAPI`.\n   */\n  kalturaPlayerAPI?: MediaPlayerAPIState;\n}\n\n/**\n * The properties for `<c4d-video-player-container>` from Redux state.\n */\nexport interface VideoPlayerContainerStateProps {\n  /**\n   * The video data, keyed by the video ID.\n   */\n  mediaData?: { [videoId: string]: MediaData };\n}\n\nexport type VideoPlayerActions = ReturnType<typeof loadMediaData>;\n\n/**\n * @param state The Redux state for video player.\n * @returns The converted version of the given state, tailored for `<c4d-video-player-container>`.\n */\nexport function mapStateToProps(\n  state: VideoPlayerContainerState\n): VideoPlayerContainerStateProps {\n  const { kalturaPlayerAPI } = state;\n  const { mediaData } = kalturaPlayerAPI ?? {};\n  return !mediaData ? {} : { mediaData };\n}\n\n/**\n * @param dispatch The Redux `dispatch()` API.\n * @returns The methods in `<c4d-video-player-container>` to dispatch Redux actions.\n */\nexport function mapDispatchToProps(dispatch: Dispatch<MediaPlayerAPIActions>) {\n  return bindActionCreators<\n    VideoPlayerActions,\n    ActionCreatorsMapObject<VideoPlayerActions>\n  >(\n    {\n      _loadVideoData: loadMediaData,\n    },\n    dispatch as Dispatch // TS definition of `bindActionCreators()` seems to have no templated `Dispatch`\n  );\n}\n\n/**\n * @param Base The base class.\n * @returns A mix-in that implements video embedding API calls.\n */\nexport const C4DVideoPlayerContainerMixin = <\n  T extends Constructor<HTMLElement>\n>(\n  Base: T\n) => {\n  /**\n   * A mix-in class that sets up and cleans up event listeners defined by `@HostListener` decorator.\n   */\n  abstract class C4DVideoPlayerContainerMixinImpl extends StableSelectorMixin(\n    Base\n  ) {\n    /**\n     * The video player.\n     */\n    abstract _videoPlayer?: HTMLElement;\n\n    /**\n     * The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n     */\n    abstract embeddedVideos?: { [videoId: string]: any };\n\n    /**\n     * The request for the embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n     *\n     * @protected\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    _requestsEmbedVideo: { [videoId: string]: Promise<any> } = {};\n\n    @property({ type: String, attribute: 'customvideoname' })\n    customVideoName = '';\n\n    /**\n     * Sets the state that the API call for embedding the video for the given video ID is in progress.\n     *\n     * @param videoId The video ID.\n     * @param request The promise of the API call for embedding the video of the given video ID that is in progress.\n     * @private\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    _setRequestEmbedVideoInProgress(videoId: string, request: Promise<any>) {\n      const { _requestsEmbedVideo: oldRequestsEmbedVideo } = this;\n      this._requestsEmbedVideo = {\n        ...oldRequestsEmbedVideo,\n        [videoId]: request,\n      };\n    }\n\n    /**\n     * Set the state that the API call for embedding the video for the given video ID is failed.\n     *\n     * @param videoId The video ID.\n     * @param error An error from the API call for embedding the video of the given video ID.\n     * @private\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    _setErrorRequestEmbedVideo(videoId: string, error: Error) {\n      this._setRequestEmbedVideoInProgress(videoId, Promise.reject(error));\n    }\n\n    /**\n     * Sets the given embedded Kaltura player element (that has `.sendNotification()`, etc. APIs) for the given video ID.\n     *\n     * @param videoId The video ID.\n     * @param kWidget The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs).\n     * @private\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    _setEmbeddedVideo(videoId: string, kWidget: any) {\n      this._setRequestEmbedVideoInProgress(videoId, Promise.resolve(kWidget));\n      const { embeddedVideos: oldEmbeddedVideos } = this;\n      this.embeddedVideos = {\n        ...oldEmbeddedVideos,\n        [videoId]: kWidget,\n      };\n    }\n\n    _setAutoplayPreference(preference: boolean) {\n      const updatedValue = preference ? '1' : '0';\n      localStorage.setItem(`${this.prefersAutoplayStorageKey}`, updatedValue);\n    }\n\n    _getAutoplayPreference() {\n      const storedValue = localStorage.getItem(\n        `${this.prefersAutoplayStorageKey}`\n      );\n\n      if (storedValue === null) {\n        return !window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      } else {\n        return Boolean(parseInt(storedValue, 10));\n      }\n    }\n\n    _getPlayerOptions() {\n      const { backgroundMode, intersectionMode, autoPlay, muted } =\n        this as unknown as C4DVideoPlayerComposite;\n      /**\n       * The overwritten media title.\n       *\n       * Quick and dirty turn around as C4DVideoPlayerComposite uses caption\n       * and C4DLightboxVideoPlayer uses customVideoName and none are\n       * part of the same type\n       *\n       * <c4d-video-player-container customVideoName=\"overwritten media title here\">...\n       *\n       */\n      const mediaTitle = this?.['customVideoName'] || this?.['caption'];\n\n      let playerOptions = {};\n      const autoplayPreference = this._getAutoplayPreference();\n\n      switch (true) {\n        case autoPlay:\n          playerOptions = {\n            autoMute: muted,\n            autoPlay: autoplayPreference,\n          };\n          break;\n\n        case backgroundMode || intersectionMode:\n          playerOptions = {\n            'topBarContainer.plugin': false,\n            'controlBarContainer.plugin': false,\n            'largePlayBtn.plugin': false,\n            'loadingSpinner.plugin': false,\n            'unMuteOverlayButton.plugin': false,\n            'EmbedPlayer.DisableVideoTagSupport': false,\n            loop: true,\n            autoMute: true,\n            autoPlay: autoplayPreference,\n            // Turn off CTA's including mid-roll card and end cards.\n            'ibm.callToActions': false,\n            // Turn off captions display, background/ambient videos have no\n            // audio.\n            closedCaptions: {\n              plugin: false,\n            },\n          };\n          break;\n\n        default:\n          playerOptions = {\n            autoMute: muted,\n          };\n          break;\n      }\n\n      if (mediaTitle) {\n        playerOptions = {\n          ...playerOptions,\n          ...{\n            titleLabel: {\n              plugin: true,\n              align: 'left',\n              text: mediaTitle,\n            },\n          },\n        };\n      }\n\n      return playerOptions;\n    }\n\n    /**\n     * Sets up and sends the API call for embedding video for the given video ID.\n     *\n     * @param videoId The video ID.\n     * @private\n     */\n    // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n    async _embedVideoImpl(videoId: string) {\n      const doc = Object.prototype.hasOwnProperty.call(this, 'getRootNode')\n        ? (this.getRootNode() as Document | ShadowRoot)\n        : this.ownerDocument;\n      // Given Kaltura replaces the `<div>` here with `<iframe>` with the video player,\n      // rendering this `<div>` in `renderLightDOM()` will cause the video player being clobbered\n      const playerId = Math.random().toString(36).slice(2);\n      const div = document.createElement('div');\n      div.id = playerId;\n      div.className = `${c4dPrefix}--video-player__video`;\n      const { _videoPlayer: videoPlayer } = this;\n      if (!videoPlayer) {\n        throw new TypeError(\n          'Cannot find the video player component to put the video content into.'\n        );\n      }\n      videoPlayer.appendChild(div);\n\n      const embedVideoHandle = await KalturaPlayerAPI.embedMedia(\n        videoId,\n        playerId,\n        this._getPlayerOptions()\n      );\n      const { width, height } = await KalturaPlayerAPI.api(videoId);\n      videoPlayer.style.setProperty('--native-file-width', `${width}px`);\n      videoPlayer.style.setProperty('--native-file-height', `${height}px`);\n      videoPlayer.style.setProperty(\n        '--native-file-aspect-ratio',\n        `${width} / ${height}`\n      );\n\n      doc!.getElementById(playerId)!.dataset.videoId = videoId;\n      const videoEmbed = doc!.getElementById(playerId)?.firstElementChild;\n      if (videoEmbed) {\n        (videoEmbed as HTMLElement).focus();\n      }\n      return embedVideoHandle.kWidget();\n    }\n\n    /**\n     * Sends the API call for embedding video for the given video ID, and tracks the progress and the error of the REST call.\n     *\n     * @param videoId The video ID.\n     * @internal\n     */\n    _embedMedia = async (videoId: string) => {\n      const { _requestsEmbedVideo: requestsEmbedVideo } = this;\n      const requestEmbedVideo = requestsEmbedVideo[videoId];\n\n      if (requestEmbedVideo) {\n        return requestEmbedVideo;\n      }\n\n      const promiseEmbedVideo = this._embedVideoImpl(videoId);\n\n      this._setRequestEmbedVideoInProgress(videoId, promiseEmbedVideo);\n      try {\n        this._setEmbeddedVideo(videoId, await promiseEmbedVideo);\n      } catch (error) {\n        this._setErrorRequestEmbedVideo(videoId, error as Error);\n      }\n      return promiseEmbedVideo;\n    };\n\n    /**\n     * Calls the data-* attribute transpose function to target `c4d-video-player`'s button element.\n     */\n    firstUpdated() {\n      window.requestAnimationFrame(() => {\n        const button =\n          this.querySelector('c4d-video-player')?.shadowRoot?.querySelector(\n            'button'\n          );\n        if (!this.getAttribute('href') && this.getAttribute('video-id')) {\n          this.setAttribute(\n            'href',\n            `https://mediacenter.ibm.com/id/${this.getAttribute('video-id')}`\n          );\n        }\n        this.transposeAttributes(button, ['href']);\n      });\n    }\n\n    prefersAutoplayStorageKey = `${c4dPrefix}-background-video-prefers-autoplay`;\n  }\n\n  return C4DVideoPlayerContainerMixinImpl;\n};\n\n/**\n * Container component for video player.\n *\n * @element c4d-video-player-container\n */\n@customElement(`${c4dPrefix}-video-player-container`)\nclass C4DVideoPlayerContainer extends ConnectMixin<\n  VideoPlayerContainerState,\n  MediaPlayerAPIActions,\n  VideoPlayerContainerStateProps,\n  ActionCreatorsMapObject<VideoPlayerActions>\n>(\n  store as Store<VideoPlayerContainerState, MediaPlayerAPIActions>,\n  mapStateToProps,\n  mapDispatchToProps\n)(C4DVideoPlayerContainerMixin(C4DVideoPlayerComposite)) {}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DVideoPlayerContainer;\n"],"mappings":"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","ignoreList":[]}

package/es/components/video-player/video-player.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -687,6 +687,7 @@ declare const C4DVideoPlayer_base: (new (...args: any[]) => {
  * @csspart video - The video. Usage `c4d-video-player::part(video)`
  * @csspart button - The play button. Usage `c4d-video-player::part(button)`
  * @csspart image - The thumbnail image. Usage `c4d-video-player::part(image)`
+ * @csspart play-video - The play video icon. Usage `c4d-video-player::part(play-video)`
  * @csspart video-container - The video container. Usage `c4d-video-player::part(video-container)`
  * @csspart caption - The caption. Usage `c4d-video-player::part(caption)`
  */