npm - @bitmovin/player-web-x - Versions diffs - 10.2.0-beta.13 → 10.2.0-beta.14 - Mend

@bitmovin/player-web-x 10.2.0-beta.13 → 10.2.0-beta.14

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 (193) hide show

package/packages/playerx-ui.package.js CHANGED Viewed

@@ -5,6 +5,6 @@
  * source code is subject to the terms and conditions of the accompanying
  * license agreement.
  *
- * Bitmovin Player X Version 10.2.0-beta.13
+ * Bitmovin Player X Version 10.2.0-beta.14
  *******************************************************************************/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ui=t():(e.bitmovin=e.bitmovin||{},e.bitmovin.playerx=e.bitmovin.playerx||{},e.bitmovin.playerx.ui=t())}(self,(()=>(()=>{"use strict";var e={97085:(e,t)=>{function a(e,t,a){const r=t;return r._name=e,{onAdd:r,dependencies:a}}Object.defineProperty(t,"__esModule",{value:!0}),t.createPackage=void 0,t.createPackage=a},91270:(e,t)=>{function a(e,t){const a=t;return a._name=e,a}function r(e){return(...t)=>{const[r,o]=e(...t);return a(r,o)}}function o(e){var t;return null!==(t=e._name)&&void 0!==t?t:e.name}Object.defineProperty(t,"__esModule",{value:!0}),t.getTaskName=t.createTaskClosure=t.createTask=void 0,t.createTask=a,t.createTaskClosure=r,t.getTaskName=o},68668:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.BundleExportNames=void 0,function(e){e.PlayerConfig="player-config"}(t.BundleExportNames||(t.BundleExportNames={}))},99302:(e,t)=>{function a(e,t){return Math.min(Math.max(0,e),t)}function r(e,t){return e===1/0?t:e===-1/0||Number.isNaN(e)?0:a(e,t)}function o(e,t){if("pre"===e||"start"===e)return 0;if("post"===e||"end"===e)return t;let r;if(e.includes("%")){r=t/100*Number.parseFloat(e.replace("%",""))}else r=Number.parseFloat(e);return Number.isFinite(r)&&!Number.isNaN(r)?a(r,t):0}function n(e,a){return Number.isNaN(a)?t.AdPositionNotYetKnown:"number"==typeof e?r(e,a):"string"==typeof e?o(e,a):0}function s(e){return t=>n(e,t)}Object.defineProperty(t,"__esModule",{value:!0}),t.createAdPosition=t.resolveAdPosition=t.AdPositionNotYetKnown=void 0,t.AdPositionNotYetKnown=Symbol("Ad position not yet known"),t.resolveAdPosition=n,t.createAdPosition=s},76954:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AdSourceExportNames=t.ContentSourceExportNames=t.AdvertisingBaseExportNames=t.BaseAdState=t.BaseAdBreakState=t.AdQuartile=t.AdType=void 0,function(e){e.VAST="vast",e.VMAP="vmap"}(t.AdType||(t.AdType={})),function(e){e.FirstQuartile="first-quartile",e.Midpoint="midpoint",e.ThirdQuartile="third-quartile"}(t.AdQuartile||(t.AdQuartile={})),function(e){e.Scheduled="scheduled",e.Loaded="loaded",e.Playing="playing",e.Error="error",e.Completed="completed"}(t.BaseAdBreakState||(t.BaseAdBreakState={})),function(e){e.Scheduled="scheduled",e.Playing="playing",e.Completed="completed",e.Skipped="skipped",e.Error="error"}(t.BaseAdState||(t.BaseAdState={})),function(e){e.AdType="ad-type",e.AdQuartile="ad-quartile",e.BaseAdBreakState="base-ad-break-state",e.BaseAdState="base-ad-state",e.CreateBaseAdBreak="create-base-ad-break",e.CreateBaseAd="create-base-ad"}(t.AdvertisingBaseExportNames||(t.AdvertisingBaseExportNames={})),function(e){e.AdSchedule="ad-schedule"}(t.ContentSourceExportNames||(t.ContentSourceExportNames={})),function(e){e.AssociatedAd="associated-ad"}(t.AdSourceExportNames||(t.AdSourceExportNames={}))},14809:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CoreExportNames=void 0,function(e){e.Utils="utils",e.Constants="constants",e.CoreEffects="core-effects",e.CoreStateAtoms="core-state-atoms"}(t.CoreExportNames||(t.CoreExportNames={}))},36921:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.PlayPauseExportNames=void 0,function(e){e.TargetPlaybackStateAtom="target-playback-state-atom",e.TargetPlaybackState="target-playback-state"}(t.PlayPauseExportNames||(t.PlayPauseExportNames={}))},78443:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MediaElementReadyState=t.VideoElementStateExportNames=void 0,function(e){e.VideoElementState="video-element-state",e.MediaElementReadyState="media-element-ready-state",e.SeekRestriction="seek-restriction"}(t.VideoElementStateExportNames||(t.VideoElementStateExportNames={})),function(e){e[e.HaveNothing=HTMLMediaElement.HAVE_NOTHING]="HaveNothing",e[e.HaveMetadata=HTMLMediaElement.HAVE_METADATA]="HaveMetadata",e[e.HaveCurrentData=HTMLMediaElement.HAVE_CURRENT_DATA]="HaveCurrentData",e[e.HaveFutureData=HTMLMediaElement.HAVE_FUTURE_DATA]="HaveFutureData",e[e.HaveEnoughData=HTMLMediaElement.HAVE_ENOUGH_DATA]="HaveEnoughData"}(t.MediaElementReadyState||(t.MediaElementReadyState={}))},17031:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.TargetVolumeState=void 0,t.TargetVolumeState="target-volume-state"},7269:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SourceExportNames=void 0,function(e){e.CreateSourceStateAtom="create-source-state-atom",e.CreateSourceReference="create-source-reference",e.SourceReferences="source-references",e.SourceState="source-state-atom"}(t.SourceExportNames||(t.SourceExportNames={}))},89523:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.UiExportNames=void 0,function(e){e.UiState="ui-state"}(t.UiExportNames||(t.UiExportNames={}))},14832:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.UiPackage=void 0;const r=a(97085),o=a(68668),n=a(60103),s=a(36618),i=a(1569),u=a(88575),c=a(67073),l=a(89523),d=a(29543);t.UiPackage=(0,r.createPackage)("ui-package",((e,t)=>{const a=t.registry.get(o.BundleExportNames.PlayerConfig).defaultContainer,r=d.DefaultUiConfig;(0,u.injectStyles)(),a.classList.add("bmpx-ui-container"),a.style.aspectRatio=r.aspectRatio;const p=(0,c.createUiElements)();a.appendChild(p.overlay);const m={overlay:p.overlay,container:a,seekbarTrack:p.seekbarTrack,seekbarProgress:p.seekbarProgress,seekbarThumb:p.seekbarThumb,seekbarContainer:p.seekbarContainer,currentTimeLabel:p.currentTimeLabel,durationLabel:p.durationLabel,playPauseButton:p.playPauseButton,bottomBar:p.bottomBar,volumeContainer:p.volumeContainer,volumeIcon:p.volumeIcon,volumeTrack:p.volumeTrack,volumeProgress:p.volumeProgress,volumeThumb:p.volumeThumb,config:r};t.registry.set(l.UiExportNames.UiState,m);const b=e.get("packages");b.add(i.BaseUiPackage),b.add(n.AdMarkersPackage),b.add(s.AdPlaybackPackage)}),[o.BundleExportNames.PlayerConfig]),t.default=t.UiPackage},29543:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.DefaultUiConfig=void 0,t.DefaultUiConfig={aspectRatio:"16/9",hideTimeout:3e3,seekbarColors:{content:"#fff",advertisement:"#ffc107"}}},60103:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AdMarkersPackage=void 0;const r=a(97085),o=a(91270),n=a(99302),s=a(76954),i=a(14809),u=a(7269),c=a(89523);function l(e,t){for(const a of e.values())a.style.display=t?"":"none"}function d(e,t){const a=t.playback.duration.value;for(const[t,r]of e){const e=t.position(a);if(e===n.AdPositionNotYetKnown||!Number.isFinite(a)||a<=0){r.style.display="none";continue}const o=e/a*100;r.style.left=`${o}%`,r.style.display=""}}const p=(0,o.createTaskClosure)((e=>["ad-marker-subscriber",(t,a)=>{const r=a.registry.get(c.UiExportNames.UiState),o=a.registry.get(u.SourceExportNames.SourceState),n=document.createElement("div");return n.className="bmpx-ui-ad-marker",r.seekbarTrack.appendChild(n),e.set(t,n),o.video.element?d(e,o):n.style.display="none",a.effects.loop(a.abortSignal).finally((()=>{n.remove(),e.delete(t)}))}])),m=(0,o.createTaskClosure)((e=>["ad-markers-video-update",(t,a)=>{const r=a.registry.get(u.SourceExportNames.SourceState);r.video.element?(l(e,!0),d(e,r)):l(e,!1)}])),b=(0,o.createTaskClosure)((e=>["ad-markers-duration-update",(t,a)=>{const r=a.registry.get(u.SourceExportNames.SourceState);r.video.element&&d(e,r)}]));t.AdMarkersPackage=(0,r.createPackage)("ad-markers-package",((e,t)=>{const{StateEffectFactory:a,EventListenerEffectFactory:r}=t.registry.get(i.CoreExportNames.CoreEffects),o=t.using(a,r),n=o.registry.get(s.ContentSourceExportNames.AdSchedule),c=o.registry.get(u.SourceExportNames.SourceState),{mapSubscribe:l,subscribeAndRun:d}=o.registry.get(i.CoreExportNames.Utils).State,g=new Map;l(o,n,p(g)),d(o,c.video,m(g)),d(o,c.playback.duration,b(g))}),[c.UiExportNames.UiState,s.ContentSourceExportNames.AdSchedule,u.SourceExportNames.SourceState,i.CoreExportNames.CoreEffects,i.CoreExportNames.Utils]),t.default=t.AdMarkersPackage},36618:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AdPlaybackPackage=void 0;const r=a(97085),o=a(91270),n=a(76954),s=a(14809),i=a(7269),u=a(89523),c=a(82791),l=a(9621),d=(0,o.createTask)("ad-skip-click",((e,t)=>{e.stopPropagation();const a=t.registry.get(n.AdSourceExportNames.AssociatedAd);!0===a.isSkippable.value&&t.effects.state.dispatch(a.skip.trigger,void 0)})),p=(0,o.createTask)("ad-click-through",((e,t)=>{e.stopPropagation();const a=t.registry.get(i.SourceExportNames.SourceState).video.element;a&&a.dispatchEvent(new MouseEvent("click",{bubbles:!0}))})),m=(0,o.createTask)("ad-clicked-handler",((e,t)=>{const a=t.registry.get(n.AdSourceExportNames.AssociatedAd).clicked.value;a&&window.open(a,"_blank")})),b=(0,o.createTaskClosure)((e=>["ad-skippable-update",(t,a)=>{!0===a.registry.get(n.AdSourceExportNames.AssociatedAd).isSkippable.value?e.classList.remove("bmpx-ui-skip-disabled"):e.classList.add("bmpx-ui-skip-disabled")}])),g=(0,o.createTaskClosure)(((e,t,a)=>["ad-playback-video-activator",(r,o)=>{const c=o.registry.get(u.UiExportNames.UiState),l=o.registry.get(i.SourceExportNames.SourceState),m=o.registry.get(n.AdSourceExportNames.AssociatedAd);if(!l.video.element)return;Number.isFinite(m.skipDelay.value)&&c.overlay.appendChild(e),c.overlay.insertBefore(t,c.overlay.firstChild),c.container.appendChild(a);const{subscribeAndRun:g}=o.registry.get(s.CoreExportNames.Utils).State,{events:f,loop:v}=o.effects;return f.subscribe(o,e,"click",d),f.subscribe(o,t,"click",p),g(o,m.isSkippable,b(e)),v(o.abortSignal).finally((()=>{e.remove(),t.remove(),a.remove()}))}]));t.AdPlaybackPackage=(0,r.createPackage)("ad-playback-package",((e,t)=>{const{StateEffectFactory:a,EventListenerEffectFactory:r}=t.registry.get(s.CoreExportNames.CoreEffects),o=t.using(a,r),u=o.registry.get(n.AdSourceExportNames.AssociatedAd),d=o.registry.get(i.SourceExportNames.SourceState),{subscribeAndRun:p,subscribeOnce:b}=o.registry.get(s.CoreExportNames.Utils).State,f=(0,l.createSkipButtonElement)(),v=(0,c.createClickThroughElement)(),y=document.createElement("div");y.className="bmpx-ui-ad-badge",y.textContent="Advertisement",p(o,d.video,g(f,v,y)),b(o,u.clicked,m)}),[u.UiExportNames.UiState,n.AdSourceExportNames.AssociatedAd,i.SourceExportNames.SourceState,s.CoreExportNames.CoreEffects,s.CoreExportNames.Utils]),t.default=t.AdPlaybackPackage},82791:(e,t)=>{function a(){const e=document.createElement("div");return e.className="bmpx-ui-click-through",e}Object.defineProperty(t,"__esModule",{value:!0}),t.createClickThroughElement=void 0,t.createClickThroughElement=a},9621:(e,t)=>{function a(){const e=document.createElement("div");return e.className="bmpx-ui-skip-button bmpx-ui-skip-disabled",e.textContent="Skip Ad",e}Object.defineProperty(t,"__esModule",{value:!0}),t.createSkipButtonElement=void 0,t.createSkipButtonElement=a},27395:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AutoHideForcedVisibilityClosure=t.AutoHideInteractionClosure=t.showOverlay=t.createAutoHideState=void 0;const r=a(91270),o=a(78443);function n(e,t){return{timer:void 0,forcedVisible:!1,overlay:e,timeout:t}}function s(e){e.overlay.classList.remove("bmpx-ui-hidden"),clearTimeout(e.timer),e.forcedVisible||(e.timer=setTimeout((()=>{e.overlay.classList.add("bmpx-ui-hidden")}),e.timeout))}t.createAutoHideState=n,t.showOverlay=s,t.AutoHideInteractionClosure=(0,r.createTaskClosure)((e=>["auto-hide-interaction",(t,a)=>{s(e)}])),t.AutoHideForcedVisibilityClosure=(0,r.createTaskClosure)((e=>["auto-hide-forced-visibility",(t,a)=>{const r=a.registry.get(o.VideoElementStateExportNames.VideoElementState).paused.value;e.forcedVisible=!0===r,r?(clearTimeout(e.timer),e.overlay.classList.remove("bmpx-ui-hidden")):s(e)}]))},1569:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.BaseUiPackage=void 0;const r=a(97085),o=a(91270),n=a(14809),s=a(36921),i=a(78443),u=a(17031),c=a(7269),l=a(89523),d=a(27395),p=a(76693),m=a(53128),b=a(81622),g=(0,o.createTask)("ui-playhead-update",((e,t)=>{const a=t.registry.get(l.UiExportNames.UiState),r=t.registry.get(c.SourceExportNames.SourceState),o=r.playback.playhead.position,n=r.playback.duration.value;(0,p.updateSeekbarProgress)(a.seekbarProgress,a.seekbarThumb,o,n),(0,m.updateTimeDisplay)(a.currentTimeLabel,o)})),f=(0,o.createTask)("ui-duration-update",((e,t)=>{const a=t.registry.get(l.UiExportNames.UiState),r=t.registry.get(c.SourceExportNames.SourceState),o=r.playback.duration.value;(0,m.updateTimeDisplay)(a.durationLabel,o),(0,p.updateSeekbarProgress)(a.seekbarProgress,a.seekbarThumb,r.playback.playhead.position,o)})),v=(0,o.createTask)("ui-play-pause-icon",((e,t)=>{const a=t.registry.get(l.UiExportNames.UiState),r=t.registry.get(s.PlayPauseExportNames.TargetPlaybackStateAtom),o=t.registry.get(s.PlayPauseExportNames.TargetPlaybackState),n=r.value===o.Playing;a.playPauseButton.textContent=n?"❚❚":"▶"})),y=(0,o.createTask)("ui-play-pause-click",((e,t)=>{e.stopPropagation();const a=t.registry.get(s.PlayPauseExportNames.TargetPlaybackStateAtom),r=t.registry.get(s.PlayPauseExportNames.TargetPlaybackState),o=a.value===r.Playing?r.Paused:r.Playing;t.effects.state.dispatch(a.setValue,o)})),x=(0,o.createTask)("ui-volume-update",((e,t)=>{const a=t.registry.get(l.UiExportNames.UiState),r=t.registry.get(u.TargetVolumeState).volume.value;"number"==typeof r&&(0,b.updateVolumeProgress)(a.volumeProgress,a.volumeThumb,r)})),k=(0,o.createTask)("ui-muted-update",((e,t)=>{const a=t.registry.get(l.UiExportNames.UiState),r=t.registry.get(u.TargetVolumeState).muted.value;(0,b.updateVolumeIcon)(a.volumeIcon,r)})),S=(0,o.createTaskClosure)((e=>["ui-video-activator",(t,a)=>{const r=a.registry.get(l.UiExportNames.UiState),o=a.registry.get(c.SourceExportNames.SourceState),m=a.registry.get(s.PlayPauseExportNames.TargetPlaybackStateAtom),S=a.registry.get(i.VideoElementStateExportNames.VideoElementState),{ContentType:E}=a.registry.get(n.CoreExportNames.Constants),h=o.video.element;if(!h)return;const N=o.sourceConfig.contentType===E.Advertisement,C=o.playbackConfig.preventSeeking||N,P=N?r.config.seekbarColors.advertisement:r.config.seekbarColors.content;h.removeAttribute("controls"),h.after(r.overlay),r.seekbarProgress.style.background=P,r.seekbarThumb.style.background=P;const{subscribeAndRun:A}=a.registry.get(n.CoreExportNames.Utils).State,{events:T,loop:U}=a.effects,M=a.registry.get(u.TargetVolumeState);return C?r.seekbarContainer.classList.add("bmpx-ui-seekbar-disabled"):(r.seekbarContainer.classList.remove("bmpx-ui-seekbar-disabled"),(0,p.setupSeekBar)(a)),(0,b.setupVolumeSlider)(a),T.subscribe(a,r.playPauseButton,"click",y),A(a,o.playback.playhead,g),A(a,o.playback.duration,f),A(a,m,v),A(a,S.paused,(0,d.AutoHideForcedVisibilityClosure)(e)),A(a,M.volume,x),A(a,M.muted,k),U(a.abortSignal)}]));t.BaseUiPackage=(0,r.createPackage)("base-ui-package",((e,t)=>{const{StateEffectFactory:a,EventListenerEffectFactory:r}=t.registry.get(n.CoreExportNames.CoreEffects),o=t.using(a,r),s=o.registry.get(l.UiExportNames.UiState),i=o.registry.get(c.SourceExportNames.SourceState),{subscribeAndRun:u}=o.registry.get(n.CoreExportNames.Utils).State,p=s.config,m=(0,d.createAutoHideState)(s.overlay,p.hideTimeout),b=(0,d.AutoHideInteractionClosure)(m);o.effects.events.subscribe(o,s.container,"mousemove",b),o.effects.events.subscribe(o,s.container,"touchstart",b),o.effects.events.subscribe(o,s.container,"click",b),(0,d.showOverlay)(m),o.abortSignal.addEventListener("abort",(()=>clearTimeout(m.timer))),u(o,i.video,S(m))}),[l.UiExportNames.UiState,c.SourceExportNames.SourceState,s.PlayPauseExportNames.TargetPlaybackStateAtom,s.PlayPauseExportNames.TargetPlaybackState,i.VideoElementStateExportNames.VideoElementState,u.TargetVolumeState,n.CoreExportNames.CoreEffects,n.CoreExportNames.CoreStateAtoms,n.CoreExportNames.Utils,n.CoreExportNames.Constants]),t.default=t.BaseUiPackage},76693:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setupSeekBar=t.getSeekPosition=t.updateSeekbarProgress=void 0;const r=a(91270),o=a(14809),n=a(7269),s=a(89523);function i(e){return e instanceof MouseEvent}function u(e,t,a,r){if(!Number.isFinite(r)||r<=0)return;const o=100*Math.max(0,Math.min(1,a/r))+"%";e.style.width=o,t.style.left=o}function c(e,t,a){const r=t.getBoundingClientRect();return Math.max(0,Math.min(1,(e.clientX-r.left)/r.width))*a}function l(e,t,a){const r=a.video.element;if(!r)return;const o=a.playback.duration.value;if(!Number.isFinite(o)||o<=0)return;const n=c(e,t.seekbarContainer,o);u(t.seekbarProgress,t.seekbarThumb,n,o),r.currentTime=n}t.updateSeekbarProgress=u,t.getSeekPosition=c;const d=(0,r.createTask)("seekbar-mousemove",((e,t)=>{i(e)&&l(e,t.registry.get(s.UiExportNames.UiState),t.registry.get(n.SourceExportNames.SourceState))})),p=(0,r.createTaskClosure)((e=>["seekbar-mouseup",(t,a)=>{i(t)&&(l(t,a.registry.get(s.UiExportNames.UiState),a.registry.get(n.SourceExportNames.SourceState)),a.effects.state.dispatch(e.setValue,!1))}])),m=(0,r.createTaskClosure)((e=>["seekbar-mousedown",(t,a)=>{i(t)&&(t.preventDefault(),l(t,a.registry.get(s.UiExportNames.UiState),a.registry.get(n.SourceExportNames.SourceState)),a.effects.state.dispatch(e.setValue,!0))}])),b=(0,r.createTaskClosure)((e=>["seekbar-drag-active",(t,a)=>{if(!e.value)return;const{events:r,loop:o}=a.effects;return r.subscribe(a,document,"mousemove",d),r.subscribe(a,document,"mouseup",p(e)),o(a.abortSignal)}]));function g(e){const{createPrimitiveAtom:t}=e.registry.get(o.CoreExportNames.CoreStateAtoms),a=e.registry.get(s.UiExportNames.UiState),{subscribeAndRun:r}=e.registry.get(o.CoreExportNames.Utils).State,n=t(e,!1);e.effects.events.subscribe(e,a.seekbarContainer,"mousedown",m(n)),r(e,n,b(n))}t.setupSeekBar=g},88575:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.injectStyles=void 0;const a="\n.bmpx-ui-container {\n  position: relative;\n  width: 100%;\n  background: #000;\n  overflow: hidden;\n}\n\n.bmpx-ui-container video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n}\n\n.bmpx-ui-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  transition: opacity 0.3s ease;\n}\n\n.bmpx-ui-overlay.bmpx-ui-hidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.bmpx-ui-play-pause {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: 50%;\n  cursor: pointer;\n  user-select: none;\n  color: #fff;\n  font-size: 24px;\n  transition: background 0.2s ease;\n}\n\n.bmpx-ui-play-pause:hover {\n  background: rgba(0, 0, 0, 0.7);\n}\n\n.bmpx-ui-bottom-bar {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  gap: 10px;\n  background: rgba(0, 0, 0, 0.7);\n}\n\n.bmpx-ui-current-time,\n.bmpx-ui-duration {\n  color: #fff;\n  font-family: monospace;\n  font-size: 13px;\n  min-width: 40px;\n  text-align: center;\n  user-select: none;\n}\n\n.bmpx-ui-seekbar-container {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  height: 20px;\n  cursor: pointer;\n}\n\n.bmpx-ui-seekbar-container.bmpx-ui-seekbar-disabled {\n  cursor: default;\n  pointer-events: none;\n}\n\n.bmpx-ui-seekbar-track {\n  position: relative;\n  width: 100%;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 2px;\n}\n\n.bmpx-ui-seekbar-container:hover .bmpx-ui-seekbar-track {\n  height: 6px;\n}\n\n.bmpx-ui-seekbar-progress {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  background: #fff;\n  border-radius: 2px;\n  pointer-events: none;\n}\n\n.bmpx-ui-seekbar-thumb {\n  position: absolute;\n  top: 50%;\n  width: 12px;\n  height: 12px;\n  background: #fff;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.1s ease;\n}\n\n.bmpx-ui-seekbar-container:hover .bmpx-ui-seekbar-thumb {\n  opacity: 1;\n}\n\n.bmpx-ui-seekbar-disabled .bmpx-ui-seekbar-thumb {\n  opacity: 0 !important;\n}\n\n.bmpx-ui-volume-container {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100px;\n  height: 20px;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.bmpx-ui-volume-icon {\n  font-size: 14px;\n  line-height: 1;\n  user-select: none;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.bmpx-ui-volume-track {\n  position: relative;\n  flex: 1;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 2px;\n}\n\n.bmpx-ui-volume-container:hover .bmpx-ui-volume-track {\n  height: 6px;\n}\n\n.bmpx-ui-volume-progress {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background: #fff;\n  border-radius: 2px;\n  pointer-events: none;\n}\n\n.bmpx-ui-volume-thumb {\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  width: 12px;\n  height: 12px;\n  background: #fff;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.1s ease;\n}\n\n.bmpx-ui-volume-container:hover .bmpx-ui-volume-thumb {\n  opacity: 1;\n}\n\n.bmpx-ui-ad-marker {\n  position: absolute;\n  top: 0;\n  width: 4px;\n  height: 100%;\n  background: #ffc107;\n  border-radius: 1px;\n  transform: translateX(-50%);\n  pointer-events: none;\n}\n\n.bmpx-ui-skip-button {\n  position: absolute;\n  bottom: 60px;\n  right: 12px;\n  padding: 8px 16px;\n  background: rgba(0, 0, 0, 0.7);\n  color: #fff;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  font-size: 14px;\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s ease;\n  font-family: sans-serif;\n}\n\n.bmpx-ui-skip-button:hover:not(.bmpx-ui-skip-disabled) {\n  background: rgba(0, 0, 0, 0.9);\n}\n\n.bmpx-ui-skip-disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.bmpx-ui-click-through {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n\n.bmpx-ui-ad-badge {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  padding: 4px 10px;\n  background: rgba(0, 0, 0, 0.7);\n  color: #ffc107;\n  font-family: sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n  border-radius: 3px;\n  user-select: none;\n  pointer-events: none;\n}\n";let r=!1;function o(){if(r)return;r=!0;const e=document.createElement("style");e.textContent=a,document.head.appendChild(e)}t.injectStyles=o},53128:(e,t)=>{function a(e){if(!Number.isFinite(e)||e<0)return"0:00";const t=Math.floor(e),a=Math.floor(t/3600),r=Math.floor(t%3600/60),o=t%60;return a>0?`${a}:${String(r).padStart(2,"0")}:${String(o).padStart(2,"0")}`:`${r}:${String(o).padStart(2,"0")}`}function r(e,t){const r=a(t);e.textContent!==r&&(e.textContent=r)}Object.defineProperty(t,"__esModule",{value:!0}),t.updateTimeDisplay=void 0,t.updateTimeDisplay=r},67073:(e,t)=>{function a(e,t){const a=document.createElement(e);return a.className=t,a}function r(){const e=a("div","bmpx-ui-overlay"),t=a("div","bmpx-ui-play-pause"),r=a("div","bmpx-ui-bottom-bar"),o=a("span","bmpx-ui-current-time");o.textContent="0:00";const n=a("div","bmpx-ui-seekbar-container"),s=a("div","bmpx-ui-seekbar-track"),i=a("div","bmpx-ui-seekbar-progress"),u=a("div","bmpx-ui-seekbar-thumb"),c=a("span","bmpx-ui-duration");c.textContent="0:00";const l=a("div","bmpx-ui-volume-container"),d=a("span","bmpx-ui-volume-icon");d.textContent="🔊";const p=a("div","bmpx-ui-volume-track"),m=a("div","bmpx-ui-volume-progress"),b=a("div","bmpx-ui-volume-thumb");return s.appendChild(i),s.appendChild(u),n.appendChild(s),p.appendChild(m),p.appendChild(b),l.appendChild(p),r.appendChild(o),r.appendChild(n),r.appendChild(c),r.appendChild(d),r.appendChild(l),e.appendChild(t),e.appendChild(r),{overlay:e,playPauseButton:t,bottomBar:r,currentTimeLabel:o,durationLabel:c,seekbarContainer:n,seekbarTrack:s,seekbarProgress:i,seekbarThumb:u,volumeContainer:l,volumeIcon:d,volumeTrack:p,volumeProgress:m,volumeThumb:b}}Object.defineProperty(t,"__esModule",{value:!0}),t.createUiElements=void 0,t.createUiElements=r},81622:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setupVolumeSlider=t.updateVolumeIcon=t.updateVolumeProgress=void 0;const r=a(91270),o=a(14809),n=a(17031),s=a(89523);function i(e){return e instanceof MouseEvent}function u(e,t,a){const r=100*Math.max(0,Math.min(1,a))+"%";e.style.width=r,t.style.left=r}function c(e,t){const a=t.getBoundingClientRect();return Math.max(0,Math.min(1,(e.clientX-a.left)/a.width))}function l(e,t,a){const r=c(e,t.volumeTrack),o=a.registry.get(n.TargetVolumeState);u(t.volumeProgress,t.volumeThumb,r),a.effects.state.dispatch(o.volume.setValue,r)}function d(e,t){e.textContent=t?"🔇":"🔊"}t.updateVolumeProgress=u,t.updateVolumeIcon=d;const p=(0,r.createTask)("volume-icon-click",((e,t)=>{e.preventDefault(),e.stopPropagation();const a=t.registry.get(n.TargetVolumeState),r=!a.muted.value;t.effects.state.dispatch(a.muted.setValue,r)})),m=(0,r.createTask)("volume-mousemove",((e,t)=>{i(e)&&l(e,t.registry.get(s.UiExportNames.UiState),t)})),b=(0,r.createTaskClosure)((e=>["volume-mouseup",(t,a)=>{i(t)&&(l(t,a.registry.get(s.UiExportNames.UiState),a),a.effects.state.dispatch(e.setValue,!1))}])),g=(0,r.createTaskClosure)((e=>["volume-mousedown",(t,a)=>{i(t)&&(t.preventDefault(),t.stopPropagation(),l(t,a.registry.get(s.UiExportNames.UiState),a),a.effects.state.dispatch(e.setValue,!0))}])),f=(0,r.createTaskClosure)((e=>["volume-drag-active",(t,a)=>{if(!e.value)return;const{events:r,loop:o}=a.effects;return r.subscribe(a,document,"mousemove",m),r.subscribe(a,document,"mouseup",b(e)),o(a.abortSignal)}]));function v(e){const{createPrimitiveAtom:t}=e.registry.get(o.CoreExportNames.CoreStateAtoms),a=e.registry.get(s.UiExportNames.UiState),{subscribeAndRun:r}=e.registry.get(o.CoreExportNames.Utils).State,n=t(e,!1);e.effects.events.subscribe(e,a.volumeIcon,"click",p),e.effects.events.subscribe(e,a.volumeContainer,"mousedown",g(n)),r(e,n,f(n))}t.setupVolumeSlider=v}},t={};function a(r){var o=t[r];if(void 0!==o)return o.exports;var n=t[r]={exports:{}};return e[r](n,n.exports,a),n.exports}return a(14832)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ui=t():(e.bitmovin=e.bitmovin||{},e.bitmovin.playerx=e.bitmovin.playerx||{},e.bitmovin.playerx.ui=t())}(self,(()=>(()=>{"use strict";var e={97085:(e,t)=>{function a(e,t,a){const r=t;return r._name=e,{onAdd:r,dependencies:a}}Object.defineProperty(t,"__esModule",{value:!0}),t.createPackage=void 0,t.createPackage=a},91270:(e,t)=>{function a(e,t){const a=t;return a._name=e,a}function r(e){return(...t)=>{const[r,o]=e(...t);return a(r,o)}}function o(e){var t;return null!==(t=e._name)&&void 0!==t?t:e.name}Object.defineProperty(t,"__esModule",{value:!0}),t.getTaskName=t.createTaskClosure=t.createTask=void 0,t.createTask=a,t.createTaskClosure=r,t.getTaskName=o},68668:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.BundleExportNames=void 0,function(e){e.PlayerConfig="player-config"}(t.BundleExportNames||(t.BundleExportNames={}))},76954:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AdSourceExportNames=t.ContentSourceExportNames=t.AdvertisingBaseExportNames=void 0,function(e){e.AdType="ad-type",e.AdQuartile="ad-quartile",e.BaseAdPodState="base-ad-pod-state",e.BaseAdState="base-ad-state",e.CreateBaseAdPod="create-base-ad-pod",e.CreateBaseAd="create-base-ad",e.IsAdPositionKnown="is-position-known"}(t.AdvertisingBaseExportNames||(t.AdvertisingBaseExportNames={})),function(e){e.AdSchedule="ad-schedule"}(t.ContentSourceExportNames||(t.ContentSourceExportNames={})),function(e){e.AssociatedAd="associated-ad"}(t.AdSourceExportNames||(t.AdSourceExportNames={}))},14809:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CoreExportNames=void 0,function(e){e.Utils="utils",e.Constants="constants",e.CoreEffects="core-effects",e.CoreStateAtoms="core-state-atoms"}(t.CoreExportNames||(t.CoreExportNames={}))},23858:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MediaStateExportNames=void 0,function(e){e.MediaStateAtom="media-state-atom",e.MediaState="media-state",e.MediaInfo="media-info",e.MediaStateTransitionType="media-state-transition-type",e.SeekRestriction="seek-restriction"}(t.MediaStateExportNames||(t.MediaStateExportNames={}))},36921:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.PlayPauseExportNames=void 0,function(e){e.TargetPlaybackStateAtom="target-playback-state-atom",e.TargetPlaybackState="target-playback-state"}(t.PlayPauseExportNames||(t.PlayPauseExportNames={}))},17031:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.TargetVolumeState=void 0,t.TargetVolumeState="target-volume-state"},7269:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SourceExportNames=void 0,function(e){e.CreateSourceStateAtom="create-source-state-atom",e.CreateSourceReference="create-source-reference",e.SourceReferences="source-references",e.SourceState="source-state-atom"}(t.SourceExportNames||(t.SourceExportNames={}))},89523:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.UiExportNames=void 0,function(e){e.UiState="ui-state"}(t.UiExportNames||(t.UiExportNames={}))},14832:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.UiPackage=void 0;const r=a(97085),o=a(68668),n=a(60103),s=a(36618),i=a(1569),u=a(88575),c=a(65240),p=a(89523),l=a(29543);t.UiPackage=(0,r.createPackage)("ui-package",((e,t)=>{const a=t.registry.get(o.BundleExportNames.PlayerConfig).defaultContainer,r=l.DefaultUiConfig;(0,u.injectStyles)(),a.classList.add("bmpx-ui-container"),a.style.aspectRatio=r.aspectRatio;const d=(0,c.createUiElements)();a.appendChild(d.overlay);const m={overlay:d.overlay,container:a,seekbarTrack:d.seekbarTrack,seekbarProgress:d.seekbarProgress,seekbarThumb:d.seekbarThumb,seekbarContainer:d.seekbarContainer,currentTimeLabel:d.currentTimeLabel,durationLabel:d.durationLabel,playPauseButton:d.playPauseButton,bottomBar:d.bottomBar,volumeContainer:d.volumeContainer,volumeIcon:d.volumeIcon,volumeTrack:d.volumeTrack,volumeProgress:d.volumeProgress,volumeThumb:d.volumeThumb,config:r};t.registry.set(p.UiExportNames.UiState,m);const b=e.get("packages");b.add(i.BaseUiPackage),b.add(n.AdMarkersPackage),b.add(s.AdPlaybackPackage)}),[o.BundleExportNames.PlayerConfig]),t.default=t.UiPackage},29543:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.DefaultUiConfig=void 0,t.DefaultUiConfig={aspectRatio:"16/9",hideTimeout:3e3,seekbarColors:{content:"#fff",advertisement:"#ffc107"}}},60103:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AdMarkersPackage=void 0;const r=a(97085),o=a(91270),n=a(76954),s=a(14809),i=a(7269),u=a(89523);function c(e,t){for(const a of e.values())a.style.display=t?"":"none"}function p(e,t,a){const r=t.playback.duration.value;for(const[t,o]of e){const e=t.position(r);if(!a(e)||!Number.isFinite(r)||r<=0){o.style.display="none";continue}const n=e/r*100;o.style.left=`${n}%`,o.style.display=""}}const l=(0,o.createTaskClosure)((e=>["ad-marker-subscriber",(t,a)=>{const r=a.registry.get(u.UiExportNames.UiState),o=a.registry.get(i.SourceExportNames.SourceState),s=a.registry.get(n.AdvertisingBaseExportNames.IsAdPositionKnown),c=document.createElement("div");return c.className="bmpx-ui-ad-marker",r.seekbarTrack.appendChild(c),e.set(t,c),o.video.element?p(e,o,s):c.style.display="none",a.effects.loop(a.abortSignal).finally((()=>{c.remove(),e.delete(t)}))}])),d=(0,o.createTaskClosure)((e=>["ad-markers-video-update",(t,a)=>{const r=a.registry.get(i.SourceExportNames.SourceState),o=a.registry.get(n.AdvertisingBaseExportNames.IsAdPositionKnown);r.video.element?(c(e,!0),p(e,r,o)):c(e,!1)}])),m=(0,o.createTaskClosure)((e=>["ad-markers-duration-update",(t,a)=>{const r=a.registry.get(i.SourceExportNames.SourceState),o=a.registry.get(n.AdvertisingBaseExportNames.IsAdPositionKnown);r.video.element&&p(e,r,o)}]));t.AdMarkersPackage=(0,r.createPackage)("ad-markers-package",((e,t)=>{const{StateEffectFactory:a,EventListenerEffectFactory:r}=t.registry.get(s.CoreExportNames.CoreEffects),o=t.using(a,r),u=o.registry.get(n.ContentSourceExportNames.AdSchedule),c=o.registry.get(i.SourceExportNames.SourceState),{mapSubscribe:p,subscribeAndRun:b}=o.registry.get(s.CoreExportNames.Utils).State,g=new Map;p(o,u,l(g)),b(o,c.video,d(g)),b(o,c.playback.duration,m(g))}),[u.UiExportNames.UiState,n.ContentSourceExportNames.AdSchedule,i.SourceExportNames.SourceState,s.CoreExportNames.CoreEffects,s.CoreExportNames.Utils,n.AdvertisingBaseExportNames.IsAdPositionKnown]),t.default=t.AdMarkersPackage},36618:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AdPlaybackPackage=void 0;const r=a(97085),o=a(91270),n=a(76954),s=a(14809),i=a(7269),u=a(89523),c=a(82791),p=a(9621),l=(0,o.createTask)("ad-skip-click",((e,t)=>{e.stopPropagation();const a=t.registry.get(n.AdSourceExportNames.AssociatedAd);!0===a.isSkippable.value&&t.effects.state.dispatch(a.skip.trigger,void 0)})),d=(0,o.createTask)("ad-click-through",((e,t)=>{e.stopPropagation();const a=t.registry.get(i.SourceExportNames.SourceState).video.element;a&&a.dispatchEvent(new MouseEvent("click",{bubbles:!0}))})),m=(0,o.createTask)("ad-clicked-handler",((e,t)=>{const a=t.registry.get(n.AdSourceExportNames.AssociatedAd).clicked.value;a&&window.open(a,"_blank")})),b=(0,o.createTaskClosure)((e=>["ad-skippable-update",(t,a)=>{!0===a.registry.get(n.AdSourceExportNames.AssociatedAd).isSkippable.value?e.classList.remove("bmpx-ui-skip-disabled"):e.classList.add("bmpx-ui-skip-disabled")}])),g=(0,o.createTaskClosure)(((e,t,a)=>["ad-playback-video-activator",(r,o)=>{const c=o.registry.get(u.UiExportNames.UiState),p=o.registry.get(i.SourceExportNames.SourceState),m=o.registry.get(n.AdSourceExportNames.AssociatedAd);if(!p.video.element)return;Number.isFinite(m.skipDelay.value)&&c.overlay.appendChild(e),c.overlay.insertBefore(t,c.overlay.firstChild),c.container.appendChild(a);const{subscribeAndRun:g}=o.registry.get(s.CoreExportNames.Utils).State,{events:f,loop:x}=o.effects;return f.subscribe(o,e,"click",l),f.subscribe(o,t,"click",d),g(o,m.isSkippable,b(e)),x(o.abortSignal).finally((()=>{e.remove(),t.remove(),a.remove()}))}]));t.AdPlaybackPackage=(0,r.createPackage)("ad-playback-package",((e,t)=>{const{StateEffectFactory:a,EventListenerEffectFactory:r}=t.registry.get(s.CoreExportNames.CoreEffects),o=t.using(a,r),u=o.registry.get(n.AdSourceExportNames.AssociatedAd),l=o.registry.get(i.SourceExportNames.SourceState),{subscribeAndRun:d,subscribeOnce:b}=o.registry.get(s.CoreExportNames.Utils).State,f=(0,p.createSkipButtonElement)(),x=(0,c.createClickThroughElement)(),v=document.createElement("div");v.className="bmpx-ui-ad-badge",v.textContent="Advertisement",d(o,l.video,g(f,x,v)),b(o,u.clicked,m)}),[u.UiExportNames.UiState,n.AdSourceExportNames.AssociatedAd,i.SourceExportNames.SourceState,s.CoreExportNames.CoreEffects,s.CoreExportNames.Utils]),t.default=t.AdPlaybackPackage},82791:(e,t)=>{function a(){const e=document.createElement("div");return e.className="bmpx-ui-click-through",e}Object.defineProperty(t,"__esModule",{value:!0}),t.createClickThroughElement=void 0,t.createClickThroughElement=a},9621:(e,t)=>{function a(){const e=document.createElement("div");return e.className="bmpx-ui-skip-button bmpx-ui-skip-disabled",e.textContent="Skip Ad",e}Object.defineProperty(t,"__esModule",{value:!0}),t.createSkipButtonElement=void 0,t.createSkipButtonElement=a},27395:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AutoHideForcedVisibilityClosure=t.AutoHideInteractionClosure=t.showOverlay=t.createAutoHideState=void 0;const r=a(91270),o=a(23858);function n(e,t){return{timer:void 0,forcedVisible:!1,overlay:e,timeout:t}}function s(e){e.overlay.classList.remove("bmpx-ui-hidden"),clearTimeout(e.timer),e.forcedVisible||(e.timer=setTimeout((()=>{e.overlay.classList.add("bmpx-ui-hidden")}),e.timeout))}t.createAutoHideState=n,t.showOverlay=s,t.AutoHideInteractionClosure=(0,r.createTaskClosure)((e=>["auto-hide-interaction",(t,a)=>{s(e)}])),t.AutoHideForcedVisibilityClosure=(0,r.createTaskClosure)((e=>["auto-hide-forced-visibility",(t,a)=>{const r=a.registry.get(o.MediaStateExportNames.MediaStateAtom),n=a.registry.get(o.MediaStateExportNames.MediaState),i=r.current===n.Paused;e.forcedVisible=i,i?(clearTimeout(e.timer),e.overlay.classList.remove("bmpx-ui-hidden")):s(e)}]))},1569:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.BaseUiPackage=void 0;const r=a(97085),o=a(91270),n=a(14809),s=a(23858),i=a(36921),u=a(17031),c=a(7269),p=a(89523),l=a(27395),d=a(76693),m=a(53128),b=a(81622),g=(0,o.createTask)("ui-playhead-update",((e,t)=>{const a=t.registry.get(p.UiExportNames.UiState),r=t.registry.get(c.SourceExportNames.SourceState),o=r.playback.playhead.position,n=r.playback.duration.value;(0,d.updateSeekbarProgress)(a.seekbarProgress,a.seekbarThumb,o,n),(0,m.updateTimeDisplay)(a.currentTimeLabel,o)})),f=(0,o.createTask)("ui-duration-update",((e,t)=>{const a=t.registry.get(p.UiExportNames.UiState),r=t.registry.get(c.SourceExportNames.SourceState),o=r.playback.duration.value;(0,m.updateTimeDisplay)(a.durationLabel,o),(0,d.updateSeekbarProgress)(a.seekbarProgress,a.seekbarThumb,r.playback.playhead.position,o)})),x=(0,o.createTask)("ui-play-pause-icon",((e,t)=>{const a=t.registry.get(p.UiExportNames.UiState),r=t.registry.get(i.PlayPauseExportNames.TargetPlaybackStateAtom),o=t.registry.get(i.PlayPauseExportNames.TargetPlaybackState),n=r.value===o.Playing;a.playPauseButton.textContent=n?"❚❚":"▶"})),v=(0,o.createTask)("ui-play-pause-click",((e,t)=>{e.stopPropagation();const a=t.registry.get(i.PlayPauseExportNames.TargetPlaybackStateAtom),r=t.registry.get(i.PlayPauseExportNames.TargetPlaybackState),o=a.value===r.Playing?r.Paused:r.Playing;t.effects.state.dispatch(a.setValue,o)})),y=(0,o.createTask)("ui-volume-update",((e,t)=>{const a=t.registry.get(p.UiExportNames.UiState),r=t.registry.get(u.TargetVolumeState).volume.value;"number"==typeof r&&(0,b.updateVolumeProgress)(a.volumeProgress,a.volumeThumb,r)})),k=(0,o.createTask)("ui-muted-update",((e,t)=>{const a=t.registry.get(p.UiExportNames.UiState),r=t.registry.get(u.TargetVolumeState).muted.value;(0,b.updateVolumeIcon)(a.volumeIcon,r)})),S=(0,o.createTaskClosure)((e=>["ui-video-activator",(t,a)=>{const r=a.registry.get(p.UiExportNames.UiState),o=a.registry.get(c.SourceExportNames.SourceState),m=a.registry.get(i.PlayPauseExportNames.TargetPlaybackStateAtom),S=a.registry.get(s.MediaStateExportNames.MediaStateAtom),{ContentType:E}=a.registry.get(n.CoreExportNames.Constants),h=o.video.element;if(!h)return;const C=o.sourceConfig.contentType===E.Advertisement,P=o.playbackConfig.preventSeeking||C,N=C?r.config.seekbarColors.advertisement:r.config.seekbarColors.content;h.removeAttribute("controls"),h.after(r.overlay),r.seekbarProgress.style.background=N,r.seekbarThumb.style.background=N;const{subscribeAndRun:T}=a.registry.get(n.CoreExportNames.Utils).State,{events:A,loop:U}=a.effects,M=a.registry.get(u.TargetVolumeState);return P?r.seekbarContainer.classList.add("bmpx-ui-seekbar-disabled"):(r.seekbarContainer.classList.remove("bmpx-ui-seekbar-disabled"),(0,d.setupSeekBar)(a)),(0,b.setupVolumeSlider)(a),A.subscribe(a,r.playPauseButton,"click",v),T(a,o.playback.playhead,g),T(a,o.playback.duration,f),T(a,m,x),T(a,S,(0,l.AutoHideForcedVisibilityClosure)(e)),T(a,M.volume,y),T(a,M.muted,k),U(a.abortSignal)}]));t.BaseUiPackage=(0,r.createPackage)("base-ui-package",((e,t)=>{const{StateEffectFactory:a,EventListenerEffectFactory:r}=t.registry.get(n.CoreExportNames.CoreEffects),o=t.using(a,r),s=o.registry.get(p.UiExportNames.UiState),i=o.registry.get(c.SourceExportNames.SourceState),{subscribeAndRun:u}=o.registry.get(n.CoreExportNames.Utils).State,d=s.config,m=(0,l.createAutoHideState)(s.overlay,d.hideTimeout),b=(0,l.AutoHideInteractionClosure)(m);o.effects.events.subscribe(o,s.container,"mousemove",b),o.effects.events.subscribe(o,s.container,"touchstart",b),o.effects.events.subscribe(o,s.container,"click",b),(0,l.showOverlay)(m),o.abortSignal.addEventListener("abort",(()=>clearTimeout(m.timer))),u(o,i.video,S(m))}),[p.UiExportNames.UiState,c.SourceExportNames.SourceState,i.PlayPauseExportNames.TargetPlaybackStateAtom,i.PlayPauseExportNames.TargetPlaybackState,s.MediaStateExportNames.MediaStateAtom,u.TargetVolumeState,n.CoreExportNames.CoreEffects,n.CoreExportNames.CoreStateAtoms,n.CoreExportNames.Utils,n.CoreExportNames.Constants]),t.default=t.BaseUiPackage},76693:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setupSeekBar=t.getSeekPosition=t.updateSeekbarProgress=void 0;const r=a(91270),o=a(14809),n=a(7269),s=a(89523);function i(e){return e instanceof MouseEvent}function u(e,t,a,r){if(!Number.isFinite(r)||r<=0)return;const o=100*Math.max(0,Math.min(1,a/r))+"%";e.style.width=o,t.style.left=o}function c(e,t,a){const r=t.getBoundingClientRect();return Math.max(0,Math.min(1,(e.clientX-r.left)/r.width))*a}function p(e,t,a){const r=a.video.element;if(!r)return;const o=a.playback.duration.value;if(!Number.isFinite(o)||o<=0)return;const n=c(e,t.seekbarContainer,o);u(t.seekbarProgress,t.seekbarThumb,n,o),r.currentTime=n}t.updateSeekbarProgress=u,t.getSeekPosition=c;const l=(0,r.createTask)("seekbar-mousemove",((e,t)=>{i(e)&&p(e,t.registry.get(s.UiExportNames.UiState),t.registry.get(n.SourceExportNames.SourceState))})),d=(0,r.createTaskClosure)((e=>["seekbar-mouseup",(t,a)=>{i(t)&&(p(t,a.registry.get(s.UiExportNames.UiState),a.registry.get(n.SourceExportNames.SourceState)),a.effects.state.dispatch(e.setValue,!1))}])),m=(0,r.createTaskClosure)((e=>["seekbar-mousedown",(t,a)=>{i(t)&&(t.preventDefault(),p(t,a.registry.get(s.UiExportNames.UiState),a.registry.get(n.SourceExportNames.SourceState)),a.effects.state.dispatch(e.setValue,!0))}])),b=(0,r.createTaskClosure)((e=>["seekbar-drag-active",(t,a)=>{if(!e.value)return;const{events:r,loop:o}=a.effects;return r.subscribe(a,document,"mousemove",l),r.subscribe(a,document,"mouseup",d(e)),o(a.abortSignal)}]));function g(e){const{createPrimitiveAtom:t}=e.registry.get(o.CoreExportNames.CoreStateAtoms),a=e.registry.get(s.UiExportNames.UiState),{subscribeAndRun:r}=e.registry.get(o.CoreExportNames.Utils).State,n=t(e,!1);e.effects.events.subscribe(e,a.seekbarContainer,"mousedown",m(n)),r(e,n,b(n))}t.setupSeekBar=g},88575:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.injectStyles=void 0;const a="\n.bmpx-ui-container {\n  position: relative;\n  width: 100%;\n  background: #000;\n  overflow: hidden;\n}\n\n.bmpx-ui-container video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n}\n\n.bmpx-ui-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  transition: opacity 0.3s ease;\n}\n\n.bmpx-ui-overlay.bmpx-ui-hidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.bmpx-ui-play-pause {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: 50%;\n  cursor: pointer;\n  user-select: none;\n  color: #fff;\n  font-size: 24px;\n  transition: background 0.2s ease;\n}\n\n.bmpx-ui-play-pause:hover {\n  background: rgba(0, 0, 0, 0.7);\n}\n\n.bmpx-ui-bottom-bar {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  gap: 10px;\n  background: rgba(0, 0, 0, 0.7);\n}\n\n.bmpx-ui-current-time,\n.bmpx-ui-duration {\n  color: #fff;\n  font-family: monospace;\n  font-size: 13px;\n  min-width: 40px;\n  text-align: center;\n  user-select: none;\n}\n\n.bmpx-ui-seekbar-container {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  height: 20px;\n  cursor: pointer;\n}\n\n.bmpx-ui-seekbar-container.bmpx-ui-seekbar-disabled {\n  cursor: default;\n  pointer-events: none;\n}\n\n.bmpx-ui-seekbar-track {\n  position: relative;\n  width: 100%;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 2px;\n}\n\n.bmpx-ui-seekbar-container:hover .bmpx-ui-seekbar-track {\n  height: 6px;\n}\n\n.bmpx-ui-seekbar-progress {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  background: #fff;\n  border-radius: 2px;\n  pointer-events: none;\n}\n\n.bmpx-ui-seekbar-thumb {\n  position: absolute;\n  top: 50%;\n  width: 12px;\n  height: 12px;\n  background: #fff;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.1s ease;\n}\n\n.bmpx-ui-seekbar-container:hover .bmpx-ui-seekbar-thumb {\n  opacity: 1;\n}\n\n.bmpx-ui-seekbar-disabled .bmpx-ui-seekbar-thumb {\n  opacity: 0 !important;\n}\n\n.bmpx-ui-volume-container {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100px;\n  height: 20px;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.bmpx-ui-volume-icon {\n  font-size: 14px;\n  line-height: 1;\n  user-select: none;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.bmpx-ui-volume-track {\n  position: relative;\n  flex: 1;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 2px;\n}\n\n.bmpx-ui-volume-container:hover .bmpx-ui-volume-track {\n  height: 6px;\n}\n\n.bmpx-ui-volume-progress {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background: #fff;\n  border-radius: 2px;\n  pointer-events: none;\n}\n\n.bmpx-ui-volume-thumb {\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  width: 12px;\n  height: 12px;\n  background: #fff;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.1s ease;\n}\n\n.bmpx-ui-volume-container:hover .bmpx-ui-volume-thumb {\n  opacity: 1;\n}\n\n.bmpx-ui-ad-marker {\n  position: absolute;\n  top: 0;\n  width: 4px;\n  height: 100%;\n  background: #ffc107;\n  border-radius: 1px;\n  transform: translateX(-50%);\n  pointer-events: none;\n}\n\n.bmpx-ui-skip-button {\n  position: absolute;\n  bottom: 60px;\n  right: 12px;\n  padding: 8px 16px;\n  background: rgba(0, 0, 0, 0.7);\n  color: #fff;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  font-size: 14px;\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s ease;\n  font-family: sans-serif;\n}\n\n.bmpx-ui-skip-button:hover:not(.bmpx-ui-skip-disabled) {\n  background: rgba(0, 0, 0, 0.9);\n}\n\n.bmpx-ui-skip-disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.bmpx-ui-click-through {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n\n.bmpx-ui-ad-badge {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  padding: 4px 10px;\n  background: rgba(0, 0, 0, 0.7);\n  color: #ffc107;\n  font-family: sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n  border-radius: 3px;\n  user-select: none;\n  pointer-events: none;\n}\n";let r=!1;function o(){if(r)return;r=!0;const e=document.createElement("style");e.textContent=a,document.head.appendChild(e)}t.injectStyles=o},53128:(e,t)=>{function a(e){if(!Number.isFinite(e)||e<0)return"0:00";const t=Math.floor(e),a=Math.floor(t/3600),r=Math.floor(t%3600/60),o=t%60;return a>0?`${a}:${String(r).padStart(2,"0")}:${String(o).padStart(2,"0")}`:`${r}:${String(o).padStart(2,"0")}`}function r(e,t){const r=a(t);e.textContent!==r&&(e.textContent=r)}Object.defineProperty(t,"__esModule",{value:!0}),t.updateTimeDisplay=void 0,t.updateTimeDisplay=r},65240:(e,t)=>{function a(e,t){const a=document.createElement(e);return a.className=t,a}function r(){const e=a("div","bmpx-ui-overlay"),t=a("div","bmpx-ui-play-pause"),r=a("div","bmpx-ui-bottom-bar"),o=a("span","bmpx-ui-current-time");o.textContent="0:00";const n=a("div","bmpx-ui-seekbar-container"),s=a("div","bmpx-ui-seekbar-track"),i=a("div","bmpx-ui-seekbar-progress"),u=a("div","bmpx-ui-seekbar-thumb"),c=a("span","bmpx-ui-duration");c.textContent="0:00";const p=a("div","bmpx-ui-volume-container"),l=a("span","bmpx-ui-volume-icon");l.textContent="🔊";const d=a("div","bmpx-ui-volume-track"),m=a("div","bmpx-ui-volume-progress"),b=a("div","bmpx-ui-volume-thumb");return s.appendChild(i),s.appendChild(u),n.appendChild(s),d.appendChild(m),d.appendChild(b),p.appendChild(d),r.appendChild(o),r.appendChild(n),r.appendChild(c),r.appendChild(l),r.appendChild(p),e.appendChild(t),e.appendChild(r),{overlay:e,playPauseButton:t,bottomBar:r,currentTimeLabel:o,durationLabel:c,seekbarContainer:n,seekbarTrack:s,seekbarProgress:i,seekbarThumb:u,volumeContainer:p,volumeIcon:l,volumeTrack:d,volumeProgress:m,volumeThumb:b}}Object.defineProperty(t,"__esModule",{value:!0}),t.createUiElements=void 0,t.createUiElements=r},81622:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setupVolumeSlider=t.updateVolumeIcon=t.updateVolumeProgress=void 0;const r=a(91270),o=a(14809),n=a(17031),s=a(89523);function i(e){return e instanceof MouseEvent}function u(e,t,a){const r=100*Math.max(0,Math.min(1,a))+"%";e.style.width=r,t.style.left=r}function c(e,t){const a=t.getBoundingClientRect();return Math.max(0,Math.min(1,(e.clientX-a.left)/a.width))}function p(e,t,a){const r=c(e,t.volumeTrack),o=a.registry.get(n.TargetVolumeState);u(t.volumeProgress,t.volumeThumb,r),a.effects.state.dispatch(o.volume.setValue,r)}function l(e,t){e.textContent=t?"🔇":"🔊"}t.updateVolumeProgress=u,t.updateVolumeIcon=l;const d=(0,r.createTask)("volume-icon-click",((e,t)=>{e.preventDefault(),e.stopPropagation();const a=t.registry.get(n.TargetVolumeState),r=!a.muted.value;t.effects.state.dispatch(a.muted.setValue,r)})),m=(0,r.createTask)("volume-mousemove",((e,t)=>{i(e)&&p(e,t.registry.get(s.UiExportNames.UiState),t)})),b=(0,r.createTaskClosure)((e=>["volume-mouseup",(t,a)=>{i(t)&&(p(t,a.registry.get(s.UiExportNames.UiState),a),a.effects.state.dispatch(e.setValue,!1))}])),g=(0,r.createTaskClosure)((e=>["volume-mousedown",(t,a)=>{i(t)&&(t.preventDefault(),t.stopPropagation(),p(t,a.registry.get(s.UiExportNames.UiState),a),a.effects.state.dispatch(e.setValue,!0))}])),f=(0,r.createTaskClosure)((e=>["volume-drag-active",(t,a)=>{if(!e.value)return;const{events:r,loop:o}=a.effects;return r.subscribe(a,document,"mousemove",m),r.subscribe(a,document,"mouseup",b(e)),o(a.abortSignal)}]));function x(e){const{createPrimitiveAtom:t}=e.registry.get(o.CoreExportNames.CoreStateAtoms),a=e.registry.get(s.UiExportNames.UiState),{subscribeAndRun:r}=e.registry.get(o.CoreExportNames.Utils).State,n=t(e,!1);e.effects.events.subscribe(e,a.volumeIcon,"click",d),e.effects.events.subscribe(e,a.volumeContainer,"mousedown",g(n)),r(e,n,f(n))}t.setupVolumeSlider=x}},t={};function a(r){var o=t[r];if(void 0!==o)return o.exports;var n=t[r]={exports:{}};return e[r](n,n.exports,a),n.exports}return a(14832)})()));

package/packages/playerx-video-element-controller.package.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from '../types/packages/media-state/controllers/video-element/VideoElementController.package';

package/packages/playerx-video-element-controller.package.js ADDED Viewed

@@ -0,0 +1,10 @@
+/*******************************************************************************
+ * This source code is the proprietary property of Bitmovin, Inc. Unauthorized
+ * copying, distribution, or use of this code, or any portion thereof, is
+ * strictly prohibited. © 2026 Bitmovin, Inc. All rights reserved. This
+ * source code is subject to the terms and conditions of the accompanying
+ * license agreement.
+ *
+ * Bitmovin Player X Version 10.2.0-beta.14
+ *******************************************************************************/
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["video-element-controller"]=t():(e.bitmovin=e.bitmovin||{},e.bitmovin.playerx=e.bitmovin.playerx||{},e.bitmovin.playerx["video-element-controller"]=t())}(self,(()=>(()=>{"use strict";var e={97085:(e,t)=>{function a(e,t,a){const r=t;return r._name=e,{onAdd:r,dependencies:a}}Object.defineProperty(t,"__esModule",{value:!0}),t.createPackage=void 0,t.createPackage=a},91270:(e,t)=>{function a(e,t){const a=t;return a._name=e,a}function r(e){return(...t)=>{const[r,i]=e(...t);return a(r,i)}}function i(e){var t;return null!==(t=e._name)&&void 0!==t?t:e.name}Object.defineProperty(t,"__esModule",{value:!0}),t.getTaskName=t.createTaskClosure=t.createTask=void 0,t.createTask=a,t.createTaskClosure=r,t.getTaskName=i},14809:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CoreExportNames=void 0,function(e){e.Utils="utils",e.Constants="constants",e.CoreEffects="core-effects",e.CoreStateAtoms="core-state-atoms"}(t.CoreExportNames||(t.CoreExportNames={}))},23858:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MediaStateExportNames=void 0,function(e){e.MediaStateAtom="media-state-atom",e.MediaState="media-state",e.MediaInfo="media-info",e.MediaStateTransitionType="media-state-transition-type",e.SeekRestriction="seek-restriction"}(t.MediaStateExportNames||(t.MediaStateExportNames={}))},68601:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.VideoElementControllerPackage=void 0;const r=a(97085),i=a(14809),o=a(36921),s=a(17031),n=a(7269),c=a(23858),d=a(5490),u=a(55536),l=a(19137),p=a(78991),m=a(38617),g=a(75133);t.VideoElementControllerPackage=(0,r.createPackage)("video-element-controller-package",((e,t)=>{const{StateEffectFactory:a,EventListenerEffectFactory:r}=t.registry.get(i.CoreExportNames.CoreEffects),o=t.using(a,r),{subscribeAndRun:s}=o.registry.get(i.CoreExportNames.Utils).State,S=o.registry.get(n.SourceExportNames.SourceState),y=o.registry.get(c.MediaStateExportNames.MediaStateAtom);return s(o,S.video,d.ElementSubscriberTask),o.effects.state.subscribe(o,y,u.StateHandlerDispatcherTask),s(o,S.video,p.BridgePlaybackStateVideoElementSubscriber),s(o,S.video,g.BridgeVolumeVideoElementSubscriber),s(o,S.video,l.BridgePlaybackRateVideoElementSubscriber),s(o,S.video,m.SeekRestrictionEnforcerTask),o.effects.loop(o.abortSignal)}),[n.SourceExportNames.SourceState,c.MediaStateExportNames.MediaStateAtom,c.MediaStateExportNames.MediaInfo,c.MediaStateExportNames.SeekRestriction,c.MediaStateExportNames.MediaStateTransitionType,c.MediaStateExportNames.MediaState,o.PlayPauseExportNames.TargetPlaybackState,o.PlayPauseExportNames.TargetPlaybackStateAtom,s.TargetVolumeState,i.CoreExportNames.CoreEffects,i.CoreExportNames.CoreStateAtoms,i.CoreExportNames.Utils]),t.default=t.VideoElementControllerPackage},5490:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ElementSubscriberTask=void 0;const r=a(91270),i=a(23858),o=a(677),s=a(60627),n=a(83322);function c(e){return[["loadstart",void 0],["loadedmetadata",void 0],["play",e.Play],["playing",e.PlaybackPlaying],["canplay",void 0],["canplaythrough",void 0],["pause",e.PlaybackPaused],["seeking",e.SeekStarted],["seeked",void 0],["waiting",e.PlaybackStalled],["ended",e.PlaybackEnded],["error",e.ErrorOccurred],["emptied",void 0],["durationchange",void 0],["volumechange",void 0],["ratechange",void 0],["timeupdate",void 0],["progress",void 0]]}const d=(0,r.createTaskClosure)(((e,t)=>[`media-state:video-event:${null!=t?t:"scalar"}`,(a,r)=>{const s=r.registry.get(i.MediaStateExportNames.MediaStateAtom),c=r.registry.get(i.MediaStateExportNames.MediaInfo);void 0!==t&&r.effects.state.dispatch(s.updateState,(0,o.createMediaStateTransition)(e,t)),(0,n.refreshMediaInfo)(e,c,r)}]));function u(e,t,a,r){e.dispatch(t.updateState,{type:r.Detached,paused:!0,ended:!1,seeking:!1,errored:!1,currentTime:0,duration:void 0}),e.dispatch(a.currentTime.setValue,void 0),e.dispatch(a.duration.setValue,void 0),e.dispatch(a.volume.setValue,void 0),e.dispatch(a.muted.setValue,void 0),e.dispatch(a.playbackRate.setValue,void 0),e.dispatch(a.error.setValue,void 0)}t.ElementSubscriberTask=(0,r.createTask)("media-state:video-element-subscriber",((e,t)=>{const{events:a,state:r}=t.effects,o=t.registry.get(i.MediaStateExportNames.MediaStateAtom),l=t.registry.get(i.MediaStateExportNames.MediaInfo),p=t.registry.get(i.MediaStateExportNames.MediaStateTransitionType),m=e.element;if(void 0===m)return void u(r,o,l,p);const g=(0,s.decideInitialTransition)(t,m);void 0!==g&&r.dispatch(o.updateState,g),(0,n.refreshMediaInfo)(m,l,t);for(const[e,r]of c(p))a.subscribe(t,m,e,d(m,r));return t.effects.loop(t.abortSignal)}))},3996:function(e,t,a){var r=this&&this.__awaiter||function(e,t,a,r){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function s(e){try{c(r.next(e))}catch(e){o(e)}}function n(e){try{c(r.throw(e))}catch(e){o(e)}}function c(e){e.done?a(e.value):i(e.value).then(s,n)}c((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.SeekingHandlerTask=void 0;const i=a(91270),o=a(7269),s=a(23858),n=a(677),c=10;t.SeekingHandlerTask=(0,i.createTask)("media-state:seeking-handler",((e,t)=>{const a=t.registry.get(o.SourceExportNames.SourceState),i=t.registry.get(s.MediaStateExportNames.MediaStateAtom),d=t.registry.get(s.MediaStateExportNames.MediaStateTransitionType),u=a.video.element;if(void 0===u)return;const{events:l,state:p,loop:m,timeout:g}=t.effects;let S=0;return l.subscribe(t,u,"seeking",(()=>{S++})),l.subscribe(t,u,"seeked",(()=>r(void 0,void 0,void 0,(function*(){const e=++S;yield g(t.abortSignal,c),e===S&&p.dispatch(i.updateState,(0,n.createMediaStateTransition)(u,d.SeekFinished))})))),m(t.abortSignal)}))},55536:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.StateHandlerDispatcherTask=void 0;const r=a(91270),i=a(23858),o=a(3996);t.StateHandlerDispatcherTask=(0,r.createTask)("media-state:state-handler-dispatcher",((e,t)=>{const a=t.registry.get(i.MediaStateExportNames.MediaState);e.current===a.Seeking&&t.fork(o.SeekingHandlerTask,void 0)}))},677:(e,t)=>{function a(e,t){return{type:t,paused:e.paused,ended:e.ended,seeking:e.seeking,errored:null!==e.error,currentTime:e.currentTime,duration:e.duration}}Object.defineProperty(t,"__esModule",{value:!0}),t.createMediaStateTransition=void 0,t.createMediaStateTransition=a},60627:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.decideInitialTransition=void 0;const r=a(36921),i=a(23858),o=a(677),s=.5;function n(e){return Number.isFinite(e.duration)&&e.currentTime>=e.duration-s}function c(e,t){const a=e.registry.get(i.MediaStateExportNames.MediaStateTransitionType),s=e.registry.get(r.PlayPauseExportNames.TargetPlaybackStateAtom),c=e.registry.get(r.PlayPauseExportNames.TargetPlaybackState);return null!==t.error?(0,o.createMediaStateTransition)(t,a.ErrorOccurred):t.ended||n(t)?(0,o.createMediaStateTransition)(t,a.PlaybackEnded):t.seeking?(0,o.createMediaStateTransition)(t,a.SeekStarted):t.paused?s.value===c.Playing?(0,o.createMediaStateTransition)(t,a.Play):(0,o.createMediaStateTransition)(t,a.PlaybackPaused):(0,o.createMediaStateTransition)(t,a.PlaybackPlaying)}t.decideInitialTransition=c},83322:(e,t)=>{function a(e,t,a){const{state:i}=a.effects;i.dispatch(t.currentTime.setValue,e.currentTime),i.dispatch(t.duration.setValue,e.duration),i.dispatch(t.volume.setValue,e.volume),i.dispatch(t.muted.setValue,e.muted),i.dispatch(t.playbackRate.setValue,e.playbackRate),i.dispatch(t.error.setValue,e.error?r(e.error):void 0)}function r(e){return new Error(e.message||`MediaError ${e.code}`)}Object.defineProperty(t,"__esModule",{value:!0}),t.refreshMediaInfo=void 0,t.refreshMediaInfo=a},19137:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.BridgePlaybackRateVideoElementSubscriber=void 0;const r=a(91270),i=a(14809),o=a(7269),s=a(23858),n=a(99472),c=a(4417);t.BridgePlaybackRateVideoElementSubscriber=(0,r.createTask)("media-state:bridge-playback-rate-video-element-subscriber",((e,t)=>{if(void 0===e.element)return;const{state:a}=t.effects,{subscribeAndRun:r}=t.registry.get(i.CoreExportNames.Utils).State,d=t.registry.get(o.SourceExportNames.SourceState),u=t.registry.get(s.MediaStateExportNames.MediaInfo);return r(t,d.playback.playbackRate,c.TargetPlaybackRateApplierTask),a.subscribe(t,u.playbackRate,n.SyncTargetPlaybackRateWithMediaInfoTask),t.effects.loop(t.abortSignal)}))},99472:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SyncTargetPlaybackRateWithMediaInfoTask=void 0;const r=a(91270),i=a(7269),o=a(23858);t.SyncTargetPlaybackRateWithMediaInfoTask=(0,r.createTask)("media-state:sync-target-playback-rate-with-media-info",((e,t)=>{const a=t.registry.get(o.MediaStateExportNames.MediaStateAtom),r=t.registry.get(o.MediaStateExportNames.MediaInfo),s=t.registry.get(o.MediaStateExportNames.MediaState),n=r.playbackRate.value;if(a.current===s.Detached||void 0===n)return;const c=t.registry.get(i.SourceExportNames.SourceState);t.effects.state.dispatch(c.playback.playbackRate.setValue,n)}))},4417:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.TargetPlaybackRateApplierTask=void 0;const r=a(91270),i=a(7269);t.TargetPlaybackRateApplierTask=(0,r.createTask)("media-state:apply-target-playback-rate",((e,t)=>{const a=t.registry.get(i.SourceExportNames.SourceState),r=a.video.element,o=a.playback.playbackRate.value;void 0!==r&&void 0!==o&&(r.playbackRate=o)}))},78991:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.BridgePlaybackStateVideoElementSubscriber=void 0;const r=a(91270),i=a(14809),o=a(36921),s=a(23858),n=a(76983),c=a(73683);t.BridgePlaybackStateVideoElementSubscriber=(0,r.createTask)("media-state:bridge-playback-state-video-element-subscriber",((e,t)=>{const a=e.element;if(void 0===a)return;const{state:r,events:d}=t.effects,{subscribeAndRun:u}=t.registry.get(i.CoreExportNames.Utils).State,l=t.registry.get(s.MediaStateExportNames.MediaStateAtom),p=t.registry.get(o.PlayPauseExportNames.TargetPlaybackStateAtom);return u(t,p,c.TargetPlaybackStateApplierTask),r.subscribe(t,l,n.SyncTargetWithMediaStateTask),d.subscribe(t,a,"loadedmetadata",c.TargetPlaybackStateApplierTask),d.subscribe(t,a,"canplay",c.TargetPlaybackStateApplierTask),t.effects.loop(t.abortSignal)}))},76983:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SyncTargetWithMediaStateTask=void 0;const r=a(91270),i=a(36921),o=a(23858);t.SyncTargetWithMediaStateTask=(0,r.createTask)("media-state:sync-target-with-media-state",((e,t)=>{const{state:a}=t.effects,r=t.registry.get(i.PlayPauseExportNames.TargetPlaybackState),s=t.registry.get(i.PlayPauseExportNames.TargetPlaybackStateAtom),n=t.registry.get(o.MediaStateExportNames.MediaState);e.current===n.Playing?a.dispatch(s.setValue,r.Playing):e.current===n.Paused&&a.dispatch(s.setValue,r.Paused)}))},73683:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.TargetPlaybackStateApplierTask=void 0;const r=a(91270),i=a(36921),o=a(7269),s=a(23858),n=a(677);t.TargetPlaybackStateApplierTask=(0,r.createTask)("media-state:apply-target-playback-state",((e,t)=>{const a=t.registry.get(o.SourceExportNames.SourceState),r=t.registry.get(i.PlayPauseExportNames.TargetPlaybackState),c=t.registry.get(i.PlayPauseExportNames.TargetPlaybackStateAtom),d=t.registry.get(s.MediaStateExportNames.MediaStateTransitionType),u=t.registry.get(s.MediaStateExportNames.MediaStateAtom),l=a.video.element;void 0!==l&&(c.value!==r.Paused?l.readyState<HTMLMediaElement.HAVE_METADATA||l.play().catch((e=>{t.effects.logger.log("video.play() rejected:",e),e instanceof DOMException&&"NotAllowedError"===e.name&&(t.effects.state.dispatch(c.setValue,r.Paused),t.effects.state.dispatch(u.updateState,(0,n.createMediaStateTransition)(l,d.PlaybackPaused)))})):l.pause())}))},38617:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SeekRestrictionEnforcerTask=void 0;const r=a(91270),i=a(7269),o=a(23858),s=.3;function n(e,t){const a=e.paused?0:e.playbackRate,r=(performance.now()-t.lastTrackedTimestamp)/1e3,i=t.lastTrackedTime+r*a;return Math.abs(e.currentTime-i)>s}function c(e,t){t.lastTrackedTimestamp=performance.now(),e.currentTime=t.lastTrackedTime}function d(e,t,a){if(!a.seeking)return t.lastTrackedTime=a.currentTime,void(t.lastTrackedTimestamp=performance.now());"seeking"===e&&(t.isSeeking=!0,n(a,t)&&c(a,t))}function u(e,t,a){n(a,t)?c(a,t):"seeked"===e&&(t.isSeeking=!1)}function l(e){e.isSeeking=!1,e.lastTrackedTime=-1}function p(e,t){t.seeking||(e.lastTrackedTime=t.currentTime,e.lastTrackedTimestamp=performance.now())}const m=(0,r.createTaskClosure)(((e,t)=>["seek-restriction-enforcer-handler",(a,r)=>{r.registry.get(o.MediaStateExportNames.SeekRestriction).value?t.lastTrackedTime<0?p(t,e):t.isSeeking?u(a.type,t,e):d(a.type,t,e):l(t)}]));t.SeekRestrictionEnforcerTask=(0,r.createTask)("seek-restriction-enforcer",((e,t)=>{const a=t.registry.get(i.SourceExportNames.SourceState).video.element;if(void 0===a)return;const{abortSignal:r,effects:o}=t,{loop:s,events:n}=o,c={isSeeking:!1,lastTrackedTime:-1,lastTrackedTimestamp:performance.now()},d=m(a,c);return n.subscribe(t,a,"timeupdate",d),n.subscribe(t,a,"seeking",d),n.subscribe(t,a,"seeked",d),s(r)}))},75133:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.BridgeVolumeVideoElementSubscriber=void 0;const r=a(91270),i=a(14809),o=a(17031),s=a(23858),n=a(71816),c=a(6666),d=a(18896),u=a(36783);t.BridgeVolumeVideoElementSubscriber=(0,r.createTask)("media-state:bridge-volume-video-element-subscriber",((e,t)=>{if(void 0===e.element)return;const{state:a}=t.effects,{subscribeAndRun:r}=t.registry.get(i.CoreExportNames.Utils).State,l=t.registry.get(o.TargetVolumeState),p=t.registry.get(s.MediaStateExportNames.MediaInfo);return r(t,l.volume,u.TargetVolumeApplierTask),r(t,l.muted,d.TargetMutedApplierTask),a.subscribe(t,p.volume,c.SyncTargetVolumeWithMediaInfoTask),a.subscribe(t,p.muted,n.SyncTargetMutedWithMediaInfoTask),t.effects.loop(t.abortSignal)}))},71816:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SyncTargetMutedWithMediaInfoTask=void 0;const r=a(91270),i=a(17031),o=a(23858);t.SyncTargetMutedWithMediaInfoTask=(0,r.createTask)("media-state:sync-target-muted-with-media-info",((e,t)=>{const a=t.registry.get(o.MediaStateExportNames.MediaStateAtom),r=t.registry.get(o.MediaStateExportNames.MediaInfo),s=t.registry.get(o.MediaStateExportNames.MediaState),n=r.muted.value;if(a.current===s.Detached||void 0===n)return;const c=t.registry.get(i.TargetVolumeState);t.effects.state.dispatch(c.muted.setValue,n)}))},6666:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SyncTargetVolumeWithMediaInfoTask=void 0;const r=a(91270),i=a(17031),o=a(23858);t.SyncTargetVolumeWithMediaInfoTask=(0,r.createTask)("media-state:sync-target-volume-with-media-info",((e,t)=>{const a=t.registry.get(o.MediaStateExportNames.MediaStateAtom),r=t.registry.get(o.MediaStateExportNames.MediaInfo),s=t.registry.get(o.MediaStateExportNames.MediaState),n=r.volume.value;if(a.current===s.Detached||void 0===n)return;const c=t.registry.get(i.TargetVolumeState);t.effects.state.dispatch(c.volume.setValue,n)}))},18896:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.TargetMutedApplierTask=void 0;const r=a(91270),i=a(17031),o=a(7269);t.TargetMutedApplierTask=(0,r.createTask)("media-state:apply-target-muted",((e,t)=>{const a=t.registry.get(o.SourceExportNames.SourceState),r=t.registry.get(i.TargetVolumeState),s=a.video.element;void 0!==s&&(s.muted=r.muted.value)}))},36783:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.TargetVolumeApplierTask=void 0;const r=a(91270),i=a(17031),o=a(7269);t.TargetVolumeApplierTask=(0,r.createTask)("media-state:apply-target-volume",((e,t)=>{const a=t.registry.get(o.SourceExportNames.SourceState),r=t.registry.get(i.TargetVolumeState),s=a.video.element;void 0!==s&&(s.volume=r.volume.value)}))},36921:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.PlayPauseExportNames=void 0,function(e){e.TargetPlaybackStateAtom="target-playback-state-atom",e.TargetPlaybackState="target-playback-state"}(t.PlayPauseExportNames||(t.PlayPauseExportNames={}))},17031:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.TargetVolumeState=void 0,t.TargetVolumeState="target-volume-state"},7269:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SourceExportNames=void 0,function(e){e.CreateSourceStateAtom="create-source-state-atom",e.CreateSourceReference="create-source-reference",e.SourceReferences="source-references",e.SourceState="source-state-atom"}(t.SourceExportNames||(t.SourceExportNames={}))}},t={};function a(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,a),o.exports}return a(68601)})()));

package/packages/playerx-view-mode.package.js CHANGED Viewed

@@ -5,6 +5,6 @@
  * source code is subject to the terms and conditions of the accompanying
  * license agreement.
  *
- * Bitmovin Player X Version 10.2.0-beta.13
+ * Bitmovin Player X Version 10.2.0-beta.14
  *******************************************************************************/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["view-mode"]=t():(e.bitmovin=e.bitmovin||{},e.bitmovin.playerx=e.bitmovin.playerx||{},e.bitmovin.playerx["view-mode"]=t())}(self,(()=>(()=>{"use strict";var e={97085:(e,t)=>{function o(e,t,o){const r=t;return r._name=e,{onAdd:r,dependencies:o}}Object.defineProperty(t,"__esModule",{value:!0}),t.createPackage=void 0,t.createPackage=o},91270:(e,t)=>{function o(e,t){const o=t;return o._name=e,o}function r(e){return(...t)=>{const[r,n]=e(...t);return o(r,n)}}function n(e){var t;return null!==(t=e._name)&&void 0!==t?t:e.name}Object.defineProperty(t,"__esModule",{value:!0}),t.getTaskName=t.createTaskClosure=t.createTask=void 0,t.createTask=o,t.createTaskClosure=r,t.getTaskName=n},14809:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CoreExportNames=void 0,function(e){e.Utils="utils",e.Constants="constants",e.CoreEffects="core-effects",e.CoreStateAtoms="core-state-atoms"}(t.CoreExportNames||(t.CoreExportNames={}))},7269:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SourceExportNames=void 0,function(e){e.CreateSourceStateAtom="create-source-state-atom",e.CreateSourceReference="create-source-reference",e.SourceReferences="source-references",e.SourceState="source-state-atom"}(t.SourceExportNames||(t.SourceExportNames={}))},21010:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SourcesApiExportNames=t.SourcesApiEvent=void 0,function(e){e.SourceAdded="source-added",e.SourceRemoved="source-removed",e.VideoAttached="video-attached",e.VideoDetached="video-detached",e.SourceError="source-error"}(t.SourcesApiEvent||(t.SourcesApiEvent={})),function(e){e.SourceApiManager="source-api-manager",e.VideoElementUtils="video-element-utils",e.SourceEventBus="source-event-bus",e.SourceApiComponentMap="source-api-component-map",e.SourceRemovedError="source-removed-error"}(t.SourcesApiExportNames||(t.SourcesApiExportNames={}))},71458:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ContainerSubscriberTaskClosure=void 0;const r=o(91270),n=o(6481),c=o(11107);t.ContainerSubscriberTaskClosure=(0,r.createTaskClosure)((e=>{const t=(0,c.ViewModeChangedTaskClosure)(e);return["container-subscriber",(o,r)=>{const c=o.value;return c&&r.effects.events.subscribe(r,c,"fullscreenchange",t),r.effects.state.dispatch(e.setViewMode,(0,n.getViewMode)(r)),r.effects.loop(r.abortSignal)}]}))},24171:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ViewModePackageExportNames=t.ViewMode=void 0,function(e){e[e.Inline=0]="Inline",e[e.Fullscreen=1]="Fullscreen",e[e.PictureInPicture=2]="PictureInPicture"}(t.ViewMode||(t.ViewMode={})),function(e){e.ViewModeState="view-mode-state"}(t.ViewModePackageExportNames||(t.ViewModePackageExportNames={}))},89109:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.VideoSubscriberTaskClosure=void 0;const r=o(91270),n=o(6481),c=o(11107);t.VideoSubscriberTaskClosure=(0,r.createTaskClosure)((e=>{const t=(0,c.ViewModeChangedTaskClosure)(e);return["video-element-subscriber",(o,r)=>{const c=o.element;return c&&(r.effects.events.subscribe(r,c,"enterpictureinpicture",t),r.effects.events.subscribe(r,c,"leavepictureinpicture",t)),r.effects.state.dispatch(e.setViewMode,(0,n.getViewMode)(r)),r.effects.loop(r.abortSignal)}]}))},63666:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createViewModeAtom=void 0;const r=o(24171);function n(e,t){return e.viewMode!==t&&(e.viewMode=t,!0)}function c(e,t=r.ViewMode.Inline){return e.effects.state.create({viewMode:t},{setViewMode:n})}t.createViewModeAtom=c},11107:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ViewModeChangedTaskClosure=void 0;const r=o(91270),n=o(6481);t.ViewModeChangedTaskClosure=(0,r.createTaskClosure)((e=>["view-mode-change",(t,o)=>o.effects.state.dispatch(e.setViewMode,(0,n.getViewMode)(o))]))},6481:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getViewMode=void 0;const r=o(7269),n=o(24171);function c(e){const t=e.registry.get(r.SourceExportNames.SourceState),o=t.container.value,c=t.video.element;return c&&document.pictureInPictureElement===c?n.ViewMode.PictureInPicture:document.fullscreenElement===o||c&&document.fullscreenElement===c?n.ViewMode.Fullscreen:n.ViewMode.Inline}t.getViewMode=c},30937:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getViewModeApi=void 0;const r=o(7269),n=o(82038),c=o(24171);function i(e){var t;return"function"==typeof(null!==(t=e.registry.get(r.SourceExportNames.SourceState).video.element)&&void 0!==t?t:document.createElement("video")).requestPictureInPicture}function s(e){const t=e.registry.get(r.SourceExportNames.SourceState).container.value;return t&&"function"==typeof t.requestFullscreen}function u(e,t){switch(t){case c.ViewMode.Fullscreen:return s(e);case c.ViewMode.PictureInPicture:return i(e);case c.ViewMode.Inline:return!0;default:return!1}}function a(e,t){const o={isAvailable:t=>u(e,t),transitionTo:o=>{(0,n.transitionToViewMode)(e,t,o).catch((()=>{}))}};return Object.defineProperty(o,"currentMode",{get:()=>t.viewMode}),o}t.getViewModeApi=a},82038:function(e,t,o){var r=this&&this.__awaiter||function(e,t,o,r){function n(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,c){function i(e){try{u(r.next(e))}catch(e){c(e)}}function s(e){try{u(r.throw(e))}catch(e){c(e)}}function u(e){e.done?o(e.value):n(e.value).then(i,s)}u((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.transitionToViewMode=void 0;const n=o(7269),c=o(24171);function i(e,{viewMode:t},o){return r(this,void 0,void 0,(function*(){if(t===o)return Promise.resolve();const r=e.registry.get(n.SourceExportNames.SourceState),i=r.container.value,s=r.video.element;try{o===c.ViewMode.Fullscreen&&i?yield i.requestFullscreen():o===c.ViewMode.Inline?(document.fullscreenElement===i&&(yield document.exitFullscreen()),document.pictureInPictureElement===s&&(yield document.exitPictureInPicture())):o===c.ViewMode.PictureInPicture&&s&&(yield s.requestPictureInPicture())}catch(r){e.effects.logger.warn(`Failed to transition to ViewMode (${t} to ${o})`,r)}}))}t.transitionToViewMode=i}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var c=t[r]={exports:{}};return e[r].call(c.exports,c,c.exports,o),c.exports}var r={};return(()=>{var e=r;Object.defineProperty(e,"__esModule",{value:!0});const t=o(97085),n=o(91270),c=o(14809),i=o(7269),s=o(21010),u=o(71458),a=o(6481),d=o(30937),l=o(24171),f=o(89109),p=o(63666),v=()=>{},m=new Error("Execution was aborted due to a state change"),M=e=>e===m,w=(0,t.createPackage)("view-mode-package",((e,t)=>{const{EventListenerEffectFactory:o,StateEffectFactory:r}=t.registry.get(c.CoreExportNames.CoreEffects),n=t.using(r,o),u=(0,p.createViewModeAtom)(n,(0,a.getViewMode)(n)),f=n.registry.get(s.SourcesApiExportNames.SourceApiManager),v=n.registry.get(i.SourceExportNames.SourceState);f.set("viewMode",(0,d.getViewModeApi)(n,u)),n.registry.set(l.ViewModePackageExportNames.ViewModeState,u),S(n,v,u),b(n,v,u)}),[c.CoreExportNames.CoreEffects,i.SourceExportNames.SourceState,s.SourcesApiExportNames.SourceApiManager]);function b(e,t,o){const r=(0,f.VideoSubscriberTaskClosure)(o),c=(0,n.createTask)("video-state-change",((e,t)=>i.abort(m))),i=e.fork(r,t.video,M);i.catch(v),e.effects.state.subscribe(e,t.video,c),e.effects.state.subscribe(e,t.video,r)}function S(e,t,o){const r=(0,u.ContainerSubscriberTaskClosure)(o),c=(0,n.createTask)("container-state-change",((e,t)=>i.abort(m))),i=e.fork(r,t.container,M);i.catch(v),e.effects.state.subscribe(e,t.container,c),e.effects.state.subscribe(e,t.container,r)}e.default=w})(),r})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["view-mode"]=t():(e.bitmovin=e.bitmovin||{},e.bitmovin.playerx=e.bitmovin.playerx||{},e.bitmovin.playerx["view-mode"]=t())}(self,(()=>(()=>{"use strict";var e={97085:(e,t)=>{function o(e,t,o){const r=t;return r._name=e,{onAdd:r,dependencies:o}}Object.defineProperty(t,"__esModule",{value:!0}),t.createPackage=void 0,t.createPackage=o},91270:(e,t)=>{function o(e,t){const o=t;return o._name=e,o}function r(e){return(...t)=>{const[r,n]=e(...t);return o(r,n)}}function n(e){var t;return null!==(t=e._name)&&void 0!==t?t:e.name}Object.defineProperty(t,"__esModule",{value:!0}),t.getTaskName=t.createTaskClosure=t.createTask=void 0,t.createTask=o,t.createTaskClosure=r,t.getTaskName=n},14809:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CoreExportNames=void 0,function(e){e.Utils="utils",e.Constants="constants",e.CoreEffects="core-effects",e.CoreStateAtoms="core-state-atoms"}(t.CoreExportNames||(t.CoreExportNames={}))},7269:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SourceExportNames=void 0,function(e){e.CreateSourceStateAtom="create-source-state-atom",e.CreateSourceReference="create-source-reference",e.SourceReferences="source-references",e.SourceState="source-state-atom"}(t.SourceExportNames||(t.SourceExportNames={}))},21010:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SourcesApiExportNames=void 0,function(e){e.SourceApiManager="source-api-manager",e.VideoElementUtils="video-element-utils",e.SourceEventBus="source-event-bus",e.SourceApiComponentMap="source-api-component-map",e.SourceRemovedError="source-removed-error"}(t.SourcesApiExportNames||(t.SourcesApiExportNames={}))},71458:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ContainerSubscriberTaskClosure=void 0;const r=o(91270),n=o(6481),i=o(11107);t.ContainerSubscriberTaskClosure=(0,r.createTaskClosure)((e=>{const t=(0,i.ViewModeChangedTaskClosure)(e);return["container-subscriber",(o,r)=>{const i=o.value;return i&&r.effects.events.subscribe(r,i,"fullscreenchange",t),r.effects.state.dispatch(e.setViewMode,(0,n.getViewMode)(r)),r.effects.loop(r.abortSignal)}]}))},24171:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ViewModePackageExportNames=void 0,function(e){e.ViewModeState="view-mode-state",e.ViewMode="view-mode"}(t.ViewModePackageExportNames||(t.ViewModePackageExportNames={}))},89109:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.VideoSubscriberTaskClosure=void 0;const r=o(91270),n=o(6481),i=o(11107);t.VideoSubscriberTaskClosure=(0,r.createTaskClosure)((e=>{const t=(0,i.ViewModeChangedTaskClosure)(e);return["video-element-subscriber",(o,r)=>{const i=o.element;return i&&(r.effects.events.subscribe(r,i,"enterpictureinpicture",t),r.effects.events.subscribe(r,i,"leavepictureinpicture",t)),r.effects.state.dispatch(e.setViewMode,(0,n.getViewMode)(r)),r.effects.loop(r.abortSignal)}]}))},99476:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ViewMode=void 0,function(e){e[e.Inline=0]="Inline",e[e.Fullscreen=1]="Fullscreen",e[e.PictureInPicture=2]="PictureInPicture"}(t.ViewMode||(t.ViewMode={}))},63666:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createViewModeAtom=void 0;const r=o(99476);function n(e,t){return e.viewMode!==t&&(e.viewMode=t,!0)}function i(e,t=r.ViewMode.Inline){return e.effects.state.create({viewMode:t},{setViewMode:n})}t.createViewModeAtom=i},11107:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ViewModeChangedTaskClosure=void 0;const r=o(91270),n=o(6481);t.ViewModeChangedTaskClosure=(0,r.createTaskClosure)((e=>["view-mode-change",(t,o)=>o.effects.state.dispatch(e.setViewMode,(0,n.getViewMode)(o))]))},6481:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getViewMode=void 0;const r=o(7269),n=o(99476);function i(e){const t=e.registry.get(r.SourceExportNames.SourceState),o=t.container.value,i=t.video.element;return i&&document.pictureInPictureElement===i?n.ViewMode.PictureInPicture:document.fullscreenElement===o||i&&document.fullscreenElement===i?n.ViewMode.Fullscreen:n.ViewMode.Inline}t.getViewMode=i},30937:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getViewModeApi=void 0;const r=o(7269),n=o(82038),i=o(99476);function c(e){var t;return"function"==typeof(null!==(t=e.registry.get(r.SourceExportNames.SourceState).video.element)&&void 0!==t?t:document.createElement("video")).requestPictureInPicture}function s(e){const t=e.registry.get(r.SourceExportNames.SourceState).container.value;return t&&"function"==typeof t.requestFullscreen}function a(e,t){switch(t){case i.ViewMode.Fullscreen:return s(e);case i.ViewMode.PictureInPicture:return c(e);case i.ViewMode.Inline:return!0;default:return!1}}function u(e,t){const o={isAvailable:t=>a(e,t),transitionTo:o=>{(0,n.transitionToViewMode)(e,t,o).catch((()=>{}))}};return Object.defineProperty(o,"currentMode",{get:()=>t.viewMode}),o}t.getViewModeApi=u},82038:function(e,t,o){var r=this&&this.__awaiter||function(e,t,o,r){function n(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function c(e){try{a(r.next(e))}catch(e){i(e)}}function s(e){try{a(r.throw(e))}catch(e){i(e)}}function a(e){e.done?o(e.value):n(e.value).then(c,s)}a((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.transitionToViewMode=void 0;const n=o(7269),i=o(99476);function c(e,{viewMode:t},o){return r(this,void 0,void 0,(function*(){if(t===o)return Promise.resolve();const r=e.registry.get(n.SourceExportNames.SourceState),c=r.container.value,s=r.video.element;try{o===i.ViewMode.Fullscreen&&c?yield c.requestFullscreen():o===i.ViewMode.Inline?(document.fullscreenElement===c&&(yield document.exitFullscreen()),document.pictureInPictureElement===s&&(yield document.exitPictureInPicture())):o===i.ViewMode.PictureInPicture&&s&&(yield s.requestPictureInPicture())}catch(r){e.effects.logger.warn(`Failed to transition to ViewMode (${t} to ${o})`,r)}}))}t.transitionToViewMode=c}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,o),i.exports}var r={};return(()=>{var e=r;Object.defineProperty(e,"__esModule",{value:!0});const t=o(97085),n=o(91270),i=o(14809),c=o(7269),s=o(21010),a=o(71458),u=o(6481),d=o(30937),l=o(24171),f=o(89109),p=o(99476),v=o(63666),m=()=>{},M=new Error("Execution was aborted due to a state change"),w=e=>e===M,b=(0,t.createPackage)("view-mode-package",((e,t)=>{const{EventListenerEffectFactory:o,StateEffectFactory:r}=t.registry.get(i.CoreExportNames.CoreEffects),n=t.using(r,o),a=(0,v.createViewModeAtom)(n,(0,u.getViewMode)(n)),f=n.registry.get(s.SourcesApiExportNames.SourceApiManager),m=n.registry.get(c.SourceExportNames.SourceState);f.set("viewMode",(0,d.getViewModeApi)(n,a)),n.registry.set(l.ViewModePackageExportNames.ViewModeState,a),n.registry.set(l.ViewModePackageExportNames.ViewMode,p.ViewMode),V(n,m,a),g(n,m,a)}),[i.CoreExportNames.CoreEffects,c.SourceExportNames.SourceState,s.SourcesApiExportNames.SourceApiManager]);function g(e,t,o){const r=(0,f.VideoSubscriberTaskClosure)(o),i=(0,n.createTask)("video-state-change",((e,t)=>c.abort(M))),c=e.fork(r,t.video,w);c.catch(m),e.effects.state.subscribe(e,t.video,i),e.effects.state.subscribe(e,t.video,r)}function V(e,t,o){const r=(0,a.ContainerSubscriberTaskClosure)(o),i=(0,n.createTask)("container-state-change",((e,t)=>c.abort(M))),c=e.fork(r,t.container,w);c.catch(m),e.effects.state.subscribe(e,t.container,i),e.effects.state.subscribe(e,t.container,r)}e.default=b})(),r})()));

package/packages/playerx-web-vtt.package.js CHANGED Viewed

@@ -5,6 +5,6 @@
  * source code is subject to the terms and conditions of the accompanying
  * license agreement.
  *
- * Bitmovin Player X Version 10.2.0-beta.13
+ * Bitmovin Player X Version 10.2.0-beta.14
  *******************************************************************************/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["web-vtt"]=t():(e.bitmovin=e.bitmovin||{},e.bitmovin.playerx=e.bitmovin.playerx||{},e.bitmovin.playerx["web-vtt"]=t())}(self,(()=>(()=>{var e={33576:e=>{!function(t,r){e.exports=r()}(self,(()=>(()=>{"use strict";var e={61:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttParser=void 0;var i=r(266);function a(e,t,r){return(t?o(t,"cue-past"):"")+e+(r?o(r,"cue-future"):"")}function o(e,t){return"<c.".concat(t,">").concat(e,"</c>")}t.WebVttParser={parse:function(e,t){void 0===t&&(t=0);var r=(e=e.replace(/\r\n/gm,"\n")).split(/\n{2,}|^[WEBVTT\n+]?X-TIMESTAMP-MAP=.*\n+|^WEBVTT\n+/m).filter((function(e){return null!=e&&""!==e})).map((function(e){return e.split("\n")})),o=function(e){var t=/X-TIMESTAMP-MAP=(.*)\n/.exec(e);if(null==(null==t?void 0:t[1]))return 0;var r=t[0],n=/LOCAL:((?:(\d{1,}):)?(\d{2}):(\d{2})\.(\d{3}))/m.exec(r),a=/MPEGTS:(\d+)/m.exec(r),o=0;if(null==n?void 0:n[1]){var s=i.parseTime(n[1]);null!=s&&(o=s)}var u=0;return null!=a&&(u=Number(a[1])),u/9e4-o}(e),s=function(e){for(var t=[],r=[],n=0,a=e;n<a.length;n++){var o=a[n],s=o[0];/^STYLE/.test(s.trim())&&r.push.apply(r,i.parseStyles(o)),/^region:?/i.test(s.trim())&&t.push.apply(t,i.parseRegions(o))}return{regions:t,styles:r}}(r);return function(e,t,r){var o=[],s=0,u=t.regions,c=function(e){var t={},r=[];return e.forEach((function(e){null==e.identifier&&(t=n(n({},t),e.style));var i=r.findIndex((function(t){return t.identifier===e.identifier}));-1!==i?r[i]={identifier:e.identifier,style:n(n({},r[i].style),e.style)}:r.push(e)})),i.getPlaceholderVttStyleProperties().forEach((function(e){r.find((function(t){return t.identifier===e.identifier}))||r.push(e)})),{globalStyle:t,contentStyles:r}}(t.styles),l=c.globalStyle,f=c.contentStyles;return e.filter((function(e){return t=e[0],r=/^NOTE/.test(t),n=/^STYLE/.test(t),i=/^region:?/i.test(t),!r&&!n&&!i;var t,r,n,i})).forEach((function(e){var t=void 0;e[0].includes("--\x3e")||(t=e[0].trim(),e.splice(0,1));var c,p=function(e,t){var r=Number(e);return null==e||isNaN(r)?t+1:r}(t,s);if(s=p,null!=(c=e[0])&&""!==c&&c.includes("--\x3e")){var d=i.parseOptions(e[0],u);d.id=t;var v=function(e,t,r){var n=/(<\d+:\d{2}:\d{2}[.,]\d{3}>)/g,o=[],s=function(e){var t=e[0].split(/[ \t]+-->[ \t]+/);return{start:i.parseTime(t[0]),end:i.parseTime(t[1])}}(e),u=s.start,c=s.end;if(null!==u&&null!==c){for(var l,f=function(e){return e.slice(1).join("\n").trim()}(e),p=f.split(n),d="",v=f.replace(n,""),m=u;p.length>0;){var b=p.shift(),g=p.shift(),y=g?i.parseTime(g):c,h=null!=y?y:c;if(m!==h){var S=a(b,d,v=v.substring(b.length));d+=b;var x=i.parseContents(S,r,t,(l=void 0,l="ReactNative"===window.navigator.product,!(window&&window.document&&"function"==typeof window.document.createElement)||l));o.push({updateTime:m,html:x}),m=h}}var P=o.shift();if(P)return{start:u,end:c,html:P.html,subCues:o}}}(e,f,r.base);if(void 0!==v){var m=function(e,t,r){var i=e.filter((function(e){return e.identifier==="#"+r})).reduce((function(e,t){return n(n({},e),t.style)}),{});return n(n({},t),i)}(f,l,t),b=function(e,t,r,a,o){var s,u,c={i:t,start:e.start+a.base,end:e.end+a.base,text:(null===(s=e.html)||void 0===s?void 0:s.textContent)||(null===(u=e.html)||void 0===u?void 0:u.innerText)||"",html:i.stringifyCueHtml(e.html),vtt:n({},o),updates:e.subCues.map((function(e){return{updateTime:e.updateTime+a.base,html:i.stringifyCueHtml(e.html)}}))},l=i.stringifyCssProperties(r);return 0!==a.vtt&&(c.offset=a.vtt),l&&(c.layout=l),c}(v,p,m,r,d);o.push(b)}}})),o}(r,s,{vtt:o,base:t})}},t.default=t.WebVttParser},156:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttParser=void 0;var n=r(505),i=r(61);t.WebVttParser={parse:i.WebVttParser.parse,extractVttProperties:n.extractVttProperties},t.default=t.WebVttParser},853:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,i=0,a=t.length;i<a;i++)!n&&i in t||(n||(n=Array.prototype.slice.call(t,0,i)),n[i]=t[i]);return e.concat(n||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0}),t.parseContents=function(e,t,r,n){var i=function(e){var t;if(e){var r=(a||(a=new DOMParser),a).parseFromString("<span></span>","text/html");return(null===(t=r.body)||void 0===t?void 0:t.firstChild)||r.firstChild}return document.createElement("span")}(n);return v({input:e,root:i,current:i,tagStack:[],offset:t,styles:r})};var a,o=r(839),s=r(505),u={"&amp;":"&","&lt;":"<","&gt;":">","&lrm;":"‎","&rlm;":"‏","&nbsp;":" "},c={c:"span",i:"i",b:"b",u:"u",ruby:"ruby",rt:"rt",v:"span",lang:"span"},l={v:"title",lang:"lang"},f={rt:"ruby"},p={"cue-future":":future","cue-past":":past"},d=2;function v(e){var t=function(e){if(!e)return null;var t=/^([^<]*)(<[^>]+>?)?/.exec(e);if(!t)return null;var r=t[1],n=t[2];return r||n}(e.input);return null==t?e.root:(e.input=e.input.substring(t.length),function(e,t){if("<"!==e[0]){var r=t.current.ownerDocument.createTextNode((a=e,Object.keys(u).forEach((function(e){a=a.replace(new RegExp(e,"g"),u[e])})),a));return t.current.appendChild(r),v(t)}var a,m,b;if("/"===e[1])return m=e,(b=t.tagStack).length>0&&b[b.length-1]===m.substring(d).replace(">","")&&(t.tagStack.pop(),t.current=t.current.parentNode),v(t);var g=(0,s.parseTime)(e.substring(1,e.length-1));if(null!=g){var y=t.current.ownerDocument.createComment("time: ".concat(g+t.offset));return t.current.appendChild(y),v(t)}var h=/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/.exec(e);if(!h)return v(t);var S,x,P=h[0],N=h[1],C=h[2],T=h[3],E=function(e,t,r){var n=c[e];if(!n)return null;var i=r.createElement(n),a=l[e];return a&&t&&(i[a]=t.trim()),i}(N,T,t.current.ownerDocument);return E?(S=t.current,f[(x=E).localName]&&f[x.localName]!==S.localName||(function(e,t,r){var a=function(e,t){var r,a,u,c,l;e=i(i([],e,!0),o.webVttDefaultClassStyles,!0);var f="",d="",v={};if(t.type&&"v"!==t.type&&(v=null!==(a=null===(r=e.find((function(e){return e.identifier===t.type})))||void 0===r?void 0:r.style)&&void 0!==a?a:v),t.contents){var m=t.contents.substring(1).split(".").map((function(e){return p[e]||".".concat(e)})),b=[];m.forEach((function(t){var r,n=null===(r=e.find((function(e){return e.identifier===t})))||void 0===r?void 0:r.style;n&&b.push(n)})),v=b.reduce((function(e,t){return n(n({},e),t)}),{}),f=t.contents.split(".").join(" ").trim()}return"v"===t.type&&t.annotation&&(d=t.annotation.substring(1),v=null!==(c=null===(u=e.find((function(e){return e.identifier==="".concat(t.type,'[voice="').concat(d,'"]')})))||void 0===u?void 0:u.style)&&void 0!==c?c:v),{className:f,title:d,styleString:null!==(l=(0,s.stringifyCssProperties)(v))&&void 0!==l?l:""}}(t,r),u=a.className,c=a.title,l=a.styleString;c&&(e.title=c),u&&(e.className=u),l&&e.setAttribute("style",l)}(E,t.styles,{type:N,contents:C,annotation:T}),t.tagStack.push(P[1]),t.current.appendChild(E),t.current=E),v(t)):v(t)}(t,e))}},839:function(e,t){var r=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,i=0,a=t.length;i<a;i++)!n&&i in t||(n||(n=Array.prototype.slice.call(t,0,i)),n[i]=t[i]);return e.concat(n||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0}),t.webVttDefaultClassStyles=void 0;var n=["white","lime","cyan","red","yellow","magenta","blue","black"];t.webVttDefaultClassStyles=r(r([],n.map((function(e){return{identifier:".".concat(e),style:{color:e}}})),!0),n.map((function(e){return{identifier:".bg_".concat(e),style:{background:e}}})),!0)},499:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseOptions=function(e,t){var r=e.split(/\s/),n=(0,i.getDefaultVttProperties)();return r.forEach((function(e){a(e.split(":"),t,n)})),function(e){var t=(0,i.getDefaultVttProperties)();null!=e.region&&(e.vertical!==t.vertical||e.size!==t.size||e.line!==t.line)&&delete e.region}(n),n},t.setOptionProperty=a;var n=r(358),i=r(505);function a(e,t,r){var a=e[0],s=e[1];switch(a){case"region":!function(e,t,r){var n=t.find((function(t){return t.id===e}));null!=n&&(r.region=n)}(s,t,r);break;case"vertical":!function(e,t){var r=(0,i.ensureArray)(/^(lr|rl)$/.exec(e))[1];null!=r&&(t.vertical=r)}(s,r);break;case"align":!function(e,t){var r=(0,i.ensureArray)(/^(start|middle|center|end|left|right)$/.exec(e))[1];null!=r&&(t.align=r),t.positionAlign=o(void 0,t)}(s,r);break;case"size":!function(e,t){var r=(0,i.ensureArray)(/^([\d.]+)%$/.exec(e))[1];null!=r&&(t.size=Number(r))}(s,r);break;case"position":!function(e,t){var r=(0,i.ensureArray)(/^([\d.]+|auto)%?(?:,(line-left|line-right|center))?$/.exec(e)),n=r[1],a=r[2];"auto"===n?t.position="auto":void 0!==n&&(t.position=Number(n)),t.positionAlign=o(a,t)}(s,r);break;case"line":!function(e,t){var r=(0,i.ensureArray)(/^(-?[\d.]+|auto)(%)?(?:,(start|end|center|auto))?$/.exec(e)),a=r[1],o=r[2],s=r[3],u="%"===o;"auto"===a?t.line="auto":u?t.line="".concat(a,"%"):null!=e&&(t.line=Number(a)),null!=s&&(t.lineAlign=s),t.snapToLines=(0,n.isNumber)(t.line)}(s,r)}}function o(e,t){if(null!=e)return e;switch(t.align){case"start":case"left":return"line-left";case"end":case"right":return"line-right";default:return"center"}}},505:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getDefaultVttProperties=function(){return{vertical:"",align:"center",size:100,line:"auto",lineAlign:"start",position:"auto",positionAlign:"center",snapToLines:!1}},t.extractVttProperties=function(e){var t={vertical:"",align:"center",size:100,line:"auto",lineAlign:"start",position:"auto",positionAlign:"center",snapToLines:!1},r={id:null,width:100,lines:3,regionAnchorX:0,regionAnchorY:100,viewportAnchorX:0,viewportAnchorY:100,scroll:""};return Object.keys(t).forEach((function(a){return(0,i.setOptionProperty)(function(e,t,r){var i=[e,t[e]?"".concat(t[e]):r[e]],a="line"===e;return("position"===e&&(0,n.isNumber)(t[e])||a&&!1===t.snapToLines)&&(i[1]+="%"),i}(a,e,t),[r],t)})),t},t.getDefaultVttRegionProperties=function(){return{id:null,width:100,lines:3,regionAnchorX:0,regionAnchorY:100,viewportAnchorX:0,viewportAnchorY:100,scroll:""}},t.parseTime=function(e){var t=/(?:(\d{1,}):)?(\d{2}):(\d{2})[.,](\d{3})/g.exec(e);if(null==t)return null;var r=t[1],n=t[2],i=t[3],a=t[4];return Number(a)/1e3+Number(i)+60*Number(n)+3600*(Number(r)||0)},t.ensureArray=function(e){return Array.isArray(e)?e:[]},t.stringifyCssProperties=function(e){return e?Object.entries(e).map((function(e){return"".concat(e[0],":").concat(e[1],";")})).join(""):null},t.stringifyCueHtml=function(e){return function(e){return e.replace(/(\r\n|\r|\n)/g,"<br />")}((null==e?void 0:e.outerHTML)||"")};var n=r(358),i=r(499)},627:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseRegions=function(e){for(var t=[],r=0,n=e;r<n.length;r++){var o=n[r];if(o=o.trim(),/^REGION$/i.test(o)){t.push(a(e.slice(1),":"));break}/^Region:/i.test(o)&&t.push(i(o))}return t};var n=r(505);function i(e){return a(e.split(/[ \t]+/).slice(1),"=")}function a(e,t){var r=(0,n.getDefaultVttRegionProperties)();return e.forEach((function(e){!function(e,t){var r=e[0],i=e[1];switch(r){case"id":!function(e,t){null!=e&&(t.id=e)}(i,t);break;case"width":!function(e,t){var r=(0,n.ensureArray)(/^(\d{1,2}|100)%$/.exec(e))[1];null!=r&&(t.width=Number(r))}(i,t);break;case"lines":!function(e,t){var r=(0,n.ensureArray)(/^(\d+)$/.exec(e))[1];null!=r&&(t.lines=Number(r))}(i,t);break;case"regionanchor":!function(e,t){var r=(0,n.ensureArray)(/^(\d{1,2}|100)%,(\d{1,2}|100)%$/.exec(e)),i=r[1],a=r[2];null!=i&&(t.regionAnchorX=Number(i)),null!=a&&(t.regionAnchorY=Number(a))}(i,t);break;case"viewportanchor":!function(e,t){var r=(0,n.ensureArray)(/^(\d{1,2}|100)%,(\d{1,2}|100)%$/.exec(e)),i=r[1],a=r[2];null!=i&&(t.viewportAnchorX=Number(i)),null!=a&&(t.viewportAnchorY=Number(a))}(i,t);break;case"scroll":!function(e,t){var r=(0,n.ensureArray)(/^(up)$/.exec(e))[1];null!=r&&(t.scroll=r)}(i,t)}}(e.split(t),r)})),r}},393:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseStyles=function(e){var t=[],r=/::cue(\((.+)\))?(?= |{)/,n=/([a-zA-Z0-9-]+):(.+?(?=;|}|$))/g,i=r.exec(e[1]);if(!i)return t;for(var a=1;a<e.length;a++){for(var o=r.exec(e[a]),s=null!==o,u=(i=s?o:i)[2],c={},l=n.exec(e[a]);null!==l;){var f=l[1],p=l[2];c[f]=p.trim(),l=n.exec(e[a])}(s||Object.keys(c).length>0)&&t.push({identifier:u,style:c})}return t},t.getPlaceholderVttStyleProperties=function(){return[{identifier:":future",style:{visibility:"hidden"}}]}},266:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),i=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||n(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),i(r(853),t),i(r(499),t),i(r(505),t),i(r(627),t),i(r(393),t)},358:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isNumber=void 0,t.isNumber=function(e){return"number"==typeof e}}},t={};return function r(n){var i=t[n];if(void 0!==i)return i.exports;var a=t[n]={exports:{}};return e[n].call(a.exports,a,a.exports,r),a.exports}(156)})()))},97085:(e,t)=>{"use strict";function r(e,t,r){const n=t;return n._name=e,{onAdd:n,dependencies:r}}Object.defineProperty(t,"__esModule",{value:!0}),t.createPackage=void 0,t.createPackage=r},91270:(e,t)=>{"use strict";function r(e,t){const r=t;return r._name=e,r}function n(e){return(...t)=>{const[n,i]=e(...t);return r(n,i)}}function i(e){var t;return null!==(t=e._name)&&void 0!==t?t:e.name}Object.defineProperty(t,"__esModule",{value:!0}),t.getTaskName=t.createTaskClosure=t.createTask=void 0,t.createTask=r,t.createTaskClosure=n,t.getTaskName=i},14809:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CoreExportNames=void 0,function(e){e.Utils="utils",e.Constants="constants",e.CoreEffects="core-effects",e.CoreStateAtoms="core-state-atoms"}(t.CoreExportNames||(t.CoreExportNames={}))},1146:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DataExportNames=void 0,function(e){e.StreamTimeline="stream-timeline"}(t.DataExportNames||(t.DataExportNames={}))},7269:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SourceExportNames=void 0,function(e){e.CreateSourceStateAtom="create-source-state-atom",e.CreateSourceReference="create-source-reference",e.SourceReferences="source-references",e.SourceState="source-state-atom"}(t.SourceExportNames||(t.SourceExportNames={}))},27134:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.StreamDataStructureSelectionGroups=void 0,t.StreamDataStructureSelectionGroups="stream-data-structure-selection-groups"},62411:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SubtitleBaseExportNames=void 0,function(e){e.SubtitleCueMapAtom="subtitle-cue-map-atom",e.CreateSubtitleCueAtom="create-subtitle-cue-map-atom",e.SubtitleBufferClearingTask="subtitle-buffer-clearing-task"}(t.SubtitleBaseExportNames||(t.SubtitleBaseExportNames={}))},91043:function(e,t,r){"use strict";var n=this&&this.__awaiter||function(e,t,r,n){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function o(e){try{u(n.next(e))}catch(e){a(e)}}function s(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){e.done?r(e.value):i(e.value).then(o,s)}u((n=n.apply(e,t||[])).next())}))},i=this&&this.__asyncValues||function(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e="function"==typeof __values?__values(e):e[Symbol.iterator](),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,a){i(n,a,(t=e[r](t)).done,t.value)}))}}function i(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)}};Object.defineProperty(t,"__esModule",{value:!0}),t.ParseAndSetSegmentCuesTask=void 0;const a=r(91270),o=r(14809),s=r(62411),u=r(68465);function c(e,t){return 0===e.entries().length?t:t.filter((t=>{const r=e.get(t);for(const e of r)if(e.html===t.html&&e.start===t.start&&e.end===t.end)return!1;return!0}))}t.ParseAndSetSegmentCuesTask=(0,a.createTask)("webvtt-segment-processing",(({segment:e,selectionGroup:t},r)=>n(void 0,void 0,void 0,(function*(){const n=r.registry.get(s.SubtitleBaseExportNames.SubtitleCueMapAtom),i=r.registry.get(u.WebVttExportNames.WebVttParseTask),a=n.get(t);if(!a)throw new Error(`Subtitle cue timeline not found for ${t.mediaId}`);const o=yield r.fork(l,e),f=c(a,yield r.fork(i,o));r.effects.state.dispatch(a.add,...f),r.effects.state.dispatch(n.add,t,a)}))));const l=(0,a.createTask)("get-segment-vtt-data",((e,t)=>n(void 0,void 0,void 0,(function*(){var r,n,a,s;const{merge:u}=t.registry.get(o.CoreExportNames.Utils).TypedArrays,c=[];try{for(var l,f=!0,p=i(e.data);!(r=(l=yield p.next()).done);){s=l.value,f=!1;try{const e=s;c.push(e)}finally{f=!0}}}catch(e){n={error:e}}finally{try{f||r||!(a=p.return)||(yield a.call(p))}finally{if(n)throw n.error}}const d=u(c);return new TextDecoder("UTF-8").decode(d)}))))},53255:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.StreamTimelineSubscribeTask=void 0;const n=r(91270),i=r(14809),a=r(27134),o=r(62411),s=r(91043);t.StreamTimelineSubscribeTask=(0,n.createTask)("stream-timeline-subscribe",((e,t)=>{const{mapSubscribe:r,subscribeAndRun:n}=t.registry.get(i.CoreExportNames.Utils).State;return r(t,e.streamSequenceMap,c),n(t,e.streamSequenceMap,u),t.effects.loop(t.abortSignal)}));const u=(0,n.createTask)("segment-cache-clear-task",((e,t)=>{const r=t.registry.get(o.SubtitleBaseExportNames.SubtitleCueMapAtom),n=[],i=t.effects.store.subtitleSegmentCache,s=Array.from(e.entries()),{isSubtitleSelectionGroup:u}=t.registry.get(a.StreamDataStructureSelectionGroups);s.forEach((([e])=>{u(e)&&n.push(e)}));for(const e of i.keys())if(!n.includes(e)){const n=r.get(e);n&&(t.effects.state.dispatch(n.clear),t.effects.state.dispatch(r.remove,e)),i.delete(e)}})),c=(0,n.createTask)("stream-sequence-map-subscribe",(([e,t],r)=>{const n=r.registry.get(o.SubtitleBaseExportNames.SubtitleCueMapAtom),{isSubtitleSelectionGroup:s}=r.registry.get(a.StreamDataStructureSelectionGroups),{createTimelineAtom:u}=r.registry.get(i.CoreExportNames.CoreStateAtoms),{subscribeAndRun:c}=r.registry.get(i.CoreExportNames.Utils).State;if(s(e)){n.has(e)||r.effects.state.dispatch(n.add,e,u(r));const i=e.tracks[0];if(i){c(r,i.formatType,l(e,t))}}return r.effects.loop(r.abortSignal)})),l=(0,n.createTaskClosure)(((e,t)=>["track-format-type-subscribe",(r,n)=>{const a=n.registry.get(i.CoreExportNames.Constants),{subscribeAndRun:o}=n.registry.get(i.CoreExportNames.Utils).State;if(r.value===a.SubtitleFormatType.WebVTT)return o(n,t,f(e)),n.effects.loop(n.abortSignal)}])),f=(0,n.createTaskClosure)((e=>["vtt-segments-subscribe",(t,r)=>{var n;const i=(null!==(n=r.effects.store.subtitleSegmentCache.get(e))&&void 0!==n?n:[]).filter((e=>t.includes(e)));for(const n of t)i.includes(n)||r.fork(s.ParseAndSetSegmentCuesTask,{segment:n,selectionGroup:e}).then((()=>i.push(n))).catch((()=>{}));r.effects.store.subtitleSegmentCache.set(e,i)}]))},68465:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttExportNames=void 0,function(e){e.WebVttParseTask="web-vtt-parse-task"}(t.WebVttExportNames||(t.WebVttExportNames={}))},70966:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttPackage=void 0;const n=r(97085),i=r(14809),a=r(1146),o=r(7269),s=r(27134),u=r(62411),c=r(53255),l=r(68465),f=r(39565);t.WebVttPackage=(0,n.createPackage)("web-vtt-package",((e,t)=>{const{StateEffectFactory:r,EventListenerEffectFactory:n,StoreEffectFactory:o}=t.registry.get(i.CoreExportNames.CoreEffects),s=new Map,u=t.using(r,n,o("subtitleSegmentCache",s));u.registry.maybeSet(l.WebVttExportNames.WebVttParseTask,f.WebVttParseTask);const p=u.registry.get(a.DataExportNames.StreamTimeline),{mapSubscribe:d}=u.registry.get(i.CoreExportNames.Utils).State;d(u,p,c.StreamTimelineSubscribeTask)}),[i.CoreExportNames.CoreStateAtoms,i.CoreExportNames.CoreEffects,u.SubtitleBaseExportNames.SubtitleCueMapAtom,u.SubtitleBaseExportNames.CreateSubtitleCueAtom,o.SourceExportNames.SourceState,a.DataExportNames.StreamTimeline,s.StreamDataStructureSelectionGroups]),t.default=t.WebVttPackage},39565:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttParseTask=void 0;const n=r(91270),i=r(33576),a=r(14809),o=r(62411);function s(e,t){const r=t.registry.get(o.SubtitleBaseExportNames.CreateSubtitleCueAtom),{generateUuid:n}=t.registry.get(a.CoreExportNames.Utils).String;return e.flatMap((e=>{const i=r(t,{id:n(),start:e.start,end:e.end,html:e.html,text:e.text,metadata:{i:e.i,vttProperties:Object.assign({},e.vtt),offset:e.offset,layout:e.layout,updates:e.updates}});return[i,...u(i,t)]}))}function u(e,t){var r;const n=[],{generateUuid:i}=t.registry.get(a.CoreExportNames.Utils).String,s=t.registry.get(o.SubtitleBaseExportNames.CreateSubtitleCueAtom),u=e.metadata;for(let a=0;a<u.updates.length;a++){const o=u.updates[a],c=u.updates[a+1],l=o.updateTime,f=o.html,p=null!==(r=null==c?void 0:c.updateTime)&&void 0!==r?r:e.end;n.push(s(t,{id:i(),start:l,end:p,html:f,text:e.text,referenceCue:e,metadata:{i:u.i,vttProperties:Object.assign({},u.vttProperties),offset:u.offset,layout:u.layout}}))}return n}t.WebVttParseTask=(0,n.createTask)("web-vtt-parse",((e,t)=>s(i.default.parse(e),t)))}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var a=t[n]={exports:{}};return e[n].call(a.exports,a,a.exports,r),a.exports}return r(70966)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["web-vtt"]=t():(e.bitmovin=e.bitmovin||{},e.bitmovin.playerx=e.bitmovin.playerx||{},e.bitmovin.playerx["web-vtt"]=t())}(self,(()=>(()=>{var e={33576:e=>{!function(t,r){e.exports=r()}(self,(()=>(()=>{"use strict";var e={61:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttParser=void 0;var i=r(266);function o(e,t,r){return(t?a(t,"cue-past"):"")+e+(r?a(r,"cue-future"):"")}function a(e,t){return"<c.".concat(t,">").concat(e,"</c>")}t.WebVttParser={parse:function(e,t){void 0===t&&(t=0);var r=(e=e.replace(/\r\n/gm,"\n")).split(/\n{2,}|^[WEBVTT\n+]?X-TIMESTAMP-MAP=.*\n+|^WEBVTT\n+/m).filter((function(e){return null!=e&&""!==e})).map((function(e){return e.split("\n")})),a=function(e){var t=/X-TIMESTAMP-MAP=(.*)\n/.exec(e);if(null==(null==t?void 0:t[1]))return 0;var r=t[0],n=/LOCAL:((?:(\d{1,}):)?(\d{2}):(\d{2})\.(\d{3}))/m.exec(r),o=/MPEGTS:(\d+)/m.exec(r),a=0;if(null==n?void 0:n[1]){var s=i.parseTime(n[1]);null!=s&&(a=s)}var u=0;return null!=o&&(u=Number(o[1])),u/9e4-a}(e),s=function(e){for(var t=[],r=[],n=0,o=e;n<o.length;n++){var a=o[n],s=a[0];/^STYLE/.test(s.trim())&&r.push.apply(r,i.parseStyles(a)),/^region:?/i.test(s.trim())&&t.push.apply(t,i.parseRegions(a))}return{regions:t,styles:r}}(r);return function(e,t,r){var a=[],s=0,u=t.regions,c=function(e){var t={},r=[];return e.forEach((function(e){null==e.identifier&&(t=n(n({},t),e.style));var i=r.findIndex((function(t){return t.identifier===e.identifier}));-1!==i?r[i]={identifier:e.identifier,style:n(n({},r[i].style),e.style)}:r.push(e)})),i.getPlaceholderVttStyleProperties().forEach((function(e){r.find((function(t){return t.identifier===e.identifier}))||r.push(e)})),{globalStyle:t,contentStyles:r}}(t.styles),l=c.globalStyle,f=c.contentStyles;return e.filter((function(e){return t=e[0],r=/^NOTE/.test(t),n=/^STYLE/.test(t),i=/^region:?/i.test(t),!r&&!n&&!i;var t,r,n,i})).forEach((function(e){var t=void 0;e[0].includes("--\x3e")||(t=e[0].trim(),e.splice(0,1));var c,p=function(e,t){var r=Number(e);return null==e||isNaN(r)?t+1:r}(t,s);if(s=p,null!=(c=e[0])&&""!==c&&c.includes("--\x3e")){var d=i.parseOptions(e[0],u);d.id=t;var v=function(e,t,r){var n=/(<\d+:\d{2}:\d{2}[.,]\d{3}>)/g,a=[],s=function(e){var t=e[0].split(/[ \t]+-->[ \t]+/);return{start:i.parseTime(t[0]),end:i.parseTime(t[1])}}(e),u=s.start,c=s.end;if(null!==u&&null!==c){for(var l,f=function(e){return e.slice(1).join("\n").trim()}(e),p=f.split(n),d="",v=f.replace(n,""),m=u;p.length>0;){var b=p.shift(),g=p.shift(),y=g?i.parseTime(g):c,h=null!=y?y:c;if(m!==h){var S=o(b,d,v=v.substring(b.length));d+=b;var x=i.parseContents(S,r,t,(l=void 0,l="ReactNative"===window.navigator.product,!(window&&window.document&&"function"==typeof window.document.createElement)||l));a.push({updateTime:m,html:x}),m=h}}var P=a.shift();if(P)return{start:u,end:c,html:P.html,subCues:a}}}(e,f,r.base);if(void 0!==v){var m=function(e,t,r){var i=e.filter((function(e){return e.identifier==="#"+r})).reduce((function(e,t){return n(n({},e),t.style)}),{});return n(n({},t),i)}(f,l,t),b=function(e,t,r,o,a){var s,u,c={i:t,start:e.start+o.base,end:e.end+o.base,text:(null===(s=e.html)||void 0===s?void 0:s.textContent)||(null===(u=e.html)||void 0===u?void 0:u.innerText)||"",html:i.stringifyCueHtml(e.html),vtt:n({},a),updates:e.subCues.map((function(e){return{updateTime:e.updateTime+o.base,html:i.stringifyCueHtml(e.html)}}))},l=i.stringifyCssProperties(r);return 0!==o.vtt&&(c.offset=o.vtt),l&&(c.layout=l),c}(v,p,m,r,d);a.push(b)}}})),a}(r,s,{vtt:a,base:t})}},t.default=t.WebVttParser},156:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttParser=void 0;var n=r(505),i=r(61);t.WebVttParser={parse:i.WebVttParser.parse,extractVttProperties:n.extractVttProperties},t.default=t.WebVttParser},853:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,i=0,o=t.length;i<o;i++)!n&&i in t||(n||(n=Array.prototype.slice.call(t,0,i)),n[i]=t[i]);return e.concat(n||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0}),t.parseContents=function(e,t,r,n){var i=function(e){var t;if(e){var r=(o||(o=new DOMParser),o).parseFromString("<span></span>","text/html");return(null===(t=r.body)||void 0===t?void 0:t.firstChild)||r.firstChild}return document.createElement("span")}(n);return v({input:e,root:i,current:i,tagStack:[],offset:t,styles:r})};var o,a=r(839),s=r(505),u={"&amp;":"&","&lt;":"<","&gt;":">","&lrm;":"‎","&rlm;":"‏","&nbsp;":" "},c={c:"span",i:"i",b:"b",u:"u",ruby:"ruby",rt:"rt",v:"span",lang:"span"},l={v:"title",lang:"lang"},f={rt:"ruby"},p={"cue-future":":future","cue-past":":past"},d=2;function v(e){var t=function(e){if(!e)return null;var t=/^([^<]*)(<[^>]+>?)?/.exec(e);if(!t)return null;var r=t[1],n=t[2];return r||n}(e.input);return null==t?e.root:(e.input=e.input.substring(t.length),function(e,t){if("<"!==e[0]){var r=t.current.ownerDocument.createTextNode((o=e,Object.keys(u).forEach((function(e){o=o.replace(new RegExp(e,"g"),u[e])})),o));return t.current.appendChild(r),v(t)}var o,m,b;if("/"===e[1])return m=e,(b=t.tagStack).length>0&&b[b.length-1]===m.substring(d).replace(">","")&&(t.tagStack.pop(),t.current=t.current.parentNode),v(t);var g=(0,s.parseTime)(e.substring(1,e.length-1));if(null!=g){var y=t.current.ownerDocument.createComment("time: ".concat(g+t.offset));return t.current.appendChild(y),v(t)}var h=/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/.exec(e);if(!h)return v(t);var S,x,P=h[0],C=h[1],E=h[2],N=h[3],T=function(e,t,r){var n=c[e];if(!n)return null;var i=r.createElement(n),o=l[e];return o&&t&&(i[o]=t.trim()),i}(C,N,t.current.ownerDocument);return T?(S=t.current,f[(x=T).localName]&&f[x.localName]!==S.localName||(function(e,t,r){var o=function(e,t){var r,o,u,c,l;e=i(i([],e,!0),a.webVttDefaultClassStyles,!0);var f="",d="",v={};if(t.type&&"v"!==t.type&&(v=null!==(o=null===(r=e.find((function(e){return e.identifier===t.type})))||void 0===r?void 0:r.style)&&void 0!==o?o:v),t.contents){var m=t.contents.substring(1).split(".").map((function(e){return p[e]||".".concat(e)})),b=[];m.forEach((function(t){var r,n=null===(r=e.find((function(e){return e.identifier===t})))||void 0===r?void 0:r.style;n&&b.push(n)})),v=b.reduce((function(e,t){return n(n({},e),t)}),{}),f=t.contents.split(".").join(" ").trim()}return"v"===t.type&&t.annotation&&(d=t.annotation.substring(1),v=null!==(c=null===(u=e.find((function(e){return e.identifier==="".concat(t.type,'[voice="').concat(d,'"]')})))||void 0===u?void 0:u.style)&&void 0!==c?c:v),{className:f,title:d,styleString:null!==(l=(0,s.stringifyCssProperties)(v))&&void 0!==l?l:""}}(t,r),u=o.className,c=o.title,l=o.styleString;c&&(e.title=c),u&&(e.className=u),l&&e.setAttribute("style",l)}(T,t.styles,{type:C,contents:E,annotation:N}),t.tagStack.push(P[1]),t.current.appendChild(T),t.current=T),v(t)):v(t)}(t,e))}},839:function(e,t){var r=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,i=0,o=t.length;i<o;i++)!n&&i in t||(n||(n=Array.prototype.slice.call(t,0,i)),n[i]=t[i]);return e.concat(n||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0}),t.webVttDefaultClassStyles=void 0;var n=["white","lime","cyan","red","yellow","magenta","blue","black"];t.webVttDefaultClassStyles=r(r([],n.map((function(e){return{identifier:".".concat(e),style:{color:e}}})),!0),n.map((function(e){return{identifier:".bg_".concat(e),style:{background:e}}})),!0)},499:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseOptions=function(e,t){var r=e.split(/\s/),n=(0,i.getDefaultVttProperties)();return r.forEach((function(e){o(e.split(":"),t,n)})),function(e){var t=(0,i.getDefaultVttProperties)();null!=e.region&&(e.vertical!==t.vertical||e.size!==t.size||e.line!==t.line)&&delete e.region}(n),n},t.setOptionProperty=o;var n=r(358),i=r(505);function o(e,t,r){var o=e[0],s=e[1];switch(o){case"region":!function(e,t,r){var n=t.find((function(t){return t.id===e}));null!=n&&(r.region=n)}(s,t,r);break;case"vertical":!function(e,t){var r=(0,i.ensureArray)(/^(lr|rl)$/.exec(e))[1];null!=r&&(t.vertical=r)}(s,r);break;case"align":!function(e,t){var r=(0,i.ensureArray)(/^(start|middle|center|end|left|right)$/.exec(e))[1];null!=r&&(t.align=r),t.positionAlign=a(void 0,t)}(s,r);break;case"size":!function(e,t){var r=(0,i.ensureArray)(/^([\d.]+)%$/.exec(e))[1];null!=r&&(t.size=Number(r))}(s,r);break;case"position":!function(e,t){var r=(0,i.ensureArray)(/^([\d.]+|auto)%?(?:,(line-left|line-right|center))?$/.exec(e)),n=r[1],o=r[2];"auto"===n?t.position="auto":void 0!==n&&(t.position=Number(n)),t.positionAlign=a(o,t)}(s,r);break;case"line":!function(e,t){var r=(0,i.ensureArray)(/^(-?[\d.]+|auto)(%)?(?:,(start|end|center|auto))?$/.exec(e)),o=r[1],a=r[2],s=r[3],u="%"===a;"auto"===o?t.line="auto":u?t.line="".concat(o,"%"):null!=e&&(t.line=Number(o)),null!=s&&(t.lineAlign=s),t.snapToLines=(0,n.isNumber)(t.line)}(s,r)}}function a(e,t){if(null!=e)return e;switch(t.align){case"start":case"left":return"line-left";case"end":case"right":return"line-right";default:return"center"}}},505:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getDefaultVttProperties=function(){return{vertical:"",align:"center",size:100,line:"auto",lineAlign:"start",position:"auto",positionAlign:"center",snapToLines:!1}},t.extractVttProperties=function(e){var t={vertical:"",align:"center",size:100,line:"auto",lineAlign:"start",position:"auto",positionAlign:"center",snapToLines:!1},r={id:null,width:100,lines:3,regionAnchorX:0,regionAnchorY:100,viewportAnchorX:0,viewportAnchorY:100,scroll:""};return Object.keys(t).forEach((function(o){return(0,i.setOptionProperty)(function(e,t,r){var i=[e,t[e]?"".concat(t[e]):r[e]],o="line"===e;return("position"===e&&(0,n.isNumber)(t[e])||o&&!1===t.snapToLines)&&(i[1]+="%"),i}(o,e,t),[r],t)})),t},t.getDefaultVttRegionProperties=function(){return{id:null,width:100,lines:3,regionAnchorX:0,regionAnchorY:100,viewportAnchorX:0,viewportAnchorY:100,scroll:""}},t.parseTime=function(e){var t=/(?:(\d{1,}):)?(\d{2}):(\d{2})[.,](\d{3})/g.exec(e);if(null==t)return null;var r=t[1],n=t[2],i=t[3],o=t[4];return Number(o)/1e3+Number(i)+60*Number(n)+3600*(Number(r)||0)},t.ensureArray=function(e){return Array.isArray(e)?e:[]},t.stringifyCssProperties=function(e){return e?Object.entries(e).map((function(e){return"".concat(e[0],":").concat(e[1],";")})).join(""):null},t.stringifyCueHtml=function(e){return function(e){return e.replace(/(\r\n|\r|\n)/g,"<br />")}((null==e?void 0:e.outerHTML)||"")};var n=r(358),i=r(499)},627:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseRegions=function(e){for(var t=[],r=0,n=e;r<n.length;r++){var a=n[r];if(a=a.trim(),/^REGION$/i.test(a)){t.push(o(e.slice(1),":"));break}/^Region:/i.test(a)&&t.push(i(a))}return t};var n=r(505);function i(e){return o(e.split(/[ \t]+/).slice(1),"=")}function o(e,t){var r=(0,n.getDefaultVttRegionProperties)();return e.forEach((function(e){!function(e,t){var r=e[0],i=e[1];switch(r){case"id":!function(e,t){null!=e&&(t.id=e)}(i,t);break;case"width":!function(e,t){var r=(0,n.ensureArray)(/^(\d{1,2}|100)%$/.exec(e))[1];null!=r&&(t.width=Number(r))}(i,t);break;case"lines":!function(e,t){var r=(0,n.ensureArray)(/^(\d+)$/.exec(e))[1];null!=r&&(t.lines=Number(r))}(i,t);break;case"regionanchor":!function(e,t){var r=(0,n.ensureArray)(/^(\d{1,2}|100)%,(\d{1,2}|100)%$/.exec(e)),i=r[1],o=r[2];null!=i&&(t.regionAnchorX=Number(i)),null!=o&&(t.regionAnchorY=Number(o))}(i,t);break;case"viewportanchor":!function(e,t){var r=(0,n.ensureArray)(/^(\d{1,2}|100)%,(\d{1,2}|100)%$/.exec(e)),i=r[1],o=r[2];null!=i&&(t.viewportAnchorX=Number(i)),null!=o&&(t.viewportAnchorY=Number(o))}(i,t);break;case"scroll":!function(e,t){var r=(0,n.ensureArray)(/^(up)$/.exec(e))[1];null!=r&&(t.scroll=r)}(i,t)}}(e.split(t),r)})),r}},393:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseStyles=function(e){var t=[],r=/::cue(\((.+)\))?(?= |{)/,n=/([a-zA-Z0-9-]+):(.+?(?=;|}|$))/g,i=r.exec(e[1]);if(!i)return t;for(var o=1;o<e.length;o++){for(var a=r.exec(e[o]),s=null!==a,u=(i=s?a:i)[2],c={},l=n.exec(e[o]);null!==l;){var f=l[1],p=l[2];c[f]=p.trim(),l=n.exec(e[o])}(s||Object.keys(c).length>0)&&t.push({identifier:u,style:c})}return t},t.getPlaceholderVttStyleProperties=function(){return[{identifier:":future",style:{visibility:"hidden"}}]}},266:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),i=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||n(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),i(r(853),t),i(r(499),t),i(r(505),t),i(r(627),t),i(r(393),t)},358:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isNumber=void 0,t.isNumber=function(e){return"number"==typeof e}}},t={};return function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n].call(o.exports,o,o.exports,r),o.exports}(156)})()))},97085:(e,t)=>{"use strict";function r(e,t,r){const n=t;return n._name=e,{onAdd:n,dependencies:r}}Object.defineProperty(t,"__esModule",{value:!0}),t.createPackage=void 0,t.createPackage=r},91270:(e,t)=>{"use strict";function r(e,t){const r=t;return r._name=e,r}function n(e){return(...t)=>{const[n,i]=e(...t);return r(n,i)}}function i(e){var t;return null!==(t=e._name)&&void 0!==t?t:e.name}Object.defineProperty(t,"__esModule",{value:!0}),t.getTaskName=t.createTaskClosure=t.createTask=void 0,t.createTask=r,t.createTaskClosure=n,t.getTaskName=i},14809:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CoreExportNames=void 0,function(e){e.Utils="utils",e.Constants="constants",e.CoreEffects="core-effects",e.CoreStateAtoms="core-state-atoms"}(t.CoreExportNames||(t.CoreExportNames={}))},51822:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TechnologyExports=void 0,t.TechnologyExports="technology"},1146:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DataExportNames=void 0,function(e){e.StreamTimeline="stream-timeline"}(t.DataExportNames||(t.DataExportNames={}))},7269:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SourceExportNames=void 0,function(e){e.CreateSourceStateAtom="create-source-state-atom",e.CreateSourceReference="create-source-reference",e.SourceReferences="source-references",e.SourceState="source-state-atom"}(t.SourceExportNames||(t.SourceExportNames={}))},27134:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.StreamDataStructureSelectionGroups=void 0,t.StreamDataStructureSelectionGroups="stream-data-structure-selection-groups"},62411:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SubtitleBaseExportNames=void 0,function(e){e.SubtitleCueMapAtom="subtitle-cue-map-atom",e.CreateSubtitleCueAtom="create-subtitle-cue-map-atom",e.SubtitleBufferClearingTask="subtitle-buffer-clearing-task"}(t.SubtitleBaseExportNames||(t.SubtitleBaseExportNames={}))},91043:function(e,t,r){"use strict";var n=this&&this.__awaiter||function(e,t,r,n){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function a(e){try{u(n.next(e))}catch(e){o(e)}}function s(e){try{u(n.throw(e))}catch(e){o(e)}}function u(e){e.done?r(e.value):i(e.value).then(a,s)}u((n=n.apply(e,t||[])).next())}))},i=this&&this.__asyncValues||function(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e="function"==typeof __values?__values(e):e[Symbol.iterator](),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){i(n,o,(t=e[r](t)).done,t.value)}))}}function i(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)}};Object.defineProperty(t,"__esModule",{value:!0}),t.ParseAndSetSegmentCuesTask=void 0;const o=r(91270),a=r(14809),s=r(62411),u=r(68465);function c(e,t){return 0===e.entries().length?t:t.filter((t=>{const r=e.get(t);for(const e of r)if(e.html===t.html&&e.start===t.start&&e.end===t.end)return!1;return!0}))}t.ParseAndSetSegmentCuesTask=(0,o.createTask)("webvtt-segment-processing",(({segment:e,selectionGroup:t},r)=>n(void 0,void 0,void 0,(function*(){const n=r.registry.get(s.SubtitleBaseExportNames.SubtitleCueMapAtom),i=r.registry.get(u.WebVttExportNames.WebVttParseTask),o=n.get(t);if(!o)throw new Error(`Subtitle cue timeline not found for ${t.mediaId}`);const a=yield r.fork(l,e),f=c(o,yield r.fork(i,a));r.effects.state.dispatch(o.add,...f),r.effects.state.dispatch(n.add,t,o)}))));const l=(0,o.createTask)("get-segment-vtt-data",((e,t)=>n(void 0,void 0,void 0,(function*(){var r,n,o,s;const{merge:u}=t.registry.get(a.CoreExportNames.Utils).TypedArrays,c=[];try{for(var l,f=!0,p=i(e.data);!(r=(l=yield p.next()).done);){s=l.value,f=!1;try{const e=s;c.push(e)}finally{f=!0}}}catch(e){n={error:e}}finally{try{f||r||!(o=p.return)||(yield o.call(p))}finally{if(n)throw n.error}}const d=u(c);return new TextDecoder("UTF-8").decode(d)}))))},53255:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.StreamTimelineSubscribeTask=void 0;const n=r(91270),i=r(14809),o=r(27134),a=r(62411),s=r(91043);t.StreamTimelineSubscribeTask=(0,n.createTask)("stream-timeline-subscribe",((e,t)=>{const{mapSubscribe:r,subscribeAndRun:n}=t.registry.get(i.CoreExportNames.Utils).State;return r(t,e.streamSequenceMap,c),n(t,e.streamSequenceMap,u),t.effects.loop(t.abortSignal)}));const u=(0,n.createTask)("segment-cache-clear-task",((e,t)=>{const r=t.registry.get(a.SubtitleBaseExportNames.SubtitleCueMapAtom),n=[],i=t.effects.store.subtitleSegmentCache,s=Array.from(e.entries()),{isSubtitleSelectionGroup:u}=t.registry.get(o.StreamDataStructureSelectionGroups);s.forEach((([e])=>{u(e)&&n.push(e)}));for(const e of i.keys())if(!n.includes(e)){const n=r.get(e);n&&(t.effects.state.dispatch(n.clear),t.effects.state.dispatch(r.remove,e)),i.delete(e)}})),c=(0,n.createTask)("stream-sequence-map-subscribe",(([e,t],r)=>{const n=r.registry.get(a.SubtitleBaseExportNames.SubtitleCueMapAtom),{isSubtitleSelectionGroup:s}=r.registry.get(o.StreamDataStructureSelectionGroups),{createTimelineAtom:u}=r.registry.get(i.CoreExportNames.CoreStateAtoms),{subscribeAndRun:c}=r.registry.get(i.CoreExportNames.Utils).State;if(s(e)){n.has(e)||r.effects.state.dispatch(n.add,e,u(r));const i=e.tracks[0];if(i){c(r,i.formatType,l(e,t))}}return r.effects.loop(r.abortSignal)})),l=(0,n.createTaskClosure)(((e,t)=>["track-format-type-subscribe",(r,n)=>{const o=n.registry.get(i.CoreExportNames.Constants),{subscribeAndRun:a}=n.registry.get(i.CoreExportNames.Utils).State;if(r.value===o.SubtitleFormatType.WebVTT)return a(n,t,f(e)),n.effects.loop(n.abortSignal)}])),f=(0,n.createTaskClosure)((e=>["vtt-segments-subscribe",(t,r)=>{var n;const i=(null!==(n=r.effects.store.subtitleSegmentCache.get(e))&&void 0!==n?n:[]).filter((e=>t.includes(e)));for(const n of t)i.includes(n)||r.fork(s.ParseAndSetSegmentCuesTask,{segment:n,selectionGroup:e}).then((()=>i.push(n))).catch((()=>{}));r.effects.store.subtitleSegmentCache.set(e,i)}]))},68465:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttExportNames=void 0,function(e){e.WebVttParseTask="web-vtt-parse-task"}(t.WebVttExportNames||(t.WebVttExportNames={}))},70966:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttPackage=void 0;const n=r(97085),i=r(51822),o=r(14809),a=r(1146),s=r(7269),u=r(27134),c=r(62411),l=r(53255),f=r(68465),p=r(39565);t.WebVttPackage=(0,n.createPackage)("web-vtt-package",((e,t)=>{const{StateEffectFactory:r,EventListenerEffectFactory:n,StoreEffectFactory:i}=t.registry.get(o.CoreExportNames.CoreEffects),s=new Map,u=t.using(r,n,i("subtitleSegmentCache",s));u.registry.maybeSet(f.WebVttExportNames.WebVttParseTask,p.WebVttParseTask);const c=u.registry.get(a.DataExportNames.StreamTimeline),{mapSubscribe:d}=u.registry.get(o.CoreExportNames.Utils).State;d(u,c,l.StreamTimelineSubscribeTask)}),[o.CoreExportNames.CoreStateAtoms,o.CoreExportNames.CoreEffects,o.CoreExportNames.Utils,o.CoreExportNames.Constants,c.SubtitleBaseExportNames.SubtitleCueMapAtom,c.SubtitleBaseExportNames.CreateSubtitleCueAtom,s.SourceExportNames.SourceState,a.DataExportNames.StreamTimeline,u.StreamDataStructureSelectionGroups,i.TechnologyExports]),t.default=t.WebVttPackage},39565:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.WebVttParseTask=void 0;const n=r(91270),i=r(33576),o=r(14809),a=r(62411);function s(e,t){const r=t.registry.get(a.SubtitleBaseExportNames.CreateSubtitleCueAtom),{generateUuid:n}=t.registry.get(o.CoreExportNames.Utils).String;return e.flatMap((e=>{const i=r(t,{id:n(),start:e.start,end:e.end,html:e.html,text:e.text,metadata:{i:e.i,vttProperties:Object.assign({},e.vtt),offset:e.offset,layout:e.layout,updates:e.updates}});return[i,...u(i,t)]}))}function u(e,t){var r;const n=[],{generateUuid:i}=t.registry.get(o.CoreExportNames.Utils).String,s=t.registry.get(a.SubtitleBaseExportNames.CreateSubtitleCueAtom),u=e.metadata;for(let o=0;o<u.updates.length;o++){const a=u.updates[o],c=u.updates[o+1],l=a.updateTime,f=a.html,p=null!==(r=null==c?void 0:c.updateTime)&&void 0!==r?r:e.end;n.push(s(t,{id:i(),start:l,end:p,html:f,text:e.text,referenceCue:e,metadata:{i:u.i,vttProperties:Object.assign({},u.vttProperties),offset:u.offset,layout:u.layout}}))}return n}t.WebVttParseTask=(0,n.createTask)("web-vtt-parse",((e,t)=>s(i.default.parse(e),t)))}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n].call(o.exports,o,o.exports,r),o.exports}return r(70966)})()));

package/playerx-framework-utils.js CHANGED Viewed

@@ -5,6 +5,6 @@
  * source code is subject to the terms and conditions of the accompanying
  * license agreement.
  *
- * Bitmovin Player X Version 10.2.0-beta.13
+ * Bitmovin Player X Version 10.2.0-beta.14
  *******************************************************************************/
 !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["framework-utils"]=t():(e.bitmovin=e.bitmovin||{},e.bitmovin.playerx=e.bitmovin.playerx||{},e.bitmovin.playerx["framework-utils"]=t())}(self,(()=>(()=>{"use strict";var e={281:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createEffectFactory=void 0;const r=e=>e;t.createEffectFactory=r},85:(e,t)=>{function r(e,t,r){const a=t;return a._name=e,{onAdd:a,dependencies:r}}Object.defineProperty(t,"__esModule",{value:!0}),t.createPackage=void 0,t.createPackage=r},270:(e,t)=>{function r(e,t){const r=t;return r._name=e,r}function a(e){return(...t)=>{const[a,o]=e(...t);return r(a,o)}}function o(e){var t;return null!==(t=e._name)&&void 0!==t?t:e.name}Object.defineProperty(t,"__esModule",{value:!0}),t.getTaskName=t.createTaskClosure=t.createTask=void 0,t.createTask=r,t.createTaskClosure=a,t.getTaskName=o}},t={};function r(a){var o=t[a];if(void 0!==o)return o.exports;var n=t[a]={exports:{}};return e[a](n,n.exports,r),n.exports}var a={};return(()=>{var e=a;Object.defineProperty(e,"__esModule",{value:!0}),e.createTaskClosure=e.createTask=e.createPackage=e.createEffectFactory=void 0;var t=r(281);Object.defineProperty(e,"createEffectFactory",{enumerable:!0,get:function(){return t.createEffectFactory}});var o=r(85);Object.defineProperty(e,"createPackage",{enumerable:!0,get:function(){return o.createPackage}});var n=r(270);Object.defineProperty(e,"createTask",{enumerable:!0,get:function(){return n.createTask}}),Object.defineProperty(e,"createTaskClosure",{enumerable:!0,get:function(){return n.createTaskClosure}})})(),a})()));

package/types/Types.d.ts CHANGED Viewed

@@ -14,3 +14,6 @@ export type AnyRecord = Record<string | number | symbol, any>;
 export type AnyArray = any[];
 export type EmptyObject = {};
 export type Unsubscribe = (reason?: Error) => void;
+export type DeepPartial<T extends AnyRecord> = {
+    [key in keyof T]?: T[key] extends AnyRecord ? DeepPartial<T[key]> : T[key];
+};

package/types/bundles/BitmovinV8.bundle.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@
  * The {@link framework-types/package-api/PackageApi!PackageApi | Package API} is still exposed, so it's possible to add additional packages just like with any other bundle.
  *
  * ### BitmovinV8.bundle used packages
- * <svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 430.40625 2596" style="max-width: 430.406px; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#my-svg .error-icon{fill:#a44141;}#my-svg .error-text{fill:#ddd;stroke:#ddd;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:lightgrey;stroke:lightgrey;}#my-svg .marker.cross{stroke:lightgrey;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#my-svg .cluster-label text{fill:#F9FFFE;}#my-svg .cluster-label span,#my-svg p{color:#F9FFFE;}#my-svg .label text,#my-svg span,#my-svg p{fill:#ccc;color:#ccc;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#1f2020;stroke:#81B1DB;stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:lightgrey;}#my-svg .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:lightgrey;fill:none;}#my-svg .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#my-svg .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#my-svg .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#my-svg .cluster text{fill:#F9FFFE;}#my-svg .cluster span,#my-svg p{color:#F9FFFE;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="6" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(-7.5, -8)" class="root"><g class="clusters"><g id="BitmovinV8.bundle" class="cluster default flowchart-label"><rect height="2580" width="414.40625" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(148.4921875, 8)" class="cluster-label"><foreignObject height="18" width="133.421875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinV8.bundle</span></div></foreignObject></g></g></g><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(25.5, 35)" class="root"><g class="clusters"><g id="BitmovinMonolithPackage" class="cluster default flowchart-label"><rect height="2510" width="364.40625" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(98.15625, 8)" class="cluster-label"><foreignObject height="18" width="184.09375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinMonolithPackage</span></div></foreignObject></g></g></g><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(190.203125, 59.5)" data-id="CorePackage" data-node="true" id="flowchart-CorePackage-1" class="node default default flowchart-label"><rect height="33" width="111.953125" y="-16.5" x="-55.9765625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-48.4765625, -9)" style="" class="label"><rect/><foreignObject height="18" width="96.953125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CorePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 142.5)" data-id="BitmovinPlayerVideoElementUtilsPackage" data-node="true" id="flowchart-BitmovinPlayerVideoElementUtilsPackage-2" class="node default default flowchart-label"><rect height="33" width="314.40625" y="-16.5" x="-157.203125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-149.703125, -9)" style="" class="label"><rect/><foreignObject height="18" width="299.40625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinPlayerVideoElementUtilsPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 225.5)" data-id="BitmovinV8PlayerStaticApiPackage" data-node="true" id="flowchart-BitmovinV8PlayerStaticApiPackage-3" class="node default default flowchart-label"><rect height="33" width="266.6875" y="-16.5" x="-133.34375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-125.84375, -9)" style="" class="label"><rect/><foreignObject height="18" width="251.6875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinV8PlayerStaticApiPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 308.5)" data-id="BitmovinPlayerSourceApiPackage" data-node="true" id="flowchart-BitmovinPlayerSourceApiPackage-4" class="node default default flowchart-label"><rect height="33" width="257.796875" y="-16.5" x="-128.8984375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-121.3984375, -9)" style="" class="label"><rect/><foreignObject height="18" width="242.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinPlayerSourceApiPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 391.5)" data-id="BitmovinPlayerUiPackage" data-node="true" id="flowchart-BitmovinPlayerUiPackage-5" class="node default default flowchart-label"><rect height="33" width="199.078125" y="-16.5" x="-99.5390625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-92.0390625, -9)" style="" class="label"><rect/><foreignObject height="18" width="184.078125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinPlayerUiPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 474.5)" data-id="StreamDataStructurePackage" data-node="true" id="flowchart-StreamDataStructurePackage-6" class="node default default flowchart-label"><rect height="33" width="227.546875" y="-16.5" x="-113.7734375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-106.2734375, -9)" style="" class="label"><rect/><foreignObject height="18" width="212.546875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">StreamDataStructurePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 557.5)" data-id="BitmovinAdvertisingBundlePackage" data-node="true" id="flowchart-BitmovinAdvertisingBundlePackage-7" class="node default default flowchart-label"><rect height="33" width="267.59375" y="-16.5" x="-133.796875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-126.296875, -9)" style="" class="label"><rect/><foreignObject height="18" width="252.59375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinAdvertisingBundlePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 640.5)" data-id="StreamingPackage" data-node="true" id="flowchart-StreamingPackage-8" class="node default default flowchart-label"><rect height="33" width="150.1875" y="-16.5" x="-75.09375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-67.59375, -9)" style="" class="label"><rect/><foreignObject height="18" width="135.1875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">StreamingPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 723.5)" data-id="EventBusPackage" data-node="true" id="flowchart-EventBusPackage-9" class="node default default flowchart-label"><rect height="33" width="145.75" y="-16.5" x="-72.875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-65.375, -9)" style="" class="label"><rect/><foreignObject height="18" width="130.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">EventBusPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 806.5)" data-id="BitmovinV8PlayerCorePackage" data-node="true" id="flowchart-BitmovinV8PlayerCorePackage-10" class="node default default flowchart-label"><rect height="33" width="238.21875" y="-16.5" x="-119.109375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-111.609375, -9)" style="" class="label"><rect/><foreignObject height="18" width="223.21875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinV8PlayerCorePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 889.5)" data-id="SegmentProcessingPackage" data-node="true" id="flowchart-SegmentProcessingPackage-11" class="node default default flowchart-label"><rect height="33" width="220.453125" y="-16.5" x="-110.2265625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-102.7265625, -9)" style="" class="label"><rect/><foreignObject height="18" width="205.453125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SegmentProcessingPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 972.5)" data-id="ContainerMp4Package" data-node="true" id="flowchart-ContainerMp4Package-12" class="node default default flowchart-label"><rect height="33" width="177.765625" y="-16.5" x="-88.8828125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-81.3828125, -9)" style="" class="label"><rect/><foreignObject height="18" width="162.765625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">ContainerMp4Package</span></div></foreignObject></g></g><g transform="translate(190.203125, 1055.5)" data-id="ContainerTsPackage" data-node="true" id="flowchart-ContainerTsPackage-13" class="node default default flowchart-label"><rect height="33" width="162.640625" y="-16.5" x="-81.3203125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-73.8203125, -9)" style="" class="label"><rect/><foreignObject height="18" width="147.640625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">ContainerTsPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1138.5)" data-id="CapabilitiesPackage" data-node="true" id="flowchart-CapabilitiesPackage-14" class="node default default flowchart-label"><rect height="33" width="159.984375" y="-16.5" x="-79.9921875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-72.4921875, -9)" style="" class="label"><rect/><foreignObject height="18" width="144.984375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CapabilitiesPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1221.5)" data-id="TsTransmuxerPackage" data-node="true" id="flowchart-TsTransmuxerPackage-15" class="node default default flowchart-label"><rect height="33" width="178.03125" y="-16.5" x="-89.015625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-81.515625, -9)" style="" class="label"><rect/><foreignObject height="18" width="163.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">TsTransmuxerPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1304.5)" data-id="DataPackage" data-node="true" id="flowchart-DataPackage-16" class="node default default flowchart-label"><rect height="33" width="111.0625" y="-16.5" x="-55.53125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-48.03125, -9)" style="" class="label"><rect/><foreignObject height="18" width="96.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">DataPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1387.5)" data-id="NetworkPackage" data-node="true" id="flowchart-NetworkPackage-17" class="node default default flowchart-label"><rect height="33" width="135.953125" y="-16.5" x="-67.9765625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-60.4765625, -9)" style="" class="label"><rect/><foreignObject height="18" width="120.953125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">NetworkPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1470.5)" data-id="PlaybackTechnologyPackage" data-node="true" id="flowchart-PlaybackTechnologyPackage-18" class="node default default flowchart-label"><rect height="33" width="223.140625" y="-16.5" x="-111.5703125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-104.0703125, -9)" style="" class="label"><rect/><foreignObject height="18" width="208.140625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">PlaybackTechnologyPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1553.5)" data-id="HlsManifestPackage" data-node="true" id="flowchart-HlsManifestPackage-19" class="node default default flowchart-label"><rect height="33" width="160.84375" y="-16.5" x="-80.421875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-72.921875, -9)" style="" class="label"><rect/><foreignObject height="18" width="145.84375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">HlsManifestPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1636.5)" data-id="DashManifestPackage" data-node="true" id="flowchart-DashManifestPackage-20" class="node default default flowchart-label"><rect height="33" width="175.09375" y="-16.5" x="-87.546875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-80.046875, -9)" style="" class="label"><rect/><foreignObject height="18" width="160.09375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">DashManifestPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1719.5)" data-id="MsePlaybackPackage" data-node="true" id="flowchart-MsePlaybackPackage-21" class="node default default flowchart-label"><rect height="33" width="172.421875" y="-16.5" x="-86.2109375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-78.7109375, -9)" style="" class="label"><rect/><foreignObject height="18" width="157.421875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">MsePlaybackPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1802.5)" data-id="NativePlaybackPackage" data-node="true" id="flowchart-NativePlaybackPackage-22" class="node default default flowchart-label"><rect height="33" width="187.546875" y="-16.5" x="-93.7734375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-86.2734375, -9)" style="" class="label"><rect/><foreignObject height="18" width="172.546875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">NativePlaybackPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1885.5)" data-id="SourcePackage" data-node="true" id="flowchart-SourcePackage-23" class="node default default flowchart-label"><rect height="33" width="127.96875" y="-16.5" x="-63.984375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-56.484375, -9)" style="" class="label"><rect/><foreignObject height="18" width="112.96875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SourcePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1968.5)" data-id="AdaptationPackage" data-node="true" id="flowchart-AdaptationPackage-24" class="node default default flowchart-label"><rect height="33" width="153.78125" y="-16.5" x="-76.890625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-69.390625, -9)" style="" class="label"><rect/><foreignObject height="18" width="138.78125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">AdaptationPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2051.5)" data-id="ViewModePackage" data-node="true" id="flowchart-ViewModePackage-25" class="node default default flowchart-label"><rect height="33" width="151.6875" y="-16.5" x="-75.84375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-68.34375, -9)" style="" class="label"><rect/><foreignObject height="18" width="136.6875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">ViewModePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2134.5)" data-id="PlaybackPackage" data-node="true" id="flowchart-PlaybackPackage-26" class="node default default flowchart-label"><rect height="33" width="142.1875" y="-16.5" x="-71.09375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-63.59375, -9)" style="" class="label"><rect/><foreignObject height="18" width="127.1875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">PlaybackPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2217.5)" data-id="SubtitleApiPackage" data-node="true" id="flowchart-SubtitleApiPackage-27" class="node default default flowchart-label"><rect height="33" width="153.765625" y="-16.5" x="-76.8828125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-69.3828125, -9)" style="" class="label"><rect/><foreignObject height="18" width="138.765625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SubtitleApiPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2300.5)" data-id="SubtitleBasePackage" data-node="true" id="flowchart-SubtitleBasePackage-28" class="node default default flowchart-label"><rect height="33" width="167.109375" y="-16.5" x="-83.5546875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-76.0546875, -9)" style="" class="label"><rect/><foreignObject height="18" width="152.109375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SubtitleBasePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2383.5)" data-id="WebVttPackage" data-node="true" id="flowchart-WebVttPackage-29" class="node default default flowchart-label"><rect height="33" width="129.4375" y="-16.5" x="-64.71875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-57.21875, -9)" style="" class="label"><rect/><foreignObject height="18" width="114.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">WebVttPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2466.5)" data-id="SubtitleFormatDetectionPackage" data-node="true" id="flowchart-SubtitleFormatDetectionPackage-30" class="node default default flowchart-label"><rect height="33" width="248.90625" y="-16.5" x="-124.453125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-116.953125, -9)" style="" class="label"><rect/><foreignObject height="18" width="233.90625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SubtitleFormatDetectionPackage</span></div></foreignObject></g></g></g></g></g></g></g></g></g></svg>
+ * <svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 430.40625 2762" style="max-width: 430.406px; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#my-svg .error-icon{fill:#a44141;}#my-svg .error-text{fill:#ddd;stroke:#ddd;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:lightgrey;stroke:lightgrey;}#my-svg .marker.cross{stroke:lightgrey;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#my-svg .cluster-label text{fill:#F9FFFE;}#my-svg .cluster-label span,#my-svg p{color:#F9FFFE;}#my-svg .label text,#my-svg span,#my-svg p{fill:#ccc;color:#ccc;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#1f2020;stroke:#81B1DB;stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:lightgrey;}#my-svg .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:lightgrey;fill:none;}#my-svg .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#my-svg .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#my-svg .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#my-svg .cluster text{fill:#F9FFFE;}#my-svg .cluster span,#my-svg p{color:#F9FFFE;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="6" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(-7.5, -8)" class="root"><g class="clusters"><g id="BitmovinV8.bundle" class="cluster default flowchart-label"><rect height="2746" width="414.40625" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(148.4921875, 8)" class="cluster-label"><foreignObject height="18" width="133.421875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinV8.bundle</span></div></foreignObject></g></g></g><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(25.5, 35)" class="root"><g class="clusters"><g id="BitmovinMonolithPackage" class="cluster default flowchart-label"><rect height="2676" width="364.40625" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(98.15625, 8)" class="cluster-label"><foreignObject height="18" width="184.09375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinMonolithPackage</span></div></foreignObject></g></g></g><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(190.203125, 59.5)" data-id="CorePackage" data-node="true" id="flowchart-CorePackage-1" class="node default default flowchart-label"><rect height="33" width="111.953125" y="-16.5" x="-55.9765625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-48.4765625, -9)" style="" class="label"><rect/><foreignObject height="18" width="96.953125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CorePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 142.5)" data-id="BitmovinPlayerVideoElementUtilsPackage" data-node="true" id="flowchart-BitmovinPlayerVideoElementUtilsPackage-2" class="node default default flowchart-label"><rect height="33" width="314.40625" y="-16.5" x="-157.203125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-149.703125, -9)" style="" class="label"><rect/><foreignObject height="18" width="299.40625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinPlayerVideoElementUtilsPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 225.5)" data-id="BitmovinV8PlayerStaticApiPackage" data-node="true" id="flowchart-BitmovinV8PlayerStaticApiPackage-3" class="node default default flowchart-label"><rect height="33" width="266.6875" y="-16.5" x="-133.34375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-125.84375, -9)" style="" class="label"><rect/><foreignObject height="18" width="251.6875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinV8PlayerStaticApiPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 308.5)" data-id="BitmovinPlayerSourceApiPackage" data-node="true" id="flowchart-BitmovinPlayerSourceApiPackage-4" class="node default default flowchart-label"><rect height="33" width="257.796875" y="-16.5" x="-128.8984375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-121.3984375, -9)" style="" class="label"><rect/><foreignObject height="18" width="242.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinPlayerSourceApiPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 391.5)" data-id="BitmovinPlayerUiPackage" data-node="true" id="flowchart-BitmovinPlayerUiPackage-5" class="node default default flowchart-label"><rect height="33" width="199.078125" y="-16.5" x="-99.5390625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-92.0390625, -9)" style="" class="label"><rect/><foreignObject height="18" width="184.078125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinPlayerUiPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 474.5)" data-id="StreamDataStructurePackage" data-node="true" id="flowchart-StreamDataStructurePackage-6" class="node default default flowchart-label"><rect height="33" width="227.546875" y="-16.5" x="-113.7734375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-106.2734375, -9)" style="" class="label"><rect/><foreignObject height="18" width="212.546875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">StreamDataStructurePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 557.5)" data-id="BitmovinAdvertisingBundlePackage" data-node="true" id="flowchart-BitmovinAdvertisingBundlePackage-7" class="node default default flowchart-label"><rect height="33" width="267.59375" y="-16.5" x="-133.796875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-126.296875, -9)" style="" class="label"><rect/><foreignObject height="18" width="252.59375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinAdvertisingBundlePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 640.5)" data-id="StreamingPackage" data-node="true" id="flowchart-StreamingPackage-8" class="node default default flowchart-label"><rect height="33" width="150.1875" y="-16.5" x="-75.09375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-67.59375, -9)" style="" class="label"><rect/><foreignObject height="18" width="135.1875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">StreamingPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 723.5)" data-id="EventBusPackage" data-node="true" id="flowchart-EventBusPackage-9" class="node default default flowchart-label"><rect height="33" width="145.75" y="-16.5" x="-72.875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-65.375, -9)" style="" class="label"><rect/><foreignObject height="18" width="130.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">EventBusPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 806.5)" data-id="BitmovinV8PlayerCorePackage" data-node="true" id="flowchart-BitmovinV8PlayerCorePackage-10" class="node default default flowchart-label"><rect height="33" width="238.21875" y="-16.5" x="-119.109375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-111.609375, -9)" style="" class="label"><rect/><foreignObject height="18" width="223.21875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BitmovinV8PlayerCorePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 889.5)" data-id="SegmentProcessingPackage" data-node="true" id="flowchart-SegmentProcessingPackage-11" class="node default default flowchart-label"><rect height="33" width="220.453125" y="-16.5" x="-110.2265625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-102.7265625, -9)" style="" class="label"><rect/><foreignObject height="18" width="205.453125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SegmentProcessingPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 972.5)" data-id="ContainerMp4Package" data-node="true" id="flowchart-ContainerMp4Package-12" class="node default default flowchart-label"><rect height="33" width="177.765625" y="-16.5" x="-88.8828125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-81.3828125, -9)" style="" class="label"><rect/><foreignObject height="18" width="162.765625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">ContainerMp4Package</span></div></foreignObject></g></g><g transform="translate(190.203125, 1055.5)" data-id="ContainerTsPackage" data-node="true" id="flowchart-ContainerTsPackage-13" class="node default default flowchart-label"><rect height="33" width="162.640625" y="-16.5" x="-81.3203125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-73.8203125, -9)" style="" class="label"><rect/><foreignObject height="18" width="147.640625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">ContainerTsPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1138.5)" data-id="CapabilitiesPackage" data-node="true" id="flowchart-CapabilitiesPackage-14" class="node default default flowchart-label"><rect height="33" width="159.984375" y="-16.5" x="-79.9921875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-72.4921875, -9)" style="" class="label"><rect/><foreignObject height="18" width="144.984375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CapabilitiesPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1221.5)" data-id="TsTransmuxerPackage" data-node="true" id="flowchart-TsTransmuxerPackage-15" class="node default default flowchart-label"><rect height="33" width="178.03125" y="-16.5" x="-89.015625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-81.515625, -9)" style="" class="label"><rect/><foreignObject height="18" width="163.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">TsTransmuxerPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1304.5)" data-id="DataPackage" data-node="true" id="flowchart-DataPackage-16" class="node default default flowchart-label"><rect height="33" width="111.0625" y="-16.5" x="-55.53125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-48.03125, -9)" style="" class="label"><rect/><foreignObject height="18" width="96.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">DataPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1387.5)" data-id="NetworkPackage" data-node="true" id="flowchart-NetworkPackage-17" class="node default default flowchart-label"><rect height="33" width="135.953125" y="-16.5" x="-67.9765625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-60.4765625, -9)" style="" class="label"><rect/><foreignObject height="18" width="120.953125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">NetworkPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1470.5)" data-id="PlaybackTechnologyPackage" data-node="true" id="flowchart-PlaybackTechnologyPackage-18" class="node default default flowchart-label"><rect height="33" width="223.140625" y="-16.5" x="-111.5703125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-104.0703125, -9)" style="" class="label"><rect/><foreignObject height="18" width="208.140625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">PlaybackTechnologyPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1553.5)" data-id="MediaStatePackage" data-node="true" id="flowchart-MediaStatePackage-19" class="node default default flowchart-label"><rect height="33" width="158.203125" y="-16.5" x="-79.1015625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-71.6015625, -9)" style="" class="label"><rect/><foreignObject height="18" width="143.203125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">MediaStatePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1636.5)" data-id="VideoElementControllerPackage" data-node="true" id="flowchart-VideoElementControllerPackage-20" class="node default default flowchart-label"><rect height="33" width="245.953125" y="-16.5" x="-122.9765625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-115.4765625, -9)" style="" class="label"><rect/><foreignObject height="18" width="230.953125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">VideoElementControllerPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1719.5)" data-id="HlsManifestPackage" data-node="true" id="flowchart-HlsManifestPackage-21" class="node default default flowchart-label"><rect height="33" width="160.84375" y="-16.5" x="-80.421875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-72.921875, -9)" style="" class="label"><rect/><foreignObject height="18" width="145.84375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">HlsManifestPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1802.5)" data-id="DashManifestPackage" data-node="true" id="flowchart-DashManifestPackage-22" class="node default default flowchart-label"><rect height="33" width="175.09375" y="-16.5" x="-87.546875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-80.046875, -9)" style="" class="label"><rect/><foreignObject height="18" width="160.09375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">DashManifestPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1885.5)" data-id="MsePlaybackPackage" data-node="true" id="flowchart-MsePlaybackPackage-23" class="node default default flowchart-label"><rect height="33" width="172.421875" y="-16.5" x="-86.2109375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-78.7109375, -9)" style="" class="label"><rect/><foreignObject height="18" width="157.421875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">MsePlaybackPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 1968.5)" data-id="NativePlaybackPackage" data-node="true" id="flowchart-NativePlaybackPackage-24" class="node default default flowchart-label"><rect height="33" width="187.546875" y="-16.5" x="-93.7734375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-86.2734375, -9)" style="" class="label"><rect/><foreignObject height="18" width="172.546875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">NativePlaybackPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2051.5)" data-id="SourcePackage" data-node="true" id="flowchart-SourcePackage-25" class="node default default flowchart-label"><rect height="33" width="127.96875" y="-16.5" x="-63.984375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-56.484375, -9)" style="" class="label"><rect/><foreignObject height="18" width="112.96875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SourcePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2134.5)" data-id="AdaptationPackage" data-node="true" id="flowchart-AdaptationPackage-26" class="node default default flowchart-label"><rect height="33" width="153.78125" y="-16.5" x="-76.890625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-69.390625, -9)" style="" class="label"><rect/><foreignObject height="18" width="138.78125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">AdaptationPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2217.5)" data-id="ViewModePackage" data-node="true" id="flowchart-ViewModePackage-27" class="node default default flowchart-label"><rect height="33" width="151.6875" y="-16.5" x="-75.84375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-68.34375, -9)" style="" class="label"><rect/><foreignObject height="18" width="136.6875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">ViewModePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2300.5)" data-id="PlaybackPackage" data-node="true" id="flowchart-PlaybackPackage-28" class="node default default flowchart-label"><rect height="33" width="142.1875" y="-16.5" x="-71.09375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-63.59375, -9)" style="" class="label"><rect/><foreignObject height="18" width="127.1875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">PlaybackPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2383.5)" data-id="SubtitleApiPackage" data-node="true" id="flowchart-SubtitleApiPackage-29" class="node default default flowchart-label"><rect height="33" width="153.765625" y="-16.5" x="-76.8828125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-69.3828125, -9)" style="" class="label"><rect/><foreignObject height="18" width="138.765625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SubtitleApiPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2466.5)" data-id="SubtitleBasePackage" data-node="true" id="flowchart-SubtitleBasePackage-30" class="node default default flowchart-label"><rect height="33" width="167.109375" y="-16.5" x="-83.5546875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-76.0546875, -9)" style="" class="label"><rect/><foreignObject height="18" width="152.109375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SubtitleBasePackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2549.5)" data-id="WebVttPackage" data-node="true" id="flowchart-WebVttPackage-31" class="node default default flowchart-label"><rect height="33" width="129.4375" y="-16.5" x="-64.71875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-57.21875, -9)" style="" class="label"><rect/><foreignObject height="18" width="114.4375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">WebVttPackage</span></div></foreignObject></g></g><g transform="translate(190.203125, 2632.5)" data-id="SubtitleFormatDetectionPackage" data-node="true" id="flowchart-SubtitleFormatDetectionPackage-32" class="node default default flowchart-label"><rect height="33" width="248.90625" y="-16.5" x="-124.453125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-116.953125, -9)" style="" class="label"><rect/><foreignObject height="18" width="233.90625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SubtitleFormatDetectionPackage</span></div></foreignObject></g></g></g></g></g></g></g></g></g></svg>
  */
 import { PlayerEvent as PlayerEvents } from '../packages/v8-compat/enums/PlayerExports';
 import type { BitmovinV8PlayerApi, PlayerConfig } from '../packages/v8-compat/types/Types';