@theoplayer/react-ui 1.16.0 → 1.16.1
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.
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
!/*!
|
|
2
|
-
* THEOplayer Open Video UI for React (v1.16.
|
|
2
|
+
* THEOplayer Open Video UI for React (v1.16.1)
|
|
3
3
|
* License: MIT
|
|
4
4
|
*/function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@theoplayer/web-ui/es5")):"function"==typeof define&&define.amd?define(["exports","react","@theoplayer/web-ui/es5"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).THEOplayerReactUI={},e.React,e.THEOplayerUI)}(this,function(e,t,a){"use strict";var n,r=(n=Object.create(null),t&&Object.keys(t).forEach(function(e){if("default"!==e){var a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,a.get?a:{enumerable:!0,get:function(){return t[e]}})}}),n.default=t,Object.freeze(n)),l=t.createContext(void 0);function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}function u(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}/**
|
|
5
5
|
* @license
|
|
6
6
|
* Copyright 2018 Google LLC
|
|
7
7
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
8
|
-
*/let i=new Set(["children","localName","ref","style","className"]),s=new WeakMap,c=(e,t,a,n,r)=>{let l,o;let u=r?.[t];void 0===u?(e[t]=a,null==a&&t in HTMLElement.prototype&&e.removeAttribute(t)):a!==n&&(void 0===(l=s.get(e))&&s.set(e,l=new Map),o=l.get(u),void 0!==a?void 0===o?(l.set(u,o={handleEvent:a}),e.addEventListener(u,o)):o.handleEvent=a:void 0!==o&&(l.delete(u),e.removeEventListener(u,o)))},m=({react:e,tagName:t,elementClass:a,events:n,displayName:r})=>{let l=new Set(Object.keys(n??{})),o=e.forwardRef((r,o)=>{let u=e.useRef(new Map),s=e.useRef(null),m={},d={};for(let[e,t]of Object.entries(r))i.has(e)?m["className"===e?"class":e]=t:l.has(e)||e in a.prototype?d[e]=t:m[e]=t;return e.useLayoutEffect(()=>{if(null===s.current)return;let e=new Map;for(let t in d)c(s.current,t,r[t],u.current.get(t),n),u.current.delete(t),e.set(t,r[t]);for(let[e,t]of u.current)c(s.current,e,void 0,t,n);u.current=e}),e.useLayoutEffect(()=>{s.current?.removeAttribute("defer-hydration")},[]),m.suppressHydrationWarning=!0,e.createElement(t,{...m,ref:e.useCallback(e=>{s.current=e,"function"==typeof o?o(e):null!==o&&(o.current=e)},[o])})});return o.displayName=r??a.name,o};function d(e,a){var n=t.useCallback(function(t){return null==e||e.addEventListener("theoplayerready",t),function(){return null==e?void 0:e.removeEventListener("theoplayerready",t)}},[e]),r=t.useSyncExternalStore(n,function(){return null==e?void 0:e.player},function(){});return t.useEffect(function(){r&&(null==a||a(r))},[r,a]),t.useEffect(function(){return function(){try{null==r||r.destroy()}catch(e){}}},[r]),r}var y=m({tagName:"theoplayer-control-bar",displayName:"ControlBar",elementClass:a.ControlBar,react:r}),p={onClick:"click"},g=m({tagName:"theoplayer-button",displayName:"Button",elementClass:a.Button,react:r,events:p}),h=m({tagName:"theoplayer-link-button",displayName:"LinkButton",elementClass:a.LinkButton,react:r,events:p}),v=m({tagName:"theoplayer-play-button",displayName:"PlayButton",elementClass:a.PlayButton,react:r,events:p}),f=m({tagName:"theoplayer-mute-button",displayName:"MuteButton",elementClass:a.MuteButton,react:r,events:p}),C=m({tagName:"theoplayer-seek-button",displayName:"SeekButton",elementClass:a.SeekButton,react:r,events:p}),N=m({tagName:"theoplayer-time-display",displayName:"TimeDisplay",elementClass:a.TimeDisplay,react:r}),k=m({tagName:"theoplayer-duration-display",displayName:"DurationDisplay",elementClass:a.DurationDisplay,react:r}),b={onChange:"change"},B=m({tagName:"theoplayer-radio-group",displayName:"RadioGroup",elementClass:a.RadioGroup,react:r,events:b}),E=o({},p,{onChange:"change",onInput:"input"}),R=m({tagName:"theoplayer-radio-button",displayName:"RadioButton",elementClass:a.RadioButton,react:r,events:E}),T=function(e){var t=e.slot,a=e.children;return a?r.createElement("div",{slot:t,style:{display:"contents"},children:a}):null},S=m({tagName:"theoplayer-menu",displayName:"Menu",elementClass:a.Menu,react:r}),x=m({tagName:"theoplayer-menu-group",displayName:"MenuGroup",elementClass:a.MenuGroup,react:r}),M=m({tagName:"theoplayer-menu-button",displayName:"MenuButton",elementClass:a.MenuButton,react:r,events:p}),D=m({tagName:"theoplayer-close-menu-button",displayName:"CloseMenuButton",elementClass:a.CloseMenuButton,react:r,events:p}),L=m({tagName:"theoplayer-media-track-radio-button",displayName:"MediaTrackRadioButton",elementClass:a.MediaTrackRadioButton,react:r,events:E}),P=m({tagName:"theoplayer-track-radio-group",displayName:"TrackRadioGroup",elementClass:a.TrackRadioGroup,react:r,events:b}),A=m({tagName:"theoplayer-text-track-radio-button",displayName:"TextTrackRadioButton",elementClass:a.TextTrackRadioButton,react:r,events:E}),w=m({tagName:"theoplayer-text-track-off-radio-button",displayName:"TextTrackOffRadioButton",elementClass:a.TextTrackOffRadioButton,react:r,events:E}),G=m({tagName:"theoplayer-language-menu",displayName:"LanguageMenu",elementClass:a.LanguageMenu,react:r}),O=m({tagName:"theoplayer-language-menu-button",displayName:"LanguageMenuButton",elementClass:a.LanguageMenuButton,react:r,events:p}),I=m({tagName:"theoplayer-playback-rate-radio-group",displayName:"PlaybackRateRadioGroup",elementClass:a.PlaybackRateRadioGroup,react:r,events:b}),j=m({tagName:"theoplayer-playback-rate-menu-button",displayName:"PlaybackRateMenuButton",elementClass:a.PlaybackRateMenuButton,react:r,events:p}),U=m({tagName:"theoplayer-playback-rate-menu",displayName:"PlaybackRateMenu",elementClass:a.PlaybackRateMenu,react:r}),Q=m({tagName:"theoplayer-playback-rate-display",displayName:"PlaybackRateDisplay",elementClass:a.PlaybackRateDisplay,react:r}),H=m({tagName:"theoplayer-active-quality-display",displayName:"ActiveQualityDisplay",elementClass:a.ActiveQualityDisplay,react:r}),q=m({tagName:"theoplayer-quality-radio-button",displayName:"QualityRadioButton",elementClass:a.QualityRadioButton,react:r,events:E}),V=m({tagName:"theoplayer-quality-radio-group",displayName:"QualityRadioGroup",elementClass:a.QualityRadioGroup,react:r,events:b}),F=m({tagName:"theoplayer-text-track-style-radio-group",displayName:"TextTrackStyleRadioGroup",elementClass:a.TextTrackStyleRadioGroup,react:r,events:b}),W=m({tagName:"theoplayer-text-track-style-reset-button",displayName:"TextTrackStyleResetButton",elementClass:a.TextTrackStyleResetButton,react:r,events:p}),z=m({tagName:"theoplayer-text-track-style-display",displayName:"TextTrackStyleDisplay",elementClass:a.TextTrackStyleDisplay,react:r}),J=m({tagName:"theoplayer-text-track-style-menu",displayName:"TextTrackStyleMenu",elementClass:a.TextTrackStyleMenu,react:r}),K=m({tagName:"theoplayer-settings-menu",displayName:"SettingsMenu",elementClass:a.SettingsMenu,react:r}),X=m({tagName:"theoplayer-settings-menu-button",displayName:"SettingsMenuButton",elementClass:a.SettingsMenuButton,react:r,events:p}),Y=m({tagName:"theoplayer-fullscreen-button",displayName:"FullscreenButton",elementClass:a.FullscreenButton,react:r,events:p}),Z={onChange:"change",onInput:"input"},$=m({tagName:"theoplayer-time-range",displayName:"TimeRange",elementClass:a.TimeRange,react:r,events:Z}),_=m({tagName:"theoplayer-volume-range",displayName:"VolumeRange",elementClass:a.VolumeRange,react:r,events:Z}),ee=m({tagName:"theoplayer-error-display",displayName:"ErrorDisplay",elementClass:a.ErrorDisplay,react:r}),et=m({tagName:"theoplayer-cast-button",displayName:"CastButton",elementClass:a.CastButton,react:r,events:p}),ea=m({tagName:"theoplayer-chromecast-button",displayName:"ChromecastButton",elementClass:a.ChromecastButton,react:r,events:p}),en=m({tagName:"theoplayer-chromecast-display",displayName:"ChromecastDisplay",elementClass:a.ChromecastDisplay,react:r}),er=m({tagName:"theoplayer-airplay-button",displayName:"AirPlayButton",elementClass:a.AirPlayButton,react:r,events:p}),el=m({tagName:"theoplayer-loading-indicator",displayName:"LoadingIndicator",elementClass:a.LoadingIndicator,react:r}),eo=m({tagName:"theoplayer-gesture-receiver",displayName:"GestureReceiver",elementClass:a.GestureReceiver,react:r}),eu=m({tagName:"theoplayer-preview-time-display",displayName:"PreviewTimeDisplay",elementClass:a.PreviewTimeDisplay,react:r}),ei=m({tagName:"theoplayer-preview-thumbnail",displayName:"PreviewThumbnail",elementClass:a.PreviewThumbnail,react:r}),es=m({tagName:"theoplayer-live-button",displayName:"LiveButton",elementClass:a.LiveButton,react:r,events:p}),ec=m({tagName:"theoplayer-slot-container",displayName:"SlotContainer",elementClass:a.SlotContainer,react:r}),em=m({tagName:"theoplayer-ad-display",displayName:"AdDisplay",elementClass:a.AdDisplay,react:r}),ed=m({tagName:"theoplayer-ad-countdown",displayName:"AdCountdown",elementClass:a.AdCountdown,react:r}),ey=m({tagName:"theoplayer-ad-clickthrough-button",displayName:"AdClickThroughButton",elementClass:a.AdClickThroughButton,react:r,events:p}),ep=m({tagName:"theoplayer-ad-skip-button",displayName:"AdSkipButton",elementClass:a.AdSkipButton,react:r,events:p}),eg=m({tagName:"theoplayer-ui",displayName:"UIContainer",elementClass:a.UIContainer,react:r,events:{onReady:"theoplayerready"}}),eh=m({tagName:"theoplayer-default-ui",displayName:"DefaultUI",elementClass:a.DefaultUI,react:r,events:{onReady:"theoplayerready"}}),ev=m({tagName:"theolive-default-ui",displayName:"THEOliveDefaultUI",elementClass:a.THEOliveDefaultUI,react:r,events:{onReady:"theoplayerready"}}),ef=["timeupdate","seeking","seeked","emptied"],eC=["durationchange","emptied"],eN=["play","pause"],ek=["seeking","seeked","emptied"];e.ActiveQualityDisplay=H,e.AdClickThroughButton=ey,e.AdCountdown=ed,e.AdDisplay=em,e.AdSkipButton=ep,e.AirPlayButton=er,e.Button=g,e.ButtonEvents=p,e.CastButton=et,e.ChromecastButton=ea,e.ChromecastDisplay=en,e.CloseMenuButton=D,e.ControlBar=y,e.DefaultUI=function(e){var a=e.title,n=e.topControlBar,i=e.bottomControlBar,s=e.centeredChrome,c=e.menu,m=e.error,y=e.onReady,p=u(e,["title","topControlBar","bottomControlBar","centeredChrome","menu","error","onReady"]),g=t.useState(null),h=g[0],v=g[1],f=d(h,y);return r.createElement(eh,o({},p,{ref:v}),r.createElement(l.Provider,{value:f},a&&r.createElement(ec,{slot:"title"},a),n&&r.createElement(ec,{slot:"top-control-bar"},n),i&&r.createElement(ec,{slot:"bottom-control-bar"},i),s&&r.createElement(ec,{slot:"centered-chrome"},s),c&&r.createElement(ec,{slot:"menu"},c),m&&r.createElement(ec,{slot:"error"},m)))},e.DurationDisplay=k,e.ErrorDisplay=ee,e.FullscreenButton=Y,e.GestureReceiver=eo,e.LanguageMenu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(G,n,r.createElement(T,{slot:"heading"},t),a)},e.LanguageMenuButton=O,e.LinkButton=h,e.LiveButton=es,e.LoadingIndicator=el,e.MediaTrackRadioButton=L,e.Menu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(S,n,r.createElement(T,{slot:"heading"},t),a)},e.MenuButton=M,e.MenuGroup=x,e.MuteButton=f,e.PlayButton=v,e.PlaybackRateDisplay=Q,e.PlaybackRateMenu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(U,n,r.createElement(T,{slot:"heading"},t),a)},e.PlaybackRateMenuButton=j,e.PlaybackRateRadioGroup=I,e.PlayerContext=l,e.PreviewThumbnail=ei,e.PreviewTimeDisplay=eu,e.QualityRadioButton=q,e.QualityRadioGroup=V,e.RadioButton=R,e.RadioButtonEvents=E,e.RadioGroup=B,e.RadioGroupEvents=b,e.RangeEvents=Z,e.SeekButton=C,e.SettingsMenu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(K,n,r.createElement(T,{slot:"heading"},t),a)},e.SettingsMenuButton=X,e.SlotContainer=ec,e.THEOliveDefaultUI=function(e){var a=e.loadingAnnouncement,n=e.offlineAnnouncement,i=e.onReady,s=u(e,["loadingAnnouncement","offlineAnnouncement","onReady"]),c=t.useState(null),m=c[0],y=c[1],p=d(m,i);return r.createElement(ev,o({},s,{ref:y}),r.createElement(l.Provider,{value:p},a&&r.createElement(ec,{slot:"loading-announcement"},a),n&&r.createElement(ec,{slot:"offline-announcement"},n)))},e.TextTrackOffRadioButton=w,e.TextTrackRadioButton=A,e.TextTrackStyleDisplay=z,e.TextTrackStyleMenu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(J,n,r.createElement(T,{slot:"heading"},t),a)},e.TextTrackStyleRadioGroup=F,e.TextTrackStyleResetButton=W,e.TimeDisplay=N,e.TimeRange=$,e.TrackRadioGroup=P,e.UIContainer=function(e){var a=e.topChrome,n=e.middleChrome,i=e.bottomChrome,s=e.centeredChrome,c=e.centeredLoading,m=e.menu,y=e.error,p=e.onReady,g=u(e,["topChrome","middleChrome","bottomChrome","centeredChrome","centeredLoading","menu","error","onReady"]),h=t.useState(null),v=h[0],f=h[1],C=d(v,p);return r.createElement(eg,o({},g,{ref:f}),r.createElement(l.Provider,{value:C},a&&r.createElement(ec,{slot:"top-chrome"},a),n&&r.createElement(ec,{slot:"middle-chrome"},n),s&&r.createElement(ec,{slot:"centered-chrome"},s),c&&r.createElement(ec,{slot:"centered-loading"},c),i,m&&r.createElement(ec,{slot:"menu"},m),y&&r.createElement(ec,{slot:"error"},y)))},e.VolumeRange=_,e.useCurrentTime=function(){var e=t.useContext(l),a=t.useState(e?e.currentTime:0),n=a[0],r=a[1],o=t.useCallback(function(t){var a=function(){r(e.currentTime),t()};return null==e||e.addEventListener(ef,a),function(){return null==e?void 0:e.removeEventListener(ef,a)}},[e]);return t.useSyncExternalStore(o,function(){return n},function(){return n})},e.useDuration=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener(eC,t),function(){return null==e?void 0:e.removeEventListener(eC,t)}},[e]);return t.useSyncExternalStore(a,function(){return e?e.duration:NaN},function(){return NaN})},e.useMuted=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener("volumechange",t),function(){return null==e?void 0:e.removeEventListener("volumechange",t)}},[e]);return t.useSyncExternalStore(a,function(){return!!e&&e.muted},function(){return!1})},e.usePaused=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener(eN,t),function(){return null==e?void 0:e.removeEventListener(eN,t)}},[e]);return t.useSyncExternalStore(a,function(){return!e||e.paused},function(){return!0})},e.useSeeking=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener(ek,t),function(){return null==e?void 0:e.removeEventListener(ek,t)}},[e]);return t.useSyncExternalStore(a,function(){return!!e&&e.seeking},function(){return!1})},e.useSource=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener("sourcechange",t),function(){return null==e?void 0:e.removeEventListener("sourcechange",t)}},[e]);return t.useSyncExternalStore(a,function(){return null==e?void 0:e.source},function(){})},e.useVolume=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener("volumechange",t),function(){return null==e?void 0:e.removeEventListener("volumechange",t)}},[e]);return t.useSyncExternalStore(a,function(){return e?e.volume:1},function(){return 1})},e.version="1.16.0"});
|
|
8
|
+
*/let i=new Set(["children","localName","ref","style","className"]),s=new WeakMap,c=(e,t,a,n,r)=>{let l,o;let u=r?.[t];void 0===u?(e[t]=a,null==a&&t in HTMLElement.prototype&&e.removeAttribute(t)):a!==n&&(void 0===(l=s.get(e))&&s.set(e,l=new Map),o=l.get(u),void 0!==a?void 0===o?(l.set(u,o={handleEvent:a}),e.addEventListener(u,o)):o.handleEvent=a:void 0!==o&&(l.delete(u),e.removeEventListener(u,o)))},m=({react:e,tagName:t,elementClass:a,events:n,displayName:r})=>{let l=new Set(Object.keys(n??{})),o=e.forwardRef((r,o)=>{let u=e.useRef(new Map),s=e.useRef(null),m={},d={};for(let[e,t]of Object.entries(r))i.has(e)?m["className"===e?"class":e]=t:l.has(e)||e in a.prototype?d[e]=t:m[e]=t;return e.useLayoutEffect(()=>{if(null===s.current)return;let e=new Map;for(let t in d)c(s.current,t,r[t],u.current.get(t),n),u.current.delete(t),e.set(t,r[t]);for(let[e,t]of u.current)c(s.current,e,void 0,t,n);u.current=e}),e.useLayoutEffect(()=>{s.current?.removeAttribute("defer-hydration")},[]),m.suppressHydrationWarning=!0,e.createElement(t,{...m,ref:e.useCallback(e=>{s.current=e,"function"==typeof o?o(e):null!==o&&(o.current=e)},[o])})});return o.displayName=r??a.name,o};function d(e,a){var n=t.useCallback(function(t){return null==e||e.addEventListener("theoplayerready",t),function(){return null==e?void 0:e.removeEventListener("theoplayerready",t)}},[e]),r=t.useSyncExternalStore(n,function(){return null==e?void 0:e.player},function(){});return t.useEffect(function(){r&&(null==a||a(r))},[r,a]),t.useEffect(function(){return function(){try{null==r||r.destroy()}catch(e){}}},[r]),r}var y=m({tagName:"theoplayer-control-bar",displayName:"ControlBar",elementClass:a.ControlBar,react:r}),p={onClick:"click"},g=m({tagName:"theoplayer-button",displayName:"Button",elementClass:a.Button,react:r,events:p}),h=m({tagName:"theoplayer-link-button",displayName:"LinkButton",elementClass:a.LinkButton,react:r,events:p}),v=m({tagName:"theoplayer-play-button",displayName:"PlayButton",elementClass:a.PlayButton,react:r,events:p}),f=m({tagName:"theoplayer-mute-button",displayName:"MuteButton",elementClass:a.MuteButton,react:r,events:p}),C=m({tagName:"theoplayer-seek-button",displayName:"SeekButton",elementClass:a.SeekButton,react:r,events:p}),N=m({tagName:"theoplayer-time-display",displayName:"TimeDisplay",elementClass:a.TimeDisplay,react:r}),k=m({tagName:"theoplayer-duration-display",displayName:"DurationDisplay",elementClass:a.DurationDisplay,react:r}),b={onChange:"change"},B=m({tagName:"theoplayer-radio-group",displayName:"RadioGroup",elementClass:a.RadioGroup,react:r,events:b}),E=o({},p,{onChange:"change",onInput:"input"}),R=m({tagName:"theoplayer-radio-button",displayName:"RadioButton",elementClass:a.RadioButton,react:r,events:E}),T=function(e){var t=e.slot,a=e.children;return a?r.createElement("div",{slot:t,style:{display:"contents"},children:a}):null},S=m({tagName:"theoplayer-menu",displayName:"Menu",elementClass:a.Menu,react:r}),x=m({tagName:"theoplayer-menu-group",displayName:"MenuGroup",elementClass:a.MenuGroup,react:r}),M=m({tagName:"theoplayer-menu-button",displayName:"MenuButton",elementClass:a.MenuButton,react:r,events:p}),D=m({tagName:"theoplayer-close-menu-button",displayName:"CloseMenuButton",elementClass:a.CloseMenuButton,react:r,events:p}),L=m({tagName:"theoplayer-media-track-radio-button",displayName:"MediaTrackRadioButton",elementClass:a.MediaTrackRadioButton,react:r,events:E}),P=m({tagName:"theoplayer-track-radio-group",displayName:"TrackRadioGroup",elementClass:a.TrackRadioGroup,react:r,events:b}),A=m({tagName:"theoplayer-text-track-radio-button",displayName:"TextTrackRadioButton",elementClass:a.TextTrackRadioButton,react:r,events:E}),w=m({tagName:"theoplayer-text-track-off-radio-button",displayName:"TextTrackOffRadioButton",elementClass:a.TextTrackOffRadioButton,react:r,events:E}),G=m({tagName:"theoplayer-language-menu",displayName:"LanguageMenu",elementClass:a.LanguageMenu,react:r}),O=m({tagName:"theoplayer-language-menu-button",displayName:"LanguageMenuButton",elementClass:a.LanguageMenuButton,react:r,events:p}),I=m({tagName:"theoplayer-playback-rate-radio-group",displayName:"PlaybackRateRadioGroup",elementClass:a.PlaybackRateRadioGroup,react:r,events:b}),j=m({tagName:"theoplayer-playback-rate-menu-button",displayName:"PlaybackRateMenuButton",elementClass:a.PlaybackRateMenuButton,react:r,events:p}),U=m({tagName:"theoplayer-playback-rate-menu",displayName:"PlaybackRateMenu",elementClass:a.PlaybackRateMenu,react:r}),Q=m({tagName:"theoplayer-playback-rate-display",displayName:"PlaybackRateDisplay",elementClass:a.PlaybackRateDisplay,react:r}),H=m({tagName:"theoplayer-active-quality-display",displayName:"ActiveQualityDisplay",elementClass:a.ActiveQualityDisplay,react:r}),q=m({tagName:"theoplayer-quality-radio-button",displayName:"QualityRadioButton",elementClass:a.QualityRadioButton,react:r,events:E}),V=m({tagName:"theoplayer-quality-radio-group",displayName:"QualityRadioGroup",elementClass:a.QualityRadioGroup,react:r,events:b}),F=m({tagName:"theoplayer-text-track-style-radio-group",displayName:"TextTrackStyleRadioGroup",elementClass:a.TextTrackStyleRadioGroup,react:r,events:b}),W=m({tagName:"theoplayer-text-track-style-reset-button",displayName:"TextTrackStyleResetButton",elementClass:a.TextTrackStyleResetButton,react:r,events:p}),z=m({tagName:"theoplayer-text-track-style-display",displayName:"TextTrackStyleDisplay",elementClass:a.TextTrackStyleDisplay,react:r}),J=m({tagName:"theoplayer-text-track-style-menu",displayName:"TextTrackStyleMenu",elementClass:a.TextTrackStyleMenu,react:r}),K=m({tagName:"theoplayer-settings-menu",displayName:"SettingsMenu",elementClass:a.SettingsMenu,react:r}),X=m({tagName:"theoplayer-settings-menu-button",displayName:"SettingsMenuButton",elementClass:a.SettingsMenuButton,react:r,events:p}),Y=m({tagName:"theoplayer-fullscreen-button",displayName:"FullscreenButton",elementClass:a.FullscreenButton,react:r,events:p}),Z={onChange:"change",onInput:"input"},$=m({tagName:"theoplayer-time-range",displayName:"TimeRange",elementClass:a.TimeRange,react:r,events:Z}),_=m({tagName:"theoplayer-volume-range",displayName:"VolumeRange",elementClass:a.VolumeRange,react:r,events:Z}),ee=m({tagName:"theoplayer-error-display",displayName:"ErrorDisplay",elementClass:a.ErrorDisplay,react:r}),et=m({tagName:"theoplayer-cast-button",displayName:"CastButton",elementClass:a.CastButton,react:r,events:p}),ea=m({tagName:"theoplayer-chromecast-button",displayName:"ChromecastButton",elementClass:a.ChromecastButton,react:r,events:p}),en=m({tagName:"theoplayer-chromecast-display",displayName:"ChromecastDisplay",elementClass:a.ChromecastDisplay,react:r}),er=m({tagName:"theoplayer-airplay-button",displayName:"AirPlayButton",elementClass:a.AirPlayButton,react:r,events:p}),el=m({tagName:"theoplayer-loading-indicator",displayName:"LoadingIndicator",elementClass:a.LoadingIndicator,react:r}),eo=m({tagName:"theoplayer-gesture-receiver",displayName:"GestureReceiver",elementClass:a.GestureReceiver,react:r}),eu=m({tagName:"theoplayer-preview-time-display",displayName:"PreviewTimeDisplay",elementClass:a.PreviewTimeDisplay,react:r}),ei=m({tagName:"theoplayer-preview-thumbnail",displayName:"PreviewThumbnail",elementClass:a.PreviewThumbnail,react:r}),es=m({tagName:"theoplayer-live-button",displayName:"LiveButton",elementClass:a.LiveButton,react:r,events:p}),ec=m({tagName:"theoplayer-slot-container",displayName:"SlotContainer",elementClass:a.SlotContainer,react:r}),em=m({tagName:"theoplayer-ad-display",displayName:"AdDisplay",elementClass:a.AdDisplay,react:r}),ed=m({tagName:"theoplayer-ad-countdown",displayName:"AdCountdown",elementClass:a.AdCountdown,react:r}),ey=m({tagName:"theoplayer-ad-clickthrough-button",displayName:"AdClickThroughButton",elementClass:a.AdClickThroughButton,react:r,events:p}),ep=m({tagName:"theoplayer-ad-skip-button",displayName:"AdSkipButton",elementClass:a.AdSkipButton,react:r,events:p}),eg=m({tagName:"theoplayer-ui",displayName:"UIContainer",elementClass:a.UIContainer,react:r,events:{onReady:"theoplayerready"}}),eh=m({tagName:"theoplayer-default-ui",displayName:"DefaultUI",elementClass:a.DefaultUI,react:r,events:{onReady:"theoplayerready"}}),ev=m({tagName:"theolive-default-ui",displayName:"THEOliveDefaultUI",elementClass:a.THEOliveDefaultUI,react:r,events:{onReady:"theoplayerready"}}),ef=["timeupdate","seeking","seeked","emptied"],eC=["durationchange","emptied"],eN=["play","pause"],ek=["seeking","seeked","emptied"];e.ActiveQualityDisplay=H,e.AdClickThroughButton=ey,e.AdCountdown=ed,e.AdDisplay=em,e.AdSkipButton=ep,e.AirPlayButton=er,e.Button=g,e.ButtonEvents=p,e.CastButton=et,e.ChromecastButton=ea,e.ChromecastDisplay=en,e.CloseMenuButton=D,e.ControlBar=y,e.DefaultUI=function(e){var a=e.title,n=e.topControlBar,i=e.bottomControlBar,s=e.centeredChrome,c=e.menu,m=e.error,y=e.onReady,p=u(e,["title","topControlBar","bottomControlBar","centeredChrome","menu","error","onReady"]),g=t.useState(null),h=g[0],v=g[1],f=d(h,y);return r.createElement(eh,o({},p,{ref:v}),r.createElement(l.Provider,{value:f},a&&r.createElement(ec,{slot:"title"},a),n&&r.createElement(ec,{slot:"top-control-bar"},n),i&&r.createElement(ec,{slot:"bottom-control-bar"},i),s&&r.createElement(ec,{slot:"centered-chrome"},s),c&&r.createElement(ec,{slot:"menu"},c),m&&r.createElement(ec,{slot:"error"},m)))},e.DurationDisplay=k,e.ErrorDisplay=ee,e.FullscreenButton=Y,e.GestureReceiver=eo,e.LanguageMenu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(G,n,r.createElement(T,{slot:"heading"},t),a)},e.LanguageMenuButton=O,e.LinkButton=h,e.LiveButton=es,e.LoadingIndicator=el,e.MediaTrackRadioButton=L,e.Menu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(S,n,r.createElement(T,{slot:"heading"},t),a)},e.MenuButton=M,e.MenuGroup=x,e.MuteButton=f,e.PlayButton=v,e.PlaybackRateDisplay=Q,e.PlaybackRateMenu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(U,n,r.createElement(T,{slot:"heading"},t),a)},e.PlaybackRateMenuButton=j,e.PlaybackRateRadioGroup=I,e.PlayerContext=l,e.PreviewThumbnail=ei,e.PreviewTimeDisplay=eu,e.QualityRadioButton=q,e.QualityRadioGroup=V,e.RadioButton=R,e.RadioButtonEvents=E,e.RadioGroup=B,e.RadioGroupEvents=b,e.RangeEvents=Z,e.SeekButton=C,e.SettingsMenu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(K,n,r.createElement(T,{slot:"heading"},t),a)},e.SettingsMenuButton=X,e.SlotContainer=ec,e.THEOliveDefaultUI=function(e){var a=e.loadingAnnouncement,n=e.offlineAnnouncement,i=e.onReady,s=u(e,["loadingAnnouncement","offlineAnnouncement","onReady"]),c=t.useState(null),m=c[0],y=c[1],p=d(m,i);return r.createElement(ev,o({},s,{ref:y}),r.createElement(l.Provider,{value:p},a&&r.createElement(ec,{slot:"loading-announcement"},a),n&&r.createElement(ec,{slot:"offline-announcement"},n)))},e.TextTrackOffRadioButton=w,e.TextTrackRadioButton=A,e.TextTrackStyleDisplay=z,e.TextTrackStyleMenu=function(e){var t=e.heading,a=e.children,n=u(e,["heading","children"]);return r.createElement(J,n,r.createElement(T,{slot:"heading"},t),a)},e.TextTrackStyleRadioGroup=F,e.TextTrackStyleResetButton=W,e.TimeDisplay=N,e.TimeRange=$,e.TrackRadioGroup=P,e.UIContainer=function(e){var a=e.topChrome,n=e.middleChrome,i=e.bottomChrome,s=e.centeredChrome,c=e.centeredLoading,m=e.menu,y=e.error,p=e.onReady,g=u(e,["topChrome","middleChrome","bottomChrome","centeredChrome","centeredLoading","menu","error","onReady"]),h=t.useState(null),v=h[0],f=h[1],C=d(v,p);return r.createElement(eg,o({},g,{ref:f}),r.createElement(l.Provider,{value:C},a&&r.createElement(ec,{slot:"top-chrome"},a),n&&r.createElement(ec,{slot:"middle-chrome"},n),s&&r.createElement(ec,{slot:"centered-chrome"},s),c&&r.createElement(ec,{slot:"centered-loading"},c),i,m&&r.createElement(ec,{slot:"menu"},m),y&&r.createElement(ec,{slot:"error"},y)))},e.VolumeRange=_,e.useCurrentTime=function(){var e=t.useContext(l),a=t.useState(e?e.currentTime:0),n=a[0],r=a[1],o=t.useCallback(function(t){var a=function(){r(e.currentTime),t()};return null==e||e.addEventListener(ef,a),function(){return null==e?void 0:e.removeEventListener(ef,a)}},[e]);return t.useSyncExternalStore(o,function(){return n},function(){return n})},e.useDuration=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener(eC,t),function(){return null==e?void 0:e.removeEventListener(eC,t)}},[e]);return t.useSyncExternalStore(a,function(){return e?e.duration:NaN},function(){return NaN})},e.useMuted=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener("volumechange",t),function(){return null==e?void 0:e.removeEventListener("volumechange",t)}},[e]);return t.useSyncExternalStore(a,function(){return!!e&&e.muted},function(){return!1})},e.usePaused=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener(eN,t),function(){return null==e?void 0:e.removeEventListener(eN,t)}},[e]);return t.useSyncExternalStore(a,function(){return!e||e.paused},function(){return!0})},e.useSeeking=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener(ek,t),function(){return null==e?void 0:e.removeEventListener(ek,t)}},[e]);return t.useSyncExternalStore(a,function(){return!!e&&e.seeking},function(){return!1})},e.useSource=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener("sourcechange",t),function(){return null==e?void 0:e.removeEventListener("sourcechange",t)}},[e]);return t.useSyncExternalStore(a,function(){return null==e?void 0:e.source},function(){})},e.useVolume=function(){var e=t.useContext(l),a=t.useCallback(function(t){return null==e||e.addEventListener("volumechange",t),function(){return null==e?void 0:e.removeEventListener("volumechange",t)}},[e]);return t.useSyncExternalStore(a,function(){return e?e.volume:1},function(){return 1})},e.version="1.16.1"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{createContext as t,useCallback as a,useSyncExternalStore as n,useEffect as r,useState as l,useContext as o}from"react";import{ControlBar as u,Button as s,LinkButton as i,PlayButton as m,MuteButton as c,SeekButton as d,TimeDisplay as y,DurationDisplay as p,RadioGroup as g,RadioButton as h,Menu as v,MenuGroup as N,MenuButton as C,CloseMenuButton as f,MediaTrackRadioButton as B,TrackRadioGroup as k,TextTrackRadioButton as R,TextTrackOffRadioButton as T,LanguageMenu as E,LanguageMenuButton as b,PlaybackRateRadioGroup as M,PlaybackRateMenuButton as D,PlaybackRateMenu as L,PlaybackRateDisplay as P,ActiveQualityDisplay as S,QualityRadioButton as x,QualityRadioGroup as A,TextTrackStyleRadioGroup as G,TextTrackStyleResetButton as w,TextTrackStyleDisplay as I,TextTrackStyleMenu as O,SettingsMenu as Q,SettingsMenuButton as U,FullscreenButton as V,TimeRange as j,VolumeRange as q,ErrorDisplay as F,CastButton as H,ChromecastButton as z,ChromecastDisplay as J,AirPlayButton as K,LoadingIndicator as W,GestureReceiver as X,PreviewTimeDisplay as Y,PreviewThumbnail as Z,LiveButton as $,SlotContainer as _,AdDisplay as ee,AdCountdown as et,AdClickThroughButton as ea,AdSkipButton as en,UIContainer as er,DefaultUI as el,THEOliveDefaultUI as eo}from"@theoplayer/web-ui/es5";import{createComponent as eu}from"@lit/react";var es=t(void 0);function ei(){return(ei=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}function em(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}function ec(e,t){var l=n(a(function(t){return null==e||e.addEventListener("theoplayerready",t),function(){return null==e?void 0:e.removeEventListener("theoplayerready",t)}},[e]),function(){return null==e?void 0:e.player},function(){});return r(function(){l&&(null==t||t(l))},[l,t]),r(function(){return function(){try{null==l||l.destroy()}catch(e){}}},[l]),l}var ed=eu({tagName:"theoplayer-control-bar",displayName:"ControlBar",elementClass:u,react:e}),ey={onClick:"click"},ep=eu({tagName:"theoplayer-button",displayName:"Button",elementClass:s,react:e,events:ey}),eg=eu({tagName:"theoplayer-link-button",displayName:"LinkButton",elementClass:i,react:e,events:ey}),eh=eu({tagName:"theoplayer-play-button",displayName:"PlayButton",elementClass:m,react:e,events:ey}),ev=eu({tagName:"theoplayer-mute-button",displayName:"MuteButton",elementClass:c,react:e,events:ey}),eN=eu({tagName:"theoplayer-seek-button",displayName:"SeekButton",elementClass:d,react:e,events:ey}),eC=eu({tagName:"theoplayer-time-display",displayName:"TimeDisplay",elementClass:y,react:e}),ef=eu({tagName:"theoplayer-duration-display",displayName:"DurationDisplay",elementClass:p,react:e}),eB={onChange:"change"},ek=eu({tagName:"theoplayer-radio-group",displayName:"RadioGroup",elementClass:g,react:e,events:eB}),eR=ei({},ey,{onChange:"change",onInput:"input"}),eT=eu({tagName:"theoplayer-radio-button",displayName:"RadioButton",elementClass:h,react:e,events:eR}),eE=function(t){var a=t.slot,n=t.children;return n?e.createElement("div",{slot:a,style:{display:"contents"},children:n}):null},eb=eu({tagName:"theoplayer-menu",displayName:"Menu",elementClass:v,react:e}),eM=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(eb,r,e.createElement(eE,{slot:"heading"},a),n)},eD=eu({tagName:"theoplayer-menu-group",displayName:"MenuGroup",elementClass:N,react:e}),eL=eu({tagName:"theoplayer-menu-button",displayName:"MenuButton",elementClass:C,react:e,events:ey}),eP=eu({tagName:"theoplayer-close-menu-button",displayName:"CloseMenuButton",elementClass:f,react:e,events:ey}),eS=eu({tagName:"theoplayer-media-track-radio-button",displayName:"MediaTrackRadioButton",elementClass:B,react:e,events:eR}),ex=eu({tagName:"theoplayer-track-radio-group",displayName:"TrackRadioGroup",elementClass:k,react:e,events:eB}),eA=eu({tagName:"theoplayer-text-track-radio-button",displayName:"TextTrackRadioButton",elementClass:R,react:e,events:eR}),eG=eu({tagName:"theoplayer-text-track-off-radio-button",displayName:"TextTrackOffRadioButton",elementClass:T,react:e,events:eR}),ew=eu({tagName:"theoplayer-language-menu",displayName:"LanguageMenu",elementClass:E,react:e}),eI=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(ew,r,e.createElement(eE,{slot:"heading"},a),n)},eO=eu({tagName:"theoplayer-language-menu-button",displayName:"LanguageMenuButton",elementClass:b,react:e,events:ey}),eQ=eu({tagName:"theoplayer-playback-rate-radio-group",displayName:"PlaybackRateRadioGroup",elementClass:M,react:e,events:eB}),eU=eu({tagName:"theoplayer-playback-rate-menu-button",displayName:"PlaybackRateMenuButton",elementClass:D,react:e,events:ey}),eV=eu({tagName:"theoplayer-playback-rate-menu",displayName:"PlaybackRateMenu",elementClass:L,react:e}),ej=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(eV,r,e.createElement(eE,{slot:"heading"},a),n)},eq=eu({tagName:"theoplayer-playback-rate-display",displayName:"PlaybackRateDisplay",elementClass:P,react:e}),eF=eu({tagName:"theoplayer-active-quality-display",displayName:"ActiveQualityDisplay",elementClass:S,react:e}),eH=eu({tagName:"theoplayer-quality-radio-button",displayName:"QualityRadioButton",elementClass:x,react:e,events:eR}),ez=eu({tagName:"theoplayer-quality-radio-group",displayName:"QualityRadioGroup",elementClass:A,react:e,events:eB}),eJ=eu({tagName:"theoplayer-text-track-style-radio-group",displayName:"TextTrackStyleRadioGroup",elementClass:G,react:e,events:eB}),eK=eu({tagName:"theoplayer-text-track-style-reset-button",displayName:"TextTrackStyleResetButton",elementClass:w,react:e,events:ey}),eW=eu({tagName:"theoplayer-text-track-style-display",displayName:"TextTrackStyleDisplay",elementClass:I,react:e}),eX=eu({tagName:"theoplayer-text-track-style-menu",displayName:"TextTrackStyleMenu",elementClass:O,react:e}),eY=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(eX,r,e.createElement(eE,{slot:"heading"},a),n)},eZ=eu({tagName:"theoplayer-settings-menu",displayName:"SettingsMenu",elementClass:Q,react:e}),e$=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(eZ,r,e.createElement(eE,{slot:"heading"},a),n)},e_=eu({tagName:"theoplayer-settings-menu-button",displayName:"SettingsMenuButton",elementClass:U,react:e,events:ey}),e0=eu({tagName:"theoplayer-fullscreen-button",displayName:"FullscreenButton",elementClass:V,react:e,events:ey}),e1={onChange:"change",onInput:"input"},e5=eu({tagName:"theoplayer-time-range",displayName:"TimeRange",elementClass:j,react:e,events:e1}),e6=eu({tagName:"theoplayer-volume-range",displayName:"VolumeRange",elementClass:q,react:e,events:e1}),e2=eu({tagName:"theoplayer-error-display",displayName:"ErrorDisplay",elementClass:F,react:e}),e3=eu({tagName:"theoplayer-cast-button",displayName:"CastButton",elementClass:H,react:e,events:ey}),e4=eu({tagName:"theoplayer-chromecast-button",displayName:"ChromecastButton",elementClass:z,react:e,events:ey}),e7=eu({tagName:"theoplayer-chromecast-display",displayName:"ChromecastDisplay",elementClass:J,react:e}),e8=eu({tagName:"theoplayer-airplay-button",displayName:"AirPlayButton",elementClass:K,react:e,events:ey}),e9=eu({tagName:"theoplayer-loading-indicator",displayName:"LoadingIndicator",elementClass:W,react:e}),te=eu({tagName:"theoplayer-gesture-receiver",displayName:"GestureReceiver",elementClass:X,react:e}),tt=eu({tagName:"theoplayer-preview-time-display",displayName:"PreviewTimeDisplay",elementClass:Y,react:e}),ta=eu({tagName:"theoplayer-preview-thumbnail",displayName:"PreviewThumbnail",elementClass:Z,react:e}),tn=eu({tagName:"theoplayer-live-button",displayName:"LiveButton",elementClass:$,react:e,events:ey}),tr=eu({tagName:"theoplayer-slot-container",displayName:"SlotContainer",elementClass:_,react:e}),tl=eu({tagName:"theoplayer-ad-display",displayName:"AdDisplay",elementClass:ee,react:e}),to=eu({tagName:"theoplayer-ad-countdown",displayName:"AdCountdown",elementClass:et,react:e}),tu=eu({tagName:"theoplayer-ad-clickthrough-button",displayName:"AdClickThroughButton",elementClass:ea,react:e,events:ey}),ts=eu({tagName:"theoplayer-ad-skip-button",displayName:"AdSkipButton",elementClass:en,react:e,events:ey}),ti=eu({tagName:"theoplayer-ui",displayName:"UIContainer",elementClass:er,react:e,events:{onReady:"theoplayerready"}}),tm=function(t){var a=t.topChrome,n=t.middleChrome,r=t.bottomChrome,o=t.centeredChrome,u=t.centeredLoading,s=t.menu,i=t.error,m=t.onReady,c=em(t,["topChrome","middleChrome","bottomChrome","centeredChrome","centeredLoading","menu","error","onReady"]),d=l(null),y=d[0],p=d[1],g=ec(y,m);return e.createElement(ti,ei({},c,{ref:p}),e.createElement(es.Provider,{value:g},a&&e.createElement(tr,{slot:"top-chrome"},a),n&&e.createElement(tr,{slot:"middle-chrome"},n),o&&e.createElement(tr,{slot:"centered-chrome"},o),u&&e.createElement(tr,{slot:"centered-loading"},u),r,s&&e.createElement(tr,{slot:"menu"},s),i&&e.createElement(tr,{slot:"error"},i)))},tc=eu({tagName:"theoplayer-default-ui",displayName:"DefaultUI",elementClass:el,react:e,events:{onReady:"theoplayerready"}}),td=function(t){var a=t.title,n=t.topControlBar,r=t.bottomControlBar,o=t.centeredChrome,u=t.menu,s=t.error,i=t.onReady,m=em(t,["title","topControlBar","bottomControlBar","centeredChrome","menu","error","onReady"]),c=l(null),d=c[0],y=c[1],p=ec(d,i);return e.createElement(tc,ei({},m,{ref:y}),e.createElement(es.Provider,{value:p},a&&e.createElement(tr,{slot:"title"},a),n&&e.createElement(tr,{slot:"top-control-bar"},n),r&&e.createElement(tr,{slot:"bottom-control-bar"},r),o&&e.createElement(tr,{slot:"centered-chrome"},o),u&&e.createElement(tr,{slot:"menu"},u),s&&e.createElement(tr,{slot:"error"},s)))},ty=eu({tagName:"theolive-default-ui",displayName:"THEOliveDefaultUI",elementClass:eo,react:e,events:{onReady:"theoplayerready"}}),tp=function(t){var a=t.loadingAnnouncement,n=t.offlineAnnouncement,r=t.onReady,o=em(t,["loadingAnnouncement","offlineAnnouncement","onReady"]),u=l(null),s=u[0],i=u[1],m=ec(s,r);return e.createElement(ty,ei({},o,{ref:i}),e.createElement(es.Provider,{value:m},a&&e.createElement(tr,{slot:"loading-announcement"},a),n&&e.createElement(tr,{slot:"offline-announcement"},n)))},tg=["timeupdate","seeking","seeked","emptied"];function th(){var e=o(es),t=l(e?e.currentTime:0),r=t[0],u=t[1];return n(a(function(t){var a=function(){u(e.currentTime),t()};return null==e||e.addEventListener(tg,a),function(){return null==e?void 0:e.removeEventListener(tg,a)}},[e]),function(){return r},function(){return r})}var tv=["durationchange","emptied"];function tN(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener(tv,t),function(){return null==e?void 0:e.removeEventListener(tv,t)}},[e]),function(){return e?e.duration:NaN},function(){return NaN})}function tC(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener("volumechange",t),function(){return null==e?void 0:e.removeEventListener("volumechange",t)}},[e]),function(){return!!e&&e.muted},function(){return!1})}var tf=["play","pause"];function tB(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener(tf,t),function(){return null==e?void 0:e.removeEventListener(tf,t)}},[e]),function(){return!e||e.paused},function(){return!0})}var tk=["seeking","seeked","emptied"];function tR(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener(tk,t),function(){return null==e?void 0:e.removeEventListener(tk,t)}},[e]),function(){return!!e&&e.seeking},function(){return!1})}function tT(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener("sourcechange",t),function(){return null==e?void 0:e.removeEventListener("sourcechange",t)}},[e]),function(){return null==e?void 0:e.source},function(){})}function tE(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener("volumechange",t),function(){return null==e?void 0:e.removeEventListener("volumechange",t)}},[e]),function(){return e?e.volume:1},function(){return 1})}var tb="1.16.0";export{eF as ActiveQualityDisplay,tu as AdClickThroughButton,to as AdCountdown,tl as AdDisplay,ts as AdSkipButton,e8 as AirPlayButton,ep as Button,ey as ButtonEvents,e3 as CastButton,e4 as ChromecastButton,e7 as ChromecastDisplay,eP as CloseMenuButton,ed as ControlBar,td as DefaultUI,ef as DurationDisplay,e2 as ErrorDisplay,e0 as FullscreenButton,te as GestureReceiver,eI as LanguageMenu,eO as LanguageMenuButton,eg as LinkButton,tn as LiveButton,e9 as LoadingIndicator,eS as MediaTrackRadioButton,eM as Menu,eL as MenuButton,eD as MenuGroup,ev as MuteButton,eh as PlayButton,eq as PlaybackRateDisplay,ej as PlaybackRateMenu,eU as PlaybackRateMenuButton,eQ as PlaybackRateRadioGroup,es as PlayerContext,ta as PreviewThumbnail,tt as PreviewTimeDisplay,eH as QualityRadioButton,ez as QualityRadioGroup,eT as RadioButton,eR as RadioButtonEvents,ek as RadioGroup,eB as RadioGroupEvents,e1 as RangeEvents,eN as SeekButton,e$ as SettingsMenu,e_ as SettingsMenuButton,tr as SlotContainer,tp as THEOliveDefaultUI,eG as TextTrackOffRadioButton,eA as TextTrackRadioButton,eW as TextTrackStyleDisplay,eY as TextTrackStyleMenu,eJ as TextTrackStyleRadioGroup,eK as TextTrackStyleResetButton,eC as TimeDisplay,e5 as TimeRange,ex as TrackRadioGroup,tm as UIContainer,e6 as VolumeRange,th as useCurrentTime,tN as useDuration,tC as useMuted,tB as usePaused,tR as useSeeking,tT as useSource,tE as useVolume,tb as version};
|
|
1
|
+
import*as e from"react";import{createContext as t,useCallback as a,useSyncExternalStore as n,useEffect as r,useState as l,useContext as o}from"react";import{ControlBar as u,Button as s,LinkButton as i,PlayButton as m,MuteButton as c,SeekButton as d,TimeDisplay as y,DurationDisplay as p,RadioGroup as g,RadioButton as h,Menu as v,MenuGroup as N,MenuButton as C,CloseMenuButton as f,MediaTrackRadioButton as B,TrackRadioGroup as k,TextTrackRadioButton as R,TextTrackOffRadioButton as T,LanguageMenu as E,LanguageMenuButton as b,PlaybackRateRadioGroup as M,PlaybackRateMenuButton as D,PlaybackRateMenu as L,PlaybackRateDisplay as P,ActiveQualityDisplay as S,QualityRadioButton as x,QualityRadioGroup as A,TextTrackStyleRadioGroup as G,TextTrackStyleResetButton as w,TextTrackStyleDisplay as I,TextTrackStyleMenu as O,SettingsMenu as Q,SettingsMenuButton as U,FullscreenButton as V,TimeRange as j,VolumeRange as q,ErrorDisplay as F,CastButton as H,ChromecastButton as z,ChromecastDisplay as J,AirPlayButton as K,LoadingIndicator as W,GestureReceiver as X,PreviewTimeDisplay as Y,PreviewThumbnail as Z,LiveButton as $,SlotContainer as _,AdDisplay as ee,AdCountdown as et,AdClickThroughButton as ea,AdSkipButton as en,UIContainer as er,DefaultUI as el,THEOliveDefaultUI as eo}from"@theoplayer/web-ui/es5";import{createComponent as eu}from"@lit/react";var es=t(void 0);function ei(){return(ei=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}function em(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}function ec(e,t){var l=n(a(function(t){return null==e||e.addEventListener("theoplayerready",t),function(){return null==e?void 0:e.removeEventListener("theoplayerready",t)}},[e]),function(){return null==e?void 0:e.player},function(){});return r(function(){l&&(null==t||t(l))},[l,t]),r(function(){return function(){try{null==l||l.destroy()}catch(e){}}},[l]),l}var ed=eu({tagName:"theoplayer-control-bar",displayName:"ControlBar",elementClass:u,react:e}),ey={onClick:"click"},ep=eu({tagName:"theoplayer-button",displayName:"Button",elementClass:s,react:e,events:ey}),eg=eu({tagName:"theoplayer-link-button",displayName:"LinkButton",elementClass:i,react:e,events:ey}),eh=eu({tagName:"theoplayer-play-button",displayName:"PlayButton",elementClass:m,react:e,events:ey}),ev=eu({tagName:"theoplayer-mute-button",displayName:"MuteButton",elementClass:c,react:e,events:ey}),eN=eu({tagName:"theoplayer-seek-button",displayName:"SeekButton",elementClass:d,react:e,events:ey}),eC=eu({tagName:"theoplayer-time-display",displayName:"TimeDisplay",elementClass:y,react:e}),ef=eu({tagName:"theoplayer-duration-display",displayName:"DurationDisplay",elementClass:p,react:e}),eB={onChange:"change"},ek=eu({tagName:"theoplayer-radio-group",displayName:"RadioGroup",elementClass:g,react:e,events:eB}),eR=ei({},ey,{onChange:"change",onInput:"input"}),eT=eu({tagName:"theoplayer-radio-button",displayName:"RadioButton",elementClass:h,react:e,events:eR}),eE=function(t){var a=t.slot,n=t.children;return n?e.createElement("div",{slot:a,style:{display:"contents"},children:n}):null},eb=eu({tagName:"theoplayer-menu",displayName:"Menu",elementClass:v,react:e}),eM=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(eb,r,e.createElement(eE,{slot:"heading"},a),n)},eD=eu({tagName:"theoplayer-menu-group",displayName:"MenuGroup",elementClass:N,react:e}),eL=eu({tagName:"theoplayer-menu-button",displayName:"MenuButton",elementClass:C,react:e,events:ey}),eP=eu({tagName:"theoplayer-close-menu-button",displayName:"CloseMenuButton",elementClass:f,react:e,events:ey}),eS=eu({tagName:"theoplayer-media-track-radio-button",displayName:"MediaTrackRadioButton",elementClass:B,react:e,events:eR}),ex=eu({tagName:"theoplayer-track-radio-group",displayName:"TrackRadioGroup",elementClass:k,react:e,events:eB}),eA=eu({tagName:"theoplayer-text-track-radio-button",displayName:"TextTrackRadioButton",elementClass:R,react:e,events:eR}),eG=eu({tagName:"theoplayer-text-track-off-radio-button",displayName:"TextTrackOffRadioButton",elementClass:T,react:e,events:eR}),ew=eu({tagName:"theoplayer-language-menu",displayName:"LanguageMenu",elementClass:E,react:e}),eI=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(ew,r,e.createElement(eE,{slot:"heading"},a),n)},eO=eu({tagName:"theoplayer-language-menu-button",displayName:"LanguageMenuButton",elementClass:b,react:e,events:ey}),eQ=eu({tagName:"theoplayer-playback-rate-radio-group",displayName:"PlaybackRateRadioGroup",elementClass:M,react:e,events:eB}),eU=eu({tagName:"theoplayer-playback-rate-menu-button",displayName:"PlaybackRateMenuButton",elementClass:D,react:e,events:ey}),eV=eu({tagName:"theoplayer-playback-rate-menu",displayName:"PlaybackRateMenu",elementClass:L,react:e}),ej=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(eV,r,e.createElement(eE,{slot:"heading"},a),n)},eq=eu({tagName:"theoplayer-playback-rate-display",displayName:"PlaybackRateDisplay",elementClass:P,react:e}),eF=eu({tagName:"theoplayer-active-quality-display",displayName:"ActiveQualityDisplay",elementClass:S,react:e}),eH=eu({tagName:"theoplayer-quality-radio-button",displayName:"QualityRadioButton",elementClass:x,react:e,events:eR}),ez=eu({tagName:"theoplayer-quality-radio-group",displayName:"QualityRadioGroup",elementClass:A,react:e,events:eB}),eJ=eu({tagName:"theoplayer-text-track-style-radio-group",displayName:"TextTrackStyleRadioGroup",elementClass:G,react:e,events:eB}),eK=eu({tagName:"theoplayer-text-track-style-reset-button",displayName:"TextTrackStyleResetButton",elementClass:w,react:e,events:ey}),eW=eu({tagName:"theoplayer-text-track-style-display",displayName:"TextTrackStyleDisplay",elementClass:I,react:e}),eX=eu({tagName:"theoplayer-text-track-style-menu",displayName:"TextTrackStyleMenu",elementClass:O,react:e}),eY=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(eX,r,e.createElement(eE,{slot:"heading"},a),n)},eZ=eu({tagName:"theoplayer-settings-menu",displayName:"SettingsMenu",elementClass:Q,react:e}),e$=function(t){var a=t.heading,n=t.children,r=em(t,["heading","children"]);return e.createElement(eZ,r,e.createElement(eE,{slot:"heading"},a),n)},e_=eu({tagName:"theoplayer-settings-menu-button",displayName:"SettingsMenuButton",elementClass:U,react:e,events:ey}),e0=eu({tagName:"theoplayer-fullscreen-button",displayName:"FullscreenButton",elementClass:V,react:e,events:ey}),e1={onChange:"change",onInput:"input"},e5=eu({tagName:"theoplayer-time-range",displayName:"TimeRange",elementClass:j,react:e,events:e1}),e6=eu({tagName:"theoplayer-volume-range",displayName:"VolumeRange",elementClass:q,react:e,events:e1}),e2=eu({tagName:"theoplayer-error-display",displayName:"ErrorDisplay",elementClass:F,react:e}),e3=eu({tagName:"theoplayer-cast-button",displayName:"CastButton",elementClass:H,react:e,events:ey}),e4=eu({tagName:"theoplayer-chromecast-button",displayName:"ChromecastButton",elementClass:z,react:e,events:ey}),e7=eu({tagName:"theoplayer-chromecast-display",displayName:"ChromecastDisplay",elementClass:J,react:e}),e8=eu({tagName:"theoplayer-airplay-button",displayName:"AirPlayButton",elementClass:K,react:e,events:ey}),e9=eu({tagName:"theoplayer-loading-indicator",displayName:"LoadingIndicator",elementClass:W,react:e}),te=eu({tagName:"theoplayer-gesture-receiver",displayName:"GestureReceiver",elementClass:X,react:e}),tt=eu({tagName:"theoplayer-preview-time-display",displayName:"PreviewTimeDisplay",elementClass:Y,react:e}),ta=eu({tagName:"theoplayer-preview-thumbnail",displayName:"PreviewThumbnail",elementClass:Z,react:e}),tn=eu({tagName:"theoplayer-live-button",displayName:"LiveButton",elementClass:$,react:e,events:ey}),tr=eu({tagName:"theoplayer-slot-container",displayName:"SlotContainer",elementClass:_,react:e}),tl=eu({tagName:"theoplayer-ad-display",displayName:"AdDisplay",elementClass:ee,react:e}),to=eu({tagName:"theoplayer-ad-countdown",displayName:"AdCountdown",elementClass:et,react:e}),tu=eu({tagName:"theoplayer-ad-clickthrough-button",displayName:"AdClickThroughButton",elementClass:ea,react:e,events:ey}),ts=eu({tagName:"theoplayer-ad-skip-button",displayName:"AdSkipButton",elementClass:en,react:e,events:ey}),ti=eu({tagName:"theoplayer-ui",displayName:"UIContainer",elementClass:er,react:e,events:{onReady:"theoplayerready"}}),tm=function(t){var a=t.topChrome,n=t.middleChrome,r=t.bottomChrome,o=t.centeredChrome,u=t.centeredLoading,s=t.menu,i=t.error,m=t.onReady,c=em(t,["topChrome","middleChrome","bottomChrome","centeredChrome","centeredLoading","menu","error","onReady"]),d=l(null),y=d[0],p=d[1],g=ec(y,m);return e.createElement(ti,ei({},c,{ref:p}),e.createElement(es.Provider,{value:g},a&&e.createElement(tr,{slot:"top-chrome"},a),n&&e.createElement(tr,{slot:"middle-chrome"},n),o&&e.createElement(tr,{slot:"centered-chrome"},o),u&&e.createElement(tr,{slot:"centered-loading"},u),r,s&&e.createElement(tr,{slot:"menu"},s),i&&e.createElement(tr,{slot:"error"},i)))},tc=eu({tagName:"theoplayer-default-ui",displayName:"DefaultUI",elementClass:el,react:e,events:{onReady:"theoplayerready"}}),td=function(t){var a=t.title,n=t.topControlBar,r=t.bottomControlBar,o=t.centeredChrome,u=t.menu,s=t.error,i=t.onReady,m=em(t,["title","topControlBar","bottomControlBar","centeredChrome","menu","error","onReady"]),c=l(null),d=c[0],y=c[1],p=ec(d,i);return e.createElement(tc,ei({},m,{ref:y}),e.createElement(es.Provider,{value:p},a&&e.createElement(tr,{slot:"title"},a),n&&e.createElement(tr,{slot:"top-control-bar"},n),r&&e.createElement(tr,{slot:"bottom-control-bar"},r),o&&e.createElement(tr,{slot:"centered-chrome"},o),u&&e.createElement(tr,{slot:"menu"},u),s&&e.createElement(tr,{slot:"error"},s)))},ty=eu({tagName:"theolive-default-ui",displayName:"THEOliveDefaultUI",elementClass:eo,react:e,events:{onReady:"theoplayerready"}}),tp=function(t){var a=t.loadingAnnouncement,n=t.offlineAnnouncement,r=t.onReady,o=em(t,["loadingAnnouncement","offlineAnnouncement","onReady"]),u=l(null),s=u[0],i=u[1],m=ec(s,r);return e.createElement(ty,ei({},o,{ref:i}),e.createElement(es.Provider,{value:m},a&&e.createElement(tr,{slot:"loading-announcement"},a),n&&e.createElement(tr,{slot:"offline-announcement"},n)))},tg=["timeupdate","seeking","seeked","emptied"];function th(){var e=o(es),t=l(e?e.currentTime:0),r=t[0],u=t[1];return n(a(function(t){var a=function(){u(e.currentTime),t()};return null==e||e.addEventListener(tg,a),function(){return null==e?void 0:e.removeEventListener(tg,a)}},[e]),function(){return r},function(){return r})}var tv=["durationchange","emptied"];function tN(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener(tv,t),function(){return null==e?void 0:e.removeEventListener(tv,t)}},[e]),function(){return e?e.duration:NaN},function(){return NaN})}function tC(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener("volumechange",t),function(){return null==e?void 0:e.removeEventListener("volumechange",t)}},[e]),function(){return!!e&&e.muted},function(){return!1})}var tf=["play","pause"];function tB(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener(tf,t),function(){return null==e?void 0:e.removeEventListener(tf,t)}},[e]),function(){return!e||e.paused},function(){return!0})}var tk=["seeking","seeked","emptied"];function tR(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener(tk,t),function(){return null==e?void 0:e.removeEventListener(tk,t)}},[e]),function(){return!!e&&e.seeking},function(){return!1})}function tT(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener("sourcechange",t),function(){return null==e?void 0:e.removeEventListener("sourcechange",t)}},[e]),function(){return null==e?void 0:e.source},function(){})}function tE(){var e=o(es);return n(a(function(t){return null==e||e.addEventListener("volumechange",t),function(){return null==e?void 0:e.removeEventListener("volumechange",t)}},[e]),function(){return e?e.volume:1},function(){return 1})}var tb="1.16.1";export{eF as ActiveQualityDisplay,tu as AdClickThroughButton,to as AdCountdown,tl as AdDisplay,ts as AdSkipButton,e8 as AirPlayButton,ep as Button,ey as ButtonEvents,e3 as CastButton,e4 as ChromecastButton,e7 as ChromecastDisplay,eP as CloseMenuButton,ed as ControlBar,td as DefaultUI,ef as DurationDisplay,e2 as ErrorDisplay,e0 as FullscreenButton,te as GestureReceiver,eI as LanguageMenu,eO as LanguageMenuButton,eg as LinkButton,tn as LiveButton,e9 as LoadingIndicator,eS as MediaTrackRadioButton,eM as Menu,eL as MenuButton,eD as MenuGroup,ev as MuteButton,eh as PlayButton,eq as PlaybackRateDisplay,ej as PlaybackRateMenu,eU as PlaybackRateMenuButton,eQ as PlaybackRateRadioGroup,es as PlayerContext,ta as PreviewThumbnail,tt as PreviewTimeDisplay,eH as QualityRadioButton,ez as QualityRadioGroup,eT as RadioButton,eR as RadioButtonEvents,ek as RadioGroup,eB as RadioGroupEvents,e1 as RangeEvents,eN as SeekButton,e$ as SettingsMenu,e_ as SettingsMenuButton,tr as SlotContainer,tp as THEOliveDefaultUI,eG as TextTrackOffRadioButton,eA as TextTrackRadioButton,eW as TextTrackStyleDisplay,eY as TextTrackStyleMenu,eJ as TextTrackStyleRadioGroup,eK as TextTrackStyleResetButton,eC as TimeDisplay,e5 as TimeRange,ex as TrackRadioGroup,tm as UIContainer,e6 as VolumeRange,th as useCurrentTime,tN as useDuration,tC as useMuted,tB as usePaused,tR as useSeeking,tT as useSource,tE as useVolume,tb as version};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
!/*!
|
|
2
|
-
* THEOplayer Open Video UI for React (v1.16.
|
|
2
|
+
* THEOplayer Open Video UI for React (v1.16.1)
|
|
3
3
|
* License: MIT
|
|
4
|
-
*/function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@theoplayer/web-ui")):"function"==typeof define&&define.amd?define(["exports","react","@theoplayer/web-ui"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).THEOplayerReactUI={},e.React,e.THEOplayerUI)}(this,function(e,t,a){"use strict";var n,l=(n=Object.create(null),t&&Object.keys(t).forEach(function(e){if("default"!==e){var a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,a.get?a:{enumerable:!0,get:function(){return t[e]}})}}),n.default=t,Object.freeze(n));let r=t.createContext(void 0),o=new Set(["children","localName","ref","style","className"]),s=new WeakMap,u=(e,t,a,n,l)=>{let r,o;let u=l?.[t];void 0===u?(e[t]=a,null==a&&t in HTMLElement.prototype&&e.removeAttribute(t)):a!==n&&(void 0===(r=s.get(e))&&s.set(e,r=new Map),o=r.get(u),void 0!==a?void 0===o?(r.set(u,o={handleEvent:a}),e.addEventListener(u,o)):o.handleEvent=a:void 0!==o&&(r.delete(u),e.removeEventListener(u,o)))},i=({react:e,tagName:t,elementClass:a,events:n,displayName:l})=>{let r=new Set(Object.keys(n??{})),s=e.forwardRef((l,s)=>{let i=e.useRef(new Map),m=e.useRef(null),c={},y={};for(let[e,t]of Object.entries(l))o.has(e)?c["className"===e?"class":e]=t:r.has(e)||e in a.prototype?y[e]=t:c[e]=t;return e.useLayoutEffect(()=>{if(null===m.current)return;let e=new Map;for(let t in y)u(m.current,t,l[t],i.current.get(t),n),i.current.delete(t),e.set(t,l[t]);for(let[e,t]of i.current)u(m.current,e,void 0,t,n);i.current=e}),e.useLayoutEffect(()=>{m.current?.removeAttribute("defer-hydration")},[]),c.suppressHydrationWarning=!0,e.createElement(t,{...c,ref:e.useCallback(e=>{m.current=e,"function"==typeof s?s(e):null!==s&&(s.current=e)},[s])})});return s.displayName=l??a.name,s};function m(e,a){let n=t.useCallback(t=>(null==e||e.addEventListener("theoplayerready",t),()=>null==e?void 0:e.removeEventListener("theoplayerready",t)),[e]),l=t.useSyncExternalStore(n,()=>null==e?void 0:e.player,()=>void 0);return t.useEffect(()=>{l&&(null==a||a(l))},[l,a]),t.useEffect(()=>()=>{try{null==l||l.destroy()}catch{}},[l]),l}let c=i({tagName:"theoplayer-control-bar",displayName:"ControlBar",elementClass:a.ControlBar,react:l}),y={onClick:"click"},d=i({tagName:"theoplayer-button",displayName:"Button",elementClass:a.Button,react:l,events:y}),p=i({tagName:"theoplayer-link-button",displayName:"LinkButton",elementClass:a.LinkButton,react:l,events:y}),g=i({tagName:"theoplayer-play-button",displayName:"PlayButton",elementClass:a.PlayButton,react:l,events:y}),v=i({tagName:"theoplayer-mute-button",displayName:"MuteButton",elementClass:a.MuteButton,react:l,events:y}),N=i({tagName:"theoplayer-seek-button",displayName:"SeekButton",elementClass:a.SeekButton,react:l,events:y}),h=i({tagName:"theoplayer-time-display",displayName:"TimeDisplay",elementClass:a.TimeDisplay,react:l}),C=i({tagName:"theoplayer-duration-display",displayName:"DurationDisplay",elementClass:a.DurationDisplay,react:l}),k={onChange:"change"},E=i({tagName:"theoplayer-radio-group",displayName:"RadioGroup",elementClass:a.RadioGroup,react:l,events:k}),f={...y,onChange:"change",onInput:"input"},B=i({tagName:"theoplayer-radio-button",displayName:"RadioButton",elementClass:a.RadioButton,react:l,events:f}),b=({slot:e,children:t})=>t?l.createElement("div",{slot:e,style:{display:"contents"},children:t}):null,T=i({tagName:"theoplayer-menu",displayName:"Menu",elementClass:a.Menu,react:l}),R=i({tagName:"theoplayer-menu-group",displayName:"MenuGroup",elementClass:a.MenuGroup,react:l}),S=i({tagName:"theoplayer-menu-button",displayName:"MenuButton",elementClass:a.MenuButton,react:l,events:y}),M=i({tagName:"theoplayer-close-menu-button",displayName:"CloseMenuButton",elementClass:a.CloseMenuButton,react:l,events:y}),x=i({tagName:"theoplayer-media-track-radio-button",displayName:"MediaTrackRadioButton",elementClass:a.MediaTrackRadioButton,react:l,events:f}),D=i({tagName:"theoplayer-track-radio-group",displayName:"TrackRadioGroup",elementClass:a.TrackRadioGroup,react:l,events:k}),L=i({tagName:"theoplayer-text-track-radio-button",displayName:"TextTrackRadioButton",elementClass:a.TextTrackRadioButton,react:l,events:f}),P=i({tagName:"theoplayer-text-track-off-radio-button",displayName:"TextTrackOffRadioButton",elementClass:a.TextTrackOffRadioButton,react:l,events:f}),w=i({tagName:"theoplayer-language-menu",displayName:"LanguageMenu",elementClass:a.LanguageMenu,react:l}),G=i({tagName:"theoplayer-language-menu-button",displayName:"LanguageMenuButton",elementClass:a.LanguageMenuButton,react:l,events:y}),A=i({tagName:"theoplayer-playback-rate-radio-group",displayName:"PlaybackRateRadioGroup",elementClass:a.PlaybackRateRadioGroup,react:l,events:k}),I=i({tagName:"theoplayer-playback-rate-menu-button",displayName:"PlaybackRateMenuButton",elementClass:a.PlaybackRateMenuButton,react:l,events:y}),O=i({tagName:"theoplayer-playback-rate-menu",displayName:"PlaybackRateMenu",elementClass:a.PlaybackRateMenu,react:l}),U=i({tagName:"theoplayer-playback-rate-display",displayName:"PlaybackRateDisplay",elementClass:a.PlaybackRateDisplay,react:l}),Q=i({tagName:"theoplayer-active-quality-display",displayName:"ActiveQualityDisplay",elementClass:a.ActiveQualityDisplay,react:l}),j=i({tagName:"theoplayer-quality-radio-button",displayName:"QualityRadioButton",elementClass:a.QualityRadioButton,react:l,events:f}),H=i({tagName:"theoplayer-quality-radio-group",displayName:"QualityRadioGroup",elementClass:a.QualityRadioGroup,react:l,events:k}),q=i({tagName:"theoplayer-text-track-style-radio-group",displayName:"TextTrackStyleRadioGroup",elementClass:a.TextTrackStyleRadioGroup,react:l,events:k}),V=i({tagName:"theoplayer-text-track-style-reset-button",displayName:"TextTrackStyleResetButton",elementClass:a.TextTrackStyleResetButton,react:l,events:y}),F=i({tagName:"theoplayer-text-track-style-display",displayName:"TextTrackStyleDisplay",elementClass:a.TextTrackStyleDisplay,react:l}),W=i({tagName:"theoplayer-text-track-style-menu",displayName:"TextTrackStyleMenu",elementClass:a.TextTrackStyleMenu,react:l}),z=i({tagName:"theoplayer-settings-menu",displayName:"SettingsMenu",elementClass:a.SettingsMenu,react:l}),J=i({tagName:"theoplayer-settings-menu-button",displayName:"SettingsMenuButton",elementClass:a.SettingsMenuButton,react:l,events:y}),K=i({tagName:"theoplayer-fullscreen-button",displayName:"FullscreenButton",elementClass:a.FullscreenButton,react:l,events:y}),X={onChange:"change",onInput:"input"},Y=i({tagName:"theoplayer-time-range",displayName:"TimeRange",elementClass:a.TimeRange,react:l,events:X}),Z=i({tagName:"theoplayer-volume-range",displayName:"VolumeRange",elementClass:a.VolumeRange,react:l,events:X}),$=i({tagName:"theoplayer-error-display",displayName:"ErrorDisplay",elementClass:a.ErrorDisplay,react:l}),_=i({tagName:"theoplayer-cast-button",displayName:"CastButton",elementClass:a.CastButton,react:l,events:y}),ee=i({tagName:"theoplayer-chromecast-button",displayName:"ChromecastButton",elementClass:a.ChromecastButton,react:l,events:y}),et=i({tagName:"theoplayer-chromecast-display",displayName:"ChromecastDisplay",elementClass:a.ChromecastDisplay,react:l}),ea=i({tagName:"theoplayer-airplay-button",displayName:"AirPlayButton",elementClass:a.AirPlayButton,react:l,events:y}),en=i({tagName:"theoplayer-loading-indicator",displayName:"LoadingIndicator",elementClass:a.LoadingIndicator,react:l}),el=i({tagName:"theoplayer-gesture-receiver",displayName:"GestureReceiver",elementClass:a.GestureReceiver,react:l}),er=i({tagName:"theoplayer-preview-time-display",displayName:"PreviewTimeDisplay",elementClass:a.PreviewTimeDisplay,react:l}),eo=i({tagName:"theoplayer-preview-thumbnail",displayName:"PreviewThumbnail",elementClass:a.PreviewThumbnail,react:l}),es=i({tagName:"theoplayer-live-button",displayName:"LiveButton",elementClass:a.LiveButton,react:l,events:y}),eu=i({tagName:"theoplayer-slot-container",displayName:"SlotContainer",elementClass:a.SlotContainer,react:l}),ei=i({tagName:"theoplayer-ad-display",displayName:"AdDisplay",elementClass:a.AdDisplay,react:l}),em=i({tagName:"theoplayer-ad-countdown",displayName:"AdCountdown",elementClass:a.AdCountdown,react:l}),ec=i({tagName:"theoplayer-ad-clickthrough-button",displayName:"AdClickThroughButton",elementClass:a.AdClickThroughButton,react:l,events:y}),ey=i({tagName:"theoplayer-ad-skip-button",displayName:"AdSkipButton",elementClass:a.AdSkipButton,react:l,events:y}),ed=i({tagName:"theoplayer-ui",displayName:"UIContainer",elementClass:a.UIContainer,react:l,events:{onReady:"theoplayerready"}}),ep=i({tagName:"theoplayer-default-ui",displayName:"DefaultUI",elementClass:a.DefaultUI,react:l,events:{onReady:"theoplayerready"}}),eg=i({tagName:"theolive-default-ui",displayName:"THEOliveDefaultUI",elementClass:a.THEOliveDefaultUI,react:l,events:{onReady:"theoplayerready"}}),ev=["timeupdate","seeking","seeked","emptied"],eN=["durationchange","emptied"],eh=["play","pause"],eC=["seeking","seeked","emptied"];e.ActiveQualityDisplay=Q,e.AdClickThroughButton=ec,e.AdCountdown=em,e.AdDisplay=ei,e.AdSkipButton=ey,e.AirPlayButton=ea,e.Button=d,e.ButtonEvents=y,e.CastButton=_,e.ChromecastButton=ee,e.ChromecastDisplay=et,e.CloseMenuButton=M,e.ControlBar=c,e.DefaultUI=e=>{let{title:a,topControlBar:n,bottomControlBar:o,centeredChrome:s,menu:u,error:i,onReady:c,...y}=e,[d,p]=t.useState(null),g=m(d,c);return l.createElement(ep,{...y,ref:p},l.createElement(r.Provider,{value:g},a&&l.createElement(eu,{slot:"title"},a),n&&l.createElement(eu,{slot:"top-control-bar"},n),o&&l.createElement(eu,{slot:"bottom-control-bar"},o),s&&l.createElement(eu,{slot:"centered-chrome"},s),u&&l.createElement(eu,{slot:"menu"},u),i&&l.createElement(eu,{slot:"error"},i)))},e.DurationDisplay=C,e.ErrorDisplay=$,e.FullscreenButton=K,e.GestureReceiver=el,e.LanguageMenu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(w,n,l.createElement(b,{slot:"heading"},t),a)},e.LanguageMenuButton=G,e.LinkButton=p,e.LiveButton=es,e.LoadingIndicator=en,e.MediaTrackRadioButton=x,e.Menu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(T,n,l.createElement(b,{slot:"heading"},t),a)},e.MenuButton=S,e.MenuGroup=R,e.MuteButton=v,e.PlayButton=g,e.PlaybackRateDisplay=U,e.PlaybackRateMenu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(O,n,l.createElement(b,{slot:"heading"},t),a)},e.PlaybackRateMenuButton=I,e.PlaybackRateRadioGroup=A,e.PlayerContext=r,e.PreviewThumbnail=eo,e.PreviewTimeDisplay=er,e.QualityRadioButton=j,e.QualityRadioGroup=H,e.RadioButton=B,e.RadioButtonEvents=f,e.RadioGroup=E,e.RadioGroupEvents=k,e.RangeEvents=X,e.SeekButton=N,e.SettingsMenu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(z,n,l.createElement(b,{slot:"heading"},t),a)},e.SettingsMenuButton=J,e.SlotContainer=eu,e.THEOliveDefaultUI=e=>{let{loadingAnnouncement:a,offlineAnnouncement:n,onReady:o,...s}=e,[u,i]=t.useState(null),c=m(u,o);return l.createElement(eg,{...s,ref:i},l.createElement(r.Provider,{value:c},a&&l.createElement(eu,{slot:"loading-announcement"},a),n&&l.createElement(eu,{slot:"offline-announcement"},n)))},e.TextTrackOffRadioButton=P,e.TextTrackRadioButton=L,e.TextTrackStyleDisplay=F,e.TextTrackStyleMenu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(W,n,l.createElement(b,{slot:"heading"},t),a)},e.TextTrackStyleRadioGroup=q,e.TextTrackStyleResetButton=V,e.TimeDisplay=h,e.TimeRange=Y,e.TrackRadioGroup=D,e.UIContainer=e=>{let{topChrome:a,middleChrome:n,bottomChrome:o,centeredChrome:s,centeredLoading:u,menu:i,error:c,onReady:y,...d}=e,[p,g]=t.useState(null),v=m(p,y);return l.createElement(ed,{...d,ref:g},l.createElement(r.Provider,{value:v},a&&l.createElement(eu,{slot:"top-chrome"},a),n&&l.createElement(eu,{slot:"middle-chrome"},n),s&&l.createElement(eu,{slot:"centered-chrome"},s),u&&l.createElement(eu,{slot:"centered-loading"},u),o,i&&l.createElement(eu,{slot:"menu"},i),c&&l.createElement(eu,{slot:"error"},c)))},e.VolumeRange=Z,e.useCurrentTime=function(){let e=t.useContext(r),[a,n]=t.useState(e?e.currentTime:0),l=t.useCallback(t=>{let a=()=>{n(e.currentTime),t()};return null==e||e.addEventListener(ev,a),()=>null==e?void 0:e.removeEventListener(ev,a)},[e]);return t.useSyncExternalStore(l,()=>a,()=>a)},e.useDuration=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener(eN,t),()=>null==e?void 0:e.removeEventListener(eN,t)),[e]);return t.useSyncExternalStore(a,()=>e?e.duration:NaN,()=>NaN)},e.useMuted=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener("volumechange",t),()=>null==e?void 0:e.removeEventListener("volumechange",t)),[e]);return t.useSyncExternalStore(a,()=>!!e&&e.muted,()=>!1)},e.usePaused=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener(eh,t),()=>null==e?void 0:e.removeEventListener(eh,t)),[e]);return t.useSyncExternalStore(a,()=>!e||e.paused,()=>!0)},e.useSeeking=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener(eC,t),()=>null==e?void 0:e.removeEventListener(eC,t)),[e]);return t.useSyncExternalStore(a,()=>!!e&&e.seeking,()=>!1)},e.useSource=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener("sourcechange",t),()=>null==e?void 0:e.removeEventListener("sourcechange",t)),[e]);return t.useSyncExternalStore(a,()=>null==e?void 0:e.source,()=>void 0)},e.useVolume=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener("volumechange",t),()=>null==e?void 0:e.removeEventListener("volumechange",t)),[e]);return t.useSyncExternalStore(a,()=>e?e.volume:1,()=>1)},e.version="1.16.0"});
|
|
4
|
+
*/function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@theoplayer/web-ui")):"function"==typeof define&&define.amd?define(["exports","react","@theoplayer/web-ui"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).THEOplayerReactUI={},e.React,e.THEOplayerUI)}(this,function(e,t,a){"use strict";var n,l=(n=Object.create(null),t&&Object.keys(t).forEach(function(e){if("default"!==e){var a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,a.get?a:{enumerable:!0,get:function(){return t[e]}})}}),n.default=t,Object.freeze(n));let r=t.createContext(void 0),o=new Set(["children","localName","ref","style","className"]),s=new WeakMap,u=(e,t,a,n,l)=>{let r,o;let u=l?.[t];void 0===u?(e[t]=a,null==a&&t in HTMLElement.prototype&&e.removeAttribute(t)):a!==n&&(void 0===(r=s.get(e))&&s.set(e,r=new Map),o=r.get(u),void 0!==a?void 0===o?(r.set(u,o={handleEvent:a}),e.addEventListener(u,o)):o.handleEvent=a:void 0!==o&&(r.delete(u),e.removeEventListener(u,o)))},i=({react:e,tagName:t,elementClass:a,events:n,displayName:l})=>{let r=new Set(Object.keys(n??{})),s=e.forwardRef((l,s)=>{let i=e.useRef(new Map),m=e.useRef(null),c={},y={};for(let[e,t]of Object.entries(l))o.has(e)?c["className"===e?"class":e]=t:r.has(e)||e in a.prototype?y[e]=t:c[e]=t;return e.useLayoutEffect(()=>{if(null===m.current)return;let e=new Map;for(let t in y)u(m.current,t,l[t],i.current.get(t),n),i.current.delete(t),e.set(t,l[t]);for(let[e,t]of i.current)u(m.current,e,void 0,t,n);i.current=e}),e.useLayoutEffect(()=>{m.current?.removeAttribute("defer-hydration")},[]),c.suppressHydrationWarning=!0,e.createElement(t,{...c,ref:e.useCallback(e=>{m.current=e,"function"==typeof s?s(e):null!==s&&(s.current=e)},[s])})});return s.displayName=l??a.name,s};function m(e,a){let n=t.useCallback(t=>(null==e||e.addEventListener("theoplayerready",t),()=>null==e?void 0:e.removeEventListener("theoplayerready",t)),[e]),l=t.useSyncExternalStore(n,()=>null==e?void 0:e.player,()=>void 0);return t.useEffect(()=>{l&&(null==a||a(l))},[l,a]),t.useEffect(()=>()=>{try{null==l||l.destroy()}catch{}},[l]),l}let c=i({tagName:"theoplayer-control-bar",displayName:"ControlBar",elementClass:a.ControlBar,react:l}),y={onClick:"click"},d=i({tagName:"theoplayer-button",displayName:"Button",elementClass:a.Button,react:l,events:y}),p=i({tagName:"theoplayer-link-button",displayName:"LinkButton",elementClass:a.LinkButton,react:l,events:y}),g=i({tagName:"theoplayer-play-button",displayName:"PlayButton",elementClass:a.PlayButton,react:l,events:y}),v=i({tagName:"theoplayer-mute-button",displayName:"MuteButton",elementClass:a.MuteButton,react:l,events:y}),N=i({tagName:"theoplayer-seek-button",displayName:"SeekButton",elementClass:a.SeekButton,react:l,events:y}),h=i({tagName:"theoplayer-time-display",displayName:"TimeDisplay",elementClass:a.TimeDisplay,react:l}),C=i({tagName:"theoplayer-duration-display",displayName:"DurationDisplay",elementClass:a.DurationDisplay,react:l}),k={onChange:"change"},E=i({tagName:"theoplayer-radio-group",displayName:"RadioGroup",elementClass:a.RadioGroup,react:l,events:k}),f={...y,onChange:"change",onInput:"input"},B=i({tagName:"theoplayer-radio-button",displayName:"RadioButton",elementClass:a.RadioButton,react:l,events:f}),b=({slot:e,children:t})=>t?l.createElement("div",{slot:e,style:{display:"contents"},children:t}):null,T=i({tagName:"theoplayer-menu",displayName:"Menu",elementClass:a.Menu,react:l}),R=i({tagName:"theoplayer-menu-group",displayName:"MenuGroup",elementClass:a.MenuGroup,react:l}),S=i({tagName:"theoplayer-menu-button",displayName:"MenuButton",elementClass:a.MenuButton,react:l,events:y}),M=i({tagName:"theoplayer-close-menu-button",displayName:"CloseMenuButton",elementClass:a.CloseMenuButton,react:l,events:y}),x=i({tagName:"theoplayer-media-track-radio-button",displayName:"MediaTrackRadioButton",elementClass:a.MediaTrackRadioButton,react:l,events:f}),D=i({tagName:"theoplayer-track-radio-group",displayName:"TrackRadioGroup",elementClass:a.TrackRadioGroup,react:l,events:k}),L=i({tagName:"theoplayer-text-track-radio-button",displayName:"TextTrackRadioButton",elementClass:a.TextTrackRadioButton,react:l,events:f}),P=i({tagName:"theoplayer-text-track-off-radio-button",displayName:"TextTrackOffRadioButton",elementClass:a.TextTrackOffRadioButton,react:l,events:f}),w=i({tagName:"theoplayer-language-menu",displayName:"LanguageMenu",elementClass:a.LanguageMenu,react:l}),G=i({tagName:"theoplayer-language-menu-button",displayName:"LanguageMenuButton",elementClass:a.LanguageMenuButton,react:l,events:y}),A=i({tagName:"theoplayer-playback-rate-radio-group",displayName:"PlaybackRateRadioGroup",elementClass:a.PlaybackRateRadioGroup,react:l,events:k}),I=i({tagName:"theoplayer-playback-rate-menu-button",displayName:"PlaybackRateMenuButton",elementClass:a.PlaybackRateMenuButton,react:l,events:y}),O=i({tagName:"theoplayer-playback-rate-menu",displayName:"PlaybackRateMenu",elementClass:a.PlaybackRateMenu,react:l}),U=i({tagName:"theoplayer-playback-rate-display",displayName:"PlaybackRateDisplay",elementClass:a.PlaybackRateDisplay,react:l}),Q=i({tagName:"theoplayer-active-quality-display",displayName:"ActiveQualityDisplay",elementClass:a.ActiveQualityDisplay,react:l}),j=i({tagName:"theoplayer-quality-radio-button",displayName:"QualityRadioButton",elementClass:a.QualityRadioButton,react:l,events:f}),H=i({tagName:"theoplayer-quality-radio-group",displayName:"QualityRadioGroup",elementClass:a.QualityRadioGroup,react:l,events:k}),q=i({tagName:"theoplayer-text-track-style-radio-group",displayName:"TextTrackStyleRadioGroup",elementClass:a.TextTrackStyleRadioGroup,react:l,events:k}),V=i({tagName:"theoplayer-text-track-style-reset-button",displayName:"TextTrackStyleResetButton",elementClass:a.TextTrackStyleResetButton,react:l,events:y}),F=i({tagName:"theoplayer-text-track-style-display",displayName:"TextTrackStyleDisplay",elementClass:a.TextTrackStyleDisplay,react:l}),W=i({tagName:"theoplayer-text-track-style-menu",displayName:"TextTrackStyleMenu",elementClass:a.TextTrackStyleMenu,react:l}),z=i({tagName:"theoplayer-settings-menu",displayName:"SettingsMenu",elementClass:a.SettingsMenu,react:l}),J=i({tagName:"theoplayer-settings-menu-button",displayName:"SettingsMenuButton",elementClass:a.SettingsMenuButton,react:l,events:y}),K=i({tagName:"theoplayer-fullscreen-button",displayName:"FullscreenButton",elementClass:a.FullscreenButton,react:l,events:y}),X={onChange:"change",onInput:"input"},Y=i({tagName:"theoplayer-time-range",displayName:"TimeRange",elementClass:a.TimeRange,react:l,events:X}),Z=i({tagName:"theoplayer-volume-range",displayName:"VolumeRange",elementClass:a.VolumeRange,react:l,events:X}),$=i({tagName:"theoplayer-error-display",displayName:"ErrorDisplay",elementClass:a.ErrorDisplay,react:l}),_=i({tagName:"theoplayer-cast-button",displayName:"CastButton",elementClass:a.CastButton,react:l,events:y}),ee=i({tagName:"theoplayer-chromecast-button",displayName:"ChromecastButton",elementClass:a.ChromecastButton,react:l,events:y}),et=i({tagName:"theoplayer-chromecast-display",displayName:"ChromecastDisplay",elementClass:a.ChromecastDisplay,react:l}),ea=i({tagName:"theoplayer-airplay-button",displayName:"AirPlayButton",elementClass:a.AirPlayButton,react:l,events:y}),en=i({tagName:"theoplayer-loading-indicator",displayName:"LoadingIndicator",elementClass:a.LoadingIndicator,react:l}),el=i({tagName:"theoplayer-gesture-receiver",displayName:"GestureReceiver",elementClass:a.GestureReceiver,react:l}),er=i({tagName:"theoplayer-preview-time-display",displayName:"PreviewTimeDisplay",elementClass:a.PreviewTimeDisplay,react:l}),eo=i({tagName:"theoplayer-preview-thumbnail",displayName:"PreviewThumbnail",elementClass:a.PreviewThumbnail,react:l}),es=i({tagName:"theoplayer-live-button",displayName:"LiveButton",elementClass:a.LiveButton,react:l,events:y}),eu=i({tagName:"theoplayer-slot-container",displayName:"SlotContainer",elementClass:a.SlotContainer,react:l}),ei=i({tagName:"theoplayer-ad-display",displayName:"AdDisplay",elementClass:a.AdDisplay,react:l}),em=i({tagName:"theoplayer-ad-countdown",displayName:"AdCountdown",elementClass:a.AdCountdown,react:l}),ec=i({tagName:"theoplayer-ad-clickthrough-button",displayName:"AdClickThroughButton",elementClass:a.AdClickThroughButton,react:l,events:y}),ey=i({tagName:"theoplayer-ad-skip-button",displayName:"AdSkipButton",elementClass:a.AdSkipButton,react:l,events:y}),ed=i({tagName:"theoplayer-ui",displayName:"UIContainer",elementClass:a.UIContainer,react:l,events:{onReady:"theoplayerready"}}),ep=i({tagName:"theoplayer-default-ui",displayName:"DefaultUI",elementClass:a.DefaultUI,react:l,events:{onReady:"theoplayerready"}}),eg=i({tagName:"theolive-default-ui",displayName:"THEOliveDefaultUI",elementClass:a.THEOliveDefaultUI,react:l,events:{onReady:"theoplayerready"}}),ev=["timeupdate","seeking","seeked","emptied"],eN=["durationchange","emptied"],eh=["play","pause"],eC=["seeking","seeked","emptied"];e.ActiveQualityDisplay=Q,e.AdClickThroughButton=ec,e.AdCountdown=em,e.AdDisplay=ei,e.AdSkipButton=ey,e.AirPlayButton=ea,e.Button=d,e.ButtonEvents=y,e.CastButton=_,e.ChromecastButton=ee,e.ChromecastDisplay=et,e.CloseMenuButton=M,e.ControlBar=c,e.DefaultUI=e=>{let{title:a,topControlBar:n,bottomControlBar:o,centeredChrome:s,menu:u,error:i,onReady:c,...y}=e,[d,p]=t.useState(null),g=m(d,c);return l.createElement(ep,{...y,ref:p},l.createElement(r.Provider,{value:g},a&&l.createElement(eu,{slot:"title"},a),n&&l.createElement(eu,{slot:"top-control-bar"},n),o&&l.createElement(eu,{slot:"bottom-control-bar"},o),s&&l.createElement(eu,{slot:"centered-chrome"},s),u&&l.createElement(eu,{slot:"menu"},u),i&&l.createElement(eu,{slot:"error"},i)))},e.DurationDisplay=C,e.ErrorDisplay=$,e.FullscreenButton=K,e.GestureReceiver=el,e.LanguageMenu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(w,n,l.createElement(b,{slot:"heading"},t),a)},e.LanguageMenuButton=G,e.LinkButton=p,e.LiveButton=es,e.LoadingIndicator=en,e.MediaTrackRadioButton=x,e.Menu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(T,n,l.createElement(b,{slot:"heading"},t),a)},e.MenuButton=S,e.MenuGroup=R,e.MuteButton=v,e.PlayButton=g,e.PlaybackRateDisplay=U,e.PlaybackRateMenu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(O,n,l.createElement(b,{slot:"heading"},t),a)},e.PlaybackRateMenuButton=I,e.PlaybackRateRadioGroup=A,e.PlayerContext=r,e.PreviewThumbnail=eo,e.PreviewTimeDisplay=er,e.QualityRadioButton=j,e.QualityRadioGroup=H,e.RadioButton=B,e.RadioButtonEvents=f,e.RadioGroup=E,e.RadioGroupEvents=k,e.RangeEvents=X,e.SeekButton=N,e.SettingsMenu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(z,n,l.createElement(b,{slot:"heading"},t),a)},e.SettingsMenuButton=J,e.SlotContainer=eu,e.THEOliveDefaultUI=e=>{let{loadingAnnouncement:a,offlineAnnouncement:n,onReady:o,...s}=e,[u,i]=t.useState(null),c=m(u,o);return l.createElement(eg,{...s,ref:i},l.createElement(r.Provider,{value:c},a&&l.createElement(eu,{slot:"loading-announcement"},a),n&&l.createElement(eu,{slot:"offline-announcement"},n)))},e.TextTrackOffRadioButton=P,e.TextTrackRadioButton=L,e.TextTrackStyleDisplay=F,e.TextTrackStyleMenu=e=>{let{heading:t,children:a,...n}=e;return l.createElement(W,n,l.createElement(b,{slot:"heading"},t),a)},e.TextTrackStyleRadioGroup=q,e.TextTrackStyleResetButton=V,e.TimeDisplay=h,e.TimeRange=Y,e.TrackRadioGroup=D,e.UIContainer=e=>{let{topChrome:a,middleChrome:n,bottomChrome:o,centeredChrome:s,centeredLoading:u,menu:i,error:c,onReady:y,...d}=e,[p,g]=t.useState(null),v=m(p,y);return l.createElement(ed,{...d,ref:g},l.createElement(r.Provider,{value:v},a&&l.createElement(eu,{slot:"top-chrome"},a),n&&l.createElement(eu,{slot:"middle-chrome"},n),s&&l.createElement(eu,{slot:"centered-chrome"},s),u&&l.createElement(eu,{slot:"centered-loading"},u),o,i&&l.createElement(eu,{slot:"menu"},i),c&&l.createElement(eu,{slot:"error"},c)))},e.VolumeRange=Z,e.useCurrentTime=function(){let e=t.useContext(r),[a,n]=t.useState(e?e.currentTime:0),l=t.useCallback(t=>{let a=()=>{n(e.currentTime),t()};return null==e||e.addEventListener(ev,a),()=>null==e?void 0:e.removeEventListener(ev,a)},[e]);return t.useSyncExternalStore(l,()=>a,()=>a)},e.useDuration=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener(eN,t),()=>null==e?void 0:e.removeEventListener(eN,t)),[e]);return t.useSyncExternalStore(a,()=>e?e.duration:NaN,()=>NaN)},e.useMuted=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener("volumechange",t),()=>null==e?void 0:e.removeEventListener("volumechange",t)),[e]);return t.useSyncExternalStore(a,()=>!!e&&e.muted,()=>!1)},e.usePaused=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener(eh,t),()=>null==e?void 0:e.removeEventListener(eh,t)),[e]);return t.useSyncExternalStore(a,()=>!e||e.paused,()=>!0)},e.useSeeking=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener(eC,t),()=>null==e?void 0:e.removeEventListener(eC,t)),[e]);return t.useSyncExternalStore(a,()=>!!e&&e.seeking,()=>!1)},e.useSource=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener("sourcechange",t),()=>null==e?void 0:e.removeEventListener("sourcechange",t)),[e]);return t.useSyncExternalStore(a,()=>null==e?void 0:e.source,()=>void 0)},e.useVolume=function(){let e=t.useContext(r),a=t.useCallback(t=>(null==e||e.addEventListener("volumechange",t),()=>null==e?void 0:e.removeEventListener("volumechange",t)),[e]);return t.useSyncExternalStore(a,()=>e?e.volume:1,()=>1)},e.version="1.16.1"});
|
|
5
5
|
//# sourceMappingURL=THEOplayerReactUI.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{createContext as t,useCallback as a,useSyncExternalStore as l,useEffect as n,useState as r,useContext as s}from"react";import{ControlBar as o,Button as u,LinkButton as i,PlayButton as m,MuteButton as y,SeekButton as c,TimeDisplay as d,DurationDisplay as p,RadioGroup as g,RadioButton as v,Menu as N,MenuGroup as h,MenuButton as C,CloseMenuButton as B,MediaTrackRadioButton as k,TrackRadioGroup as T,TextTrackRadioButton as R,TextTrackOffRadioButton as E,LanguageMenu as b,LanguageMenuButton as M,PlaybackRateRadioGroup as D,PlaybackRateMenuButton as f,PlaybackRateMenu as L,PlaybackRateDisplay as P,ActiveQualityDisplay as S,QualityRadioButton as x,QualityRadioGroup as G,TextTrackStyleRadioGroup as A,TextTrackStyleResetButton as I,TextTrackStyleDisplay as w,TextTrackStyleMenu as Q,SettingsMenu as U,SettingsMenuButton as O,FullscreenButton as V,TimeRange as q,VolumeRange as F,ErrorDisplay as H,CastButton as j,ChromecastButton as z,ChromecastDisplay as J,AirPlayButton as K,LoadingIndicator as W,GestureReceiver as X,PreviewTimeDisplay as Y,PreviewThumbnail as Z,LiveButton as $,SlotContainer as _,AdDisplay as ee,AdCountdown as et,AdClickThroughButton as ea,AdSkipButton as el,UIContainer as en,DefaultUI as er,THEOliveDefaultUI as es}from"@theoplayer/web-ui";import{createComponent as eo}from"@lit/react";let eu=t(void 0);function ei(e,t){let r=l(a(t=>(null==e||e.addEventListener("theoplayerready",t),()=>null==e?void 0:e.removeEventListener("theoplayerready",t)),[e]),()=>null==e?void 0:e.player,()=>void 0);return n(()=>{r&&(null==t||t(r))},[r,t]),n(()=>()=>{try{null==r||r.destroy()}catch{}},[r]),r}let em=eo({tagName:"theoplayer-control-bar",displayName:"ControlBar",elementClass:o,react:e}),ey={onClick:"click"},ec=eo({tagName:"theoplayer-button",displayName:"Button",elementClass:u,react:e,events:ey}),ed=eo({tagName:"theoplayer-link-button",displayName:"LinkButton",elementClass:i,react:e,events:ey}),ep=eo({tagName:"theoplayer-play-button",displayName:"PlayButton",elementClass:m,react:e,events:ey}),eg=eo({tagName:"theoplayer-mute-button",displayName:"MuteButton",elementClass:y,react:e,events:ey}),ev=eo({tagName:"theoplayer-seek-button",displayName:"SeekButton",elementClass:c,react:e,events:ey}),eN=eo({tagName:"theoplayer-time-display",displayName:"TimeDisplay",elementClass:d,react:e}),eh=eo({tagName:"theoplayer-duration-display",displayName:"DurationDisplay",elementClass:p,react:e}),eC={onChange:"change"},eB=eo({tagName:"theoplayer-radio-group",displayName:"RadioGroup",elementClass:g,react:e,events:eC}),ek={...ey,onChange:"change",onInput:"input"},eT=eo({tagName:"theoplayer-radio-button",displayName:"RadioButton",elementClass:v,react:e,events:ek}),eR=({slot:t,children:a})=>a?e.createElement("div",{slot:t,style:{display:"contents"},children:a}):null,eE=eo({tagName:"theoplayer-menu",displayName:"Menu",elementClass:N,react:e}),eb=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eE,n,e.createElement(eR,{slot:"heading"},a),l)},eM=eo({tagName:"theoplayer-menu-group",displayName:"MenuGroup",elementClass:h,react:e}),eD=eo({tagName:"theoplayer-menu-button",displayName:"MenuButton",elementClass:C,react:e,events:ey}),ef=eo({tagName:"theoplayer-close-menu-button",displayName:"CloseMenuButton",elementClass:B,react:e,events:ey}),eL=eo({tagName:"theoplayer-media-track-radio-button",displayName:"MediaTrackRadioButton",elementClass:k,react:e,events:ek}),eP=eo({tagName:"theoplayer-track-radio-group",displayName:"TrackRadioGroup",elementClass:T,react:e,events:eC}),eS=eo({tagName:"theoplayer-text-track-radio-button",displayName:"TextTrackRadioButton",elementClass:R,react:e,events:ek}),ex=eo({tagName:"theoplayer-text-track-off-radio-button",displayName:"TextTrackOffRadioButton",elementClass:E,react:e,events:ek}),eG=eo({tagName:"theoplayer-language-menu",displayName:"LanguageMenu",elementClass:b,react:e}),eA=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eG,n,e.createElement(eR,{slot:"heading"},a),l)},eI=eo({tagName:"theoplayer-language-menu-button",displayName:"LanguageMenuButton",elementClass:M,react:e,events:ey}),ew=eo({tagName:"theoplayer-playback-rate-radio-group",displayName:"PlaybackRateRadioGroup",elementClass:D,react:e,events:eC}),eQ=eo({tagName:"theoplayer-playback-rate-menu-button",displayName:"PlaybackRateMenuButton",elementClass:f,react:e,events:ey}),eU=eo({tagName:"theoplayer-playback-rate-menu",displayName:"PlaybackRateMenu",elementClass:L,react:e}),eO=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eU,n,e.createElement(eR,{slot:"heading"},a),l)},eV=eo({tagName:"theoplayer-playback-rate-display",displayName:"PlaybackRateDisplay",elementClass:P,react:e}),eq=eo({tagName:"theoplayer-active-quality-display",displayName:"ActiveQualityDisplay",elementClass:S,react:e}),eF=eo({tagName:"theoplayer-quality-radio-button",displayName:"QualityRadioButton",elementClass:x,react:e,events:ek}),eH=eo({tagName:"theoplayer-quality-radio-group",displayName:"QualityRadioGroup",elementClass:G,react:e,events:eC}),ej=eo({tagName:"theoplayer-text-track-style-radio-group",displayName:"TextTrackStyleRadioGroup",elementClass:A,react:e,events:eC}),ez=eo({tagName:"theoplayer-text-track-style-reset-button",displayName:"TextTrackStyleResetButton",elementClass:I,react:e,events:ey}),eJ=eo({tagName:"theoplayer-text-track-style-display",displayName:"TextTrackStyleDisplay",elementClass:w,react:e}),eK=eo({tagName:"theoplayer-text-track-style-menu",displayName:"TextTrackStyleMenu",elementClass:Q,react:e}),eW=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eK,n,e.createElement(eR,{slot:"heading"},a),l)},eX=eo({tagName:"theoplayer-settings-menu",displayName:"SettingsMenu",elementClass:U,react:e}),eY=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eX,n,e.createElement(eR,{slot:"heading"},a),l)},eZ=eo({tagName:"theoplayer-settings-menu-button",displayName:"SettingsMenuButton",elementClass:O,react:e,events:ey}),e$=eo({tagName:"theoplayer-fullscreen-button",displayName:"FullscreenButton",elementClass:V,react:e,events:ey}),e_={onChange:"change",onInput:"input"},e0=eo({tagName:"theoplayer-time-range",displayName:"TimeRange",elementClass:q,react:e,events:e_}),e1=eo({tagName:"theoplayer-volume-range",displayName:"VolumeRange",elementClass:F,react:e,events:e_}),e6=eo({tagName:"theoplayer-error-display",displayName:"ErrorDisplay",elementClass:H,react:e}),e2=eo({tagName:"theoplayer-cast-button",displayName:"CastButton",elementClass:j,react:e,events:ey}),e3=eo({tagName:"theoplayer-chromecast-button",displayName:"ChromecastButton",elementClass:z,react:e,events:ey}),e4=eo({tagName:"theoplayer-chromecast-display",displayName:"ChromecastDisplay",elementClass:J,react:e}),e5=eo({tagName:"theoplayer-airplay-button",displayName:"AirPlayButton",elementClass:K,react:e,events:ey}),e7=eo({tagName:"theoplayer-loading-indicator",displayName:"LoadingIndicator",elementClass:W,react:e}),e8=eo({tagName:"theoplayer-gesture-receiver",displayName:"GestureReceiver",elementClass:X,react:e}),e9=eo({tagName:"theoplayer-preview-time-display",displayName:"PreviewTimeDisplay",elementClass:Y,react:e}),te=eo({tagName:"theoplayer-preview-thumbnail",displayName:"PreviewThumbnail",elementClass:Z,react:e}),tt=eo({tagName:"theoplayer-live-button",displayName:"LiveButton",elementClass:$,react:e,events:ey}),ta=eo({tagName:"theoplayer-slot-container",displayName:"SlotContainer",elementClass:_,react:e}),tl=eo({tagName:"theoplayer-ad-display",displayName:"AdDisplay",elementClass:ee,react:e}),tn=eo({tagName:"theoplayer-ad-countdown",displayName:"AdCountdown",elementClass:et,react:e}),tr=eo({tagName:"theoplayer-ad-clickthrough-button",displayName:"AdClickThroughButton",elementClass:ea,react:e,events:ey}),ts=eo({tagName:"theoplayer-ad-skip-button",displayName:"AdSkipButton",elementClass:el,react:e,events:ey}),to=eo({tagName:"theoplayer-ui",displayName:"UIContainer",elementClass:en,react:e,events:{onReady:"theoplayerready"}}),tu=t=>{let{topChrome:a,middleChrome:l,bottomChrome:n,centeredChrome:s,centeredLoading:o,menu:u,error:i,onReady:m,...y}=t,[c,d]=r(null),p=ei(c,m);return e.createElement(to,{...y,ref:d},e.createElement(eu.Provider,{value:p},a&&e.createElement(ta,{slot:"top-chrome"},a),l&&e.createElement(ta,{slot:"middle-chrome"},l),s&&e.createElement(ta,{slot:"centered-chrome"},s),o&&e.createElement(ta,{slot:"centered-loading"},o),n,u&&e.createElement(ta,{slot:"menu"},u),i&&e.createElement(ta,{slot:"error"},i)))},ti=eo({tagName:"theoplayer-default-ui",displayName:"DefaultUI",elementClass:er,react:e,events:{onReady:"theoplayerready"}}),tm=t=>{let{title:a,topControlBar:l,bottomControlBar:n,centeredChrome:s,menu:o,error:u,onReady:i,...m}=t,[y,c]=r(null),d=ei(y,i);return e.createElement(ti,{...m,ref:c},e.createElement(eu.Provider,{value:d},a&&e.createElement(ta,{slot:"title"},a),l&&e.createElement(ta,{slot:"top-control-bar"},l),n&&e.createElement(ta,{slot:"bottom-control-bar"},n),s&&e.createElement(ta,{slot:"centered-chrome"},s),o&&e.createElement(ta,{slot:"menu"},o),u&&e.createElement(ta,{slot:"error"},u)))},ty=eo({tagName:"theolive-default-ui",displayName:"THEOliveDefaultUI",elementClass:es,react:e,events:{onReady:"theoplayerready"}}),tc=t=>{let{loadingAnnouncement:a,offlineAnnouncement:l,onReady:n,...s}=t,[o,u]=r(null),i=ei(o,n);return e.createElement(ty,{...s,ref:u},e.createElement(eu.Provider,{value:i},a&&e.createElement(ta,{slot:"loading-announcement"},a),l&&e.createElement(ta,{slot:"offline-announcement"},l)))},td=["timeupdate","seeking","seeked","emptied"];function tp(){let e=s(eu),[t,n]=r(e?e.currentTime:0);return l(a(t=>{let a=()=>{n(e.currentTime),t()};return null==e||e.addEventListener(td,a),()=>null==e?void 0:e.removeEventListener(td,a)},[e]),()=>t,()=>t)}let tg=["durationchange","emptied"];function tv(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener(tg,t),()=>null==e?void 0:e.removeEventListener(tg,t)),[e]),()=>e?e.duration:NaN,()=>NaN)}function tN(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener("volumechange",t),()=>null==e?void 0:e.removeEventListener("volumechange",t)),[e]),()=>!!e&&e.muted,()=>!1)}let th=["play","pause"];function tC(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener(th,t),()=>null==e?void 0:e.removeEventListener(th,t)),[e]),()=>!e||e.paused,()=>!0)}let tB=["seeking","seeked","emptied"];function tk(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener(tB,t),()=>null==e?void 0:e.removeEventListener(tB,t)),[e]),()=>!!e&&e.seeking,()=>!1)}function tT(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener("sourcechange",t),()=>null==e?void 0:e.removeEventListener("sourcechange",t)),[e]),()=>null==e?void 0:e.source,()=>void 0)}function tR(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener("volumechange",t),()=>null==e?void 0:e.removeEventListener("volumechange",t)),[e]),()=>e?e.volume:1,()=>1)}let tE="1.16.0";export{eq as ActiveQualityDisplay,tr as AdClickThroughButton,tn as AdCountdown,tl as AdDisplay,ts as AdSkipButton,e5 as AirPlayButton,ec as Button,ey as ButtonEvents,e2 as CastButton,e3 as ChromecastButton,e4 as ChromecastDisplay,ef as CloseMenuButton,em as ControlBar,tm as DefaultUI,eh as DurationDisplay,e6 as ErrorDisplay,e$ as FullscreenButton,e8 as GestureReceiver,eA as LanguageMenu,eI as LanguageMenuButton,ed as LinkButton,tt as LiveButton,e7 as LoadingIndicator,eL as MediaTrackRadioButton,eb as Menu,eD as MenuButton,eM as MenuGroup,eg as MuteButton,ep as PlayButton,eV as PlaybackRateDisplay,eO as PlaybackRateMenu,eQ as PlaybackRateMenuButton,ew as PlaybackRateRadioGroup,eu as PlayerContext,te as PreviewThumbnail,e9 as PreviewTimeDisplay,eF as QualityRadioButton,eH as QualityRadioGroup,eT as RadioButton,ek as RadioButtonEvents,eB as RadioGroup,eC as RadioGroupEvents,e_ as RangeEvents,ev as SeekButton,eY as SettingsMenu,eZ as SettingsMenuButton,ta as SlotContainer,tc as THEOliveDefaultUI,ex as TextTrackOffRadioButton,eS as TextTrackRadioButton,eJ as TextTrackStyleDisplay,eW as TextTrackStyleMenu,ej as TextTrackStyleRadioGroup,ez as TextTrackStyleResetButton,eN as TimeDisplay,e0 as TimeRange,eP as TrackRadioGroup,tu as UIContainer,e1 as VolumeRange,tp as useCurrentTime,tv as useDuration,tN as useMuted,tC as usePaused,tk as useSeeking,tT as useSource,tR as useVolume,tE as version};
|
|
1
|
+
import*as e from"react";import{createContext as t,useCallback as a,useSyncExternalStore as l,useEffect as n,useState as r,useContext as s}from"react";import{ControlBar as o,Button as u,LinkButton as i,PlayButton as m,MuteButton as y,SeekButton as c,TimeDisplay as d,DurationDisplay as p,RadioGroup as g,RadioButton as v,Menu as N,MenuGroup as h,MenuButton as C,CloseMenuButton as B,MediaTrackRadioButton as k,TrackRadioGroup as T,TextTrackRadioButton as R,TextTrackOffRadioButton as E,LanguageMenu as b,LanguageMenuButton as M,PlaybackRateRadioGroup as D,PlaybackRateMenuButton as f,PlaybackRateMenu as L,PlaybackRateDisplay as P,ActiveQualityDisplay as S,QualityRadioButton as x,QualityRadioGroup as G,TextTrackStyleRadioGroup as A,TextTrackStyleResetButton as I,TextTrackStyleDisplay as w,TextTrackStyleMenu as Q,SettingsMenu as U,SettingsMenuButton as O,FullscreenButton as V,TimeRange as q,VolumeRange as F,ErrorDisplay as H,CastButton as j,ChromecastButton as z,ChromecastDisplay as J,AirPlayButton as K,LoadingIndicator as W,GestureReceiver as X,PreviewTimeDisplay as Y,PreviewThumbnail as Z,LiveButton as $,SlotContainer as _,AdDisplay as ee,AdCountdown as et,AdClickThroughButton as ea,AdSkipButton as el,UIContainer as en,DefaultUI as er,THEOliveDefaultUI as es}from"@theoplayer/web-ui";import{createComponent as eo}from"@lit/react";let eu=t(void 0);function ei(e,t){let r=l(a(t=>(null==e||e.addEventListener("theoplayerready",t),()=>null==e?void 0:e.removeEventListener("theoplayerready",t)),[e]),()=>null==e?void 0:e.player,()=>void 0);return n(()=>{r&&(null==t||t(r))},[r,t]),n(()=>()=>{try{null==r||r.destroy()}catch{}},[r]),r}let em=eo({tagName:"theoplayer-control-bar",displayName:"ControlBar",elementClass:o,react:e}),ey={onClick:"click"},ec=eo({tagName:"theoplayer-button",displayName:"Button",elementClass:u,react:e,events:ey}),ed=eo({tagName:"theoplayer-link-button",displayName:"LinkButton",elementClass:i,react:e,events:ey}),ep=eo({tagName:"theoplayer-play-button",displayName:"PlayButton",elementClass:m,react:e,events:ey}),eg=eo({tagName:"theoplayer-mute-button",displayName:"MuteButton",elementClass:y,react:e,events:ey}),ev=eo({tagName:"theoplayer-seek-button",displayName:"SeekButton",elementClass:c,react:e,events:ey}),eN=eo({tagName:"theoplayer-time-display",displayName:"TimeDisplay",elementClass:d,react:e}),eh=eo({tagName:"theoplayer-duration-display",displayName:"DurationDisplay",elementClass:p,react:e}),eC={onChange:"change"},eB=eo({tagName:"theoplayer-radio-group",displayName:"RadioGroup",elementClass:g,react:e,events:eC}),ek={...ey,onChange:"change",onInput:"input"},eT=eo({tagName:"theoplayer-radio-button",displayName:"RadioButton",elementClass:v,react:e,events:ek}),eR=({slot:t,children:a})=>a?e.createElement("div",{slot:t,style:{display:"contents"},children:a}):null,eE=eo({tagName:"theoplayer-menu",displayName:"Menu",elementClass:N,react:e}),eb=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eE,n,e.createElement(eR,{slot:"heading"},a),l)},eM=eo({tagName:"theoplayer-menu-group",displayName:"MenuGroup",elementClass:h,react:e}),eD=eo({tagName:"theoplayer-menu-button",displayName:"MenuButton",elementClass:C,react:e,events:ey}),ef=eo({tagName:"theoplayer-close-menu-button",displayName:"CloseMenuButton",elementClass:B,react:e,events:ey}),eL=eo({tagName:"theoplayer-media-track-radio-button",displayName:"MediaTrackRadioButton",elementClass:k,react:e,events:ek}),eP=eo({tagName:"theoplayer-track-radio-group",displayName:"TrackRadioGroup",elementClass:T,react:e,events:eC}),eS=eo({tagName:"theoplayer-text-track-radio-button",displayName:"TextTrackRadioButton",elementClass:R,react:e,events:ek}),ex=eo({tagName:"theoplayer-text-track-off-radio-button",displayName:"TextTrackOffRadioButton",elementClass:E,react:e,events:ek}),eG=eo({tagName:"theoplayer-language-menu",displayName:"LanguageMenu",elementClass:b,react:e}),eA=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eG,n,e.createElement(eR,{slot:"heading"},a),l)},eI=eo({tagName:"theoplayer-language-menu-button",displayName:"LanguageMenuButton",elementClass:M,react:e,events:ey}),ew=eo({tagName:"theoplayer-playback-rate-radio-group",displayName:"PlaybackRateRadioGroup",elementClass:D,react:e,events:eC}),eQ=eo({tagName:"theoplayer-playback-rate-menu-button",displayName:"PlaybackRateMenuButton",elementClass:f,react:e,events:ey}),eU=eo({tagName:"theoplayer-playback-rate-menu",displayName:"PlaybackRateMenu",elementClass:L,react:e}),eO=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eU,n,e.createElement(eR,{slot:"heading"},a),l)},eV=eo({tagName:"theoplayer-playback-rate-display",displayName:"PlaybackRateDisplay",elementClass:P,react:e}),eq=eo({tagName:"theoplayer-active-quality-display",displayName:"ActiveQualityDisplay",elementClass:S,react:e}),eF=eo({tagName:"theoplayer-quality-radio-button",displayName:"QualityRadioButton",elementClass:x,react:e,events:ek}),eH=eo({tagName:"theoplayer-quality-radio-group",displayName:"QualityRadioGroup",elementClass:G,react:e,events:eC}),ej=eo({tagName:"theoplayer-text-track-style-radio-group",displayName:"TextTrackStyleRadioGroup",elementClass:A,react:e,events:eC}),ez=eo({tagName:"theoplayer-text-track-style-reset-button",displayName:"TextTrackStyleResetButton",elementClass:I,react:e,events:ey}),eJ=eo({tagName:"theoplayer-text-track-style-display",displayName:"TextTrackStyleDisplay",elementClass:w,react:e}),eK=eo({tagName:"theoplayer-text-track-style-menu",displayName:"TextTrackStyleMenu",elementClass:Q,react:e}),eW=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eK,n,e.createElement(eR,{slot:"heading"},a),l)},eX=eo({tagName:"theoplayer-settings-menu",displayName:"SettingsMenu",elementClass:U,react:e}),eY=t=>{let{heading:a,children:l,...n}=t;return e.createElement(eX,n,e.createElement(eR,{slot:"heading"},a),l)},eZ=eo({tagName:"theoplayer-settings-menu-button",displayName:"SettingsMenuButton",elementClass:O,react:e,events:ey}),e$=eo({tagName:"theoplayer-fullscreen-button",displayName:"FullscreenButton",elementClass:V,react:e,events:ey}),e_={onChange:"change",onInput:"input"},e0=eo({tagName:"theoplayer-time-range",displayName:"TimeRange",elementClass:q,react:e,events:e_}),e1=eo({tagName:"theoplayer-volume-range",displayName:"VolumeRange",elementClass:F,react:e,events:e_}),e6=eo({tagName:"theoplayer-error-display",displayName:"ErrorDisplay",elementClass:H,react:e}),e2=eo({tagName:"theoplayer-cast-button",displayName:"CastButton",elementClass:j,react:e,events:ey}),e3=eo({tagName:"theoplayer-chromecast-button",displayName:"ChromecastButton",elementClass:z,react:e,events:ey}),e4=eo({tagName:"theoplayer-chromecast-display",displayName:"ChromecastDisplay",elementClass:J,react:e}),e5=eo({tagName:"theoplayer-airplay-button",displayName:"AirPlayButton",elementClass:K,react:e,events:ey}),e7=eo({tagName:"theoplayer-loading-indicator",displayName:"LoadingIndicator",elementClass:W,react:e}),e8=eo({tagName:"theoplayer-gesture-receiver",displayName:"GestureReceiver",elementClass:X,react:e}),e9=eo({tagName:"theoplayer-preview-time-display",displayName:"PreviewTimeDisplay",elementClass:Y,react:e}),te=eo({tagName:"theoplayer-preview-thumbnail",displayName:"PreviewThumbnail",elementClass:Z,react:e}),tt=eo({tagName:"theoplayer-live-button",displayName:"LiveButton",elementClass:$,react:e,events:ey}),ta=eo({tagName:"theoplayer-slot-container",displayName:"SlotContainer",elementClass:_,react:e}),tl=eo({tagName:"theoplayer-ad-display",displayName:"AdDisplay",elementClass:ee,react:e}),tn=eo({tagName:"theoplayer-ad-countdown",displayName:"AdCountdown",elementClass:et,react:e}),tr=eo({tagName:"theoplayer-ad-clickthrough-button",displayName:"AdClickThroughButton",elementClass:ea,react:e,events:ey}),ts=eo({tagName:"theoplayer-ad-skip-button",displayName:"AdSkipButton",elementClass:el,react:e,events:ey}),to=eo({tagName:"theoplayer-ui",displayName:"UIContainer",elementClass:en,react:e,events:{onReady:"theoplayerready"}}),tu=t=>{let{topChrome:a,middleChrome:l,bottomChrome:n,centeredChrome:s,centeredLoading:o,menu:u,error:i,onReady:m,...y}=t,[c,d]=r(null),p=ei(c,m);return e.createElement(to,{...y,ref:d},e.createElement(eu.Provider,{value:p},a&&e.createElement(ta,{slot:"top-chrome"},a),l&&e.createElement(ta,{slot:"middle-chrome"},l),s&&e.createElement(ta,{slot:"centered-chrome"},s),o&&e.createElement(ta,{slot:"centered-loading"},o),n,u&&e.createElement(ta,{slot:"menu"},u),i&&e.createElement(ta,{slot:"error"},i)))},ti=eo({tagName:"theoplayer-default-ui",displayName:"DefaultUI",elementClass:er,react:e,events:{onReady:"theoplayerready"}}),tm=t=>{let{title:a,topControlBar:l,bottomControlBar:n,centeredChrome:s,menu:o,error:u,onReady:i,...m}=t,[y,c]=r(null),d=ei(y,i);return e.createElement(ti,{...m,ref:c},e.createElement(eu.Provider,{value:d},a&&e.createElement(ta,{slot:"title"},a),l&&e.createElement(ta,{slot:"top-control-bar"},l),n&&e.createElement(ta,{slot:"bottom-control-bar"},n),s&&e.createElement(ta,{slot:"centered-chrome"},s),o&&e.createElement(ta,{slot:"menu"},o),u&&e.createElement(ta,{slot:"error"},u)))},ty=eo({tagName:"theolive-default-ui",displayName:"THEOliveDefaultUI",elementClass:es,react:e,events:{onReady:"theoplayerready"}}),tc=t=>{let{loadingAnnouncement:a,offlineAnnouncement:l,onReady:n,...s}=t,[o,u]=r(null),i=ei(o,n);return e.createElement(ty,{...s,ref:u},e.createElement(eu.Provider,{value:i},a&&e.createElement(ta,{slot:"loading-announcement"},a),l&&e.createElement(ta,{slot:"offline-announcement"},l)))},td=["timeupdate","seeking","seeked","emptied"];function tp(){let e=s(eu),[t,n]=r(e?e.currentTime:0);return l(a(t=>{let a=()=>{n(e.currentTime),t()};return null==e||e.addEventListener(td,a),()=>null==e?void 0:e.removeEventListener(td,a)},[e]),()=>t,()=>t)}let tg=["durationchange","emptied"];function tv(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener(tg,t),()=>null==e?void 0:e.removeEventListener(tg,t)),[e]),()=>e?e.duration:NaN,()=>NaN)}function tN(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener("volumechange",t),()=>null==e?void 0:e.removeEventListener("volumechange",t)),[e]),()=>!!e&&e.muted,()=>!1)}let th=["play","pause"];function tC(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener(th,t),()=>null==e?void 0:e.removeEventListener(th,t)),[e]),()=>!e||e.paused,()=>!0)}let tB=["seeking","seeked","emptied"];function tk(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener(tB,t),()=>null==e?void 0:e.removeEventListener(tB,t)),[e]),()=>!!e&&e.seeking,()=>!1)}function tT(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener("sourcechange",t),()=>null==e?void 0:e.removeEventListener("sourcechange",t)),[e]),()=>null==e?void 0:e.source,()=>void 0)}function tR(){let e=s(eu);return l(a(t=>(null==e||e.addEventListener("volumechange",t),()=>null==e?void 0:e.removeEventListener("volumechange",t)),[e]),()=>e?e.volume:1,()=>1)}let tE="1.16.1";export{eq as ActiveQualityDisplay,tr as AdClickThroughButton,tn as AdCountdown,tl as AdDisplay,ts as AdSkipButton,e5 as AirPlayButton,ec as Button,ey as ButtonEvents,e2 as CastButton,e3 as ChromecastButton,e4 as ChromecastDisplay,ef as CloseMenuButton,em as ControlBar,tm as DefaultUI,eh as DurationDisplay,e6 as ErrorDisplay,e$ as FullscreenButton,e8 as GestureReceiver,eA as LanguageMenu,eI as LanguageMenuButton,ed as LinkButton,tt as LiveButton,e7 as LoadingIndicator,eL as MediaTrackRadioButton,eb as Menu,eD as MenuButton,eM as MenuGroup,eg as MuteButton,ep as PlayButton,eV as PlaybackRateDisplay,eO as PlaybackRateMenu,eQ as PlaybackRateMenuButton,ew as PlaybackRateRadioGroup,eu as PlayerContext,te as PreviewThumbnail,e9 as PreviewTimeDisplay,eF as QualityRadioButton,eH as QualityRadioGroup,eT as RadioButton,ek as RadioButtonEvents,eB as RadioGroup,eC as RadioGroupEvents,e_ as RangeEvents,ev as SeekButton,eY as SettingsMenu,eZ as SettingsMenuButton,ta as SlotContainer,tc as THEOliveDefaultUI,ex as TextTrackOffRadioButton,eS as TextTrackRadioButton,eJ as TextTrackStyleDisplay,eW as TextTrackStyleMenu,ej as TextTrackStyleRadioGroup,ez as TextTrackStyleResetButton,eN as TimeDisplay,e0 as TimeRange,eP as TrackRadioGroup,tu as UIContainer,e1 as VolumeRange,tp as useCurrentTime,tv as useDuration,tN as useMuted,tC as usePaused,tk as useSeeking,tT as useSource,tR as useVolume,tE as version};
|
|
2
2
|
//# sourceMappingURL=THEOplayerReactUI.mjs.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@theoplayer/react-ui",
|
|
3
|
-
"version": "1.16.
|
|
3
|
+
"version": "1.16.1",
|
|
4
4
|
"description": "React component library for the THEOplayer Web SDK",
|
|
5
5
|
"main": "dist/THEOplayerReactUI.js",
|
|
6
6
|
"module": "dist/THEOplayerReactUI.mjs",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@lit/react": "^1.0.7",
|
|
54
|
-
"@theoplayer/web-ui": "^1.16.
|
|
54
|
+
"@theoplayer/web-ui": "^1.16.1"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
57
|
"@types/react": "^16.3.0 || ^17 || ^18",
|