@theoplayer/web-ui 1.13.1 → 1.15.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @theoplayer/web-ui
 
+## 1.15.0
+
+### ✨ Features
+
+- The UI now takes `SourceDescription.streamType` into account when computing its own `stream-type` attribute. This is now the preferred method of overriding the stream type.
+
+### 🐛 Issues
+
+- Fixed `<theolive-default-ui>` to stop using deprecated OptiView Live events.
+- Fixed an issue where the `<theoplayer-time-range>` inside the default UI could accidentally be clicked even when it was hidden because of user inactivity.
+
+## 1.14.0
+
+### ✨ Features
+
+- `<theoplayer-default-ui>` now hides all controls except the center play button when the player size is very small on desktop.
+- Add `--theoplayer-centered-chrome-button-icon-width` CSS property to change the icon width of _only_ the buttons in the center slot in a `<theoplayer-default-ui>`.
+- Add `--theoplayer-aspect-ratio` CSS property to change the aspect ratio of a `<theoplayer-default-ui>` or `<theoplayer-ui>`.
+- Add `--theoplayer-min-width` CSS property to override the `min-width` of a `<theoplayer-default-ui>` or `<theoplayer-ui>`.
+- Add `--theoplayer-height` CSS property to override the height of the inner `<theoplayer-ui>` within a `<theoplayer-default-ui>`.
+
+### 🐛 Issues
+
+- Fixed an issue where the menus didn't cover the entire player when the player is too small.
+
 ## 1.13.1
 
 ### 🐛 Issues

package/dist/THEOplayerUI.d.ts

@@ -1,5 +1,5 @@
 /*!
- * THEOplayer Open Video UI for Web (v1.13.1)
+ * THEOplayer Open Video UI for Web (v1.15.0)
  * License: MIT
  */
 import { ChromelessPlayer, VideoQuality, THEOplayerError, MediaTrack, TextTrack, TextTracksList, EdgeStyle, VendorCast, CastState, UIPlayerConfiguration, SourceDescription } from 'theoplayer/chromeless';
@@ -39,6 +39,7 @@ declare enum Attribute {
     USER_IDLE_TIMEOUT = "user-idle-timeout",
     NO_AUTO_HIDE = "no-auto-hide",
     DISABLED = "disabled",
+    INERT = "inert",
     HIDDEN = "hidden",
     PAUSED = "paused",
     ENDED = "ended",
@@ -1197,6 +1198,8 @@ declare const Range_base: {
  *
  * @attribute `disabled` - Whether the range is disabled.
  *   When disabled, the slider value cannot be changed, and the slider thumb is hidden.
+ * @attribute `inert` - Whether the range is inert.
+ *   When inert, the slider value cannot be changed, but the slider thumb is still visible.
  *
  * @group Components
  */
@@ -1217,6 +1220,13 @@ declare abstract class Range extends Range_base {
      */
     get disabled(): boolean;
     set disabled(disabled: boolean);
+    /**
+     * Whether the range is inert.
+     *
+     * When inert, the slider value cannot be changed, but the slider thumb is still visible.
+     */
+    get inert(): boolean;
+    set inert(inert: boolean);
     /**
      * The current value.
      */
@@ -1874,6 +1884,7 @@ declare class UIContainer extends HTMLElement {
     private readonly _stateReceivers;
     private _player;
     private _source;
+    private _isUserActive;
     private _userIdleTimer;
     private _previewTime;
     private _activeVideoTrack;
@@ -1938,6 +1949,11 @@ declare class UIContainer extends HTMLElement {
      * Whether the player is casting to a remote receiver.
      */
     get casting(): boolean;
+    /**
+     * Whether the user has stopped interacting with the UI and is considered to be "idle".
+     */
+    get userIdle(): boolean;
+    private set userIdle(value);
     /**
      * The timeout (in seconds) between when the user stops interacting with the UI,
      * and when the user is considered to be "idle".
@@ -1955,6 +1971,9 @@ declare class UIContainer extends HTMLElement {
      * when the player switches between its VOD-specific and live-only controls.
      */
     get streamType(): StreamType;
+    /**
+     * @deprecated use {@link SourceDescription.streamType} instead.
+     */
     set streamType(streamType: StreamType);
     /**
      * The minimum length (in seconds) of a livestream's sliding window for the stream to be DVR
@@ -1991,6 +2010,7 @@ declare class UIContainer extends HTMLElement {
     private readonly _updatePausedAndEnded;
     private readonly _updateEnded;
     private readonly _updateStreamType;
+    private computeStreamType_;
     private readonly _updatePlaybackRate;
     private readonly _updateMuted;
     private readonly _updateActiveVideoTrack;
@@ -2003,6 +2023,7 @@ declare class UIContainer extends HTMLElement {
     private setUserActive_;
     private readonly setUserIdle_;
     private readonly scheduleUserIdle_;
+    private updateUserIdle_;
     private isPlayerOrMedia_;
     private readonly _onTvKeyDown;
     private readonly _onKeyUp;
@@ -2083,6 +2104,7 @@ declare class DefaultUI extends HTMLElement {
     protected readonly _ui: UIContainer;
     private readonly _titleSlot;
     private readonly _timeRange;
+    private _timeRangeInertTimeout;
     private _appliedExtensions;
     /**
      * Creates a new THEOplayer default UI.
@@ -2137,6 +2159,10 @@ declare class DefaultUI extends HTMLElement {
      */
     get streamType(): StreamType;
     set streamType(value: StreamType);
+    /**
+     * Whether the user has stopped interacting with the UI and is considered to be "idle".
+     */
+    get userIdle(): boolean;
     /**
      * The timeout (in seconds) between when the user stops interacting with the UI,
      * and when the user is considered to be "idle".
@@ -2154,6 +2180,7 @@ declare class DefaultUI extends HTMLElement {
     attributeChangedCallback(attrName: string, oldValue: any, newValue: any): void;
     private readonly _updateStreamType;
     private readonly _dispatchReadyEvent;
+    private readonly _updateUserIdle;
     private readonly _onTitleSlotChange;
 }
 declare global {