@theoplayer/web-ui 1.8.0 → 1.8.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
@@ -15,6 +15,10 @@ sidebar_custom_props: { 'icon': '📰' }
15
15
  > - 🏠 Internal
16
16
  > - 💅 Polish
17
17
 
18
+ ## v1.8.1 (2024-04-18)
19
+
20
+ - 🐛 Fixed `ui.player.destroy()` not working. ([#59](https://github.com/THEOplayer/web-ui/issues/59), [#62](https://github.com/THEOplayer/web-ui/pull/62))
21
+
18
22
  ## v1.8.0 (2024-04-12)
19
23
 
20
24
  - 💥 **Breaking Change**: This project now requires THEOplayer version 7.0.0 or higher. ([#60](https://github.com/THEOplayer/web-ui/pull/60))
package/README.md CHANGED
@@ -102,7 +102,7 @@ The current THEOplayer Web SDK comes with a built-in UI based on [video.js](http
102
102
  ui.player.addEventListener('playing', () => console.log('THEOplayer is now playing'));
103
103
  ```
104
104
 
105
- See [docs/examples/default-ui.html](https://github.com/THEOplayer/web-ui/blob/main/docs/examples/default-ui.html) for a complete example.
105
+ See [default-ui/demo.html](https://github.com/THEOplayer/web-ui/blob/main/docs/static/open-video-ui/v1/examples/web/default-ui/demo.html) for a complete example.
106
106
 
107
107
  ### Custom UI
108
108
 
@@ -125,7 +125,7 @@ If you want to fully customize your video player layout, you can use a `<theopla
125
125
  </theoplayer-ui>
126
126
  ```
127
127
 
128
- See [docs/examples/custom-ui.html](https://github.com/THEOplayer/web-ui/blob/main/docs/examples/custom-ui.html) for a complete example.
128
+ See [custom-ui/demo.html](https://github.com/THEOplayer/web-ui/blob/main/docs/static/open-video-ui/v1/examples/web/custom-ui/demo.html) for a complete example.
129
129
 
130
130
  ### Legacy browser support
131
131
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * THEOplayer Open Video UI for Web (v1.8.0)
2
+ * THEOplayer Open Video UI for Web (v1.8.1)
3
3
  * License: MIT
4
4
  */
5
5
  import { ChromelessPlayer, VideoQuality, THEOplayerError, MediaTrack, TextTrack, TextTracksList, EdgeStyle, VendorCast, CastState, PlayerConfiguration, SourceDescription } from 'theoplayer/chromeless';
@@ -777,6 +777,7 @@ declare class TextTrackStyleRadioGroup extends TextTrackStyleRadioGroup_base {
777
777
  private readonly _radioGroup;
778
778
  private readonly _optionsSlot;
779
779
  private _player;
780
+ private _textTrackStyle;
780
781
  private _value;
781
782
  constructor();
782
783
  connectedCallback(): void;
@@ -821,6 +822,7 @@ declare class TextTrackStyleDisplay extends TextTrackStyleDisplay_base {
821
822
  static get observedAttributes(): Attribute[];
822
823
  private readonly _spanEl;
823
824
  private _player;
825
+ private _textTrackStyle;
824
826
  constructor();
825
827
  connectedCallback(): void;
826
828
  protected _upgradeProperty(prop: keyof this): void;
@@ -866,6 +868,8 @@ declare const LanguageMenu_base: typeof MenuGroup & Constructor<StateReceiverEle
866
868
  */
867
869
  declare class LanguageMenu extends LanguageMenu_base {
868
870
  private _player;
871
+ private _audioTrackList;
872
+ private _textTrackList;
869
873
  static get observedAttributes(): Attribute[];
870
874
  constructor();
871
875
  get player(): ChromelessPlayer | undefined;
@@ -891,6 +895,8 @@ declare const LanguageMenuButton_base: typeof MenuButton & Constructor<StateRece
891
895
  */
892
896
  declare class LanguageMenuButton extends LanguageMenuButton_base {
893
897
  private _player;
898
+ private _audioTrackList;
899
+ private _textTrackList;
894
900
  constructor();
895
901
  connectedCallback(): void;
896
902
  get player(): ChromelessPlayer | undefined;
@@ -1071,6 +1077,7 @@ declare const QualityRadioGroup_base: {
1071
1077
  declare class QualityRadioGroup extends QualityRadioGroup_base {
1072
1078
  private readonly _radioGroup;
1073
1079
  private _player;
1080
+ private _videoTracks;
1074
1081
  private _track;
1075
1082
  constructor();
1076
1083
  protected _upgradeProperty(prop: keyof this): void;
@@ -1277,6 +1284,7 @@ declare class PreviewThumbnail extends PreviewThumbnail_base {
1277
1284
  private readonly _canvasContext;
1278
1285
  private readonly _thumbnailImageSource;
1279
1286
  private _player;
1287
+ private _textTrackList;
1280
1288
  private _previewTime;
1281
1289
  private _thumbnailTextTrack;
1282
1290
  private _lastLoadedThumbnailUrl;
@@ -1349,6 +1357,7 @@ declare class TimeRange extends TimeRange_base {
1349
1357
  private readonly _previewRailEl;
1350
1358
  private readonly _previewBoxEl;
1351
1359
  private _player;
1360
+ private _ads;
1352
1361
  private _pausedWhileScrubbing;
1353
1362
  private _autoAdvanceId;
1354
1363
  private _lastUpdateTime;
@@ -1495,6 +1504,7 @@ declare const ChromecastDisplay_base: {
1495
1504
  declare class ChromecastDisplay extends ChromecastDisplay_base {
1496
1505
  private readonly _receiverNameEl;
1497
1506
  private _player;
1507
+ private _castApi;
1498
1508
  constructor();
1499
1509
  protected _upgradeProperty(prop: keyof this): void;
1500
1510
  connectedCallback(): void;
@@ -1570,6 +1580,7 @@ declare const GestureReceiver_base: {
1570
1580
  */
1571
1581
  declare class GestureReceiver extends GestureReceiver_base {
1572
1582
  private _player;
1583
+ private _playerElement;
1573
1584
  private _pointerType;
1574
1585
  constructor();
1575
1586
  protected _upgradeProperty(prop: keyof this): void;
@@ -1660,6 +1671,7 @@ declare const AdDisplay_base: {
1660
1671
  declare class AdDisplay extends AdDisplay_base {
1661
1672
  private readonly _spanEl;
1662
1673
  private _player;
1674
+ private _ads;
1663
1675
  constructor();
1664
1676
  protected _upgradeProperty(prop: keyof this): void;
1665
1677
  connectedCallback(): void;
@@ -1685,6 +1697,7 @@ declare const AdCountdown_base: {
1685
1697
  declare class AdCountdown extends AdCountdown_base {
1686
1698
  private readonly _spanEl;
1687
1699
  private _player;
1700
+ private _ads;
1688
1701
  constructor();
1689
1702
  protected _upgradeProperty(prop: keyof this): void;
1690
1703
  connectedCallback(): void;
@@ -1707,6 +1720,7 @@ declare const AdClickThroughButton_base: typeof LinkButton & Constructor<StateRe
1707
1720
  */
1708
1721
  declare class AdClickThroughButton extends AdClickThroughButton_base {
1709
1722
  private _player;
1723
+ private _ads;
1710
1724
  static get observedAttributes(): Attribute[];
1711
1725
  constructor();
1712
1726
  connectedCallback(): void;
@@ -1735,6 +1749,7 @@ declare class AdSkipButton extends AdSkipButton_base {
1735
1749
  private readonly _countdownEl;
1736
1750
  private readonly _skipEl;
1737
1751
  private _player;
1752
+ private _ads;
1738
1753
  static get observedAttributes(): Attribute[];
1739
1754
  constructor();
1740
1755
  connectedCallback(): void;
@@ -1945,6 +1960,7 @@ declare class UIContainer extends HTMLElement {
1945
1960
  private readonly registerStateReceiver_;
1946
1961
  private readonly unregisterStateReceiver_;
1947
1962
  private propagateStateToReceiver_;
1963
+ private propagatePlayerToAllReceivers_;
1948
1964
  private removeStateFromReceiver_;
1949
1965
  private openMenu_;
1950
1966
  private closeMenu_;
@@ -1985,6 +2001,9 @@ declare class UIContainer extends HTMLElement {
1985
2001
  private readonly _onChromeSlotTransition;
1986
2002
  private readonly _updateTextTrackMargins;
1987
2003
  private readonly _onPreviewTimeChange;
2004
+ private addPlayerListeners_;
2005
+ private removePlayerListeners_;
2006
+ private readonly _onDestroy;
1988
2007
  }
1989
2008
  declare global {
1990
2009
  interface HTMLElementTagNameMap {