@carbon/ibmdotcom-web-components 1.32.0-rc.0 → 1.32.0-rc.2

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

@@ -1 +1 @@
-{"version":3,"sources":["components/video-player/video-player.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAYzD,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,gBAAgB,CAAC;AAOxB,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CA6JnC;;OAEG;;;;IAUH;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzKL;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAE5B;IACC;;OAEG;IAEH,WAAW,4BAAoC;IAE/C;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsB3B;;OAEG;IACH,OAAO,CAAC,cAAc;IAkBtB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAepB,gBAAgB;IAIvB;;OAEG;IACI,gCAAgC;IAgBvC;;OAEG;IAEH,YAAY,6BAAwC;IAEpD;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IAEH,aAAa,MAAsB;IAEnC;;;OAGG;IAEH,cAAc,MAAuB;IAErC;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;OAEG;IAEH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gBAAgB;IAShB,MAAM;IAgCN,OAAO,CAAC,iBAAiB,KAAA;IAwBzB,YAAY;IASZ;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,wBAAwB,WAElC;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,cAAc,CAAC","file":"video-player.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\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 { html, property, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport {\n  formatVideoCaption,\n  formatVideoDuration,\n} from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/formatVideoCaption/formatVideoCaption.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport { VIDEO_PLAYER_CONTENT_STATE, VIDEO_PLAYER_PLAYING_MODE } from './defs';\nimport '../image/image';\nimport styles from './video-player.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSVideoPlayerContainer from './video-player-container';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { VIDEO_PLAYER_CONTENT_STATE };\nexport { VIDEO_PLAYER_PLAYING_MODE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Video player.\n *\n * @element dds-video-player\n */\n@customElement(`${ddsPrefix}-video-player`)\nclass DDSVideoPlayer extends FocusMixin(\n  StableSelectorMixin(ParentVisibilityMixin(LitElement))\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   * Handles `click` event on the video thumbnail.\n   */\n  private _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 DDSVideoPlayer;\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  /**\n   * @returns The video content.\n   */\n  private _renderContent() {\n    const { contentState, name, thumbnailUrl, backgroundMode } = this;\n    return contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL &&\n      !backgroundMode\n      ? html`\n          <div class=\"${prefix}--video-player__video\">\n            <button\n              class=\"${prefix}--video-player__image-overlay\"\n              @click=\"${this._handleClickOverlay}\">\n              <dds-image default-src=\"${thumbnailUrl}\" alt=\"${ifNonNull(name)}\">\n                ${PlayVideo({ slot: 'icon' })}\n              </dds-image>\n            </button>\n          </div>\n        `\n      : html` <slot></slot> `;\n  }\n\n  /**\n   * Updates video thumbnail url to match video width\n   */\n  private _updateThumbnailUrl() {\n    const thumbnailSrc = new URL(this.thumbnailUrl || '');\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.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  public _onParentVisible() {\n    this._updateThumbnailUrl();\n  }\n\n  /**\n   * userInitiatedTogglePlaybackState\n   */\n  public userInitiatedTogglePlaybackState() {\n    const { videoId } = this;\n    const { eventPlaybackStateChange } = this\n      .constructor as typeof DDSVideoPlayer;\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 })\n  backgroundMode: boolean = 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  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      aspectRatio,\n      duration,\n      formatCaption,\n      formatDuration,\n      hideCaption,\n      name,\n    } = this;\n\n    const aspectRatioClass = classMap({\n      [`${prefix}--video-player__video-container`]: true,\n      [`${prefix}--video-player__aspect-ratio--${aspectRatio}`]: !!aspectRatio,\n    });\n\n    return html`\n      <div class=\"${aspectRatioClass}\">${this._renderContent()}</div>\n      ${hideCaption\n        ? undefined\n        : html`\n            <div class=\"${prefix}--video-player__video-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    if (this.offsetWidth > 0) {\n      this._updateThumbnailUrl();\n    }\n  }\n\n  firstUpdated() {\n    this.tabIndex = 0;\n    const parentIsBackground = Boolean(\n      (this.parentElement as DDSVideoPlayerContainer)?.backgroundMode\n    );\n\n    this.backgroundMode = parentIsBackground;\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 `${ddsPrefix}-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 `${ddsPrefix}-video-player-playback-state-changed`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--video-player`;\n  }\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 DDSVideoPlayer;\n"]}
+{"version":3,"sources":["components/video-player/video-player.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAYzD,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,gBAAgB,CAAC;AAOxB,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKrC;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAE5B;IACC;;OAEG;IAEH,WAAW,4BAAoC;IAE/C;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsB3B;;OAEG;IACH,OAAO,CAAC,cAAc;IAkBtB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsBpB,gBAAgB;IAIvB;;OAEG;IACI,gCAAgC;IAgBvC;;OAEG;IAEH,YAAY,6BAAwC;IAEpD;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IAEH,aAAa,MAAsB;IAEnC;;;OAGG;IAEH,cAAc,MAAuB;IAErC;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;OAEG;IAEH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gBAAgB;IAShB,MAAM;IAgCN,OAAO,CAAC,iBAAiB,KAAA;IAwBzB,YAAY;IASZ;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,wBAAwB,WAElC;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,cAAc,CAAC","file":"video-player.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\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 { html, property, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport {\n  formatVideoCaption,\n  formatVideoDuration,\n} from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/formatVideoCaption/formatVideoCaption.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport { VIDEO_PLAYER_CONTENT_STATE, VIDEO_PLAYER_PLAYING_MODE } from './defs';\nimport '../image/image';\nimport styles from './video-player.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSVideoPlayerContainer from './video-player-container';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { VIDEO_PLAYER_CONTENT_STATE };\nexport { VIDEO_PLAYER_PLAYING_MODE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Video player.\n *\n * @element dds-video-player\n */\n@customElement(`${ddsPrefix}-video-player`)\nclass DDSVideoPlayer extends FocusMixin(\n  StableSelectorMixin(ParentVisibilityMixin(LitElement))\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   * Handles `click` event on the video thumbnail.\n   */\n  private _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 DDSVideoPlayer;\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  /**\n   * @returns The video content.\n   */\n  private _renderContent() {\n    const { contentState, name, thumbnailUrl, backgroundMode } = this;\n    return contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL &&\n      !backgroundMode\n      ? html`\n          <div class=\"${prefix}--video-player__video\">\n            <button\n              class=\"${prefix}--video-player__image-overlay\"\n              @click=\"${this._handleClickOverlay}\">\n              <dds-image default-src=\"${thumbnailUrl}\" alt=\"${ifNonNull(name)}\">\n                ${PlayVideo({ slot: 'icon' })}\n              </dds-image>\n            </button>\n          </div>\n        `\n      : html` <slot></slot> `;\n  }\n\n  /**\n   * Updates video thumbnail url to match video width\n   */\n  private _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  public _onParentVisible() {\n    this._updateThumbnailUrl();\n  }\n\n  /**\n   * userInitiatedTogglePlaybackState\n   */\n  public userInitiatedTogglePlaybackState() {\n    const { videoId } = this;\n    const { eventPlaybackStateChange } = this\n      .constructor as typeof DDSVideoPlayer;\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 })\n  backgroundMode: boolean = 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  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      aspectRatio,\n      duration,\n      formatCaption,\n      formatDuration,\n      hideCaption,\n      name,\n    } = this;\n\n    const aspectRatioClass = classMap({\n      [`${prefix}--video-player__video-container`]: true,\n      [`${prefix}--video-player__aspect-ratio--${aspectRatio}`]: !!aspectRatio,\n    });\n\n    return html`\n      <div class=\"${aspectRatioClass}\">${this._renderContent()}</div>\n      ${hideCaption\n        ? undefined\n        : html`\n            <div class=\"${prefix}--video-player__video-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    if (this.offsetWidth > 0) {\n      this._updateThumbnailUrl();\n    }\n  }\n\n  firstUpdated() {\n    this.tabIndex = 0;\n    const parentIsBackground = Boolean(\n      (this.parentElement as DDSVideoPlayerContainer)?.backgroundMode\n    );\n\n    this.backgroundMode = parentIsBackground;\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 `${ddsPrefix}-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 `${ddsPrefix}-video-player-playback-state-changed`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--video-player`;\n  }\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 DDSVideoPlayer;\n"]}

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

@@ -143,10 +143,15 @@ var DDSVideoPlayer = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
       kind: "method",
       key: "_updateThumbnailUrl",
       value: function _updateThumbnailUrl() {
-        var thumbnailSrc = new URL(this.thumbnailUrl || '');
+        var thumbnailSrc = false;
+        try {
+          thumbnailSrc = new URL(this.thumbnailUrl);
+        } catch (error) {
+          // Do nothing.
+        }
 
         // If current thumbnail is from Kaltura and includes this video's ID we should be able to safely update it.
-        if (thumbnailSrc.host.toLowerCase().includes('kaltura') && thumbnailSrc.pathname.includes(this.videoId)) {
+        if (thumbnailSrc && thumbnailSrc.host.toLowerCase().includes('kaltura') && thumbnailSrc.pathname.includes(this.videoId)) {
           this.thumbnailUrl = _KalturaPlayer["default"].getThumbnailUrl({
             mediaId: this.videoId,
             width: String(this.offsetWidth)

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

@@ -1 +1 @@
-{"version":3,"file":"video-player.js","names":["_litElement","require","_classMap2","_settings","_interopRequireDefault","_ifNonNull","_focus","_playVideo","_formatVideoCaption","_settings2","_KalturaPlayer","_defs","_videoPlayerCss","_stableSelector","_parentVisibility","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSVideoPlayer","_decorate2","customElement","concat","_initialize","_FocusMixin","_FocusMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","attribute","key","value","VIDEO_PLAYER_PLAYING_MODE","INLINE","_handleClickOverlay","playingMode","contentState","VIDEO_PLAYER_CONTENT_STATE","VIDEO","videoId","name","customVideoDescription","_ref","eventContentStateChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_renderContent","thumbnailUrl","backgroundMode","THUMBNAIL","html","_taggedTemplateLiteral2","ifNonNull","PlayVideo","slot","_updateThumbnailUrl","thumbnailSrc","URL","host","toLowerCase","includes","pathname","KalturaPlayerAPI","getThumbnailUrl","mediaId","width","String","offsetWidth","_onParentVisible","userInitiatedTogglePlaybackState","_ref2","eventPlaybackStateChange","type","Number","formatVideoCaption","formatVideoDuration","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","_classMap","aspectRatio","duration","formatCaption","formatDuration","hideCaption","aspectRatioClass","classMap","_defineProperty2","undefined","updated","changedProperties","has","caption","setAttribute","firstUpdated","_this$parentElement","tabIndex","parentIsBackground","parentElement","stableSelector","styles","FocusMixin","StableSelectorMixin","ParentVisibilityMixin","LitElement","_default","exports"],"sources":["components/video-player/video-player.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\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 { html, property, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport {\n  formatVideoCaption,\n  formatVideoDuration,\n} from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/formatVideoCaption/formatVideoCaption.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport { VIDEO_PLAYER_CONTENT_STATE, VIDEO_PLAYER_PLAYING_MODE } from './defs';\nimport '../image/image';\nimport styles from './video-player.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSVideoPlayerContainer from './video-player-container';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { VIDEO_PLAYER_CONTENT_STATE };\nexport { VIDEO_PLAYER_PLAYING_MODE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Video player.\n *\n * @element dds-video-player\n */\n@customElement(`${ddsPrefix}-video-player`)\nclass DDSVideoPlayer extends FocusMixin(\n  StableSelectorMixin(ParentVisibilityMixin(LitElement))\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   * Handles `click` event on the video thumbnail.\n   */\n  private _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 DDSVideoPlayer;\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  /**\n   * @returns The video content.\n   */\n  private _renderContent() {\n    const { contentState, name, thumbnailUrl, backgroundMode } = this;\n    return contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL &&\n      !backgroundMode\n      ? html`\n          <div class=\"${prefix}--video-player__video\">\n            <button\n              class=\"${prefix}--video-player__image-overlay\"\n              @click=\"${this._handleClickOverlay}\">\n              <dds-image default-src=\"${thumbnailUrl}\" alt=\"${ifNonNull(name)}\">\n                ${PlayVideo({ slot: 'icon' })}\n              </dds-image>\n            </button>\n          </div>\n        `\n      : html` <slot></slot> `;\n  }\n\n  /**\n   * Updates video thumbnail url to match video width\n   */\n  private _updateThumbnailUrl() {\n    const thumbnailSrc = new URL(this.thumbnailUrl || '');\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.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  public _onParentVisible() {\n    this._updateThumbnailUrl();\n  }\n\n  /**\n   * userInitiatedTogglePlaybackState\n   */\n  public userInitiatedTogglePlaybackState() {\n    const { videoId } = this;\n    const { eventPlaybackStateChange } = this\n      .constructor as typeof DDSVideoPlayer;\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 })\n  backgroundMode: boolean = 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  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      aspectRatio,\n      duration,\n      formatCaption,\n      formatDuration,\n      hideCaption,\n      name,\n    } = this;\n\n    const aspectRatioClass = classMap({\n      [`${prefix}--video-player__video-container`]: true,\n      [`${prefix}--video-player__aspect-ratio--${aspectRatio}`]: !!aspectRatio,\n    });\n\n    return html`\n      <div class=\"${aspectRatioClass}\">${this._renderContent()}</div>\n      ${hideCaption\n        ? undefined\n        : html`\n            <div class=\"${prefix}--video-player__video-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    if (this.offsetWidth > 0) {\n      this._updateThumbnailUrl();\n    }\n  }\n\n  firstUpdated() {\n    this.tabIndex = 0;\n    const parentIsBackground = Boolean(\n      (this.parentElement as DDSVideoPlayerContainer)?.backgroundMode\n    );\n\n    this.backgroundMode = parentIsBackground;\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 `${ddsPrefix}-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 `${ddsPrefix}-video-player-playback-state-changed`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--video-player`;\n  }\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 DDSVideoPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"video-player.js","names":["_litElement","require","_classMap2","_settings","_interopRequireDefault","_ifNonNull","_focus","_playVideo","_formatVideoCaption","_settings2","_KalturaPlayer","_defs","_videoPlayerCss","_stableSelector","_parentVisibility","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSVideoPlayer","_decorate2","customElement","concat","_initialize","_FocusMixin","_FocusMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","attribute","key","value","VIDEO_PLAYER_PLAYING_MODE","INLINE","_handleClickOverlay","playingMode","contentState","VIDEO_PLAYER_CONTENT_STATE","VIDEO","videoId","name","customVideoDescription","_ref","eventContentStateChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_renderContent","thumbnailUrl","backgroundMode","THUMBNAIL","html","_taggedTemplateLiteral2","ifNonNull","PlayVideo","slot","_updateThumbnailUrl","thumbnailSrc","URL","error","host","toLowerCase","includes","pathname","KalturaPlayerAPI","getThumbnailUrl","mediaId","width","String","offsetWidth","_onParentVisible","userInitiatedTogglePlaybackState","_ref2","eventPlaybackStateChange","type","Number","formatVideoCaption","formatVideoDuration","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","_classMap","aspectRatio","duration","formatCaption","formatDuration","hideCaption","aspectRatioClass","classMap","_defineProperty2","undefined","updated","changedProperties","has","caption","setAttribute","firstUpdated","_this$parentElement","tabIndex","parentIsBackground","parentElement","stableSelector","styles","FocusMixin","StableSelectorMixin","ParentVisibilityMixin","LitElement","_default","exports"],"sources":["components/video-player/video-player.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\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 { html, property, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport {\n  formatVideoCaption,\n  formatVideoDuration,\n} from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/formatVideoCaption/formatVideoCaption.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport { VIDEO_PLAYER_CONTENT_STATE, VIDEO_PLAYER_PLAYING_MODE } from './defs';\nimport '../image/image';\nimport styles from './video-player.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSVideoPlayerContainer from './video-player-container';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { VIDEO_PLAYER_CONTENT_STATE };\nexport { VIDEO_PLAYER_PLAYING_MODE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Video player.\n *\n * @element dds-video-player\n */\n@customElement(`${ddsPrefix}-video-player`)\nclass DDSVideoPlayer extends FocusMixin(\n  StableSelectorMixin(ParentVisibilityMixin(LitElement))\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   * Handles `click` event on the video thumbnail.\n   */\n  private _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 DDSVideoPlayer;\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  /**\n   * @returns The video content.\n   */\n  private _renderContent() {\n    const { contentState, name, thumbnailUrl, backgroundMode } = this;\n    return contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL &&\n      !backgroundMode\n      ? html`\n          <div class=\"${prefix}--video-player__video\">\n            <button\n              class=\"${prefix}--video-player__image-overlay\"\n              @click=\"${this._handleClickOverlay}\">\n              <dds-image default-src=\"${thumbnailUrl}\" alt=\"${ifNonNull(name)}\">\n                ${PlayVideo({ slot: 'icon' })}\n              </dds-image>\n            </button>\n          </div>\n        `\n      : html` <slot></slot> `;\n  }\n\n  /**\n   * Updates video thumbnail url to match video width\n   */\n  private _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  public _onParentVisible() {\n    this._updateThumbnailUrl();\n  }\n\n  /**\n   * userInitiatedTogglePlaybackState\n   */\n  public userInitiatedTogglePlaybackState() {\n    const { videoId } = this;\n    const { eventPlaybackStateChange } = this\n      .constructor as typeof DDSVideoPlayer;\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 })\n  backgroundMode: boolean = 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  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      aspectRatio,\n      duration,\n      formatCaption,\n      formatDuration,\n      hideCaption,\n      name,\n    } = this;\n\n    const aspectRatioClass = classMap({\n      [`${prefix}--video-player__video-container`]: true,\n      [`${prefix}--video-player__aspect-ratio--${aspectRatio}`]: !!aspectRatio,\n    });\n\n    return html`\n      <div class=\"${aspectRatioClass}\">${this._renderContent()}</div>\n      ${hideCaption\n        ? undefined\n        : html`\n            <div class=\"${prefix}--video-player__video-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    if (this.offsetWidth > 0) {\n      this._updateThumbnailUrl();\n    }\n  }\n\n  firstUpdated() {\n    this.tabIndex = 0;\n    const parentIsBackground = Boolean(\n      (this.parentElement as DDSVideoPlayerContainer)?.backgroundMode\n    );\n\n    this.backgroundMode = parentIsBackground;\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 `${ddsPrefix}-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 `${ddsPrefix}-video-player-playback-state-changed`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--video-player`;\n  }\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 DDSVideoPlayer;\n"],"mappings":"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"}

package/es/components-react/footer/dropdown.js

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export {
+  DROPDOWN_COLOR_SCHEME,
+  DROPDOWN_KEYBOARD_ACTION,
+  DROPDOWN_SIZE,
+  DROPDOWN_TYPE,
+  NAVIGATION_DIRECTION,
+} from '././defs.js';
+export { default as CustomElement } from '../../components/footer/dropdown.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {
+  formatSelectedItemStatusText: {
+    attribute: false,
+  },
+};
+export var propTypes = {
+  /**
+   * The formatter, used for announcing selected item and current item. Should be changed upon the locale the UI is rendered with.
+   */
+  formatSelectedItemStatusText: PropTypes.string,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-dropdown'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/masthead/masthead-composite.d.ts

@@ -15,7 +15,7 @@ export interface ComponentProps {
   /**
    * `true` if there is a search.
    */
-  hasSearch?: boolean;
+  hasSearch?: string;
   /**
    * `true` to activate the search box.
    */

package/es/components-react/masthead/masthead-composite.js

@@ -0,0 +1,241 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as CustomElement } from '../../components/masthead/masthead-composite.js';
+import createReactCustomElementType, {
+  booleanSerializer,
+  numberSerializer,
+} from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {
+  hasProfile: {
+    attribute: 'has-profile',
+  },
+  hasSearch: {
+    attribute: 'has-search',
+  },
+  activateSearch: {
+    serialize: booleanSerializer,
+    attribute: 'activate-search',
+  },
+  searchOpenOnload: {
+    attribute: 'search-open-on-load',
+  },
+  authenticatedProfileItems: {
+    attribute: false,
+  },
+  platform: {},
+  platformUrl: {
+    attribute: false,
+  },
+  brandName: {
+    attribute: 'brand-name',
+  },
+  currentSearchResults: {
+    attribute: false,
+  },
+  customProfileLogin: {
+    attribute: 'custom-profile-login',
+  },
+  customTypeaheadAPI: {
+    serialize: booleanSerializer,
+    attribute: 'custom-typeahead-api',
+  },
+  mastheadAssistiveText: {
+    attribute: 'masthead-assistive-text',
+  },
+  megamenuSet: {},
+  menuBarAssistiveText: {
+    attribute: 'menu-bar-assistive-text',
+  },
+  skipToContentText: {
+    attribute: 'skip-to-content-text',
+  },
+  skipToContentHref: {
+    attribute: 'skip-to-content-href',
+  },
+  menuButtonAssistiveTextActive: {
+    attribute: 'menu-button-assistive-text-active',
+  },
+  menuButtonAssistiveTextInactive: {
+    attribute: 'menu-button-assistive-text-inactive',
+  },
+  scopeParameters: {},
+  selectedMenuItem: {
+    attribute: 'selected-menu-item',
+  },
+  unauthenticatedProfileItems: {
+    attribute: false,
+  },
+  dataEndpoint: {
+    attribute: 'data-endpoint',
+  },
+  inputTimeout: {
+    serialize: numberSerializer,
+    attribute: 'input-timeout',
+  },
+  language: {},
+  navLinks: {
+    attribute: false,
+  },
+  logoData: {
+    attribute: false,
+  },
+  l1Data: {
+    attribute: false,
+  },
+  openSearchDropdown: {
+    serialize: booleanSerializer,
+    attribute: 'open-search-dropdown',
+  },
+  searchPlaceholder: {},
+  userStatus: {
+    attribute: 'user-status',
+  },
+  onMegamenuActive: {
+    event: ''.concat(ddsPrefix, '-megamenu-top-nav-menu-toggle'),
+  },
+};
+export var propTypes = {
+  /**
+   * `true` if there is a profile.
+   */
+  hasProfile: PropTypes.string,
+  /**
+   * `true` if there is a search.
+   */
+  hasSearch: PropTypes.string,
+  /**
+   * `true` to activate the search box.
+   */
+  activateSearch: PropTypes.bool,
+  /**
+   * `true` sets search to active when page loads.
+   */
+  searchOpenOnload: PropTypes.string,
+  /**
+   * The profile items for authenticated state.
+   */
+  authenticatedProfileItems: PropTypes.string,
+  /**
+   * The platform name.
+   */
+  platform: PropTypes.string,
+  /**
+   * The platform url. Accepts both a string or an object with a specific URL for each locale.
+   */
+  platformUrl: PropTypes.string,
+  /**
+   * The brand name.
+   *
+   * @deprecated brandName use platform instead
+   */
+  brandName: PropTypes.string,
+  /**
+   * The search results to show in the UI.
+   */
+  currentSearchResults: PropTypes.string,
+  /**
+   * The custom profile login link.
+   */
+  customProfileLogin: PropTypes.string,
+  /**
+   * The boolean to use a custom search API.
+   */
+  customTypeaheadAPI: PropTypes.bool,
+  /**
+   * The `aria-label` attribute for the top-level container.
+   */
+  mastheadAssistiveText: PropTypes.string,
+  /**
+   * The array containing all the megamenus to be loaded in.
+   */
+  megamenuSet: PropTypes.string,
+  /**
+   * The `aria-label` attribute for the menu bar UI.
+   */
+  menuBarAssistiveText: PropTypes.string,
+  /**
+   * The skip-to-content link text.
+   */
+  skipToContentText: PropTypes.string,
+  /**
+   * The skip-to-content href.
+   */
+  skipToContentHref: PropTypes.string,
+  /**
+   * The `aria-label` attribute for the header menu button in its active state.
+   */
+  menuButtonAssistiveTextActive: PropTypes.string,
+  /**
+   * The `aria-label` attribute for the header menu button in its active state.
+   */
+  menuButtonAssistiveTextInactive: PropTypes.string,
+  /**
+   * The parameters passed to the search-with-typeahead for search scope
+   */
+  scopeParameters: PropTypes.string,
+  /**
+   * The English title of the selected nav item.
+   */
+  selectedMenuItem: PropTypes.string,
+  /**
+   * The profile items for unauthenticated state.
+   */
+  unauthenticatedProfileItems: PropTypes.string,
+  /**
+   * Specify translation endpoint if not using default dds endpoint.
+   */
+  dataEndpoint: PropTypes.string,
+  /**
+   * The throttle timeout to run query upon user input.
+   */
+  inputTimeout: PropTypes.number,
+  /**
+   * The language used for query.
+   */
+  language: PropTypes.string,
+  /**
+   * The navigation links.
+   */
+  navLinks: PropTypes.string,
+  /**
+   * Logo data
+   */
+  logoData: PropTypes.string,
+  /**
+   * Data for l1.
+   */
+  l1Data: PropTypes.string,
+  /**
+   * `true` to open the search dropdown.
+   */
+  openSearchDropdown: PropTypes.bool,
+  /**
+   * Value to display when the input has an empty `value`.
+   */
+  searchPlaceholder: PropTypes.string,
+  /**
+   * The user authentication status.
+   */
+  userStatus: PropTypes.string,
+  /**
+   * The name of the custom event fired when a top nav menu is clicked
+   */
+  onMegamenuActive: PropTypes.func,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-masthead-composite'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/masthead/masthead-container.js

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { descriptor as parentDescriptor } from '././masthead-composite.js';
+import { propTypes as parentPropTypes } from '././masthead-composite.js';
+export { default as CustomElement } from '../../components/masthead/masthead-container.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = Object.assign({}, parentDescriptor, {});
+export var propTypes = {};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-masthead-container'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/masthead/masthead.js

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as CustomElement } from '../../components/masthead/masthead.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {};
+export var propTypes = {};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-masthead'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/quote/quote-link-with-icon.js

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { descriptor as parentDescriptor } from '../link-with-icon/link-with-icon.js';
+import { propTypes as parentPropTypes } from '../link-with-icon/link-with-icon.js';
+export { default as CustomElement } from '../../components/quote/quote-link-with-icon.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = Object.assign({}, parentDescriptor, {});
+export var propTypes = {};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-quote-link-with-icon'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/quote/quote-source-bottom-copy.js

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as CustomElement } from '../../components/quote/quote-source-bottom-copy.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {
+  slot: {},
+};
+export var propTypes = {
+  /**
+   * The shadow slot this source bottom copy content should be in.
+   */
+  slot: PropTypes.string,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-quote-source-bottom-copy'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/quote/quote-source-copy.js

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as CustomElement } from '../../components/quote/quote-source-copy.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {
+  slot: {},
+};
+export var propTypes = {
+  /**
+   * The shadow slot this source copy content should be in.
+   */
+  slot: PropTypes.string,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-quote-source-copy'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/quote/quote-source-heading.js

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as CustomElement } from '../../components/quote/quote-source-heading.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {
+  slot: {},
+};
+export var propTypes = {
+  /**
+   * The shadow slot this source copy content should be in.
+   */
+  slot: PropTypes.string,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-quote-source-heading'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;