@carbon/ibmdotcom-web-components 2.23.0 → 2.25.0

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

@@ -14,7 +14,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /**
  * @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.
@@ -49,6 +49,7 @@ const {
  * @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)`
  */
@@ -189,7 +190,8 @@ let C4DVideoPlayer = _decorate([customElement(`${c4dPrefix}-video-player`)], fun
               </button>
             </div>
           `), c4dPrefix, c4dPrefix, handleClickOverlay, thumbnailUrl, ifNonEmpty(name), PlayVideo({
-              slot: 'icon'
+              slot: 'icon',
+              part: 'play-video'
             })) : html(_t5 || (_t5 = _` <slot></slot> `));
           }
         };
@@ -436,7 +438,7 @@ let C4DVideoPlayer = _decorate([customElement(`${c4dPrefix}-video-player`)], fun
           [`${c4dPrefix}--video-player__toggle-playback--${buttonPosition}`]: true
         });
         return html(_t6 || (_t6 = _`
-      <div class="${0}">
+      <div class="${0}" part="video-container">
         ${0}
         ${0}
       </div>

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

@@ -1 +1 @@
-{"version":3,"file":"video-player.js","names":["LitElement","html","property","classMap","FocusMixin","PlayVideo","PlayOutline","PauseOutline","formatVideoCaption","formatVideoDuration","settings","KalturaPlayerAPI","BUTTON_POSITION","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","styles","StableSelectorMixin","carbonElement","customElement","ifNonEmpty","stablePrefix","c4dPrefix","C4DVideoPlayer","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","reflect","attribute","key","value","INLINE","type","Boolean","BOTTOM_RIGHT","playingMode","contentState","VIDEO","videoId","name","customVideoDescription","eventContentStateChange","dispatchEvent","CustomEvent","bubbles","composed","detail","eventTogglePlayback","thumbnailUrl","backgroundMode","_handleClickOverlay","handleClickOverlay","intersectionMode","_t","_","THUMBNAIL","_t2","_t3","autoplay","_t4","slot","_t5","_updateThumbnailUrl","thumbnailSrc","URL","error","host","toLowerCase","includes","pathname","getThumbnailUrl","mediaId","width","String","offsetWidth","userInitiatedTogglePlaybackState","eventPlaybackStateChange","Number","render","aspectRatio","duration","formatCaption","formatDuration","hideCaption","buttonPosition","_handleTogglePlayback","handleTogglePlayback","_renderContent","renderContent","aspectRatioClass","togglePlaybackClass","_t6","_t7","isPlaying","undefined","_t8","updated","changedProperties","has","caption","setAttribute","setTimeout","updateComplete","endsWith","firstUpdated","_this$parentElement","_this$parentElement2","_this$parentElement3","tabIndex","parentElement","autoPlay","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/video-player/video-player.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 } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport PlayVideo from '../../../es/icons/play-video.js';\nimport PlayOutline from '@carbon/web-components/es/icons/play--outline/20.js';\nimport PauseOutline from '@carbon/web-components/es/icons/pause--outline/20.js';\nimport {\n  formatVideoCaption,\n  formatVideoDuration,\n} from '@carbon/ibmdotcom-utilities/es/utilities/formatVideoCaption/formatVideoCaption.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport KalturaPlayerAPI from '@carbon/ibmdotcom-services/es/services/KalturaPlayer/KalturaPlayer.js';\nimport {\n  BUTTON_POSITION,\n  VIDEO_PLAYER_CONTENT_STATE,\n  VIDEO_PLAYER_PLAYING_MODE,\n} from './defs';\nimport '../image/image';\nimport styles from './video-player.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport ifNonEmpty from '@carbon/web-components/es/globals/directives/if-non-empty.js';\nimport C4DVideoPlayerComposite from './video-player-composite';\n\nexport { VIDEO_PLAYER_CONTENT_STATE };\nexport { VIDEO_PLAYER_PLAYING_MODE };\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * Video player.\n *\n * @element c4d-video-player\n * @csspart video - The video. Usage `c4d-video-player::part(video)`\n * @csspart button - The play button. Usage `c4d-video-player::part(button)`\n * @csspart image - The thumbnail image. Usage `c4d-video-player::part(image)`\n * @csspart video-container - The video container. Usage `c4d-video-player::part(video-container)`\n * @csspart caption - The caption. Usage `c4d-video-player::part(caption)`\n */\n@customElement(`${c4dPrefix}-video-player`)\nclass C4DVideoPlayer extends FocusMixin(StableSelectorMixin(LitElement)) {\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   * 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 current playback state, inherited from the parent.\n   */\n  @property()\n  isPlaying = 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   * Handles `click` event on the video thumbnail.\n   */\n  protected _handleClickOverlay = () => {\n    if (this.playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE) {\n      this.contentState = VIDEO_PLAYER_CONTENT_STATE.VIDEO;\n    }\n    const { videoId, name, customVideoDescription } = this;\n    const { eventContentStateChange } = this\n      .constructor as typeof C4DVideoPlayer;\n    this.dispatchEvent(\n      new CustomEvent(eventContentStateChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          videoId,\n          contentState: VIDEO_PLAYER_CONTENT_STATE.VIDEO,\n          playingMode: this.playingMode,\n          name,\n          customVideoDescription,\n        },\n      })\n    );\n  };\n\n  protected _handleTogglePlayback = () => {\n    const { videoId } = this;\n    const { eventTogglePlayback } = this.constructor as typeof C4DVideoPlayer;\n    this.dispatchEvent(\n      new CustomEvent(eventTogglePlayback, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          videoId,\n        },\n      })\n    );\n  };\n\n  /**\n   * @returns The video content.\n   */\n  protected _renderContent = () => {\n    const {\n      contentState,\n      name,\n      thumbnailUrl,\n      backgroundMode,\n      _handleClickOverlay: handleClickOverlay,\n      intersectionMode,\n    } = this;\n    if (intersectionMode) {\n      return html`\n        <div class=\"${c4dPrefix}--video-player__video\">\n          ${contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL\n            ? html`\n                <c4d-image\n                  default-src=\"${thumbnailUrl}\"\n                  alt=\"${ifNonEmpty(name)}\"\n                  part=\"image\">\n                </c4d-image>\n              `\n            : html` <slot></slot> `}\n        </div>\n      `;\n    } else {\n      return contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL &&\n        !backgroundMode &&\n        !this.autoplay\n        ? html`\n            <div class=\"${c4dPrefix}--video-player__video\" part=\"video\">\n              <button\n                class=\"${c4dPrefix}--video-player__image-overlay\"\n                part=\"button\"\n                @click=\"${handleClickOverlay}\">\n                <c4d-image\n                  default-src=\"${thumbnailUrl}\"\n                  alt=\"${ifNonEmpty(name)}\"\n                  part=\"image\">\n                  ${PlayVideo({ slot: 'icon' })}\n                </c4d-image>\n              </button>\n            </div>\n          `\n        : html` <slot></slot> `;\n    }\n  };\n\n  /**\n   * Updates video thumbnail url to match video width\n   */\n  protected _updateThumbnailUrl() {\n    let thumbnailSrc: false | URL = false;\n\n    try {\n      thumbnailSrc = new URL(this.thumbnailUrl);\n    } catch (error) {\n      // Do nothing.\n    }\n\n    // If current thumbnail is from Kaltura and includes this video's ID we should be able to safely update it.\n    if (\n      thumbnailSrc &&\n      thumbnailSrc.host.toLowerCase().includes('kaltura') &&\n      thumbnailSrc.pathname.includes(this.videoId!)\n    ) {\n      this.thumbnailUrl = KalturaPlayerAPI.getThumbnailUrl({\n        mediaId: this.videoId,\n        width: String(this.offsetWidth),\n      });\n    }\n  }\n\n  /**\n   * userInitiatedTogglePlaybackState\n   */\n  public userInitiatedTogglePlaybackState() {\n    const { videoId } = this;\n    const { eventPlaybackStateChange } = this\n      .constructor as typeof C4DVideoPlayer;\n    this.dispatchEvent(\n      new CustomEvent(eventPlaybackStateChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          videoId,\n          playingMode: this.playingMode,\n        },\n      })\n    );\n  }\n\n  /**\n   * The video player's content state.\n   */\n  @property({ reflect: true, attribute: 'content-state' })\n  contentState = VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL;\n\n  /**\n   * The video duration.\n   */\n  @property({ type: Number })\n  duration?: number;\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 = formatVideoCaption;\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 = formatVideoDuration;\n\n  /**\n   * `true` to hide the caption.\n   */\n  @property({ type: Boolean, attribute: 'hide-caption' })\n  hideCaption = false;\n\n  /**\n   * The video name.\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` to autoplay, mute video, and hide UI\n   */\n  @property({ attribute: 'background-mode', reflect: true, type: Boolean })\n  backgroundMode = false;\n\n  /**\n   * `true` to autoplay\n   */\n  @property({ attribute: 'auto-play', reflect: true, type: Boolean })\n  autoplay = false;\n\n  /**\n   * Custom video description. This property should only be set when using `playing-mode=\"lightbox\"`\n   */\n  @property({ attribute: 'video-description' })\n  customVideoDescription?: string;\n\n  /**\n   * The thumbnail URL.\n   */\n  @property({ attribute: 'thumbnail-url' })\n  thumbnailUrl = '';\n\n  /**\n   * The video ID.\n   */\n  @property({ attribute: 'video-id' })\n  videoId?: string;\n\n  /**\n   * Override default aspect ratio of `16x9`.\n   * Available aspect ratios:\n   *\n   * `16x9`, `9x16`, `2x1`, `1x2`, `4x3`, `3x4`, `1x1`\n   */\n  @property({ attribute: 'aspect-ratio' })\n  aspectRatio?: string;\n\n  render() {\n    const {\n      aspectRatio,\n      duration,\n      formatCaption,\n      formatDuration,\n      hideCaption,\n      name,\n      buttonPosition,\n      intersectionMode,\n      _handleTogglePlayback: handleTogglePlayback,\n      _renderContent: renderContent,\n    } = this;\n\n    const aspectRatioClass = classMap({\n      [`${c4dPrefix}--video-player__video-container`]: true,\n      [`${c4dPrefix}--video-player__aspect-ratio--${aspectRatio}`]:\n        !!aspectRatio,\n    });\n    const togglePlaybackClass = classMap({\n      [`${c4dPrefix}--video-player__toggle-playback`]: true,\n      [`${c4dPrefix}--video-player__toggle-playback--${buttonPosition}`]: true,\n    });\n\n    return html`\n      <div class=\"${aspectRatioClass}\">\n        ${intersectionMode\n          ? html`\n              <button\n                class=\"${togglePlaybackClass}\"\n                @click=\"${handleTogglePlayback}\"\n                tabindex=\"0\"\n                part=\"button\">\n                ${this.isPlaying\n                  ? PauseOutline({ 'aria-label': 'Pause' })\n                  : PlayOutline({ 'aria-label': 'Play' })}\n              </button>\n            `\n          : null}\n        ${renderContent()}\n      </div>\n      ${hideCaption\n        ? undefined\n        : html`\n            <div\n              class=\"${c4dPrefix}--video-player__video-caption\"\n              part=\"caption\">\n              ${formatCaption({\n                duration: formatDuration({\n                  duration: !duration ? duration : duration * 1000,\n                }),\n                name,\n              })}\n            </div>\n          `}\n    `;\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('duration') ||\n      changedProperties.has('formatCaption') ||\n      changedProperties.has('name') ||\n      changedProperties.has('backgroundMode')\n    ) {\n      const { duration, formatCaption, formatDuration, name } = this;\n      const caption = formatCaption({\n        duration: formatDuration({\n          duration: !duration ? duration : duration * 1000,\n        }),\n        name,\n      });\n      if (caption) {\n        this.setAttribute('aria-label', caption);\n      }\n    }\n\n    // Move measurement & API call to callback queue & wait for update to complete.\n    setTimeout(async () => {\n      await this.updateComplete;\n      if (!this.thumbnailUrl.endsWith(`${this.offsetWidth}`)) {\n        this._updateThumbnailUrl();\n      }\n    }, 0);\n  }\n\n  firstUpdated() {\n    this.tabIndex = 0;\n    this.backgroundMode = Boolean(\n      (this.parentElement as C4DVideoPlayerComposite)?.backgroundMode\n    );\n    this.intersectionMode = Boolean(\n      (this.parentElement as C4DVideoPlayerComposite)?.intersectionMode\n    );\n    this.autoplay = Boolean(\n      (this.parentElement as C4DVideoPlayerComposite)?.autoPlay\n    );\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  static get stableSelector() {\n    return `${c4dPrefix}--video-player`;\n  }\n\n  /**\n   * The name of the custom event fired when a user action toggles playback.\n   */\n  static get eventTogglePlayback() {\n    return `${c4dPrefix}-video-player-toggle-playback`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DVideoPlayer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"video-player.js","names":["LitElement","html","property","classMap","FocusMixin","PlayVideo","PlayOutline","PauseOutline","formatVideoCaption","formatVideoDuration","settings","KalturaPlayerAPI","BUTTON_POSITION","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","styles","StableSelectorMixin","carbonElement","customElement","ifNonEmpty","stablePrefix","c4dPrefix","C4DVideoPlayer","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","reflect","attribute","key","value","INLINE","type","Boolean","BOTTOM_RIGHT","playingMode","contentState","VIDEO","videoId","name","customVideoDescription","eventContentStateChange","dispatchEvent","CustomEvent","bubbles","composed","detail","eventTogglePlayback","thumbnailUrl","backgroundMode","_handleClickOverlay","handleClickOverlay","intersectionMode","_t","_","THUMBNAIL","_t2","_t3","autoplay","_t4","slot","part","_t5","_updateThumbnailUrl","thumbnailSrc","URL","error","host","toLowerCase","includes","pathname","getThumbnailUrl","mediaId","width","String","offsetWidth","userInitiatedTogglePlaybackState","eventPlaybackStateChange","Number","render","aspectRatio","duration","formatCaption","formatDuration","hideCaption","buttonPosition","_handleTogglePlayback","handleTogglePlayback","_renderContent","renderContent","aspectRatioClass","togglePlaybackClass","_t6","_t7","isPlaying","undefined","_t8","updated","changedProperties","has","caption","setAttribute","setTimeout","updateComplete","endsWith","firstUpdated","_this$parentElement","_this$parentElement2","_this$parentElement3","tabIndex","parentElement","autoPlay","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/video-player/video-player.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport PlayVideo from '../../../es/icons/play-video.js';\nimport PlayOutline from '@carbon/web-components/es/icons/play--outline/20.js';\nimport PauseOutline from '@carbon/web-components/es/icons/pause--outline/20.js';\nimport {\n  formatVideoCaption,\n  formatVideoDuration,\n} from '@carbon/ibmdotcom-utilities/es/utilities/formatVideoCaption/formatVideoCaption.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport KalturaPlayerAPI from '@carbon/ibmdotcom-services/es/services/KalturaPlayer/KalturaPlayer.js';\nimport {\n  BUTTON_POSITION,\n  VIDEO_PLAYER_CONTENT_STATE,\n  VIDEO_PLAYER_PLAYING_MODE,\n} from './defs';\nimport '../image/image';\nimport styles from './video-player.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport ifNonEmpty from '@carbon/web-components/es/globals/directives/if-non-empty.js';\nimport C4DVideoPlayerComposite from './video-player-composite';\n\nexport { VIDEO_PLAYER_CONTENT_STATE };\nexport { VIDEO_PLAYER_PLAYING_MODE };\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * Video player.\n *\n * @element c4d-video-player\n * @csspart video - The video. Usage `c4d-video-player::part(video)`\n * @csspart button - The play button. Usage `c4d-video-player::part(button)`\n * @csspart image - The thumbnail image. Usage `c4d-video-player::part(image)`\n * @csspart play-video - The play video icon. Usage `c4d-video-player::part(play-video)`\n * @csspart video-container - The video container. Usage `c4d-video-player::part(video-container)`\n * @csspart caption - The caption. Usage `c4d-video-player::part(caption)`\n */\n@customElement(`${c4dPrefix}-video-player`)\nclass C4DVideoPlayer extends FocusMixin(StableSelectorMixin(LitElement)) {\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   * 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 current playback state, inherited from the parent.\n   */\n  @property()\n  isPlaying = 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   * Handles `click` event on the video thumbnail.\n   */\n  protected _handleClickOverlay = () => {\n    if (this.playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE) {\n      this.contentState = VIDEO_PLAYER_CONTENT_STATE.VIDEO;\n    }\n    const { videoId, name, customVideoDescription } = this;\n    const { eventContentStateChange } = this\n      .constructor as typeof C4DVideoPlayer;\n    this.dispatchEvent(\n      new CustomEvent(eventContentStateChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          videoId,\n          contentState: VIDEO_PLAYER_CONTENT_STATE.VIDEO,\n          playingMode: this.playingMode,\n          name,\n          customVideoDescription,\n        },\n      })\n    );\n  };\n\n  protected _handleTogglePlayback = () => {\n    const { videoId } = this;\n    const { eventTogglePlayback } = this.constructor as typeof C4DVideoPlayer;\n    this.dispatchEvent(\n      new CustomEvent(eventTogglePlayback, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          videoId,\n        },\n      })\n    );\n  };\n\n  /**\n   * @returns The video content.\n   */\n  protected _renderContent = () => {\n    const {\n      contentState,\n      name,\n      thumbnailUrl,\n      backgroundMode,\n      _handleClickOverlay: handleClickOverlay,\n      intersectionMode,\n    } = this;\n    if (intersectionMode) {\n      return html`\n        <div class=\"${c4dPrefix}--video-player__video\">\n          ${contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL\n            ? html`\n                <c4d-image\n                  default-src=\"${thumbnailUrl}\"\n                  alt=\"${ifNonEmpty(name)}\"\n                  part=\"image\">\n                </c4d-image>\n              `\n            : html` <slot></slot> `}\n        </div>\n      `;\n    } else {\n      return contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL &&\n        !backgroundMode &&\n        !this.autoplay\n        ? html`\n            <div class=\"${c4dPrefix}--video-player__video\" part=\"video\">\n              <button\n                class=\"${c4dPrefix}--video-player__image-overlay\"\n                part=\"button\"\n                @click=\"${handleClickOverlay}\">\n                <c4d-image\n                  default-src=\"${thumbnailUrl}\"\n                  alt=\"${ifNonEmpty(name)}\"\n                  part=\"image\">\n                  ${PlayVideo({ slot: 'icon', part: 'play-video' })}\n                </c4d-image>\n              </button>\n            </div>\n          `\n        : html` <slot></slot> `;\n    }\n  };\n\n  /**\n   * Updates video thumbnail url to match video width\n   */\n  protected _updateThumbnailUrl() {\n    let thumbnailSrc: false | URL = false;\n\n    try {\n      thumbnailSrc = new URL(this.thumbnailUrl);\n    } catch (error) {\n      // Do nothing.\n    }\n\n    // If current thumbnail is from Kaltura and includes this video's ID we should be able to safely update it.\n    if (\n      thumbnailSrc &&\n      thumbnailSrc.host.toLowerCase().includes('kaltura') &&\n      thumbnailSrc.pathname.includes(this.videoId!)\n    ) {\n      this.thumbnailUrl = KalturaPlayerAPI.getThumbnailUrl({\n        mediaId: this.videoId,\n        width: String(this.offsetWidth),\n      });\n    }\n  }\n\n  /**\n   * userInitiatedTogglePlaybackState\n   */\n  public userInitiatedTogglePlaybackState() {\n    const { videoId } = this;\n    const { eventPlaybackStateChange } = this\n      .constructor as typeof C4DVideoPlayer;\n    this.dispatchEvent(\n      new CustomEvent(eventPlaybackStateChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          videoId,\n          playingMode: this.playingMode,\n        },\n      })\n    );\n  }\n\n  /**\n   * The video player's content state.\n   */\n  @property({ reflect: true, attribute: 'content-state' })\n  contentState = VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL;\n\n  /**\n   * The video duration.\n   */\n  @property({ type: Number })\n  duration?: number;\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 = formatVideoCaption;\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 = formatVideoDuration;\n\n  /**\n   * `true` to hide the caption.\n   */\n  @property({ type: Boolean, attribute: 'hide-caption' })\n  hideCaption = false;\n\n  /**\n   * The video name.\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` to autoplay, mute video, and hide UI\n   */\n  @property({ attribute: 'background-mode', reflect: true, type: Boolean })\n  backgroundMode = false;\n\n  /**\n   * `true` to autoplay\n   */\n  @property({ attribute: 'auto-play', reflect: true, type: Boolean })\n  autoplay = false;\n\n  /**\n   * Custom video description. This property should only be set when using `playing-mode=\"lightbox\"`\n   */\n  @property({ attribute: 'video-description' })\n  customVideoDescription?: string;\n\n  /**\n   * The thumbnail URL.\n   */\n  @property({ attribute: 'thumbnail-url' })\n  thumbnailUrl = '';\n\n  /**\n   * The video ID.\n   */\n  @property({ attribute: 'video-id' })\n  videoId?: string;\n\n  /**\n   * Override default aspect ratio of `16x9`.\n   * Available aspect ratios:\n   *\n   * `16x9`, `9x16`, `2x1`, `1x2`, `4x3`, `3x4`, `1x1`\n   */\n  @property({ attribute: 'aspect-ratio' })\n  aspectRatio?: string;\n\n  render() {\n    const {\n      aspectRatio,\n      duration,\n      formatCaption,\n      formatDuration,\n      hideCaption,\n      name,\n      buttonPosition,\n      intersectionMode,\n      _handleTogglePlayback: handleTogglePlayback,\n      _renderContent: renderContent,\n    } = this;\n\n    const aspectRatioClass = classMap({\n      [`${c4dPrefix}--video-player__video-container`]: true,\n      [`${c4dPrefix}--video-player__aspect-ratio--${aspectRatio}`]:\n        !!aspectRatio,\n    });\n    const togglePlaybackClass = classMap({\n      [`${c4dPrefix}--video-player__toggle-playback`]: true,\n      [`${c4dPrefix}--video-player__toggle-playback--${buttonPosition}`]: true,\n    });\n\n    return html`\n      <div class=\"${aspectRatioClass}\" part=\"video-container\">\n        ${intersectionMode\n          ? html`\n              <button\n                class=\"${togglePlaybackClass}\"\n                @click=\"${handleTogglePlayback}\"\n                tabindex=\"0\"\n                part=\"button\">\n                ${this.isPlaying\n                  ? PauseOutline({ 'aria-label': 'Pause' })\n                  : PlayOutline({ 'aria-label': 'Play' })}\n              </button>\n            `\n          : null}\n        ${renderContent()}\n      </div>\n      ${hideCaption\n        ? undefined\n        : html`\n            <div\n              class=\"${c4dPrefix}--video-player__video-caption\"\n              part=\"caption\">\n              ${formatCaption({\n                duration: formatDuration({\n                  duration: !duration ? duration : duration * 1000,\n                }),\n                name,\n              })}\n            </div>\n          `}\n    `;\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('duration') ||\n      changedProperties.has('formatCaption') ||\n      changedProperties.has('name') ||\n      changedProperties.has('backgroundMode')\n    ) {\n      const { duration, formatCaption, formatDuration, name } = this;\n      const caption = formatCaption({\n        duration: formatDuration({\n          duration: !duration ? duration : duration * 1000,\n        }),\n        name,\n      });\n      if (caption) {\n        this.setAttribute('aria-label', caption);\n      }\n    }\n\n    // Move measurement & API call to callback queue & wait for update to complete.\n    setTimeout(async () => {\n      await this.updateComplete;\n      if (!this.thumbnailUrl.endsWith(`${this.offsetWidth}`)) {\n        this._updateThumbnailUrl();\n      }\n    }, 0);\n  }\n\n  firstUpdated() {\n    this.tabIndex = 0;\n    this.backgroundMode = Boolean(\n      (this.parentElement as C4DVideoPlayerComposite)?.backgroundMode\n    );\n    this.intersectionMode = Boolean(\n      (this.parentElement as C4DVideoPlayerComposite)?.intersectionMode\n    );\n    this.autoplay = Boolean(\n      (this.parentElement as C4DVideoPlayerComposite)?.autoPlay\n    );\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  static get stableSelector() {\n    return `${c4dPrefix}--video-player`;\n  }\n\n  /**\n   * The name of the custom event fired when a user action toggles playback.\n   */\n  static get eventTogglePlayback() {\n    return `${c4dPrefix}-video-player-toggle-playback`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DVideoPlayer;\n"],"mappings":"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","ignoreList":[]}

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

@@ -29,6 +29,7 @@ export interface ComponentProps {
  * @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)`
  */

package/es/internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer.js

@@ -6,7 +6,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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; }
 /**
- * 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.
@@ -226,6 +226,12 @@ var KalturaPlayerAPI = /*#__PURE__*/function () {
                     closedCaptions: {
                       plugin: true
                     },
+                    /**
+                     * When altering this default prop,
+                     * please also check the video-player-container
+                     * _getPlayerOptions prop of same name - as it also
+                     * replicates the value below except for text
+                     */
                     titleLabel: {
                       plugin: true,
                       align: 'left',

package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js

@@ -12,10 +12,10 @@
  * @type {object} Settings object
  * @property {string} [stablePrefix=c4d] stable prefix
  * @property {string} [prefix=cds] core Carbon prefix
- * Carbon for IBM.com v2.23.0',
+ * Carbon for IBM.com v2.25.0',
  */
 var settings = {
-  version: 'Carbon for IBM.com v2.23.0',
+  version: 'Carbon for IBM.com v2.25.0',
   stablePrefix: 'c4d',
   prefix: 'cds'
 };

package/lib/components/background-media/defs.js

@@ -7,7 +7,7 @@ exports.MOBILE_POSITION = exports.GRADIENT_DIRECTION = void 0;
 /**
  * @license
  *
- * Copyright IBM Corp. 2021
+ * Copyright IBM Corp. 2021, 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.
@@ -21,6 +21,7 @@ let GRADIENT_DIRECTION = exports.GRADIENT_DIRECTION = void 0;
  */
 (function (GRADIENT_DIRECTION) {
   GRADIENT_DIRECTION["LEFT_TO_RIGHT"] = "left-to-right";
+  GRADIENT_DIRECTION["RIGHT_TO_LEFT"] = "right-to-left";
   GRADIENT_DIRECTION["TOP_TO_BOTTOM"] = "top-to-bottom";
 })(GRADIENT_DIRECTION || (exports.GRADIENT_DIRECTION = GRADIENT_DIRECTION = {}));
 let MOBILE_POSITION = exports.MOBILE_POSITION = void 0;

package/lib/components/background-media/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["GRADIENT_DIRECTION","exports","MOBILE_POSITION"],"sources":["components/background-media/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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\n/**\n * Gradient Direction\n */\nexport enum GRADIENT_DIRECTION {\n  /**\n   * Left to right\n   */\n  LEFT_TO_RIGHT = 'left-to-right',\n\n  /**\n   * Top to Bottom\n   */\n  TOP_TO_BOTTOM = 'top-to-bottom',\n}\n\n/**\n * Mobile Position\n */\nexport enum MOBILE_POSITION {\n  /**\n   * Top\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA;AAY9B;AACA;AACA;AAFA,WAZYA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAAC,OAAA,CAAAD,kBAAA,GAAlBA,kBAAkB;AAAA,IAelBE,eAAe,GAAAD,OAAA,CAAAC,eAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;AAAA,GAAfA,eAAe,KAAAD,OAAA,CAAAC,eAAA,GAAfA,eAAe","ignoreList":[]}
+{"version":3,"file":"defs.js","names":["GRADIENT_DIRECTION","exports","MOBILE_POSITION"],"sources":["components/background-media/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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\n/**\n * Gradient Direction\n */\nexport enum GRADIENT_DIRECTION {\n  /**\n   * Left to right\n   */\n  LEFT_TO_RIGHT = 'left-to-right',\n\n  /**\n   * Right to left\n   */\n  RIGHT_TO_LEFT = 'right-to-left',\n\n  /**\n   * Top to Bottom\n   */\n  TOP_TO_BOTTOM = 'top-to-bottom',\n}\n\n/**\n * Mobile Position\n */\nexport enum MOBILE_POSITION {\n  /**\n   * Top\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA;AAiB9B;AACA;AACA;AAFA,WAjBYA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAAC,OAAA,CAAAD,kBAAA,GAAlBA,kBAAkB;AAAA,IAoBlBE,eAAe,GAAAD,OAAA,CAAAC,eAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;AAAA,GAAfA,eAAe,KAAAD,OAAA,CAAAC,eAAA,GAAfA,eAAe","ignoreList":[]}

package/lib/internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer.js

@@ -14,7 +14,7 @@ var _Analytics = require("../Analytics");
 var _windowOrGlobal = _interopRequireDefault(require("window-or-global"));
 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) { (0, _defineProperty2.default)(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; } /**
- * 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.
@@ -230,6 +230,12 @@ var KalturaPlayerAPI = /*#__PURE__*/function () {
                     closedCaptions: {
                       plugin: true
                     },
+                    /**
+                     * When altering this default prop,
+                     * please also check the video-player-container
+                     * _getPlayerOptions prop of same name - as it also
+                     * replicates the value below except for text
+                     */
                     titleLabel: {
                       plugin: true,
                       align: 'left',

package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js

@@ -18,10 +18,10 @@ exports.default = void 0;
  * @type {object} Settings object
  * @property {string} [stablePrefix=c4d] stable prefix
  * @property {string} [prefix=cds] core Carbon prefix
- * Carbon for IBM.com v2.23.0',
+ * Carbon for IBM.com v2.25.0',
  */
 var settings = {
-  version: 'Carbon for IBM.com v2.23.0',
+  version: 'Carbon for IBM.com v2.25.0',
   stablePrefix: 'c4d',
   prefix: 'cds'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ibmdotcom-web-components",
-  "version": "2.23.0",
+  "version": "2.25.0",
   "description": "Carbon for IBM.com Web Components",
   "license": "Apache-2.0",
   "exports": {
@@ -92,9 +92,9 @@
     "cypress:verify": "cypress verify"
   },
   "dependencies": {
-    "@carbon/ibmdotcom-services": "2.23.0",
-    "@carbon/ibmdotcom-styles": "2.23.0",
-    "@carbon/ibmdotcom-utilities": "2.23.0",
+    "@carbon/ibmdotcom-services": "2.25.0",
+    "@carbon/ibmdotcom-styles": "2.25.0",
+    "@carbon/ibmdotcom-utilities": "2.25.0",
     "@carbon/layout": "11.27.0",
     "@carbon/motion": "11.24.0",
     "@carbon/styles": "1.65.0",
@@ -184,7 +184,7 @@
     "cypress-wait-until": "^1.7.2",
     "del": "^6.0.0",
     "doctoc": "^2.0.0",
-    "dompurify": "^2.0.0",
+    "dompurify": "3.2.5",
     "enzyme": "^3.11.0",
     "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
@@ -243,5 +243,5 @@
     "web-component-analyzer": "1.2.0-next.0",
     "webpack": "^4.46.0"
   },
-  "gitHead": "9604f645e0c57f759fa698ef64a2504b0b244c52"
+  "gitHead": "f3f2a1b80455f6300ce092c729bae016442259ff"
 }