npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.26.0-rc.1 → 1.26.0-rc.3 - Mend

@carbon/ibmdotcom-web-components 1.26.0-rc.1 → 1.26.0-rc.3

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

Files changed (788) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/video-player/video-player-composite.ts"],"names":[],"mappings":"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","file":"video-player-composite.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element dds-video-player-composite\n /\n@customElement(`${ddsPrefix}-video-player-composite`)\nclass DDSVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string, backgroundMode?: boolean) => Promise<any>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n embeddedVideos[key].sendNotification(\n key === videoId ? 'doPlay' : 'doStop'\n );\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Handles `dds-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId } = event.detail;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId, this.backgroundMode);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].sendNotification('doPause');\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].sendNotification('doPlay');\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n }\n\n pauseAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPause');\n });\n this.isPlaying = false;\n }\n\n playAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPlay');\n });\n this.isPlaying = false;\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode' })\n backgroundMode = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property()\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId, backgroundMode);\n }\n }\n }\n }\n\n renderLightDOM() {\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: String(videoThumbnailWidth),\n });\n return html`\n <dds-video-player\n duration=\"${ifNonNull(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonNull(caption \|\| name)}\"\n video-description=\"${ifNonNull(customVideoDescription)}\"\n thumbnail-url=\"${ifNonNull(thumbnailUrl)}\"\n video-id=\"${ifNonNull(videoId)}\"\n aspect-ratio=\"${ifNonNull(aspectRatio)}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n playing-mode=\"${ifNonNull(playingMode)}\"\n >\n </dds-video-player>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-video-player`;\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\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerComposite;\n"]}
1	+ {"version":3,"sources":["components/video-player/video-player-composite.ts"],"names":[],"mappings":"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","file":"video-player-composite.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element dds-video-player-composite\n /\n@customElement(`${ddsPrefix}-video-player-composite`)\nclass DDSVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string, backgroundMode?: boolean) => Promise<any>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n embeddedVideos[key].sendNotification(\n key === videoId ? 'doPlay' : 'doStop'\n );\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Handles `dds-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId } = event.detail;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId, this.backgroundMode);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].sendNotification('doPause');\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].sendNotification('doPlay');\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n }\n\n pauseAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPause');\n });\n this.isPlaying = false;\n }\n\n playAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPlay');\n });\n this.isPlaying = false;\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode' })\n backgroundMode = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property()\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId, backgroundMode);\n }\n }\n }\n }\n\n renderLightDOM() {\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: String(videoThumbnailWidth),\n });\n return html`\n <dds-video-player\n duration=\"${ifNonNull(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonNull(caption \|\| name)}\"\n video-description=\"${ifNonNull(customVideoDescription)}\"\n thumbnail-url=\"${ifNonNull(thumbnailUrl)}\"\n video-id=\"${ifNonNull(videoId)}\"\n aspect-ratio=\"${ifNonNull(aspectRatio)}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n playing-mode=\"${ifNonNull(playingMode)}\"\n >\n </dds-video-player>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-video-player`;\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\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerComposite;\n"]}

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

@@ -14,9 +14,9 @@ let _ = t => t,
  */
 import { html, property, customElement, LitElement } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import KalturaPlayerAPI from "../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer.js";
 import HybridRenderMixin from "../../globals/mixins/hybrid-render.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"video-player-composite.js","names":["html","property","customElement","LitElement","ifNonNull","HostListener","HostListenerMixin","ddsSettings","KalturaPlayerAPI","HybridRenderMixin","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","stablePrefix","ddsPrefix","DDSVideoPlayerComposite","videoId","embeddedVideos","Object","keys","forEach","key","sendNotification","selectorVideoPlayer","constructor","querySelector","event","contentState","playingMode","detail","VIDEO","INLINE","_embedMedia","backgroundMode","isPlaying","_setAutoplayPreference","type","Boolean","attribute","reflect","Number","hideCaption","autoPlay","storedPreference","_getAutoplayPreference","window","matchMedia","matches","changedProperties","has","_activateEmbeddedVideo","_loadVideoData","aspectRatio","formatCaption","formatDuration","caption","customVideoDescription","mediaData","videoThumbnailWidth","thumbnail","currentVideoData","duration","name","thumbnailUrl","getThumbnailUrl","mediaId","width","String"],"sources":["components/video-player/video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element dds-video-player-composite\n /\n@customElement(`${ddsPrefix}-video-player-composite`)\nclass DDSVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string, backgroundMode?: boolean) => Promise<any>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n embeddedVideos[key].sendNotification(\n key === videoId ? 'doPlay' : 'doStop'\n );\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Handles `dds-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId } = event.detail;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId, this.backgroundMode);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].sendNotification('doPause');\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].sendNotification('doPlay');\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n }\n\n pauseAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPause');\n });\n this.isPlaying = false;\n }\n\n playAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPlay');\n });\n this.isPlaying = false;\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode' })\n backgroundMode = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property()\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId, backgroundMode);\n }\n }\n }\n }\n\n renderLightDOM() {\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: String(videoThumbnailWidth),\n });\n return html`\n <dds-video-player\n duration=\"${ifNonNull(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonNull(caption \|\| name)}\"\n video-description=\"${ifNonNull(customVideoDescription)}\"\n thumbnail-url=\"${ifNonNull(thumbnailUrl)}\"\n video-id=\"${ifNonNull(videoId)}\"\n aspect-ratio=\"${ifNonNull(aspectRatio)}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n playing-mode=\"${ifNonNull(playingMode)}\"\n >\n </dds-video-player>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-video-player`;\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\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerComposite;\n"],"mappings":"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"}
1	+ {"version":3,"file":"video-player-composite.js","names":["html","property","customElement","LitElement","ifNonNull","HostListener","HostListenerMixin","ddsSettings","KalturaPlayerAPI","HybridRenderMixin","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","stablePrefix","ddsPrefix","DDSVideoPlayerComposite","videoId","embeddedVideos","Object","keys","forEach","key","sendNotification","selectorVideoPlayer","constructor","querySelector","event","contentState","playingMode","detail","VIDEO","INLINE","_embedMedia","backgroundMode","isPlaying","_setAutoplayPreference","type","Boolean","attribute","reflect","Number","hideCaption","autoPlay","storedPreference","_getAutoplayPreference","window","matchMedia","matches","changedProperties","has","_activateEmbeddedVideo","_loadVideoData","aspectRatio","formatCaption","formatDuration","caption","customVideoDescription","mediaData","videoThumbnailWidth","thumbnail","currentVideoData","duration","name","thumbnailUrl","getThumbnailUrl","mediaId","width","String"],"sources":["components/video-player/video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element dds-video-player-composite\n /\n@customElement(`${ddsPrefix}-video-player-composite`)\nclass DDSVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string, backgroundMode?: boolean) => Promise<any>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n embeddedVideos[key].sendNotification(\n key === videoId ? 'doPlay' : 'doStop'\n );\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Handles `dds-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId } = event.detail;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId, this.backgroundMode);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].sendNotification('doPause');\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].sendNotification('doPlay');\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n }\n\n pauseAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPause');\n });\n this.isPlaying = false;\n }\n\n playAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPlay');\n });\n this.isPlaying = false;\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode' })\n backgroundMode = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property()\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId, backgroundMode);\n }\n }\n }\n }\n\n renderLightDOM() {\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: String(videoThumbnailWidth),\n });\n return html`\n <dds-video-player\n duration=\"${ifNonNull(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonNull(caption \|\| name)}\"\n video-description=\"${ifNonNull(customVideoDescription)}\"\n thumbnail-url=\"${ifNonNull(thumbnailUrl)}\"\n video-id=\"${ifNonNull(videoId)}\"\n aspect-ratio=\"${ifNonNull(aspectRatio)}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n playing-mode=\"${ifNonNull(playingMode)}\"\n >\n </dds-video-player>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-video-player`;\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\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerComposite;\n"],"mappings":"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"}

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

@@ -100,6 +100,9 @@ declare const DDSVideoPlayer_base: (new (...args: any[]) => {
     scrollTo(options?: ScrollToOptions | undefined): void;
     scrollTo(x: number, y: number): void;
     setAttribute(qualifiedName: string, value: string): void;
+    /**
+     * The thumbnail URL.
+     */
     setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
     setAttributeNode(attr: Attr): Attr | null;
     setAttributeNodeNS(attr: Attr): Attr | null;
@@ -146,6 +149,9 @@ declare const DDSVideoPlayer_base: (new (...args: any[]) => {
     readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
     readonly DOCUMENT_POSITION_PRECEDING: number;
     readonly DOCUMENT_TYPE_NODE: number;
+    /**
+     * The name of the custom event fired requesting playback state change.
+     */
     readonly ELEMENT_NODE: number;
     readonly ENTITY_NODE: number;
     readonly ENTITY_REFERENCE_NODE: number;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/video-player/video-player.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAYxE,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,gBAAgB,CAAC;AAMxB,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;IAmBtB;;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;IAQZ;;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, 2022\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, customElement, 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 '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/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';\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 >\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\n this.backgroundMode = (\n this.parentElement as DDSVideoPlayerContainer\n ).backgroundMode;\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"]}
1	+ {"version":3,"sources":["components/video-player/video-player.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAYxE,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,gBAAgB,CAAC;AAMxB,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8JnC;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmGH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhQL;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAE5B;IACC;;OAEG;IAEH,WAAW,4BAAoC;IAE/C;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsB3B;;OAEG;IACH,OAAO,CAAC,cAAc;IAmBtB;;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;IAQZ;;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, 2022\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, customElement, 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 '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/web-components/es/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';\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 >\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\n this.backgroundMode = (\n this.parentElement as DDSVideoPlayerContainer\n ).backgroundMode;\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 CHANGED Viewed

@@ -16,8 +16,8 @@ let _ = t => t,
 import { html, property, customElement, LitElement } from 'lit-element';
 import { classMap } from 'lit-html/directives/class-map.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import PlayVideo from "../../icons/play-video.js";
 import { formatVideoCaption, formatVideoDuration } from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/formatVideoCaption/formatVideoCaption.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"video-player.js","names":["html","property","customElement","LitElement","classMap","settings","ifNonNull","FocusMixin","PlayVideo","formatVideoCaption","formatVideoDuration","ddsSettings","KalturaPlayerAPI","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","styles","StableSelectorMixin","ParentVisibilityMixin","prefix","stablePrefix","ddsPrefix","DDSVideoPlayer","reflect","attribute","INLINE","playingMode","contentState","VIDEO","videoId","name","customVideoDescription","eventContentStateChange","constructor","dispatchEvent","CustomEvent","bubbles","composed","detail","thumbnailUrl","backgroundMode","THUMBNAIL","_handleClickOverlay","slot","thumbnailSrc","URL","host","toLowerCase","includes","pathname","getThumbnailUrl","mediaId","width","String","offsetWidth","_updateThumbnailUrl","eventPlaybackStateChange","type","Number","Boolean","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","aspectRatio","duration","formatCaption","formatDuration","hideCaption","aspectRatioClass","_renderContent","undefined","changedProperties","has","caption","setAttribute","tabIndex","parentElement"],"sources":["components/video-player/video-player.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, 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 '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/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';\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 >\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\n this.backgroundMode = (\n this.parentElement as DDSVideoPlayerContainer\n ).backgroundMode;\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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"}
1	+ {"version":3,"file":"video-player.js","names":["html","property","customElement","LitElement","classMap","settings","ifNonNull","FocusMixin","PlayVideo","formatVideoCaption","formatVideoDuration","ddsSettings","KalturaPlayerAPI","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","styles","StableSelectorMixin","ParentVisibilityMixin","prefix","stablePrefix","ddsPrefix","DDSVideoPlayer","reflect","attribute","INLINE","playingMode","contentState","VIDEO","videoId","name","customVideoDescription","eventContentStateChange","constructor","dispatchEvent","CustomEvent","bubbles","composed","detail","thumbnailUrl","backgroundMode","THUMBNAIL","_handleClickOverlay","slot","thumbnailSrc","URL","host","toLowerCase","includes","pathname","getThumbnailUrl","mediaId","width","String","offsetWidth","_updateThumbnailUrl","eventPlaybackStateChange","type","Number","Boolean","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","aspectRatio","duration","formatCaption","formatDuration","hideCaption","aspectRatioClass","_renderContent","undefined","changedProperties","has","caption","setAttribute","tabIndex","parentElement"],"sources":["components/video-player/video-player.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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, customElement, 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 '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/web-components/es/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';\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 >\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\n this.backgroundMode = (\n this.parentElement as DDSVideoPlayerContainer\n ).backgroundMode;\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/back-to-top/back-to-top.js CHANGED Viewed

@@ -9,7 +9,7 @@
 export { default as CustomElement } from '../../components/back-to-top/back-to-top.js';
 import createReactCustomElementType, {
   booleanSerializer,
-} from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.js';
+} 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';

package/es/components-react/background-media/background-media.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../image/image.js';
 import { propTypes as parentPropTypes } from '../image/image.js';
 export { default as CustomElement } from '../../components/background-media/background-media.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/button/button.js CHANGED Viewed

@@ -9,11 +9,11 @@
 export {
   BUTTON_KIND,
   BUTTON_SIZE,
-} from '@carbon/carbon-web-components/es/components/button/button.js';
+} from '@carbon/web-components/es/components/button/button.js';
 export { default as CustomElement } from '../../components/button/button.js';
 import createReactCustomElementType, {
   booleanSerializer,
-} from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.js';
+} 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';

package/es/components-react/button-group/button-group-item.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../button/button.js';
 import { propTypes as parentPropTypes } from '../button/button.js';
 export { default as CustomElement } from '../../components/button-group/button-group-item.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/button-group/button-group.js CHANGED Viewed

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { default as CustomElement } from '../../components/button-group/button-group.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

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

@@ -9,7 +9,7 @@
 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/callout-quote/callout-link-with-icon.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/callout-quote/callout-quote.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../quote/quote.js';
 import { propTypes as parentPropTypes } from '../quote/quote.js';
 export { default as CustomElement } from '../../components/callout-quote/callout-quote.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/callout-with-media/callout-with-media-copy.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../content-block/content-block-copy.js';
 import { propTypes as parentPropTypes } from '../content-block/content-block-copy.js';
 export { default as CustomElement } from '../../components/callout-with-media/callout-with-media-copy.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/callout-with-media/callout-with-media-image.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../image/image.js';
 import { propTypes as parentPropTypes } from '../image/image.js';
 export { default as CustomElement } from '../../components/callout-with-media/callout-with-media-image.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/callout-with-media/callout-with-media-video.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../video-player/video-player-container.js';
 import { propTypes as parentPropTypes } from '../video-player/video-player-container.js';
 export { default as CustomElement } from '../../components/callout-with-media/callout-with-media-video.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/callout-with-media/callout-with-media.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../content-block/content-block.js';
 import { propTypes as parentPropTypes } from '../content-block/content-block.js';
 export { default as CustomElement } from '../../components/callout-with-media/callout-with-media.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/card/card-eyebrow.js CHANGED Viewed

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { default as CustomElement } from '../../components/card/card-eyebrow.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/card/card-footer.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { propTypes as parentPropTypes } from '../link-with-icon/link-with-icon.j
 export { default as CustomElement } from '../../components/card/card-footer.js';
 import createReactCustomElementType, {
   booleanSerializer,
-} from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.js';
+} 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';

package/es/components-react/card/card-heading.js CHANGED Viewed

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { default as CustomElement } from '../../components/card/card-heading.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/card/card.js CHANGED Viewed

@@ -6,12 +6,12 @@
  * 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 '@carbon/carbon-web-components/es/components-react/link/link.js';
-import { propTypes as parentPropTypes } from '@carbon/carbon-web-components/es/components-react/link/link.js';
+import { descriptor as parentDescriptor } from '@carbon/web-components/es/components/link/link.js';
+import { propTypes as parentPropTypes } from '@carbon/web-components/es/components/link/link.js';
 export { default as CustomElement } from '../../components/card/card.js';
 import createReactCustomElementType, {
   booleanSerializer,
-} from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.js';
+} 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';

package/es/components-react/card/image-logo.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../image/image.js';
 import { propTypes as parentPropTypes } from '../image/image.js';
 export { default as CustomElement } from '../../components/card/image-logo.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/card-group/card-group-card-link-item.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { propTypes as parentPropTypes } from '../cta/card-link-cta.js';
 export { default as CustomElement } from '../../components/card-group/card-group-card-link-item.js';
 import createReactCustomElementType, {
   booleanSerializer,
-} from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.js';
+} 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';

package/es/components-react/card-group/card-group-item.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { propTypes as parentPropTypes } from '../cta/card-cta.js';
 export { default as CustomElement } from '../../components/card-group/card-group-item.js';
 import createReactCustomElementType, {
   booleanSerializer,
-} from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.js';
+} 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';

package/es/components-react/card-group/card-group.js CHANGED Viewed

@@ -11,7 +11,7 @@ export { default as CustomElement } from '../../components/card-group/card-group
 import createReactCustomElementType, {
   numberSerializer,
   booleanSerializer,
-} from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.js';
+} 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';

package/es/components-react/card-in-card/card-in-card-image.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../image/image.js';
 import { propTypes as parentPropTypes } from '../image/image.js';
 export { default as CustomElement } from '../../components/card-in-card/card-in-card-image.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/card-in-card/card-in-card.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../cta/card-cta.js';
 import { propTypes as parentPropTypes } from '../cta/card-cta.js';
 export { default as CustomElement } from '../../components/card-in-card/card-in-card.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';

package/es/components-react/card-link/card-link-heading.js CHANGED Viewed

@@ -9,7 +9,7 @@
 import { descriptor as parentDescriptor } from '../card/card-heading.js';
 import { propTypes as parentPropTypes } from '../card/card-heading.js';
 export { default as CustomElement } from '../../components/card-link/card-link-heading.js';
-import createReactCustomElementType from '@carbon/carbon-web-components/es/globals/wrappers/createReactCustomElementType.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';