npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.37.0-rc.2 → 1.37.0-rc.3 - Mend

@carbon/ibmdotcom-web-components 1.37.0-rc.2 → 1.37.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 (1299) hide show

package/es/components/universal-banner/universal-banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"universal-banner.js","names":["_litElement","require","_settings","_interopRequireDefault","_layout","_settings2","_stableSelector","_universalBannerCss","_StickyHeader","_cta","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","gridLgBreakpoint","parseFloat","breakpoints","lg","width","baseFontSize","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSUniversalBanner","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","attribute","reflect","type","String","query","_handleImageSlotChange","_ref","target","hasImage","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","imageWidth","_handleButtonSlotChange","_ref2","_this2","_hasContent$","_hasContent$2","hasContent","filter","elem","_matches","_ref3","matches","ctaButton","buttonHref","getAttribute","ctaType","_handleResize","breakpoint","_breakpoint","_shouldRenderAsLink","firstUpdated","StickyHeader","global","banner","window","matchMedia","addEventListener","bind","connectedCallback","hasAttribute","setAttribute","_get2","updated","changedProperties","_this3","has","shouldRenderAsLink","setTimeout","_linkWrapper","_renderAsStatic","html","_taggedTemplateLiteral2","_renderInnerContents","_renderAsLink","_renderIcon","ctaIcons","render","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/universal-banner/universal-banner.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport DDSButtonCTA from '../cta/button-cta';\nimport { icons as ctaIcons } from '../../component-mixins/cta/cta';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/*\n Universal banner\n \n @element dds-universal-banner\n /\n@customElement(`${ddsPrefix}-universal-banner`)\nclass DDSUniversalBanner extends StableSelectorMixin(LitElement) {\n /\n Saves the button CTA's href to use in link-with-icon for the small breakpoint\n /\n @property()\n buttonHref;\n\n /\n Saves the button CTA's type to properly set the icon at `sm` and `md` breakpoints.\n /\n @property()\n ctaType;\n\n /\n `true` if there is an image.\n /\n @property({ attribute: 'has-image', reflect: true, type: Boolean })\n hasImage = false;\n\n /\n Grid media options to display image.\n * Available options are either '4-col' or '8-col'.\n /\n @property({ attribute: 'image-width', reflect: true, type: String })\n imageWidth;\n\n private _breakpoint?: MediaQueryList;\n\n @property({ type: Boolean })\n private _shouldRenderAsLink = false;\n\n @query(`.${prefix}--universal-banner-layout-container`)\n private _linkWrapper;\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleImageSlotChange({ target }: Event) {\n this.hasImage = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n\n if (this.hasImage && !this.imageWidth) {\n this.imageWidth = '4-col';\n }\n }\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleButtonSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches?.(\n (this.constructor as typeof DDSUniversalBanner).ctaButton\n )\n );\n\n this.buttonHref = (hasContent[0] as HTMLElement)?.getAttribute('href');\n this.ctaType = (hasContent[0] as DDSButtonCTA)?.ctaType;\n }\n\n protected _handleResize() {\n const { _breakpoint: breakpoint } = this;\n this._shouldRenderAsLink = !breakpoint!.matches;\n }\n\n firstUpdated() {\n StickyHeader.global.banner = this;\n\n this._breakpoint = window.matchMedia(`(min-width: ${gridLgBreakpoint}px)`);\n this._breakpoint.addEventListener('change', this._handleResize.bind(this));\n this._handleResize();\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'banner');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('_shouldRenderAsLink')) {\n const { _shouldRenderAsLink: shouldRenderAsLink, ctaType } = this;\n\n if (shouldRenderAsLink && ctaType === 'external') {\n setTimeout(() => {\n this._linkWrapper.setAttribute('target', '_blank');\n }, 0);\n }\n }\n }\n\n /\n Renders shadow dom within a static div\n /\n _renderAsStatic() {\n return html`\n <div class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </div>\n `;\n }\n\n _renderAsLink() {\n return html`\n <a\n href=\"${this.buttonHref}\"\n class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </a>\n `;\n }\n\n _renderIcon() {\n return html` ${ctaIcons[this.ctaType]()} `;\n }\n\n _renderInnerContents() {\n return html`\n <div class=\"${prefix}--universal-banner-content-wrapper\">\n <div\n ?hidden=\"${!this.hasImage}\"\n class=\"${prefix}--universal-banner-image-container\">\n <slot\n name=\"image\"\n @slotchange=\"${this._handleImageSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-text-container\">\n <slot name=\"heading\"></slot>\n <slot name=\"copy\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-cta-container\">\n <slot name=\"cta\" @slotchange=\"${this._handleButtonSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-icon\">\n ${this.ctaType ? this._renderIcon() : ''}\n </div>\n </div>\n `;\n }\n\n render() {\n return html`\n ${this._shouldRenderAsLink\n ? this._renderAsLink()\n : this._renderAsStatic()}\n `;\n }\n\n /\n A selector that will return the CTA button\n /\n static get ctaButton() {\n return `${ddsPrefix}-button-cta`;\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 DDSUniversalBanner;\n"],"mappings":"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"}
1	+ {"version":3,"file":"universal-banner.js","names":["_litElement","require","_settings","_interopRequireDefault","_layout","_settings2","_stableSelector","_universalBannerCss","_StickyHeader","_cta","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","gridLgBreakpoint","parseFloat","breakpoints","lg","width","baseFontSize","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSUniversalBanner","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","attribute","reflect","type","String","query","_handleImageSlotChange","_ref","target","hasImage","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","imageWidth","_handleButtonSlotChange","_ref2","_this2","_hasContent$","_hasContent$2","hasContent","filter","elem","_matches","_ref3","matches","ctaButton","buttonHref","getAttribute","ctaType","_handleResize","breakpoint","_breakpoint","_shouldRenderAsLink","firstUpdated","StickyHeader","global","banner","window","matchMedia","addEventListener","bind","connectedCallback","hasAttribute","setAttribute","_get2","updated","changedProperties","_this3","has","shouldRenderAsLink","setTimeout","_linkWrapper","_renderAsStatic","html","_taggedTemplateLiteral2","_renderInnerContents","_renderAsLink","_renderIcon","ctaIcons","render","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/universal-banner/universal-banner.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport DDSButtonCTA from '../cta/button-cta';\nimport { icons as ctaIcons } from '../../component-mixins/cta/cta';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/*\n Universal banner\n \n @element dds-universal-banner\n /\n@customElement(`${ddsPrefix}-universal-banner`)\nclass DDSUniversalBanner extends StableSelectorMixin(LitElement) {\n /\n Saves the button CTA's href to use in link-with-icon for the small breakpoint\n /\n @property()\n buttonHref;\n\n /\n Saves the button CTA's type to properly set the icon at `sm` and `md` breakpoints.\n /\n @property()\n ctaType;\n\n /\n `true` if there is an image.\n /\n @property({ attribute: 'has-image', reflect: true, type: Boolean })\n hasImage = false;\n\n /\n Grid media options to display image.\n * Available options are either '4-col' or '8-col'.\n /\n @property({ attribute: 'image-width', reflect: true, type: String })\n imageWidth;\n\n private _breakpoint?: MediaQueryList;\n\n @property({ type: Boolean })\n private _shouldRenderAsLink = false;\n\n @query(`.${prefix}--universal-banner-layout-container`)\n private _linkWrapper;\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleImageSlotChange({ target }: Event) {\n this.hasImage = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n\n if (this.hasImage && !this.imageWidth) {\n this.imageWidth = '4-col';\n }\n }\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleButtonSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches?.(\n (this.constructor as typeof DDSUniversalBanner).ctaButton\n )\n );\n\n this.buttonHref = (hasContent[0] as HTMLElement)?.getAttribute('href');\n this.ctaType = (hasContent[0] as DDSButtonCTA)?.ctaType;\n }\n\n protected _handleResize() {\n const { _breakpoint: breakpoint } = this;\n this._shouldRenderAsLink = !breakpoint!.matches;\n }\n\n firstUpdated() {\n StickyHeader.global.banner = this;\n\n this._breakpoint = window.matchMedia(`(min-width: ${gridLgBreakpoint}px)`);\n this._breakpoint.addEventListener('change', this._handleResize.bind(this));\n this._handleResize();\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'banner');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('_shouldRenderAsLink')) {\n const { _shouldRenderAsLink: shouldRenderAsLink, ctaType } = this;\n\n if (shouldRenderAsLink && ctaType === 'external') {\n setTimeout(() => {\n this._linkWrapper.setAttribute('target', '_blank');\n }, 0);\n }\n }\n }\n\n /\n Renders shadow dom within a static div\n /\n _renderAsStatic() {\n return html`\n <div class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </div>\n `;\n }\n\n _renderAsLink() {\n return html`\n <a\n href=\"${this.buttonHref}\"\n class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </a>\n `;\n }\n\n _renderIcon() {\n return html` ${ctaIcons[this.ctaType]()} `;\n }\n\n _renderInnerContents() {\n return html`\n <div class=\"${prefix}--universal-banner-content-wrapper\">\n <div\n ?hidden=\"${!this.hasImage}\"\n class=\"${prefix}--universal-banner-image-container\">\n <slot\n name=\"image\"\n @slotchange=\"${this._handleImageSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-text-container\">\n <slot name=\"heading\"></slot>\n <slot name=\"copy\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-cta-container\">\n <slot name=\"cta\" @slotchange=\"${this._handleButtonSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-icon\">\n ${this.ctaType ? this._renderIcon() : ''}\n </div>\n </div>\n `;\n }\n\n render() {\n return html`\n ${this._shouldRenderAsLink\n ? this._renderAsLink()\n : this._renderAsStatic()}\n `;\n }\n\n /\n A selector that will return the CTA button\n /\n static get ctaButton() {\n return `${ddsPrefix}-button-cta`;\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 DDSUniversalBanner;\n"],"mappings":"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"}

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

@@ -19,13 +19,11 @@ var VIDEO_PLAYER_CONTENT_STATE;
 /**
  * Video player's playing mode.
  */
-exports.VIDEO_PLAYER_CONTENT_STATE = VIDEO_PLAYER_CONTENT_STATE;
 (function (VIDEO_PLAYER_CONTENT_STATE) {
   VIDEO_PLAYER_CONTENT_STATE["THUMBNAIL"] = "thumbnail";
   VIDEO_PLAYER_CONTENT_STATE["VIDEO"] = "video";
 })(VIDEO_PLAYER_CONTENT_STATE || (exports.VIDEO_PLAYER_CONTENT_STATE = VIDEO_PLAYER_CONTENT_STATE = {}));
 var VIDEO_PLAYER_PLAYING_MODE;
-exports.VIDEO_PLAYER_PLAYING_MODE = VIDEO_PLAYER_PLAYING_MODE;
 (function (VIDEO_PLAYER_PLAYING_MODE) {
   VIDEO_PLAYER_PLAYING_MODE["INLINE"] = "inline";
   VIDEO_PLAYER_PLAYING_MODE["LIGHTBOX"] = "lightbox";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":["VIDEO_PLAYER_CONTENT_STATE","exports","VIDEO_PLAYER_PLAYING_MODE"],"sources":["components/video-player/defs.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2021\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n/\n Video player's content state.\n /\nexport enum VIDEO_PLAYER_CONTENT_STATE {\n /\n A state showing thumbnail.\n /\n THUMBNAIL = 'thumbnail',\n\n /\n A state showing/playing the video.\n /\n VIDEO = 'video',\n}\n\n/\n Video player's playing mode.\n /\nexport enum VIDEO_PLAYER_PLAYING_MODE {\n /\n Plays video inline.\n /\n INLINE = 'inline',\n /\n Plays video in light box.\n */\n LIGHTBOX = 'lightbox',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,0BAA0B;AAYtC;AACA;AACA;~~AAFAC~~,~~OAAA,CAAAD,0BAAA,GAAAA,0BAAA;AAAA,~~WAZYA,0BAA0B;EAA1BA,0BAA0B;EAA1BA,0BAA0B;AAAA,GAA1BA,0BAA0B,KAAAC,OAAA,CAAAD,0BAAA,GAA1BA,0BAA0B;AAAA,IAe1BE,yBAAyB;~~AAAAD,OAAA,CAAAC,yBAAA,GAAAA,yBAAA;~~AAAA,WAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;AAAA,GAAzBA,yBAAyB,KAAAD,OAAA,CAAAC,yBAAA,GAAzBA,yBAAyB"}
1	+ {"version":3,"file":"defs.js","names":["VIDEO_PLAYER_CONTENT_STATE","exports","VIDEO_PLAYER_PLAYING_MODE"],"sources":["components/video-player/defs.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2021\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n/\n Video player's content state.\n /\nexport enum VIDEO_PLAYER_CONTENT_STATE {\n /\n A state showing thumbnail.\n /\n THUMBNAIL = 'thumbnail',\n\n /\n A state showing/playing the video.\n /\n VIDEO = 'video',\n}\n\n/\n Video player's playing mode.\n /\nexport enum VIDEO_PLAYER_PLAYING_MODE {\n /\n Plays video inline.\n /\n INLINE = 'inline',\n /\n Plays video in light box.\n */\n LIGHTBOX = 'lightbox',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,0BAA0B;AAYtC;AACA;AACA;AAFA,WAZYA,0BAA0B;EAA1BA,0BAA0B;EAA1BA,0BAA0B;AAAA,GAA1BA,0BAA0B,KAAAC,OAAA,CAAAD,0BAAA,GAA1BA,0BAA0B;AAAA,IAe1BE,yBAAyB;AAAA,WAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;AAAA,GAAzBA,yBAAyB,KAAAD,OAAA,CAAAC,yBAAA,GAAzBA,yBAAyB"}

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

@@ -125,7 +125,7 @@ var DDSVideoPlayerComposite = (0, _decorate2["default"])([(0, _carbonElement.car
           videoId = _event$detail.videoId;
         if (contentState === _videoPlayer2.VIDEO_PLAYER_CONTENT_STATE.VIDEO && playingMode === _videoPlayer2.VIDEO_PLAYER_PLAYING_MODE.INLINE && videoId) {
           var _this$_embedMedia;
-          (_this$_embedMedia = this._embedMedia) === null || _this$_embedMedia === void 0 ? void 0 : _this$_embedMedia.call(this, videoId, this.backgroundMode);
+          (_this$_embedMedia = this._embedMedia) === null || _this$_embedMedia === void 0 || _this$_embedMedia.call(this, videoId, this.backgroundMode);
         }
       }
     }, {
@@ -369,10 +369,10 @@ var DDSVideoPlayerComposite = (0, _decorate2["default"])([(0, _carbonElement.car
           this._activateEmbeddedVideo(_videoId);
           if (_videoId) {
             var _this$_loadVideoData;
-            (_this$_loadVideoData = this._loadVideoData) === null || _this$_loadVideoData === void 0 ? void 0 : _this$_loadVideoData.call(this, _videoId);
+            (_this$_loadVideoData = this._loadVideoData) === null || _this$_loadVideoData === void 0 || _this$_loadVideoData.call(this, _videoId);
             if (autoPlay || _backgroundMode) {
               var _this$_embedMedia2;
-              (_this$_embedMedia2 = this._embedMedia) === null || _this$_embedMedia2 === void 0 ? void 0 : _this$_embedMedia2.call(this, _videoId, _backgroundMode);
+              (_this$_embedMedia2 = this._embedMedia) === null || _this$_embedMedia2 === void 0 || _this$_embedMedia2.call(this, _videoId, _backgroundMode);
             }
           }
         }
@@ -446,6 +446,5 @@ var DDSVideoPlayerComposite = (0, _decorate2["default"])([(0, _carbonElement.car
   };
 }, (0, _hybridRender["default"])((0, _hostListener2["default"])(_litElement.LitElement)));
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSVideoPlayerComposite;
-exports["default"] = _default;
+var _default = exports["default"] = DDSVideoPlayerComposite;
 //# sourceMappingURL=video-player-composite.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"video-player-composite.js","names":["_litElement","require","_ifNonNull","_interopRequireDefault","_hostListener","_hostListener2","_settings","_KalturaPlayer","_hybridRender","_videoPlayer2","_carbonElement","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSVideoPlayerComposite","_decorate2","customElement","concat","_initialize","_HybridRenderMixin","_HybridRenderMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_activateEmbeddedVideo","videoId","_this$embeddedVideos","embeddedVideos","Object","keys","forEach","sendNotification","_videoPlayer","_ref","selectorVideoPlayer","querySelector","decorators","HostListener","_handleContentStateChange","event","_event$detail","detail","contentState","playingMode","VIDEO_PLAYER_CONTENT_STATE","VIDEO","VIDEO_PLAYER_PLAYING_MODE","INLINE","_this$_embedMedia","_embedMedia","backgroundMode","_handlePlaybackStateChange","_this$embeddedVideos2","isPlaying","_setAutoplayPreference","pauseAllVideos","_this$embeddedVideos3","playAllVideos","_this$embeddedVideos4","property","type","attribute","reflect","Number","connectedCallback","_get2","hideCaption","autoPlay","storedPreference","_getAutoplayPreference","window","matchMedia","matches","updated","changedProperties","has","_this$_loadVideoData","_loadVideoData","_this$_embedMedia2","renderLightDOM","aspectRatio","formatCaption","formatDuration","caption","customVideoDescription","_this$mediaData","mediaData","videoThumbnailWidth","thumbnail","_mediaData$videoId","currentVideoData","duration","name","thumbnailUrl","KalturaPlayerAPI","getThumbnailUrl","mediaId","width","String","html","_taggedTemplateLiteral2","ifNonNull","render","eventContentStateChange","eventPlaybackStateChange","HybridRenderMixin","HostListenerMixin","LitElement","_default","exports"],"sources":["components/video-player/video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/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';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\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 = true;\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 </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":["_litElement","require","_ifNonNull","_interopRequireDefault","_hostListener","_hostListener2","_settings","_KalturaPlayer","_hybridRender","_videoPlayer2","_carbonElement","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSVideoPlayerComposite","_decorate2","customElement","concat","_initialize","_HybridRenderMixin","_HybridRenderMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_activateEmbeddedVideo","videoId","_this$embeddedVideos","embeddedVideos","Object","keys","forEach","sendNotification","_videoPlayer","_ref","selectorVideoPlayer","querySelector","decorators","HostListener","_handleContentStateChange","event","_event$detail","detail","contentState","playingMode","VIDEO_PLAYER_CONTENT_STATE","VIDEO","VIDEO_PLAYER_PLAYING_MODE","INLINE","_this$_embedMedia","_embedMedia","backgroundMode","_handlePlaybackStateChange","_this$embeddedVideos2","isPlaying","_setAutoplayPreference","pauseAllVideos","_this$embeddedVideos3","playAllVideos","_this$embeddedVideos4","property","type","attribute","reflect","Number","connectedCallback","_get2","hideCaption","autoPlay","storedPreference","_getAutoplayPreference","window","matchMedia","matches","updated","changedProperties","has","_this$_loadVideoData","_loadVideoData","_this$_embedMedia2","renderLightDOM","aspectRatio","formatCaption","formatDuration","caption","customVideoDescription","_this$mediaData","mediaData","videoThumbnailWidth","thumbnail","_mediaData$videoId","currentVideoData","duration","name","thumbnailUrl","KalturaPlayerAPI","getThumbnailUrl","mediaId","width","String","html","_taggedTemplateLiteral2","ifNonNull","render","eventContentStateChange","eventPlaybackStateChange","HybridRenderMixin","HostListenerMixin","LitElement","_default","exports"],"sources":["components/video-player/video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/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';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\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 = true;\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 </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-container.js CHANGED Viewed

@@ -28,8 +28,8 @@ var _connect = _interopRequireDefault(require("../../globals/mixins/connect.js")
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _videoPlayerComposite = _interopRequireDefault(require("./video-player-composite.js"));
 var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
                                                                                                                                                                                                                                                                                                                                            * @license
@@ -78,7 +78,7 @@ function mapDispatchToProps(dispatch) {
  * @param Base The base class.
  * @returns A mix-in that implements video embedding API calls.
  */
-var DDSVideoPlayerContainerMixin = function DDSVideoPlayerContainerMixin(Base) {
+var DDSVideoPlayerContainerMixin = exports.DDSVideoPlayerContainerMixin = function DDSVideoPlayerContainerMixin(Base) {
   /**
    * A mix-in class that sets up and cleans up event listeners defined by `@HostListener` decorator.
    */
@@ -322,8 +322,8 @@ var DDSVideoPlayerContainerMixin = function DDSVideoPlayerContainerMixin(Base) {
       function firstUpdated() {
         var _this2 = this;
         window.requestAnimationFrame(function () {
-          var _this2$querySelector, _this2$querySelector$;
-          var button = (_this2$querySelector = _this2.querySelector('dds-video-player')) === null || _this2$querySelector === void 0 ? void 0 : (_this2$querySelector$ = _this2$querySelector.shadowRoot) === null || _this2$querySelector$ === void 0 ? void 0 : _this2$querySelector$.querySelector('button');
+          var _this2$querySelector;
+          var button = (_this2$querySelector = _this2.querySelector('dds-video-player')) === null || _this2$querySelector === void 0 || (_this2$querySelector = _this2$querySelector.shadowRoot) === null || _this2$querySelector === void 0 ? void 0 : _this2$querySelector.querySelector('button');
           if (!_this2.getAttribute('href') && _this2.getAttribute('video-id')) {
             _this2.setAttribute('href', "https://mediacenter.ibm.com/id/".concat(_this2.getAttribute('video-id')));
           }
@@ -341,7 +341,6 @@ var DDSVideoPlayerContainerMixin = function DDSVideoPlayerContainerMixin(Base) {
  *
  * @element dds-video-player-container
  */
-exports.DDSVideoPlayerContainerMixin = DDSVideoPlayerContainerMixin;
 var DDSVideoPlayerContainer = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-video-player-container"))], function (_initialize, _ConnectMixin) {
   var DDSVideoPlayerContainer = /*#__PURE__*/function (_ConnectMixin2) {
     (0, _inherits2["default"])(DDSVideoPlayerContainer, _ConnectMixin2);
@@ -364,6 +363,5 @@ var DDSVideoPlayerContainer = (0, _decorate2["default"])([(0, _carbonElement.car
   };
 }, (0, _connect["default"])(_store["default"], mapStateToProps, mapDispatchToProps)(DDSVideoPlayerContainerMixin(_videoPlayerComposite["default"])));
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSVideoPlayerContainer;
-exports["default"] = _default;
+var _default = exports["default"] = DDSVideoPlayerContainer;
 //# sourceMappingURL=video-player-container.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"video-player-container.js","names":["_redux","require","_settings","_interopRequireDefault","_KalturaPlayer","_settings2","_store","_kalturaPlayerAPI","_connect","_stableSelector","_videoPlayerComposite","_carbonElement","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","mapStateToProps","state","kalturaPlayerAPI","_ref","mediaData","mapDispatchToProps","dispatch","bindActionCreators","_loadVideoData","loadMediaData","DDSVideoPlayerContainerMixin","Base","DDSVideoPlayerContainerMixinImpl","_StableSelectorMixin","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","concat","_assertThisInitialized2","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","videoId","backgroundMode","_assertThisInitialize","requestsEmbedVideo","requestEmbedVideo","promiseEmbedVideo","_args","wrap","_callee$","_context","prev","next","undefined","_requestsEmbedVideo","abrupt","_embedVideoImpl","_setRequestEmbedVideoInProgress","t0","t1","t2","sent","_setEmbeddedVideo","t3","_setErrorRequestEmbedVideo","stop","_x","_createClass2","value","request","oldRequestsEmbedVideo","error","Promise","reject","kWidget","resolve","oldEmbeddedVideos","embeddedVideos","_setAutoplayPreference","preference","updatedValue","localStorage","setItem","prefersAutoplayStorageKey","_getAutoplayPreference","storedValue","getItem","returnValue","parseInt","_getPlayerOptions","playerOptions","storedMotionPreference","autoplayPreference","window","matchMedia","matches","loop","autoMute","autoPlay","closedCaptions","plugin","_embedVideoImpl2","_callee2","_getElementById","doc","playerId","div","videoPlayer","embedVideoHandle","videoEmbed","_args2","_callee2$","_context2","hasOwnProperty","getRootNode","ownerDocument","Math","random","toString","slice","document","createElement","id","className","_videoPlayer","TypeError","appendChild","KalturaPlayerAPI","embedMedia","getElementById","dataset","firstElementChild","focus","_x2","firstUpdated","_this2","requestAnimationFrame","_this2$querySelector","_this2$querySelector$","button","querySelector","shadowRoot","getAttribute","setAttribute","transposeAttributes","StableSelectorMixin","exports","DDSVideoPlayerContainer","_decorate2","customElement","_initialize","_ConnectMixin","_ConnectMixin2","_super2","_this3","_len2","_key2","F","d","ConnectMixin","store","DDSVideoPlayerComposite","_default"],"sources":["components/video-player/video-player-container.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n ActionCreatorsMapObject,\n Dispatch,\n Store,\n bindActionCreators,\n} from 'redux';\nimport {} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport KalturaPlayerAPI from '@carbon/ibmdotcom-services/es/services/KalturaPlayer/KalturaPlayer.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store';\nimport {\n MediaData,\n MediaPlayerAPIState,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport { loadMediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI';\nimport { MediaPlayerAPIActions } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI.d';\nimport { Constructor } from '../../globals/defs';\nimport ConnectMixin from '../../globals/mixins/connect';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSVideoPlayerComposite from './video-player-composite';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The Redux state used for `<dds-video-player-container>`.\n /\nexport interface VideoPlayerContainerState {\n /\n The Redux state for `KalturaPlayerAPI`.\n /\n kalturaPlayerAPI?: MediaPlayerAPIState;\n}\n\n/\n The properties for `<dds-video-player-container>` from Redux state.\n /\nexport interface VideoPlayerContainerStateProps {\n /\n The video data, keyed by the video ID.\n /\n mediaData?: { [videoId: string]: MediaData };\n}\n\nexport type VideoPlayerActions = ReturnType<typeof loadMediaData>;\n\n/\n @param state The Redux state for video player.\n * @returns The converted version of the given state, tailored for `<dds-video-player-container>`.\n /\nexport function mapStateToProps(\n state: VideoPlayerContainerState\n): VideoPlayerContainerStateProps {\n const { kalturaPlayerAPI } = state;\n const { mediaData } = kalturaPlayerAPI ?? {};\n return !mediaData ? {} : { mediaData };\n}\n\n/\n @param dispatch The Redux `dispatch()` API.\n * @returns The methods in `<dds-video-player-container>` to dispatch Redux actions.\n /\nexport function mapDispatchToProps(dispatch: Dispatch<MediaPlayerAPIActions>) {\n return bindActionCreators<\n VideoPlayerActions,\n ActionCreatorsMapObject<VideoPlayerActions>\n >(\n {\n _loadVideoData: loadMediaData,\n },\n dispatch as Dispatch // TS definition of `bindActionCreators()` seems to have no templated `Dispatch`\n );\n}\n\n/\n @param Base The base class.\n * @returns A mix-in that implements video embedding API calls.\n /\nexport const DDSVideoPlayerContainerMixin = <\n T extends Constructor<HTMLElement>\n>(\n Base: T\n) => {\n /\n A mix-in class that sets up and cleans up event listeners defined by `@HostListener` decorator.\n /\n abstract class DDSVideoPlayerContainerMixinImpl extends StableSelectorMixin(\n Base\n ) {\n /\n The video player.\n /\n abstract _videoPlayer?: HTMLElement;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n abstract embeddedVideos?: { [videoId: string]: any };\n\n /\n The request for the embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n \n @protected\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n _requestsEmbedVideo: { [videoId: string]: Promise<any> } = {};\n\n /\n Sets the state that the API call for embedding the video for the given video ID is in progress.\n \n @param videoId The video ID.\n * @param request The promise of the API call for embedding the video of the given video ID that is in progress.\n * @private\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n _setRequestEmbedVideoInProgress(videoId: string, request: Promise<any>) {\n const { _requestsEmbedVideo: oldRequestsEmbedVideo } = this;\n this._requestsEmbedVideo = {\n ...oldRequestsEmbedVideo,\n [videoId]: request,\n };\n }\n\n /\n Set the state that the API call for embedding the video for the given video ID is failed.\n \n @param videoId The video ID.\n * @param error An error from the API call for embedding the video of the given video ID.\n * @private\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n _setErrorRequestEmbedVideo(videoId: string, error: Error) {\n this._setRequestEmbedVideoInProgress(videoId, Promise.reject(error));\n }\n\n /\n Sets the given embedded Kaltura player element (that has `.sendNotification()`, etc. APIs) for the given video ID.\n \n @param videoId The video ID.\n * @param kWidget The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs).\n * @private\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n _setEmbeddedVideo(videoId: string, kWidget: any) {\n this._setRequestEmbedVideoInProgress(videoId, Promise.resolve(kWidget));\n const { embeddedVideos: oldEmbeddedVideos } = this;\n this.embeddedVideos = {\n ...oldEmbeddedVideos,\n [videoId]: kWidget,\n };\n }\n\n _setAutoplayPreference(preference: Boolean) {\n const updatedValue = preference ? '1' : '0';\n localStorage.setItem(`${this.prefersAutoplayStorageKey}`, updatedValue);\n }\n\n _getAutoplayPreference() {\n const storedValue = localStorage.getItem(\n `${this.prefersAutoplayStorageKey}`\n );\n const returnValue =\n storedValue === null ? null : Boolean(parseInt(storedValue, 10));\n return returnValue;\n }\n\n _getPlayerOptions(backgroundMode = false) {\n let playerOptions = {};\n\n if (backgroundMode) {\n const storedMotionPreference: boolean \| null =\n this._getAutoplayPreference();\n\n let autoplayPreference: boolean \| undefined;\n\n if (storedMotionPreference === null) {\n autoplayPreference = !window.matchMedia(\n '(prefers-reduced-motion: reduce)'\n ).matches;\n } else {\n autoplayPreference = storedMotionPreference;\n }\n playerOptions = {\n 'topBarContainer.plugin': false,\n 'controlBarContainer.plugin': false,\n 'largePlayBtn.plugin': false,\n 'loadingSpinner.plugin': false,\n 'unMuteOverlayButton.plugin': false,\n 'EmbedPlayer.DisableVideoTagSupport': false,\n loop: true,\n autoMute: true,\n autoPlay: autoplayPreference,\n // Turn off CTA's including mid-roll card and end cards.\n 'ibm.callToActions': false,\n // Turn off captions display, background/ambient videos have no\n // audio.\n closedCaptions: {\n plugin: false,\n },\n };\n }\n\n return playerOptions;\n }\n\n /\n Sets up and sends the API call for embedding video for the given video ID.\n \n @param videoId The video ID.\n * @private\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n async _embedVideoImpl(videoId: string, backgroundMode = false) {\n const doc = Object.prototype.hasOwnProperty.call(this, 'getRootNode')\n ? (this.getRootNode() as Document \| ShadowRoot)\n : this.ownerDocument;\n // Given Kaltura replaces the `<div>` here with `<iframe>` with the video player,\n // rendering this `<div>` in `renderLightDOM()` will cause the video player being clobbered\n const playerId = Math.random().toString(36).slice(2);\n const div = document.createElement('div');\n div.id = playerId;\n div.className = `${prefix}--video-player__video`;\n const { _videoPlayer: videoPlayer } = this;\n if (!videoPlayer) {\n throw new TypeError(\n 'Cannot find the video player component to put the video content into.'\n );\n }\n videoPlayer.appendChild(div);\n\n const embedVideoHandle = await KalturaPlayerAPI.embedMedia(\n videoId,\n playerId,\n this._getPlayerOptions(backgroundMode)\n );\n doc!.getElementById(playerId)!.dataset.videoId = videoId;\n const videoEmbed = doc!.getElementById(playerId)?.firstElementChild;\n if (videoEmbed) {\n (videoEmbed as HTMLElement).focus();\n }\n return embedVideoHandle.kWidget();\n }\n\n /\n Sends the API call for embedding video for the given video ID, and tracks the progress and the error of the REST call.\n \n @param videoId The video ID.\n * @internal\n /\n _embedMedia = async (videoId: string, backgroundMode = false) => {\n const { _requestsEmbedVideo: requestsEmbedVideo } = this;\n const requestEmbedVideo = requestsEmbedVideo[videoId];\n\n if (requestEmbedVideo) {\n return requestEmbedVideo;\n }\n\n const promiseEmbedVideo = this._embedVideoImpl(videoId, backgroundMode);\n\n this._setRequestEmbedVideoInProgress(videoId, promiseEmbedVideo);\n try {\n this._setEmbeddedVideo(videoId, await promiseEmbedVideo);\n } catch (error) {\n this._setErrorRequestEmbedVideo(videoId, error as Error);\n }\n return promiseEmbedVideo;\n };\n\n /\n Calls the data-* attribute transpose function to target `dds-video-player`'s button element.\n /\n firstUpdated() {\n window.requestAnimationFrame(() => {\n const button =\n this.querySelector('dds-video-player')?.shadowRoot?.querySelector(\n 'button'\n );\n if (!this.getAttribute('href') && this.getAttribute('video-id')) {\n this.setAttribute(\n 'href',\n `https://mediacenter.ibm.com/id/${this.getAttribute('video-id')}`\n );\n }\n this.transposeAttributes(button, ['href']);\n });\n }\n\n prefersAutoplayStorageKey: String = `${ddsPrefix}-background-video-prefers-autoplay`;\n }\n\n return DDSVideoPlayerContainerMixinImpl;\n};\n\n/\n Container component for video player.\n \n @element dds-video-player-container\n /\n@customElement(`${ddsPrefix}-video-player-container`)\nclass DDSVideoPlayerContainer extends ConnectMixin<\n VideoPlayerContainerState,\n MediaPlayerAPIActions,\n VideoPlayerContainerStateProps,\n ActionCreatorsMapObject<VideoPlayerActions>\n>(\n store as Store<VideoPlayerContainerState, MediaPlayerAPIActions>,\n mapStateToProps,\n mapDispatchToProps\n)(DDSVideoPlayerContainerMixin(DDSVideoPlayerComposite)) {}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerContainer;\n"],"mappings":"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"}
1	+ {"version":3,"file":"video-player-container.js","names":["_redux","require","_settings","_interopRequireDefault","_KalturaPlayer","_settings2","_store","_kalturaPlayerAPI","_connect","_stableSelector","_videoPlayerComposite","_carbonElement","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","mapStateToProps","state","kalturaPlayerAPI","_ref","mediaData","mapDispatchToProps","dispatch","bindActionCreators","_loadVideoData","loadMediaData","DDSVideoPlayerContainerMixin","exports","Base","DDSVideoPlayerContainerMixinImpl","_StableSelectorMixin","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","concat","_assertThisInitialized2","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","videoId","backgroundMode","_assertThisInitialize","requestsEmbedVideo","requestEmbedVideo","promiseEmbedVideo","_args","wrap","_callee$","_context","prev","next","undefined","_requestsEmbedVideo","abrupt","_embedVideoImpl","_setRequestEmbedVideoInProgress","t0","t1","t2","sent","_setEmbeddedVideo","t3","_setErrorRequestEmbedVideo","stop","_x","_createClass2","key","value","request","oldRequestsEmbedVideo","error","Promise","reject","kWidget","resolve","oldEmbeddedVideos","embeddedVideos","_setAutoplayPreference","preference","updatedValue","localStorage","setItem","prefersAutoplayStorageKey","_getAutoplayPreference","storedValue","getItem","returnValue","parseInt","_getPlayerOptions","playerOptions","storedMotionPreference","autoplayPreference","window","matchMedia","matches","loop","autoMute","autoPlay","closedCaptions","plugin","_embedVideoImpl2","_callee2","_getElementById","doc","playerId","div","videoPlayer","embedVideoHandle","videoEmbed","_args2","_callee2$","_context2","hasOwnProperty","getRootNode","ownerDocument","Math","random","toString","slice","document","createElement","id","className","_videoPlayer","TypeError","appendChild","KalturaPlayerAPI","embedMedia","getElementById","dataset","firstElementChild","focus","_x2","firstUpdated","_this2","requestAnimationFrame","_this2$querySelector","button","querySelector","shadowRoot","getAttribute","setAttribute","transposeAttributes","StableSelectorMixin","DDSVideoPlayerContainer","_decorate2","customElement","_initialize","_ConnectMixin","_ConnectMixin2","_super2","_this3","_len2","_key2","F","d","ConnectMixin","store","DDSVideoPlayerComposite","_default"],"sources":["components/video-player/video-player-container.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n ActionCreatorsMapObject,\n Dispatch,\n Store,\n bindActionCreators,\n} from 'redux';\nimport {} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport KalturaPlayerAPI from '@carbon/ibmdotcom-services/es/services/KalturaPlayer/KalturaPlayer.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store';\nimport {\n MediaData,\n MediaPlayerAPIState,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport { loadMediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI';\nimport { MediaPlayerAPIActions } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI.d';\nimport { Constructor } from '../../globals/defs';\nimport ConnectMixin from '../../globals/mixins/connect';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSVideoPlayerComposite from './video-player-composite';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The Redux state used for `<dds-video-player-container>`.\n /\nexport interface VideoPlayerContainerState {\n /\n The Redux state for `KalturaPlayerAPI`.\n /\n kalturaPlayerAPI?: MediaPlayerAPIState;\n}\n\n/\n The properties for `<dds-video-player-container>` from Redux state.\n /\nexport interface VideoPlayerContainerStateProps {\n /\n The video data, keyed by the video ID.\n /\n mediaData?: { [videoId: string]: MediaData };\n}\n\nexport type VideoPlayerActions = ReturnType<typeof loadMediaData>;\n\n/\n @param state The Redux state for video player.\n * @returns The converted version of the given state, tailored for `<dds-video-player-container>`.\n /\nexport function mapStateToProps(\n state: VideoPlayerContainerState\n): VideoPlayerContainerStateProps {\n const { kalturaPlayerAPI } = state;\n const { mediaData } = kalturaPlayerAPI ?? {};\n return !mediaData ? {} : { mediaData };\n}\n\n/\n @param dispatch The Redux `dispatch()` API.\n * @returns The methods in `<dds-video-player-container>` to dispatch Redux actions.\n /\nexport function mapDispatchToProps(dispatch: Dispatch<MediaPlayerAPIActions>) {\n return bindActionCreators<\n VideoPlayerActions,\n ActionCreatorsMapObject<VideoPlayerActions>\n >(\n {\n _loadVideoData: loadMediaData,\n },\n dispatch as Dispatch // TS definition of `bindActionCreators()` seems to have no templated `Dispatch`\n );\n}\n\n/\n @param Base The base class.\n * @returns A mix-in that implements video embedding API calls.\n /\nexport const DDSVideoPlayerContainerMixin = <\n T extends Constructor<HTMLElement>\n>(\n Base: T\n) => {\n /\n A mix-in class that sets up and cleans up event listeners defined by `@HostListener` decorator.\n /\n abstract class DDSVideoPlayerContainerMixinImpl extends StableSelectorMixin(\n Base\n ) {\n /\n The video player.\n /\n abstract _videoPlayer?: HTMLElement;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n abstract embeddedVideos?: { [videoId: string]: any };\n\n /\n The request for the embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n \n @protected\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n _requestsEmbedVideo: { [videoId: string]: Promise<any> } = {};\n\n /\n Sets the state that the API call for embedding the video for the given video ID is in progress.\n \n @param videoId The video ID.\n * @param request The promise of the API call for embedding the video of the given video ID that is in progress.\n * @private\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n _setRequestEmbedVideoInProgress(videoId: string, request: Promise<any>) {\n const { _requestsEmbedVideo: oldRequestsEmbedVideo } = this;\n this._requestsEmbedVideo = {\n ...oldRequestsEmbedVideo,\n [videoId]: request,\n };\n }\n\n /\n Set the state that the API call for embedding the video for the given video ID is failed.\n \n @param videoId The video ID.\n * @param error An error from the API call for embedding the video of the given video ID.\n * @private\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n _setErrorRequestEmbedVideo(videoId: string, error: Error) {\n this._setRequestEmbedVideoInProgress(videoId, Promise.reject(error));\n }\n\n /\n Sets the given embedded Kaltura player element (that has `.sendNotification()`, etc. APIs) for the given video ID.\n \n @param videoId The video ID.\n * @param kWidget The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs).\n * @private\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n _setEmbeddedVideo(videoId: string, kWidget: any) {\n this._setRequestEmbedVideoInProgress(videoId, Promise.resolve(kWidget));\n const { embeddedVideos: oldEmbeddedVideos } = this;\n this.embeddedVideos = {\n ...oldEmbeddedVideos,\n [videoId]: kWidget,\n };\n }\n\n _setAutoplayPreference(preference: Boolean) {\n const updatedValue = preference ? '1' : '0';\n localStorage.setItem(`${this.prefersAutoplayStorageKey}`, updatedValue);\n }\n\n _getAutoplayPreference() {\n const storedValue = localStorage.getItem(\n `${this.prefersAutoplayStorageKey}`\n );\n const returnValue =\n storedValue === null ? null : Boolean(parseInt(storedValue, 10));\n return returnValue;\n }\n\n _getPlayerOptions(backgroundMode = false) {\n let playerOptions = {};\n\n if (backgroundMode) {\n const storedMotionPreference: boolean \| null =\n this._getAutoplayPreference();\n\n let autoplayPreference: boolean \| undefined;\n\n if (storedMotionPreference === null) {\n autoplayPreference = !window.matchMedia(\n '(prefers-reduced-motion: reduce)'\n ).matches;\n } else {\n autoplayPreference = storedMotionPreference;\n }\n playerOptions = {\n 'topBarContainer.plugin': false,\n 'controlBarContainer.plugin': false,\n 'largePlayBtn.plugin': false,\n 'loadingSpinner.plugin': false,\n 'unMuteOverlayButton.plugin': false,\n 'EmbedPlayer.DisableVideoTagSupport': false,\n loop: true,\n autoMute: true,\n autoPlay: autoplayPreference,\n // Turn off CTA's including mid-roll card and end cards.\n 'ibm.callToActions': false,\n // Turn off captions display, background/ambient videos have no\n // audio.\n closedCaptions: {\n plugin: false,\n },\n };\n }\n\n return playerOptions;\n }\n\n /\n Sets up and sends the API call for embedding video for the given video ID.\n \n @param videoId The video ID.\n * @private\n /\n // Not using TypeScript `private` due to: microsoft/TypeScript#17744\n async _embedVideoImpl(videoId: string, backgroundMode = false) {\n const doc = Object.prototype.hasOwnProperty.call(this, 'getRootNode')\n ? (this.getRootNode() as Document \| ShadowRoot)\n : this.ownerDocument;\n // Given Kaltura replaces the `<div>` here with `<iframe>` with the video player,\n // rendering this `<div>` in `renderLightDOM()` will cause the video player being clobbered\n const playerId = Math.random().toString(36).slice(2);\n const div = document.createElement('div');\n div.id = playerId;\n div.className = `${prefix}--video-player__video`;\n const { _videoPlayer: videoPlayer } = this;\n if (!videoPlayer) {\n throw new TypeError(\n 'Cannot find the video player component to put the video content into.'\n );\n }\n videoPlayer.appendChild(div);\n\n const embedVideoHandle = await KalturaPlayerAPI.embedMedia(\n videoId,\n playerId,\n this._getPlayerOptions(backgroundMode)\n );\n doc!.getElementById(playerId)!.dataset.videoId = videoId;\n const videoEmbed = doc!.getElementById(playerId)?.firstElementChild;\n if (videoEmbed) {\n (videoEmbed as HTMLElement).focus();\n }\n return embedVideoHandle.kWidget();\n }\n\n /\n Sends the API call for embedding video for the given video ID, and tracks the progress and the error of the REST call.\n \n @param videoId The video ID.\n * @internal\n /\n _embedMedia = async (videoId: string, backgroundMode = false) => {\n const { _requestsEmbedVideo: requestsEmbedVideo } = this;\n const requestEmbedVideo = requestsEmbedVideo[videoId];\n\n if (requestEmbedVideo) {\n return requestEmbedVideo;\n }\n\n const promiseEmbedVideo = this._embedVideoImpl(videoId, backgroundMode);\n\n this._setRequestEmbedVideoInProgress(videoId, promiseEmbedVideo);\n try {\n this._setEmbeddedVideo(videoId, await promiseEmbedVideo);\n } catch (error) {\n this._setErrorRequestEmbedVideo(videoId, error as Error);\n }\n return promiseEmbedVideo;\n };\n\n /\n Calls the data-* attribute transpose function to target `dds-video-player`'s button element.\n /\n firstUpdated() {\n window.requestAnimationFrame(() => {\n const button =\n this.querySelector('dds-video-player')?.shadowRoot?.querySelector(\n 'button'\n );\n if (!this.getAttribute('href') && this.getAttribute('video-id')) {\n this.setAttribute(\n 'href',\n `https://mediacenter.ibm.com/id/${this.getAttribute('video-id')}`\n );\n }\n this.transposeAttributes(button, ['href']);\n });\n }\n\n prefersAutoplayStorageKey: String = `${ddsPrefix}-background-video-prefers-autoplay`;\n }\n\n return DDSVideoPlayerContainerMixinImpl;\n};\n\n/\n Container component for video player.\n \n @element dds-video-player-container\n /\n@customElement(`${ddsPrefix}-video-player-container`)\nclass DDSVideoPlayerContainer extends ConnectMixin<\n VideoPlayerContainerState,\n MediaPlayerAPIActions,\n VideoPlayerContainerStateProps,\n ActionCreatorsMapObject<VideoPlayerActions>\n>(\n store as Store<VideoPlayerContainerState, MediaPlayerAPIActions>,\n mapStateToProps,\n mapDispatchToProps\n)(DDSVideoPlayerContainerMixin(DDSVideoPlayerComposite)) {}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerContainer;\n"],"mappings":"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"}

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,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAYzD,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,gBAAgB,CAAC;AAOxB,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKrC;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAE5B;IACC;;OAEG;IAEH,WAAW,4BAAoC;IAE/C;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsB3B;;OAEG;IACH,OAAO,CAAC,cAAc;IAkBtB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsBpB,gBAAgB;IAIvB;;OAEG;IACI,gCAAgC;IAgBvC;;OAEG;IAEH,YAAY,6BAAwC;IAEpD;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IAEH,aAAa,MAAsB;IAEnC;;;OAGG;IAEH,cAAc,MAAuB;IAErC;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;OAEG;IAEH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gBAAgB;IAShB,MAAM;IAgCN,OAAO,CAAC,iBAAiB,KAAA;IAwBzB,YAAY;IASZ;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,wBAAwB,WAElC;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,cAAc,CAAC","file":"video-player.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport {\n formatVideoCaption,\n formatVideoDuration,\n} from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/formatVideoCaption/formatVideoCaption.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport { VIDEO_PLAYER_CONTENT_STATE, VIDEO_PLAYER_PLAYING_MODE } from './defs';\nimport '../image/image';\nimport styles from './video-player.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSVideoPlayerContainer from './video-player-container';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { VIDEO_PLAYER_CONTENT_STATE };\nexport { VIDEO_PLAYER_PLAYING_MODE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Video player.\n \n @element dds-video-player\n /\n@customElement(`${ddsPrefix}-video-player`)\nclass DDSVideoPlayer extends FocusMixin(\n StableSelectorMixin(ParentVisibilityMixin(LitElement))\n) {\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Handles `click` event on the video thumbnail.\n /\n private _handleClickOverlay() {\n if (this.playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE) {\n this.contentState = VIDEO_PLAYER_CONTENT_STATE.VIDEO;\n }\n const { videoId, name, customVideoDescription } = this;\n const { eventContentStateChange } = this\n .constructor as typeof DDSVideoPlayer;\n this.dispatchEvent(\n new CustomEvent(eventContentStateChange, {\n bubbles: true,\n composed: true,\n detail: {\n videoId,\n contentState: VIDEO_PLAYER_CONTENT_STATE.VIDEO,\n playingMode: this.playingMode,\n name,\n customVideoDescription,\n },\n })\n );\n }\n\n /\n @returns The video content.\n /\n private _renderContent() {\n const { contentState, name, thumbnailUrl, backgroundMode } = this;\n return contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL &&\n !backgroundMode\n ? html`\n <div class=\"${prefix}--video-player__video\">\n <button\n class=\"${prefix}--video-player__image-overlay\"\n @click=\"${this._handleClickOverlay}\">\n <dds-image default-src=\"${thumbnailUrl}\" alt=\"${ifNonNull(name)}\">\n ${PlayVideo({ slot: 'icon' })}\n </dds-image>\n </button>\n </div>\n `\n : html` <slot></slot> `;\n }\n\n /\n Updates video thumbnail url to match video width\n /\n private _updateThumbnailUrl() {\n let thumbnailSrc: false \| URL = false;\n\n try {\n thumbnailSrc = new URL(this.thumbnailUrl);\n } catch (error) {\n // Do nothing.\n }\n\n // If current thumbnail is from Kaltura and includes this video's ID we should be able to safely update it.\n if (\n thumbnailSrc &&\n thumbnailSrc.host.toLowerCase().includes('kaltura') &&\n thumbnailSrc.pathname.includes(this.videoId!)\n ) {\n this.thumbnailUrl = KalturaPlayerAPI.getThumbnailUrl({\n mediaId: this.videoId,\n width: String(this.offsetWidth),\n });\n }\n }\n\n public _onParentVisible() {\n this._updateThumbnailUrl();\n }\n\n /\n userInitiatedTogglePlaybackState\n /\n public userInitiatedTogglePlaybackState() {\n const { videoId } = this;\n const { eventPlaybackStateChange } = this\n .constructor as typeof DDSVideoPlayer;\n this.dispatchEvent(\n new CustomEvent(eventPlaybackStateChange, {\n bubbles: true,\n composed: true,\n detail: {\n videoId,\n playingMode: this.playingMode,\n },\n })\n );\n }\n\n /\n The video player's content state.\n /\n @property({ reflect: true, attribute: 'content-state' })\n contentState = VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL;\n\n /\n The video duration.\n /\n @property({ type: Number })\n duration?: number;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption = formatVideoCaption;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration = formatVideoDuration;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n The video name.\n /\n @property()\n name = '';\n\n /\n `true` to autoplay, mute video, and hide UI\n /\n @property({ attribute: 'background-mode', reflect: true })\n backgroundMode: boolean = false;\n\n /\n Custom video description. This property should only be set when using `playing-mode=\"lightbox\"`\n /\n @property({ attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The thumbnail URL.\n /\n @property({ attribute: 'thumbnail-url' })\n thumbnailUrl = '';\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId?: string;\n\n /\n Override default aspect ratio of `16x9`.\n * Available aspect ratios:\n \n `16x9`, `9x16`, `2x1`, `1x2`, `4x3`, `3x4`, `1x1`\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n aspectRatio,\n duration,\n formatCaption,\n formatDuration,\n hideCaption,\n name,\n } = this;\n\n const aspectRatioClass = classMap({\n [`${prefix}--video-player__video-container`]: true,\n [`${prefix}--video-player__aspect-ratio--${aspectRatio}`]: !!aspectRatio,\n });\n\n return html`\n <div class=\"${aspectRatioClass}\">${this._renderContent()}</div>\n ${hideCaption\n ? undefined\n : html`\n <div class=\"${prefix}--video-player__video-caption\">\n ${formatCaption({\n duration: formatDuration({\n duration: !duration ? duration : duration 1000,\n }),\n name,\n })}\n </div>\n `}\n `;\n }\n\n updated(changedProperties) {\n if (\n changedProperties.has('duration') \|\|\n changedProperties.has('formatCaption') \|\|\n changedProperties.has('name') \|\|\n changedProperties.has('backgroundMode')\n ) {\n const { duration, formatCaption, formatDuration, name } = this;\n const caption = formatCaption({\n duration: formatDuration({\n duration: !duration ? duration : duration * 1000,\n }),\n name,\n });\n if (caption) {\n this.setAttribute('aria-label', caption);\n }\n }\n\n if (this.offsetWidth > 0) {\n this._updateThumbnailUrl();\n }\n }\n\n firstUpdated() {\n this.tabIndex = 0;\n const parentIsBackground = Boolean(\n (this.parentElement as DDSVideoPlayerContainer)?.backgroundMode\n );\n\n this.backgroundMode = parentIsBackground;\n }\n\n /*\n The name of the custom event fired after video content state is changed upon a user gesture.\n /\n static get eventContentStateChange() {\n return `${ddsPrefix}-video-player-content-state-changed`;\n }\n\n /\n The name of the custom event fired requesting playback state change.\n /\n static get eventPlaybackStateChange() {\n return `${ddsPrefix}-video-player-playback-state-changed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--video-player`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayer;\n"]}
1	+ {"version":3,"sources":["components/video-player/video-player.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAYzD,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,gBAAgB,CAAC;AAOxB,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKrC;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAE5B;IACC;;OAEG;IAEH,WAAW,4BAAoC;IAE/C;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsB3B;;OAEG;IACH,OAAO,CAAC,cAAc;IAkBtB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsBpB,gBAAgB;IAIvB;;OAEG;IACI,gCAAgC;IAgBvC;;OAEG;IAEH,YAAY,6BAAwC;IAEpD;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IAEH,aAAa,MAAsB;IAEnC;;;OAGG;IAEH,cAAc,MAAuB;IAErC;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;OAEG;IAEH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gBAAgB;IAShB,MAAM;IAgCN,OAAO,CAAC,iBAAiB,KAAA;IA4BzB,YAAY;IASZ;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,wBAAwB,WAElC;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,cAAc,CAAC","file":"video-player.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport {\n formatVideoCaption,\n formatVideoDuration,\n} from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/formatVideoCaption/formatVideoCaption.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport { VIDEO_PLAYER_CONTENT_STATE, VIDEO_PLAYER_PLAYING_MODE } from './defs';\nimport '../image/image';\nimport styles from './video-player.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSVideoPlayerContainer from './video-player-container';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { VIDEO_PLAYER_CONTENT_STATE };\nexport { VIDEO_PLAYER_PLAYING_MODE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Video player.\n \n @element dds-video-player\n /\n@customElement(`${ddsPrefix}-video-player`)\nclass DDSVideoPlayer extends FocusMixin(\n StableSelectorMixin(ParentVisibilityMixin(LitElement))\n) {\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Handles `click` event on the video thumbnail.\n /\n private _handleClickOverlay() {\n if (this.playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE) {\n this.contentState = VIDEO_PLAYER_CONTENT_STATE.VIDEO;\n }\n const { videoId, name, customVideoDescription } = this;\n const { eventContentStateChange } = this\n .constructor as typeof DDSVideoPlayer;\n this.dispatchEvent(\n new CustomEvent(eventContentStateChange, {\n bubbles: true,\n composed: true,\n detail: {\n videoId,\n contentState: VIDEO_PLAYER_CONTENT_STATE.VIDEO,\n playingMode: this.playingMode,\n name,\n customVideoDescription,\n },\n })\n );\n }\n\n /\n @returns The video content.\n /\n private _renderContent() {\n const { contentState, name, thumbnailUrl, backgroundMode } = this;\n return contentState === VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL &&\n !backgroundMode\n ? html`\n <div class=\"${prefix}--video-player__video\">\n <button\n class=\"${prefix}--video-player__image-overlay\"\n @click=\"${this._handleClickOverlay}\">\n <dds-image default-src=\"${thumbnailUrl}\" alt=\"${ifNonNull(name)}\">\n ${PlayVideo({ slot: 'icon' })}\n </dds-image>\n </button>\n </div>\n `\n : html` <slot></slot> `;\n }\n\n /\n Updates video thumbnail url to match video width\n /\n private _updateThumbnailUrl() {\n let thumbnailSrc: false \| URL = false;\n\n try {\n thumbnailSrc = new URL(this.thumbnailUrl);\n } catch (error) {\n // Do nothing.\n }\n\n // If current thumbnail is from Kaltura and includes this video's ID we should be able to safely update it.\n if (\n thumbnailSrc &&\n thumbnailSrc.host.toLowerCase().includes('kaltura') &&\n thumbnailSrc.pathname.includes(this.videoId!)\n ) {\n this.thumbnailUrl = KalturaPlayerAPI.getThumbnailUrl({\n mediaId: this.videoId,\n width: String(this.offsetWidth),\n });\n }\n }\n\n public _onParentVisible() {\n this._updateThumbnailUrl();\n }\n\n /\n userInitiatedTogglePlaybackState\n /\n public userInitiatedTogglePlaybackState() {\n const { videoId } = this;\n const { eventPlaybackStateChange } = this\n .constructor as typeof DDSVideoPlayer;\n this.dispatchEvent(\n new CustomEvent(eventPlaybackStateChange, {\n bubbles: true,\n composed: true,\n detail: {\n videoId,\n playingMode: this.playingMode,\n },\n })\n );\n }\n\n /\n The video player's content state.\n /\n @property({ reflect: true, attribute: 'content-state' })\n contentState = VIDEO_PLAYER_CONTENT_STATE.THUMBNAIL;\n\n /\n The video duration.\n /\n @property({ type: Number })\n duration?: number;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption = formatVideoCaption;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration = formatVideoDuration;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n The video name.\n /\n @property()\n name = '';\n\n /\n `true` to autoplay, mute video, and hide UI\n /\n @property({ attribute: 'background-mode', reflect: true })\n backgroundMode: boolean = false;\n\n /\n Custom video description. This property should only be set when using `playing-mode=\"lightbox\"`\n /\n @property({ attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The thumbnail URL.\n /\n @property({ attribute: 'thumbnail-url' })\n thumbnailUrl = '';\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId?: string;\n\n /\n Override default aspect ratio of `16x9`.\n * Available aspect ratios:\n \n `16x9`, `9x16`, `2x1`, `1x2`, `4x3`, `3x4`, `1x1`\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n aspectRatio,\n duration,\n formatCaption,\n formatDuration,\n hideCaption,\n name,\n } = this;\n\n const aspectRatioClass = classMap({\n [`${prefix}--video-player__video-container`]: true,\n [`${prefix}--video-player__aspect-ratio--${aspectRatio}`]: !!aspectRatio,\n });\n\n return html`\n <div class=\"${aspectRatioClass}\">${this._renderContent()}</div>\n ${hideCaption\n ? undefined\n : html`\n <div class=\"${prefix}--video-player__video-caption\">\n ${formatCaption({\n duration: formatDuration({\n duration: !duration ? duration : duration 1000,\n }),\n name,\n })}\n </div>\n `}\n `;\n }\n\n updated(changedProperties) {\n if (\n changedProperties.has('duration') \|\|\n changedProperties.has('formatCaption') \|\|\n changedProperties.has('name') \|\|\n changedProperties.has('backgroundMode')\n ) {\n const { duration, formatCaption, formatDuration, name } = this;\n const caption = formatCaption({\n duration: formatDuration({\n duration: !duration ? duration : duration * 1000,\n }),\n name,\n });\n if (caption) {\n this.setAttribute('aria-label', caption);\n }\n }\n\n // Move measurement & API call to callback queue & wait for update to complete.\n setTimeout(async () => {\n await this.updateComplete;\n if (!this.thumbnailUrl.endsWith(`${this.offsetWidth}`)) {\n this._updateThumbnailUrl();\n }\n }, 0);\n }\n\n firstUpdated() {\n this.tabIndex = 0;\n const parentIsBackground = Boolean(\n (this.parentElement as DDSVideoPlayerContainer)?.backgroundMode\n );\n\n this.backgroundMode = parentIsBackground;\n }\n\n /*\n The name of the custom event fired after video content state is changed upon a user gesture.\n /\n static get eventContentStateChange() {\n return `${ddsPrefix}-video-player-content-state-changed`;\n }\n\n /\n The name of the custom event fired requesting playback state change.\n /\n static get eventPlaybackStateChange() {\n return `${ddsPrefix}-video-player-playback-state-changed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--video-player`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayer;\n"]}

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

@@ -17,6 +17,8 @@ Object.defineProperty(exports, "VIDEO_PLAYER_PLAYING_MODE", {
   }
 });
 exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
@@ -349,6 +351,7 @@ var DDSVideoPlayer = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
       kind: "method",
       key: "updated",
       value: function updated(changedProperties) {
+        var _this2 = this;
         if (changedProperties.has('duration') || changedProperties.has('formatCaption') || changedProperties.has('name') || changedProperties.has('backgroundMode')) {
           var duration = this.duration,
             formatCaption = this.formatCaption,
@@ -364,9 +367,24 @@ var DDSVideoPlayer = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
             this.setAttribute('aria-label', caption);
           }
         }
-        if (this.offsetWidth > 0) {
-          this._updateThumbnailUrl();
-        }
+        // Move measurement & API call to callback queue & wait for update to complete.
+        setTimeout( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+          return _regenerator["default"].wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _this2.updateComplete;
+              case 2:
+                if (!_this2.thumbnailUrl.endsWith("".concat(_this2.offsetWidth))) {
+                  _this2._updateThumbnailUrl();
+                }
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        })), 0);
       }
     }, {
       kind: "method",
@@ -417,6 +435,5 @@ var DDSVideoPlayer = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
   };
 }, (0, _focus["default"])((0, _stableSelector["default"])((0, _parentVisibility["default"])(_litElement.LitElement))));
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSVideoPlayer;
-exports["default"] = _default;
+var _default = exports["default"] = DDSVideoPlayer;
 //# sourceMappingURL=video-player.js.map