react-native-theoplayer 1.8.2 → 2.0.0

package/lib/commonjs/ui/components/timelabel/barrel.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _StaticTimeLabel = require("./StaticTimeLabel");
+Object.keys(_StaticTimeLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StaticTimeLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StaticTimeLabel[key];
+    }
+  });
+});
+var _TimeLabel = require("./TimeLabel");
+Object.keys(_TimeLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TimeLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TimeLabel[key];
+    }
+  });
+});
+//# sourceMappingURL=barrel.js.map

package/lib/commonjs/ui/components/timelabel/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_StaticTimeLabel","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_TimeLabel"],"sources":["barrel.ts"],"sourcesContent":["export * from './StaticTimeLabel';\nexport * from './TimeLabel';\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/ui/components/uicontroller/UiContainer.js

@@ -0,0 +1,350 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UiContainer = exports.UI_CONTAINER_STYLE = exports.TOP_UI_CONTAINER_STYLE = exports.FULLSCREEN_CENTER_STYLE = exports.CENTER_UI_CONTAINER_STYLE = exports.BOTTOM_UI_CONTAINER_STYLE = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _PlayerContext = require("../util/PlayerContext");
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+var _ErrorDisplay = require("../message/ErrorDisplay");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * The default style for a fullscreen centered view.
+ */
+const FULLSCREEN_CENTER_STYLE = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0,
+  alignItems: 'center',
+  justifyContent: 'center'
+};
+
+/**
+ * The default style for the center container.
+ */
+exports.FULLSCREEN_CENTER_STYLE = FULLSCREEN_CENTER_STYLE;
+const UI_CONTAINER_STYLE = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0,
+  zIndex: 0,
+  justifyContent: 'center',
+  overflow: 'hidden'
+};
+
+/**
+ * The default style for the top container.
+ */
+exports.UI_CONTAINER_STYLE = UI_CONTAINER_STYLE;
+const TOP_UI_CONTAINER_STYLE = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  right: 0,
+  zIndex: 1,
+  paddingTop: 10,
+  paddingLeft: 10,
+  paddingRight: 10
+};
+
+/**
+ * The default style for the center container.
+ */
+exports.TOP_UI_CONTAINER_STYLE = TOP_UI_CONTAINER_STYLE;
+const CENTER_UI_CONTAINER_STYLE = {
+  alignSelf: 'center',
+  width: '60%'
+};
+
+/**
+ * The default style for the bottom container.
+ */
+exports.CENTER_UI_CONTAINER_STYLE = CENTER_UI_CONTAINER_STYLE;
+const BOTTOM_UI_CONTAINER_STYLE = {
+  position: 'absolute',
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 1,
+  paddingBottom: 10,
+  paddingLeft: 10,
+  paddingRight: 10
+};
+exports.BOTTOM_UI_CONTAINER_STYLE = BOTTOM_UI_CONTAINER_STYLE;
+/**
+ * A component that does all the coordination between UI components.
+ * - It provides all UI components with the PlayerContext, so they can access the styling and player.
+ * - It provides slots for UI components to be places in the top/center/bottom positions.
+ * - It uses animations to fade the UI in and out when applicable.
+ */
+class UiContainer extends _react.PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "_currentFadeOutTimeout", undefined);
+    _defineProperty(this, "_menus", []);
+    _defineProperty(this, "onPlay", () => {
+      this.setState({
+        firstPlay: true,
+        paused: false
+      });
+      this.resumeAnimationsIfPossible_();
+    });
+    _defineProperty(this, "onPause", () => {
+      this.setState({
+        firstPlay: true,
+        paused: true
+      });
+      this.stopAnimationsAndShowUi_();
+    });
+    _defineProperty(this, "onSourceChange", () => {
+      this.setState({
+        paused: this.props.player.paused
+      });
+    });
+    _defineProperty(this, "onLoadStart", () => {
+      this.setState({
+        error: undefined
+      });
+    });
+    _defineProperty(this, "onError", event => {
+      const {
+        error
+      } = event;
+      this.setState({
+        error
+      });
+    });
+    _defineProperty(this, "onCastEvent", event => {
+      if (event.subType === _reactNativeTheoplayer.CastEventType.CHROMECAST_STATE_CHANGE || event.subType === _reactNativeTheoplayer.CastEventType.AIRPLAY_STATE_CHANGE) {
+        this.setState({
+          casting: event.state === 'connecting' || event.state === 'connected'
+        });
+        this.resumeAnimationsIfPossible_();
+      }
+    });
+    _defineProperty(this, "onEnded", () => {
+      this.stopAnimationsAndShowUi_();
+    });
+    _defineProperty(this, "onPresentationModeChange", event => {
+      this.setState({
+        pip: event.presentationMode === _reactNativeTheoplayer.PresentationMode.pip
+      });
+    });
+    _defineProperty(this, "onUserAction_", () => {
+      if (!this.state.firstPlay) {
+        return;
+      }
+      this.stopAnimationsAndShowUi_();
+      this.resumeAnimationsIfPossible_();
+    });
+    _defineProperty(this, "openMenu_", menuConstructor => {
+      this._menus.push(menuConstructor);
+      this.setState({
+        currentMenu: menuConstructor()
+      });
+      this.stopAnimationsAndShowUi_();
+    });
+    _defineProperty(this, "closeCurrentMenu_", () => {
+      this._menus.pop();
+      const nextMenu = this._menus.length > 0 ? this._menus[this._menus.length - 1] : undefined;
+      this.setState({
+        currentMenu: nextMenu === null || nextMenu === void 0 ? void 0 : nextMenu()
+      });
+      this.resumeAnimationsIfPossible_();
+    });
+    _defineProperty(this, "doFadeIn_", () => {
+      const {
+        fadeAnimation
+      } = this.state;
+      this.setState({
+        showing: true
+      });
+      _reactNative.Animated.timing(fadeAnimation, {
+        useNativeDriver: true,
+        toValue: 1,
+        duration: 200
+      }).start(() => {
+        this.setState({
+          buttonsEnabled: true
+        });
+      });
+    });
+    _defineProperty(this, "doFadeOut_", () => {
+      if (this.animationsBlocked_) {
+        return;
+      }
+      clearTimeout(this._currentFadeOutTimeout);
+      const {
+        fadeAnimation
+      } = this.state;
+      this.setState({
+        buttonsEnabled: false
+      });
+      _reactNative.Animated.timing(fadeAnimation, {
+        useNativeDriver: true,
+        toValue: 0,
+        duration: 200
+      }).start(() => {
+        this.setState({
+          showing: false
+        });
+      });
+    });
+    this.state = UiContainer.initialState;
+  }
+  componentDidMount() {
+    const player = this.props.player;
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.LOAD_START, this.onLoadStart);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.ERROR, this.onError);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.CAST_EVENT, this.onCastEvent);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.PLAY, this.onPlay);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.PLAYING, this.onPlay);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.PAUSE, this.onPause);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.CAST_EVENT, this.onCastEvent);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.ENDED, this.onEnded);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);
+    if (player.source !== undefined && player.currentTime !== 0) {
+      this.onPlay();
+    }
+    this.setState({
+      pip: player.presentationMode === 'picture-in-picture'
+    });
+  }
+  componentWillUnmount() {
+    const player = this.props.player;
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.LOAD_START, this.onLoadStart);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.ERROR, this.onError);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.CAST_EVENT, this.onCastEvent);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.PLAY, this.onPlay);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.PLAYING, this.onPlay);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.PAUSE, this.onPause);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.CAST_EVENT, this.onCastEvent);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.ENDED, this.onEnded);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);
+    clearTimeout(this._currentFadeOutTimeout);
+  }
+  get buttonsEnabled_() {
+    return this.state.buttonsEnabled;
+  }
+
+  /**
+   * Request to show the UI due to user input.
+   */
+
+  stopAnimationsAndShowUi_() {
+    clearTimeout(this._currentFadeOutTimeout);
+    this._currentFadeOutTimeout = undefined;
+    if (!this.state.showing) {
+      this.doFadeIn_();
+    }
+  }
+  resumeAnimationsIfPossible_() {
+    clearTimeout(this._currentFadeOutTimeout);
+    if (this.animationsBlocked_) {
+      return;
+    }
+    // Only resume animation when paused except for web.
+    // This is because mobile users can tap away the UI when paused, but desktop users can't.
+    if (_reactNative.Platform.OS === 'web' || !this.state.paused) {
+      // @ts-ignore
+      this._currentFadeOutTimeout = setTimeout(this.doFadeOut_, this.props.theme.fadeAnimationTimoutMs);
+    }
+  }
+  get animationsBlocked_() {
+    const {
+      firstPlay,
+      currentMenu,
+      casting,
+      pip
+    } = this.state;
+    return !firstPlay || currentMenu !== undefined || casting || pip;
+  }
+  render() {
+    const {
+      player,
+      theme,
+      top,
+      center,
+      bottom,
+      children,
+      style,
+      topStyle,
+      centerStyle,
+      bottomStyle,
+      behind
+    } = this.props;
+    const {
+      fadeAnimation,
+      currentMenu,
+      error,
+      firstPlay,
+      pip
+    } = this.state;
+    if (error !== undefined) {
+      return /*#__PURE__*/_react.default.createElement(_ErrorDisplay.ErrorDisplay, {
+        error: error
+      });
+    }
+    if (_reactNative.Platform.OS !== 'web' && pip) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    const combinedContainerStyle = [UI_CONTAINER_STYLE, style];
+    return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Provider, {
+      value: {
+        player,
+        style: theme,
+        ui: this
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: FULLSCREEN_CENTER_STYLE
+    }, behind), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({
+      style: [combinedContainerStyle, {
+        opacity: fadeAnimation
+      }],
+      onTouchStart: this.onUserAction_
+    }, _reactNative.Platform.OS === 'web' ? {
+      onMouseMove: this.onUserAction_,
+      onMouseLeave: this.doFadeOut_
+    } : {}), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [combinedContainerStyle, {
+        backgroundColor: theme.colors.uiBackground
+      }],
+      onTouchStart: this.doFadeOut_
+    }), currentMenu !== undefined && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [combinedContainerStyle]
+    }, currentMenu), currentMenu === undefined && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, firstPlay && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [TOP_UI_CONTAINER_STYLE, topStyle]
+    }, top), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [CENTER_UI_CONTAINER_STYLE, centerStyle]
+    }, center), firstPlay && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [BOTTOM_UI_CONTAINER_STYLE, bottomStyle]
+    }, bottom), children))));
+  }
+}
+exports.UiContainer = UiContainer;
+_defineProperty(UiContainer, "initialState", {
+  fadeAnimation: new _reactNative.Animated.Value(1),
+  currentMenu: undefined,
+  showing: true,
+  buttonsEnabled: true,
+  error: undefined,
+  firstPlay: false,
+  paused: true,
+  casting: false,
+  pip: false
+});
+UiContainer.contextType = _PlayerContext.PlayerContext;
+//# sourceMappingURL=UiContainer.js.map

package/lib/commonjs/ui/components/uicontroller/UiContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_PlayerContext","_reactNativeTheoplayer","_ErrorDisplay","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","FULLSCREEN_CENTER_STYLE","position","top","left","bottom","right","alignItems","justifyContent","exports","UI_CONTAINER_STYLE","zIndex","overflow","TOP_UI_CONTAINER_STYLE","paddingTop","paddingLeft","paddingRight","CENTER_UI_CONTAINER_STYLE","alignSelf","width","BOTTOM_UI_CONTAINER_STYLE","paddingBottom","UiContainer","PureComponent","constructor","props","setState","firstPlay","paused","resumeAnimationsIfPossible_","stopAnimationsAndShowUi_","player","error","event","subType","CastEventType","CHROMECAST_STATE_CHANGE","AIRPLAY_STATE_CHANGE","casting","state","pip","presentationMode","PresentationMode","menuConstructor","_menus","push","currentMenu","pop","nextMenu","fadeAnimation","showing","Animated","timing","useNativeDriver","toValue","duration","start","buttonsEnabled","animationsBlocked_","clearTimeout","_currentFadeOutTimeout","initialState","componentDidMount","addEventListener","PlayerEventType","LOAD_START","onLoadStart","ERROR","onError","CAST_EVENT","onCastEvent","PLAY","onPlay","PLAYING","PAUSE","onPause","SOURCE_CHANGE","onSourceChange","ENDED","onEnded","PRESENTATIONMODE_CHANGE","onPresentationModeChange","currentTime","componentWillUnmount","removeEventListener","buttonsEnabled_","doFadeIn_","Platform","OS","setTimeout","doFadeOut_","theme","fadeAnimationTimoutMs","render","center","children","style","topStyle","centerStyle","bottomStyle","behind","createElement","ErrorDisplay","Fragment","combinedContainerStyle","PlayerContext","Provider","ui","View","opacity","onTouchStart","onUserAction_","onMouseMove","onMouseLeave","backgroundColor","colors","uiBackground","Value","contextType"],"sources":["UiContainer.tsx"],"sourcesContent":["import React, { PureComponent, ReactNode } from 'react';\nimport { Animated, Platform, StyleProp, View, ViewStyle } from 'react-native';\nimport { PlayerContext } from '../util/PlayerContext';\nimport type { PresentationModeChangeEvent, THEOplayer } from 'react-native-theoplayer';\nimport { CastEvent, CastEventType, ErrorEvent, PlayerError, PlayerEventType, PresentationMode } from 'react-native-theoplayer';\nimport type { THEOplayerTheme } from '../../THEOplayerTheme';\nimport type { MenuConstructor, UiControls } from './UiControls';\nimport { ErrorDisplay } from '../message/ErrorDisplay';\n\ninterface UiContainerProps {\n  /**\n   * The player that is provided to all children using PlayerContext.\n   */\n  player: THEOplayer;\n  /**\n   * The theme that is provided to all children using PlayerContext.\n   */\n  theme: THEOplayerTheme;\n  /**\n   * The style of the container.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The style of the top slot.\n   */\n  topStyle?: StyleProp<ViewStyle>;\n  /**\n   * The style of the center slot.\n   */\n  centerStyle?: StyleProp<ViewStyle>;\n  /**\n   * The style of the button slot.\n   */\n  bottomStyle?: StyleProp<ViewStyle>;\n  /**\n   * The components to be put in the top slot.\n   */\n  top?: ReactNode;\n  /**\n   * The components to be put in the center slot.\n   */\n  center?: ReactNode;\n  /**\n   * The components to be put in the bottom slot.\n   */\n  bottom?: ReactNode;\n  /**\n   * A slot to put components behind the UI background.\n   */\n  behind?: ReactNode;\n}\n\n/**\n * The default style for a fullscreen centered view.\n */\nexport const FULLSCREEN_CENTER_STYLE: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  alignItems: 'center',\n  justifyContent: 'center',\n};\n\n/**\n * The default style for the center container.\n */\nexport const UI_CONTAINER_STYLE: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  zIndex: 0,\n  justifyContent: 'center',\n  overflow: 'hidden',\n};\n\n/**\n * The default style for the top container.\n */\nexport const TOP_UI_CONTAINER_STYLE: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  zIndex: 1,\n  paddingTop: 10,\n  paddingLeft: 10,\n  paddingRight: 10,\n};\n\n/**\n * The default style for the center container.\n */\nexport const CENTER_UI_CONTAINER_STYLE: ViewStyle = {\n  alignSelf: 'center',\n  width: '60%',\n};\n\n/**\n * The default style for the bottom container.\n */\nexport const BOTTOM_UI_CONTAINER_STYLE: ViewStyle = {\n  position: 'absolute',\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 1,\n  paddingBottom: 10,\n  paddingLeft: 10,\n  paddingRight: 10,\n};\n\ninterface UiContainerState {\n  fadeAnimation: Animated.Value;\n  currentMenu: ReactNode | undefined;\n  showing: boolean;\n  buttonsEnabled: boolean;\n  error: PlayerError | undefined;\n  firstPlay: boolean;\n  paused: boolean;\n  casting: boolean;\n  pip: boolean;\n}\n\n/**\n * A component that does all the coordination between UI components.\n * - It provides all UI components with the PlayerContext, so they can access the styling and player.\n * - It provides slots for UI components to be places in the top/center/bottom positions.\n * - It uses animations to fade the UI in and out when applicable.\n */\nexport class UiContainer extends PureComponent<React.PropsWithChildren<UiContainerProps>, UiContainerState> implements UiControls {\n  private _currentFadeOutTimeout: number | undefined = undefined;\n\n  private _menus: MenuConstructor[] = [];\n\n  static initialState: UiContainerState = {\n    fadeAnimation: new Animated.Value(1),\n    currentMenu: undefined,\n    showing: true,\n    buttonsEnabled: true,\n    error: undefined,\n    firstPlay: false,\n    paused: true,\n    casting: false,\n    pip: false,\n  };\n\n  constructor(props: UiContainerProps) {\n    super(props);\n    this.state = UiContainer.initialState;\n  }\n\n  componentDidMount() {\n    const player = this.props.player;\n    player.addEventListener(PlayerEventType.LOAD_START, this.onLoadStart);\n    player.addEventListener(PlayerEventType.ERROR, this.onError);\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n    player.addEventListener(PlayerEventType.PLAY, this.onPlay);\n    player.addEventListener(PlayerEventType.PLAYING, this.onPlay);\n    player.addEventListener(PlayerEventType.PAUSE, this.onPause);\n    player.addEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n    player.addEventListener(PlayerEventType.ENDED, this.onEnded);\n    player.addEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);\n    if (player.source !== undefined && player.currentTime !== 0) {\n      this.onPlay();\n    }\n    this.setState({ pip: player.presentationMode === 'picture-in-picture' });\n  }\n\n  componentWillUnmount() {\n    const player = this.props.player;\n    player.removeEventListener(PlayerEventType.LOAD_START, this.onLoadStart);\n    player.removeEventListener(PlayerEventType.ERROR, this.onError);\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n    player.removeEventListener(PlayerEventType.PLAY, this.onPlay);\n    player.removeEventListener(PlayerEventType.PLAYING, this.onPlay);\n    player.removeEventListener(PlayerEventType.PAUSE, this.onPause);\n    player.removeEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n    player.removeEventListener(PlayerEventType.ENDED, this.onEnded);\n    player.removeEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);\n    clearTimeout(this._currentFadeOutTimeout);\n  }\n\n  private onPlay = () => {\n    this.setState({ firstPlay: true, paused: false });\n    this.resumeAnimationsIfPossible_();\n  };\n\n  private onPause = () => {\n    this.setState({ firstPlay: true, paused: true });\n    this.stopAnimationsAndShowUi_();\n  };\n\n  private onSourceChange = () => {\n    this.setState({ paused: this.props.player.paused });\n  };\n\n  private onLoadStart = () => {\n    this.setState({ error: undefined });\n  };\n\n  private onError = (event: ErrorEvent) => {\n    const { error } = event;\n    this.setState({ error });\n  };\n\n  private onCastEvent = (event: CastEvent) => {\n    if (event.subType === CastEventType.CHROMECAST_STATE_CHANGE || event.subType === CastEventType.AIRPLAY_STATE_CHANGE) {\n      this.setState({ casting: event.state === 'connecting' || event.state === 'connected' });\n      this.resumeAnimationsIfPossible_();\n    }\n  };\n\n  private onEnded = () => {\n    this.stopAnimationsAndShowUi_();\n  };\n\n  private onPresentationModeChange = (event: PresentationModeChangeEvent) => {\n    this.setState({ pip: event.presentationMode === PresentationMode.pip });\n  };\n\n  get buttonsEnabled_(): boolean {\n    return this.state.buttonsEnabled;\n  }\n\n  /**\n   * Request to show the UI due to user input.\n   */\n  public onUserAction_ = () => {\n    if (!this.state.firstPlay) {\n      return;\n    }\n    this.stopAnimationsAndShowUi_();\n    this.resumeAnimationsIfPossible_();\n  };\n\n  public openMenu_ = (menuConstructor: () => ReactNode) => {\n    this._menus.push(menuConstructor);\n    this.setState({ currentMenu: menuConstructor() });\n    this.stopAnimationsAndShowUi_();\n  };\n\n  public closeCurrentMenu_ = () => {\n    this._menus.pop();\n    const nextMenu = this._menus.length > 0 ? this._menus[this._menus.length - 1] : undefined;\n    this.setState({ currentMenu: nextMenu?.() });\n    this.resumeAnimationsIfPossible_();\n  };\n\n  private stopAnimationsAndShowUi_() {\n    clearTimeout(this._currentFadeOutTimeout);\n    this._currentFadeOutTimeout = undefined;\n    if (!this.state.showing) {\n      this.doFadeIn_();\n    }\n  }\n\n  private resumeAnimationsIfPossible_() {\n    clearTimeout(this._currentFadeOutTimeout);\n    if (this.animationsBlocked_) {\n      return;\n    }\n    // Only resume animation when paused except for web.\n    // This is because mobile users can tap away the UI when paused, but desktop users can't.\n    if (Platform.OS === 'web' || !this.state.paused) {\n      // @ts-ignore\n      this._currentFadeOutTimeout = setTimeout(this.doFadeOut_, this.props.theme.fadeAnimationTimoutMs);\n    }\n  }\n\n  private doFadeIn_ = () => {\n    const { fadeAnimation } = this.state;\n    this.setState({ showing: true });\n    Animated.timing(fadeAnimation, {\n      useNativeDriver: true,\n      toValue: 1,\n      duration: 200,\n    }).start(() => {\n      this.setState({ buttonsEnabled: true });\n    });\n  };\n\n  private doFadeOut_ = () => {\n    if (this.animationsBlocked_) {\n      return;\n    }\n    clearTimeout(this._currentFadeOutTimeout);\n    const { fadeAnimation } = this.state;\n    this.setState({ buttonsEnabled: false });\n    Animated.timing(fadeAnimation, {\n      useNativeDriver: true,\n      toValue: 0,\n      duration: 200,\n    }).start(() => {\n      this.setState({ showing: false });\n    });\n  };\n\n  private get animationsBlocked_(): boolean {\n    const { firstPlay, currentMenu, casting, pip } = this.state;\n    return !firstPlay || currentMenu !== undefined || casting || pip;\n  }\n\n  render() {\n    const { player, theme, top, center, bottom, children, style, topStyle, centerStyle, bottomStyle, behind } = this.props;\n    const { fadeAnimation, currentMenu, error, firstPlay, pip } = this.state;\n\n    if (error !== undefined) {\n      return <ErrorDisplay error={error} />;\n    }\n\n    if (Platform.OS !== 'web' && pip) {\n      return <></>;\n    }\n\n    const combinedContainerStyle = [UI_CONTAINER_STYLE, style];\n\n    return (\n      <PlayerContext.Provider value={{ player, style: theme, ui: this }}>\n        {/* The View behind the UI, that is always visible.*/}\n        <View style={FULLSCREEN_CENTER_STYLE}>{behind}</View>\n        {/* The Animated.View is for showing and hiding the UI*/}\n        <Animated.View\n          style={[combinedContainerStyle, { opacity: fadeAnimation }]}\n          onTouchStart={this.onUserAction_}\n          {...(Platform.OS === 'web' ? { onMouseMove: this.onUserAction_, onMouseLeave: this.doFadeOut_ } : {})}>\n          <>\n            {/* The UI background */}\n            <View style={[combinedContainerStyle, { backgroundColor: theme.colors.uiBackground }]} onTouchStart={this.doFadeOut_} />\n\n            {/* The Settings Menu */}\n            {currentMenu !== undefined && <View style={[combinedContainerStyle]}>{currentMenu}</View>}\n\n            {/* The UI control bars*/}\n            {currentMenu === undefined && (\n              <>\n                {firstPlay && <View style={[TOP_UI_CONTAINER_STYLE, topStyle]}>{top}</View>}\n                <View style={[CENTER_UI_CONTAINER_STYLE, centerStyle]}>{center}</View>\n                {firstPlay && <View style={[BOTTOM_UI_CONTAINER_STYLE, bottomStyle]}>{bottom}</View>}\n                {children}\n              </>\n            )}\n          </>\n        </Animated.View>\n      </PlayerContext.Provider>\n    );\n  }\n}\n\nUiContainer.contextType = PlayerContext;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,sBAAA,GAAAH,OAAA;AAGA,IAAAI,aAAA,GAAAJ,OAAA;AAAuD,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,gBAAA1B,GAAA,EAAAW,GAAA,EAAAgB,KAAA,IAAAhB,GAAA,GAAAiB,cAAA,CAAAjB,GAAA,OAAAA,GAAA,IAAAX,GAAA,IAAAQ,MAAA,CAAAC,cAAA,CAAAT,GAAA,EAAAW,GAAA,IAAAgB,KAAA,EAAAA,KAAA,EAAAE,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAA/B,GAAA,CAAAW,GAAA,IAAAgB,KAAA,WAAA3B,GAAA;AAAA,SAAA4B,eAAAI,GAAA,QAAArB,GAAA,GAAAsB,YAAA,CAAAD,GAAA,2BAAArB,GAAA,gBAAAA,GAAA,GAAAuB,MAAA,CAAAvB,GAAA;AAAA,SAAAsB,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAvB,IAAA,CAAAqB,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AA6CvD;AACA;AACA;AACO,MAAMS,uBAAkC,GAAG;EAChDC,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE;AAClB,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAR,uBAAA,GAAAA,uBAAA;AAGO,MAAMS,kBAA6B,GAAG;EAC3CR,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRK,MAAM,EAAE,CAAC;EACTH,cAAc,EAAE,QAAQ;EACxBI,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AAFAH,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAGO,MAAMG,sBAAiC,GAAG;EAC/CX,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPE,KAAK,EAAE,CAAC;EACRK,MAAM,EAAE,CAAC;EACTG,UAAU,EAAE,EAAE;EACdC,WAAW,EAAE,EAAE;EACfC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AAFAP,OAAA,CAAAI,sBAAA,GAAAA,sBAAA;AAGO,MAAMI,yBAAoC,GAAG;EAClDC,SAAS,EAAE,QAAQ;EACnBC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AAFAV,OAAA,CAAAQ,yBAAA,GAAAA,yBAAA;AAGO,MAAMG,yBAAoC,GAAG;EAClDlB,QAAQ,EAAE,UAAU;EACpBE,IAAI,EAAE,CAAC;EACPE,KAAK,EAAE,CAAC;EACRD,MAAM,EAAE,CAAC;EACTM,MAAM,EAAE,CAAC;EACTU,aAAa,EAAE,EAAE;EACjBN,WAAW,EAAE,EAAE;EACfC,YAAY,EAAE;AAChB,CAAC;AAACP,OAAA,CAAAW,yBAAA,GAAAA,yBAAA;AAcF;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,WAAW,SAASC,oBAAa,CAAoF;EAiBhIC,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,CAAC;IAAC1C,eAAA,iCAjBsCc,SAAS;IAAAd,eAAA,iBAE1B,EAAE;IAAAA,eAAA,iBAoDrB,MAAM;MACrB,IAAI,CAAC2C,QAAQ,CAAC;QAAEC,SAAS,EAAE,IAAI;QAAEC,MAAM,EAAE;MAAM,CAAC,CAAC;MACjD,IAAI,CAACC,2BAA2B,EAAE;IACpC,CAAC;IAAA9C,eAAA,kBAEiB,MAAM;MACtB,IAAI,CAAC2C,QAAQ,CAAC;QAAEC,SAAS,EAAE,IAAI;QAAEC,MAAM,EAAE;MAAK,CAAC,CAAC;MAChD,IAAI,CAACE,wBAAwB,EAAE;IACjC,CAAC;IAAA/C,eAAA,yBAEwB,MAAM;MAC7B,IAAI,CAAC2C,QAAQ,CAAC;QAAEE,MAAM,EAAE,IAAI,CAACH,KAAK,CAACM,MAAM,CAACH;MAAO,CAAC,CAAC;IACrD,CAAC;IAAA7C,eAAA,sBAEqB,MAAM;MAC1B,IAAI,CAAC2C,QAAQ,CAAC;QAAEM,KAAK,EAAEnC;MAAU,CAAC,CAAC;IACrC,CAAC;IAAAd,eAAA,kBAEkBkD,KAAiB,IAAK;MACvC,MAAM;QAAED;MAAM,CAAC,GAAGC,KAAK;MACvB,IAAI,CAACP,QAAQ,CAAC;QAAEM;MAAM,CAAC,CAAC;IAC1B,CAAC;IAAAjD,eAAA,sBAEsBkD,KAAgB,IAAK;MAC1C,IAAIA,KAAK,CAACC,OAAO,KAAKC,oCAAa,CAACC,uBAAuB,IAAIH,KAAK,CAACC,OAAO,KAAKC,oCAAa,CAACE,oBAAoB,EAAE;QACnH,IAAI,CAACX,QAAQ,CAAC;UAAEY,OAAO,EAAEL,KAAK,CAACM,KAAK,KAAK,YAAY,IAAIN,KAAK,CAACM,KAAK,KAAK;QAAY,CAAC,CAAC;QACvF,IAAI,CAACV,2BAA2B,EAAE;MACpC;IACF,CAAC;IAAA9C,eAAA,kBAEiB,MAAM;MACtB,IAAI,CAAC+C,wBAAwB,EAAE;IACjC,CAAC;IAAA/C,eAAA,mCAEmCkD,KAAkC,IAAK;MACzE,IAAI,CAACP,QAAQ,CAAC;QAAEc,GAAG,EAAEP,KAAK,CAACQ,gBAAgB,KAAKC,uCAAgB,CAACF;MAAI,CAAC,CAAC;IACzE,CAAC;IAAAzD,eAAA,wBASsB,MAAM;MAC3B,IAAI,CAAC,IAAI,CAACwD,KAAK,CAACZ,SAAS,EAAE;QACzB;MACF;MACA,IAAI,CAACG,wBAAwB,EAAE;MAC/B,IAAI,CAACD,2BAA2B,EAAE;IACpC,CAAC;IAAA9C,eAAA,oBAEmB4D,eAAgC,IAAK;MACvD,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,eAAe,CAAC;MACjC,IAAI,CAACjB,QAAQ,CAAC;QAAEoB,WAAW,EAAEH,eAAe;MAAG,CAAC,CAAC;MACjD,IAAI,CAACb,wBAAwB,EAAE;IACjC,CAAC;IAAA/C,eAAA,4BAE0B,MAAM;MAC/B,IAAI,CAAC6D,MAAM,CAACG,GAAG,EAAE;MACjB,MAAMC,QAAQ,GAAG,IAAI,CAACJ,MAAM,CAAChE,MAAM,GAAG,CAAC,GAAG,IAAI,CAACgE,MAAM,CAAC,IAAI,CAACA,MAAM,CAAChE,MAAM,GAAG,CAAC,CAAC,GAAGiB,SAAS;MACzF,IAAI,CAAC6B,QAAQ,CAAC;QAAEoB,WAAW,EAAEE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ;MAAK,CAAC,CAAC;MAC5C,IAAI,CAACnB,2BAA2B,EAAE;IACpC,CAAC;IAAA9C,eAAA,oBAuBmB,MAAM;MACxB,MAAM;QAAEkE;MAAc,CAAC,GAAG,IAAI,CAACV,KAAK;MACpC,IAAI,CAACb,QAAQ,CAAC;QAAEwB,OAAO,EAAE;MAAK,CAAC,CAAC;MAChCC,qBAAQ,CAACC,MAAM,CAACH,aAAa,EAAE;QAC7BI,eAAe,EAAE,IAAI;QACrBC,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,CAAC,MAAM;QACb,IAAI,CAAC9B,QAAQ,CAAC;UAAE+B,cAAc,EAAE;QAAK,CAAC,CAAC;MACzC,CAAC,CAAC;IACJ,CAAC;IAAA1E,eAAA,qBAEoB,MAAM;MACzB,IAAI,IAAI,CAAC2E,kBAAkB,EAAE;QAC3B;MACF;MACAC,YAAY,CAAC,IAAI,CAACC,sBAAsB,CAAC;MACzC,MAAM;QAAEX;MAAc,CAAC,GAAG,IAAI,CAACV,KAAK;MACpC,IAAI,CAACb,QAAQ,CAAC;QAAE+B,cAAc,EAAE;MAAM,CAAC,CAAC;MACxCN,qBAAQ,CAACC,MAAM,CAACH,aAAa,EAAE;QAC7BI,eAAe,EAAE,IAAI;QACrBC,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,CAAC,MAAM;QACb,IAAI,CAAC9B,QAAQ,CAAC;UAAEwB,OAAO,EAAE;QAAM,CAAC,CAAC;MACnC,CAAC,CAAC;IACJ,CAAC;IArJC,IAAI,CAACX,KAAK,GAAGjB,WAAW,CAACuC,YAAY;EACvC;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,MAAM/B,MAAM,GAAG,IAAI,CAACN,KAAK,CAACM,MAAM;IAChCA,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACC,UAAU,EAAE,IAAI,CAACC,WAAW,CAAC;IACrEnC,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACG,KAAK,EAAE,IAAI,CAACC,OAAO,CAAC;IAC5DrC,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACK,UAAU,EAAE,IAAI,CAACC,WAAW,CAAC;IACrEvC,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACO,IAAI,EAAE,IAAI,CAACC,MAAM,CAAC;IAC1DzC,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACS,OAAO,EAAE,IAAI,CAACD,MAAM,CAAC;IAC7DzC,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACU,KAAK,EAAE,IAAI,CAACC,OAAO,CAAC;IAC5D5C,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACY,aAAa,EAAE,IAAI,CAACC,cAAc,CAAC;IAC3E9C,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACK,UAAU,EAAE,IAAI,CAACC,WAAW,CAAC;IACrEvC,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACc,KAAK,EAAE,IAAI,CAACC,OAAO,CAAC;IAC5DhD,MAAM,CAACgC,gBAAgB,CAACC,sCAAe,CAACgB,uBAAuB,EAAE,IAAI,CAACC,wBAAwB,CAAC;IAC/F,IAAIlD,MAAM,CAAClD,MAAM,KAAKgB,SAAS,IAAIkC,MAAM,CAACmD,WAAW,KAAK,CAAC,EAAE;MAC3D,IAAI,CAACV,MAAM,EAAE;IACf;IACA,IAAI,CAAC9C,QAAQ,CAAC;MAAEc,GAAG,EAAET,MAAM,CAACU,gBAAgB,KAAK;IAAqB,CAAC,CAAC;EAC1E;EAEA0C,oBAAoBA,CAAA,EAAG;IACrB,MAAMpD,MAAM,GAAG,IAAI,CAACN,KAAK,CAACM,MAAM;IAChCA,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACC,UAAU,EAAE,IAAI,CAACC,WAAW,CAAC;IACxEnC,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACG,KAAK,EAAE,IAAI,CAACC,OAAO,CAAC;IAC/DrC,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACK,UAAU,EAAE,IAAI,CAACC,WAAW,CAAC;IACxEvC,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACO,IAAI,EAAE,IAAI,CAACC,MAAM,CAAC;IAC7DzC,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACS,OAAO,EAAE,IAAI,CAACD,MAAM,CAAC;IAChEzC,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACU,KAAK,EAAE,IAAI,CAACC,OAAO,CAAC;IAC/D5C,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACY,aAAa,EAAE,IAAI,CAACC,cAAc,CAAC;IAC9E9C,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACK,UAAU,EAAE,IAAI,CAACC,WAAW,CAAC;IACxEvC,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACc,KAAK,EAAE,IAAI,CAACC,OAAO,CAAC;IAC/DhD,MAAM,CAACqD,mBAAmB,CAACpB,sCAAe,CAACgB,uBAAuB,EAAE,IAAI,CAACC,wBAAwB,CAAC;IAClGtB,YAAY,CAAC,IAAI,CAACC,sBAAsB,CAAC;EAC3C;EAwCA,IAAIyB,eAAeA,CAAA,EAAY;IAC7B,OAAO,IAAI,CAAC9C,KAAK,CAACkB,cAAc;EAClC;;EAEA;AACF;AACA;;EAsBU3B,wBAAwBA,CAAA,EAAG;IACjC6B,YAAY,CAAC,IAAI,CAACC,sBAAsB,CAAC;IACzC,IAAI,CAACA,sBAAsB,GAAG/D,SAAS;IACvC,IAAI,CAAC,IAAI,CAAC0C,KAAK,CAACW,OAAO,EAAE;MACvB,IAAI,CAACoC,SAAS,EAAE;IAClB;EACF;EAEQzD,2BAA2BA,CAAA,EAAG;IACpC8B,YAAY,CAAC,IAAI,CAACC,sBAAsB,CAAC;IACzC,IAAI,IAAI,CAACF,kBAAkB,EAAE;MAC3B;IACF;IACA;IACA;IACA,IAAI6B,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,CAAC,IAAI,CAACjD,KAAK,CAACX,MAAM,EAAE;MAC/C;MACA,IAAI,CAACgC,sBAAsB,GAAG6B,UAAU,CAAC,IAAI,CAACC,UAAU,EAAE,IAAI,CAACjE,KAAK,CAACkE,KAAK,CAACC,qBAAqB,CAAC;IACnG;EACF;EA8BA,IAAYlC,kBAAkBA,CAAA,EAAY;IACxC,MAAM;MAAE/B,SAAS;MAAEmB,WAAW;MAAER,OAAO;MAAEE;IAAI,CAAC,GAAG,IAAI,CAACD,KAAK;IAC3D,OAAO,CAACZ,SAAS,IAAImB,WAAW,KAAKjD,SAAS,IAAIyC,OAAO,IAAIE,GAAG;EAClE;EAEAqD,MAAMA,CAAA,EAAG;IACP,MAAM;MAAE9D,MAAM;MAAE4D,KAAK;MAAExF,GAAG;MAAE2F,MAAM;MAAEzF,MAAM;MAAE0F,QAAQ;MAAEC,KAAK;MAAEC,QAAQ;MAAEC,WAAW;MAAEC,WAAW;MAAEC;IAAO,CAAC,GAAG,IAAI,CAAC3E,KAAK;IACtH,MAAM;MAAEwB,aAAa;MAAEH,WAAW;MAAEd,KAAK;MAAEL,SAAS;MAAEa;IAAI,CAAC,GAAG,IAAI,CAACD,KAAK;IAExE,IAAIP,KAAK,KAAKnC,SAAS,EAAE;MACvB,oBAAOpD,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAACtJ,aAAA,CAAAuJ,YAAY;QAACtE,KAAK,EAAEA;MAAM,EAAG;IACvC;IAEA,IAAIuD,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIhD,GAAG,EAAE;MAChC,oBAAO/F,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAAA5J,MAAA,CAAAc,OAAA,CAAAgJ,QAAA,OAAK;IACd;IAEA,MAAMC,sBAAsB,GAAG,CAAC9F,kBAAkB,EAAEsF,KAAK,CAAC;IAE1D,oBACEvJ,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAACxJ,cAAA,CAAA4J,aAAa,CAACC,QAAQ;MAAC1H,KAAK,EAAE;QAAE+C,MAAM;QAAEiE,KAAK,EAAEL,KAAK;QAAEgB,EAAE,EAAE;MAAK;IAAE,gBAEhElK,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAACzJ,YAAA,CAAAgK,IAAI;MAACZ,KAAK,EAAE/F;IAAwB,GAAEmG,MAAM,CAAQ,eAErD3J,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAACzJ,YAAA,CAAAuG,QAAQ,CAACyD,IAAI,EAAAtI,QAAA;MACZ0H,KAAK,EAAE,CAACQ,sBAAsB,EAAE;QAAEK,OAAO,EAAE5D;MAAc,CAAC,CAAE;MAC5D6D,YAAY,EAAE,IAAI,CAACC;IAAc,GAC5BxB,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG;MAAEwB,WAAW,EAAE,IAAI,CAACD,aAAa;MAAEE,YAAY,EAAE,IAAI,CAACvB;IAAW,CAAC,GAAG,CAAC,CAAC,gBACpGjJ,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAAA5J,MAAA,CAAAc,OAAA,CAAAgJ,QAAA,qBAEE9J,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAACzJ,YAAA,CAAAgK,IAAI;MAACZ,KAAK,EAAE,CAACQ,sBAAsB,EAAE;QAAEU,eAAe,EAAEvB,KAAK,CAACwB,MAAM,CAACC;MAAa,CAAC,CAAE;MAACN,YAAY,EAAE,IAAI,CAACpB;IAAW,EAAG,EAGvH5C,WAAW,KAAKjD,SAAS,iBAAIpD,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAACzJ,YAAA,CAAAgK,IAAI;MAACZ,KAAK,EAAE,CAACQ,sBAAsB;IAAE,GAAE1D,WAAW,CAAQ,EAGxFA,WAAW,KAAKjD,SAAS,iBACxBpD,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAAA5J,MAAA,CAAAc,OAAA,CAAAgJ,QAAA,QACG5E,SAAS,iBAAIlF,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAACzJ,YAAA,CAAAgK,IAAI;MAACZ,KAAK,EAAE,CAACnF,sBAAsB,EAAEoF,QAAQ;IAAE,GAAE9F,GAAG,CAAQ,eAC3E1D,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAACzJ,YAAA,CAAAgK,IAAI;MAACZ,KAAK,EAAE,CAAC/E,yBAAyB,EAAEiF,WAAW;IAAE,GAAEJ,MAAM,CAAQ,EACrEnE,SAAS,iBAAIlF,MAAA,CAAAc,OAAA,CAAA8I,aAAA,CAACzJ,YAAA,CAAAgK,IAAI;MAACZ,KAAK,EAAE,CAAC5E,yBAAyB,EAAE+E,WAAW;IAAE,GAAE9F,MAAM,CAAQ,EACnF0F,QAAQ,CAEZ,CACA,CACW,CACO;EAE7B;AACF;AAACtF,OAAA,CAAAa,WAAA,GAAAA,WAAA;AAAAvC,eAAA,CA3NYuC,WAAW,kBAKkB;EACtC2B,aAAa,EAAE,IAAIE,qBAAQ,CAACkE,KAAK,CAAC,CAAC,CAAC;EACpCvE,WAAW,EAAEjD,SAAS;EACtBqD,OAAO,EAAE,IAAI;EACbO,cAAc,EAAE,IAAI;EACpBzB,KAAK,EAAEnC,SAAS;EAChB8B,SAAS,EAAE,KAAK;EAChBC,MAAM,EAAE,IAAI;EACZU,OAAO,EAAE,KAAK;EACdE,GAAG,EAAE;AACP,CAAC;AA8MHlB,WAAW,CAACgG,WAAW,GAAGb,4BAAa"}

package/lib/commonjs/ui/components/uicontroller/UiControls.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=UiControls.js.map

package/lib/commonjs/ui/components/uicontroller/UiControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UiControls.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * A callback function to render a menu when needed.\n */\nexport type MenuConstructor = () => ReactNode;\n\n/**\n * The API provided to all UI components in `react-native-theoplayer` so they can communicate with the UI.\n */\nexport interface UiControls {\n  /*\n   * Whether the UI buttons are enabled.\n   */\n  readonly buttonsEnabled_: boolean;\n\n  /*\n   * Used to notify the UI that a user pressed did an action, so the UI can be faded in.\n   */\n  onUserAction_: () => void;\n\n  /*\n   * Opens a new menu on top of the player.\n   */\n  openMenu_: (menuConstructor: MenuConstructor) => void;\n\n  /*\n   * Closes the current menu. If this was a sub-menu, the parent menu will re-open.\n   */\n  closeCurrentMenu_: () => void;\n}\n"],"mappings":""}

package/lib/commonjs/ui/components/uicontroller/barrel.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _UiContainer = require("./UiContainer");
+Object.keys(_UiContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _UiContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UiContainer[key];
+    }
+  });
+});
+var _UiControls = require("./UiControls");
+Object.keys(_UiControls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _UiControls[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UiControls[key];
+    }
+  });
+});
+//# sourceMappingURL=barrel.js.map

package/lib/commonjs/ui/components/uicontroller/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_UiContainer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_UiControls"],"sources":["barrel.ts"],"sourcesContent":["export * from './UiContainer';\nexport * from './UiControls';\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/ui/components/util/PlayerContext.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlayerContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _THEOplayerTheme = require("../../THEOplayerTheme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * The context for all UI components of `react-native-theoplayer`.
+ */
+const PlayerContext = /*#__PURE__*/_react.default.createContext({
+  player: undefined,
+  style: _THEOplayerTheme.DEFAULT_THEOPLAYER_THEME,
+  ui: undefined
+});
+exports.PlayerContext = PlayerContext;
+//# sourceMappingURL=PlayerContext.js.map

package/lib/commonjs/ui/components/util/PlayerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_THEOplayerTheme","obj","__esModule","default","PlayerContext","React","createContext","player","undefined","style","DEFAULT_THEOPLAYER_THEME","ui","exports"],"sources":["PlayerContext.ts"],"sourcesContent":["import React from 'react';\nimport type { THEOplayer } from 'react-native-theoplayer';\nimport type { THEOplayerTheme } from '../../THEOplayerTheme';\nimport { DEFAULT_THEOPLAYER_THEME } from '../../THEOplayerTheme';\nimport type { UiControls } from '../uicontroller/UiControls';\n\nexport interface UiContext {\n  /**\n   * The THEOplayer from the THEOplayerView.\n   */\n  readonly player: THEOplayer;\n  /**\n   * The configured THEOplayerTheme.\n   */\n  readonly style: THEOplayerTheme;\n  /**\n   * UI controls for the components to communicate with the UI.\n   */\n  readonly ui: UiControls;\n}\n\n/**\n * The context for all UI components of `react-native-theoplayer`.\n */\nexport const PlayerContext = React.createContext<UiContext>({\n  player: undefined as unknown as THEOplayer,\n  style: DEFAULT_THEOPLAYER_THEME,\n  ui: undefined as unknown as UiControls,\n});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AAAiE,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAkBjE;AACA;AACA;AACO,MAAMG,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAY;EAC1DC,MAAM,EAAEC,SAAkC;EAC1CC,KAAK,EAAEC,yCAAwB;EAC/BC,EAAE,EAAEH;AACN,CAAC,CAAC;AAACI,OAAA,CAAAR,aAAA,GAAAA,aAAA"}

package/lib/commonjs/ui/components/util/TrackUtils.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterRenderableTracks = filterRenderableTracks;
+exports.getTrackLabel = getTrackLabel;
+exports.getVideoQualityLabel = getVideoQualityLabel;
+exports.stringFromTextTrackListEvent = stringFromTextTrackListEvent;
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+var _Language = require("../../utils/language/Language");
+function getTrackLabel(track) {
+  if (track.label) {
+    return track.label;
+  }
+  const languageCode = track.language;
+  if (languageCode) {
+    const iso639Language = (0, _Language.getISO639LanguageByCode)(languageCode);
+    if (iso639Language) {
+      return iso639Language.local;
+    }
+  }
+  return languageCode || '';
+}
+function stringFromTextTrackListEvent(type) {
+  switch (type) {
+    case _reactNativeTheoplayer.TrackListEventType.ADD_TRACK:
+      return 'AddTrack';
+    case _reactNativeTheoplayer.TrackListEventType.REMOVE_TRACK:
+      return 'RemoveTrack';
+    case _reactNativeTheoplayer.TrackListEventType.CHANGE_TRACK:
+      return 'ChangeTrack';
+  }
+}
+
+/**
+ * Retain renderable tracks.
+ * https://html.spec.whatwg.org/multipage/embedded-content.html#text-track-showing
+ */
+function filterRenderableTracks(textTracks) {
+  return textTracks.filter(textTrack => textTrack.kind === 'subtitles' || textTrack.kind === 'captions');
+}
+function getVideoQualityLabel(quality) {
+  let withBandWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  if (!quality) {
+    return 'auto';
+  }
+  if (quality.label && quality.label !== '') {
+    return quality.label;
+  }
+  let label = '';
+  if (quality.height) {
+    label = quality.height + 'p';
+  }
+  if (!withBandWidth || !quality.bandwidth) {
+    return label;
+  }
+  let bandwidth;
+  if (quality.bandwidth > 1e7) {
+    bandwidth = (quality.bandwidth / 1e6).toFixed(0) + 'Mbps';
+  } else if (quality.bandwidth > 1e6) {
+    bandwidth = (quality.bandwidth / 1e6).toFixed(1) + 'Mbps';
+  } else {
+    bandwidth = (quality.bandwidth / 1e3).toFixed(0) + 'kbps';
+  }
+  const isHD = quality.height ? quality.height >= 720 : false;
+  return `${label} - ${bandwidth} ${isHD ? '(HD)' : ''}`;
+}
+//# sourceMappingURL=TrackUtils.js.map

package/lib/commonjs/ui/components/util/TrackUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeTheoplayer","require","_Language","getTrackLabel","track","label","languageCode","language","iso639Language","getISO639LanguageByCode","local","stringFromTextTrackListEvent","type","TrackListEventType","ADD_TRACK","REMOVE_TRACK","CHANGE_TRACK","filterRenderableTracks","textTracks","filter","textTrack","kind","getVideoQualityLabel","quality","withBandWidth","arguments","length","undefined","height","bandwidth","toFixed","isHD"],"sources":["TrackUtils.ts"],"sourcesContent":["import type { MediaTrack, TextTrack } from 'react-native-theoplayer';\nimport { TrackListEventType, VideoQuality } from 'react-native-theoplayer';\nimport { getISO639LanguageByCode } from '../../utils/language/Language';\n\nexport function getTrackLabel(track: MediaTrack | TextTrack): string {\n  if (track.label) {\n    return track.label;\n  }\n  const languageCode: string = track.language;\n  if (languageCode) {\n    const iso639Language = getISO639LanguageByCode(languageCode);\n    if (iso639Language) {\n      return iso639Language.local;\n    }\n  }\n  return languageCode || '';\n}\n\nexport function stringFromTextTrackListEvent(type: TrackListEventType): string {\n  switch (type) {\n    case TrackListEventType.ADD_TRACK:\n      return 'AddTrack';\n    case TrackListEventType.REMOVE_TRACK:\n      return 'RemoveTrack';\n    case TrackListEventType.CHANGE_TRACK:\n      return 'ChangeTrack';\n  }\n}\n\n/**\n * Retain renderable tracks.\n * https://html.spec.whatwg.org/multipage/embedded-content.html#text-track-showing\n */\nexport function filterRenderableTracks(textTracks: TextTrack[]): TextTrack[] {\n  return textTracks.filter((textTrack) => textTrack.kind === 'subtitles' || textTrack.kind === 'captions');\n}\n\nexport function getVideoQualityLabel(quality: VideoQuality | undefined, withBandWidth = true): string {\n  if (!quality) {\n    return 'auto';\n  }\n  if (quality.label && quality.label !== '') {\n    return quality.label;\n  }\n  let label = '';\n  if (quality.height) {\n    label = quality.height + 'p';\n  }\n  if (!withBandWidth || !quality.bandwidth) {\n    return label;\n  }\n  let bandwidth;\n  if (quality.bandwidth > 1e7) {\n    bandwidth = (quality.bandwidth / 1e6).toFixed(0) + 'Mbps';\n  } else if (quality.bandwidth > 1e6) {\n    bandwidth = (quality.bandwidth / 1e6).toFixed(1) + 'Mbps';\n  } else {\n    bandwidth = (quality.bandwidth / 1e3).toFixed(0) + 'kbps';\n  }\n  const isHD = quality.height ? quality.height >= 720 : false;\n  return `${label} - ${bandwidth} ${isHD ? '(HD)' : ''}`;\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEO,SAASE,aAAaA,CAACC,KAA6B,EAAU;EACnE,IAAIA,KAAK,CAACC,KAAK,EAAE;IACf,OAAOD,KAAK,CAACC,KAAK;EACpB;EACA,MAAMC,YAAoB,GAAGF,KAAK,CAACG,QAAQ;EAC3C,IAAID,YAAY,EAAE;IAChB,MAAME,cAAc,GAAG,IAAAC,iCAAuB,EAACH,YAAY,CAAC;IAC5D,IAAIE,cAAc,EAAE;MAClB,OAAOA,cAAc,CAACE,KAAK;IAC7B;EACF;EACA,OAAOJ,YAAY,IAAI,EAAE;AAC3B;AAEO,SAASK,4BAA4BA,CAACC,IAAwB,EAAU;EAC7E,QAAQA,IAAI;IACV,KAAKC,yCAAkB,CAACC,SAAS;MAC/B,OAAO,UAAU;IACnB,KAAKD,yCAAkB,CAACE,YAAY;MAClC,OAAO,aAAa;IACtB,KAAKF,yCAAkB,CAACG,YAAY;MAClC,OAAO,aAAa;EAAC;AAE3B;;AAEA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CAACC,UAAuB,EAAe;EAC3E,OAAOA,UAAU,CAACC,MAAM,CAAEC,SAAS,IAAKA,SAAS,CAACC,IAAI,KAAK,WAAW,IAAID,SAAS,CAACC,IAAI,KAAK,UAAU,CAAC;AAC1G;AAEO,SAASC,oBAAoBA,CAACC,OAAiC,EAAgC;EAAA,IAA9BC,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAC1F,IAAI,CAACF,OAAO,EAAE;IACZ,OAAO,MAAM;EACf;EACA,IAAIA,OAAO,CAAClB,KAAK,IAAIkB,OAAO,CAAClB,KAAK,KAAK,EAAE,EAAE;IACzC,OAAOkB,OAAO,CAAClB,KAAK;EACtB;EACA,IAAIA,KAAK,GAAG,EAAE;EACd,IAAIkB,OAAO,CAACK,MAAM,EAAE;IAClBvB,KAAK,GAAGkB,OAAO,CAACK,MAAM,GAAG,GAAG;EAC9B;EACA,IAAI,CAACJ,aAAa,IAAI,CAACD,OAAO,CAACM,SAAS,EAAE;IACxC,OAAOxB,KAAK;EACd;EACA,IAAIwB,SAAS;EACb,IAAIN,OAAO,CAACM,SAAS,GAAG,GAAG,EAAE;IAC3BA,SAAS,GAAG,CAACN,OAAO,CAACM,SAAS,GAAG,GAAG,EAAEC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM;EAC3D,CAAC,MAAM,IAAIP,OAAO,CAACM,SAAS,GAAG,GAAG,EAAE;IAClCA,SAAS,GAAG,CAACN,OAAO,CAACM,SAAS,GAAG,GAAG,EAAEC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM;EAC3D,CAAC,MAAM;IACLD,SAAS,GAAG,CAACN,OAAO,CAACM,SAAS,GAAG,GAAG,EAAEC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM;EAC3D;EACA,MAAMC,IAAI,GAAGR,OAAO,CAACK,MAAM,GAAGL,OAAO,CAACK,MAAM,IAAI,GAAG,GAAG,KAAK;EAC3D,OAAQ,GAAEvB,KAAM,MAAKwB,SAAU,IAAGE,IAAI,GAAG,MAAM,GAAG,EAAG,EAAC;AACxD"}

package/lib/commonjs/ui/components/util/barrel.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _PlayerContext = require("./PlayerContext");
+Object.keys(_PlayerContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PlayerContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PlayerContext[key];
+    }
+  });
+});
+//# sourceMappingURL=barrel.js.map

package/lib/commonjs/ui/components/util/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_PlayerContext","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["barrel.ts"],"sourcesContent":["export * from './PlayerContext';\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/ui/utils/ArrayUtils.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.arrayRemoveAt = arrayRemoveAt;
+exports.arrayRemoveElement = arrayRemoveElement;
+function arrayRemoveElement(array, element) {
+  const index = array.indexOf(element);
+  if (index === -1) {
+    return false;
+  }
+  arrayRemoveAt(array, index);
+  return true;
+}
+function arrayRemoveAt(array, index) {
+  array.splice(index, 1);
+}
+//# sourceMappingURL=ArrayUtils.js.map

package/lib/commonjs/ui/utils/ArrayUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["arrayRemoveElement","array","element","index","indexOf","arrayRemoveAt","splice"],"sources":["ArrayUtils.ts"],"sourcesContent":["export function arrayRemoveElement<T>(array: T[], element: T): boolean {\n  const index = array.indexOf(element);\n  if (index === -1) {\n    return false;\n  }\n  arrayRemoveAt(array, index);\n  return true;\n}\n\nexport function arrayRemoveAt<T>(array: T[], index: number): void {\n  array.splice(index, 1);\n}\n"],"mappings":";;;;;;;AAAO,SAASA,kBAAkBA,CAAIC,KAAU,EAAEC,OAAU,EAAW;EACrE,MAAMC,KAAK,GAAGF,KAAK,CAACG,OAAO,CAACF,OAAO,CAAC;EACpC,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;IAChB,OAAO,KAAK;EACd;EACAE,aAAa,CAACJ,KAAK,EAAEE,KAAK,CAAC;EAC3B,OAAO,IAAI;AACb;AAEO,SAASE,aAAaA,CAAIJ,KAAU,EAAEE,KAAa,EAAQ;EAChEF,KAAK,CAACK,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;AACxB"}