@mux/mux-player 1.14.1 → 1.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/index.cjs.js +30 -30
  2. package/dist/index.mjs +1 -1
  3. package/dist/mux-player.js +70 -70
  4. package/dist/mux-player.mjs +70 -70
  5. package/dist/themes/2023/index.cjs.js +80 -1
  6. package/dist/themes/2023/index.js +80 -1
  7. package/dist/themes/2023/index.mjs +80 -1
  8. package/dist/themes/classic/index.cjs.js +80 -1
  9. package/dist/themes/classic/index.js +80 -1
  10. package/dist/themes/classic/index.mjs +80 -1
  11. package/dist/themes/microvideo/index.cjs.js +80 -1
  12. package/dist/themes/microvideo/index.js +80 -1
  13. package/dist/themes/microvideo/index.mjs +80 -1
  14. package/dist/themes/minimal/index.cjs.js +80 -1
  15. package/dist/themes/minimal/index.js +80 -1
  16. package/dist/themes/minimal/index.mjs +80 -1
  17. package/dist/tsconfig.tsbuildinfo +1 -1
  18. package/package.json +12 -4
package/dist/themes/microvideo/index.cjs.js CHANGED
@@ -65,6 +65,84 @@ var isShimmed = Object.keys(globalThisShim).every((key) => key in globalThis);
65
65
  var GlobalThis = isServer && !isShimmed ? globalThisShim : globalThis;
66
66
  var Document = isServer && !isShimmed ? documentShim : globalThis.document;
67
67
 
68
+ // ../../node_modules/media-chrome/dist/constants.js
69
+ var MediaUIProps = {
70
+ MEDIA_AIRPLAY_UNAVAILABLE: "mediaAirplayUnavailable",
71
+ MEDIA_FULLSCREEN_UNAVAILABLE: "mediaFullscreenUnavailable",
72
+ MEDIA_PIP_UNAVAILABLE: "mediaPipUnavailable",
73
+ MEDIA_CAST_UNAVAILABLE: "mediaCastUnavailable",
74
+ MEDIA_RENDITION_UNAVAILABLE: "mediaRenditionUnavailable",
75
+ MEDIA_AUDIO_TRACK_UNAVAILABLE: "mediaAudioTrackUnavailable",
76
+ MEDIA_PAUSED: "mediaPaused",
77
+ MEDIA_HAS_PLAYED: "mediaHasPlayed",
78
+ MEDIA_ENDED: "mediaEnded",
79
+ MEDIA_MUTED: "mediaMuted",
80
+ MEDIA_VOLUME_LEVEL: "mediaVolumeLevel",
81
+ MEDIA_VOLUME: "mediaVolume",
82
+ MEDIA_VOLUME_UNAVAILABLE: "mediaVolumeUnavailable",
83
+ MEDIA_IS_PIP: "mediaIsPip",
84
+ MEDIA_IS_CASTING: "mediaIsCasting",
85
+ MEDIA_SUBTITLES_LIST: "mediaSubtitlesList",
86
+ MEDIA_SUBTITLES_SHOWING: "mediaSubtitlesShowing",
87
+ MEDIA_IS_FULLSCREEN: "mediaIsFullscreen",
88
+ MEDIA_PLAYBACK_RATE: "mediaPlaybackRate",
89
+ MEDIA_CURRENT_TIME: "mediaCurrentTime",
90
+ MEDIA_DURATION: "mediaDuration",
91
+ MEDIA_SEEKABLE: "mediaSeekable",
92
+ MEDIA_PREVIEW_TIME: "mediaPreviewTime",
93
+ MEDIA_PREVIEW_IMAGE: "mediaPreviewImage",
94
+ MEDIA_PREVIEW_COORDS: "mediaPreviewCoords",
95
+ MEDIA_LOADING: "mediaLoading",
96
+ MEDIA_BUFFERED: "mediaBuffered",
97
+ MEDIA_STREAM_TYPE: "mediaStreamType",
98
+ MEDIA_TARGET_LIVE_WINDOW: "mediaTargetLiveWindow",
99
+ MEDIA_TIME_IS_LIVE: "mediaTimeIsLive",
100
+ MEDIA_RENDITION_LIST: "mediaRenditionList",
101
+ MEDIA_RENDITION_SELECTED: "mediaRenditionSelected",
102
+ MEDIA_AUDIO_TRACK_LIST: "mediaAudioTrackList",
103
+ MEDIA_AUDIO_TRACK_ENABLED: "mediaAudioTrackEnabled"
104
+ };
105
+ var MediaUIPropsEntries = Object.entries(MediaUIProps);
106
+ var MediaUIAttributes = MediaUIPropsEntries.reduce((dictObj, [key, propName]) => {
107
+ dictObj[key] = `${propName.toLowerCase()}`;
108
+ return dictObj;
109
+ }, {});
110
+ var MediaStateChangeEvents = MediaUIPropsEntries.reduce(
111
+ (dictObj, [key, propName]) => {
112
+ dictObj[key] = `${propName.toLowerCase()}`;
113
+ return dictObj;
114
+ },
115
+ {
116
+ USER_INACTIVE: "userinactivechange",
117
+ BREAKPOINTS_CHANGE: "breakpointchange",
118
+ BREAKPOINTS_COMPUTED: "breakpointscomputed"
119
+ }
120
+ );
121
+ var StateChangeEventToAttributeMap = Object.entries(
122
+ MediaStateChangeEvents
123
+ ).reduce(
124
+ (mapObj, [key, eventType]) => {
125
+ const attrName = MediaUIAttributes[key];
126
+ if (attrName) {
127
+ mapObj[eventType] = attrName;
128
+ }
129
+ return mapObj;
130
+ },
131
+ { userinactivechange: "userinactive" }
132
+ );
133
+ var AttributeToStateChangeEventMap = Object.entries(
134
+ MediaUIAttributes
135
+ ).reduce(
136
+ (mapObj, [key, attrName]) => {
137
+ const evtType = MediaStateChangeEvents[key];
138
+ if (evtType) {
139
+ mapObj[attrName] = evtType;
140
+ }
141
+ return mapObj;
142
+ },
143
+ { userinactive: "userinactivechange" }
144
+ );
145
+
68
146
  // ../../node_modules/media-chrome/dist/utils/template-parts.js
69
147
  var __defProp2 = Object.defineProperty;
70
148
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -723,7 +801,7 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
723
801
  }
724
802
  const observer = new MutationObserver((mutationList) => {
725
803
  var _a;
726
- if ((_a = this.mediaController) == null ? void 0 : _a.breakpointsUncomputed)
804
+ if (this.mediaController && !((_a = this.mediaController) == null ? void 0 : _a.breakpointsComputed))
727
805
  return;
728
806
  if (mutationList.some((mutation) => {
729
807
  const target = mutation.target;
@@ -745,6 +823,7 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
745
823
  attributes: true,
746
824
  subtree: true
747
825
  });
826
+ this.addEventListener(MediaStateChangeEvents.BREAKPOINTS_COMPUTED, this.render);
748
827
  __privateMethod(this, _upgradeProperty, upgradeProperty_fn).call(this, "template");
749
828
  }
750
829
  get mediaController() {
package/dist/themes/microvideo/index.js CHANGED
@@ -65,6 +65,84 @@ var mediaThemeMicrovideo = (() => {
65
65
  var GlobalThis = isServer && !isShimmed ? globalThisShim : globalThis;
66
66
  var Document = isServer && !isShimmed ? documentShim : globalThis.document;
67
67
 
68
+ // ../../node_modules/media-chrome/dist/constants.js
69
+ var MediaUIProps = {
70
+ MEDIA_AIRPLAY_UNAVAILABLE: "mediaAirplayUnavailable",
71
+ MEDIA_FULLSCREEN_UNAVAILABLE: "mediaFullscreenUnavailable",
72
+ MEDIA_PIP_UNAVAILABLE: "mediaPipUnavailable",
73
+ MEDIA_CAST_UNAVAILABLE: "mediaCastUnavailable",
74
+ MEDIA_RENDITION_UNAVAILABLE: "mediaRenditionUnavailable",
75
+ MEDIA_AUDIO_TRACK_UNAVAILABLE: "mediaAudioTrackUnavailable",
76
+ MEDIA_PAUSED: "mediaPaused",
77
+ MEDIA_HAS_PLAYED: "mediaHasPlayed",
78
+ MEDIA_ENDED: "mediaEnded",
79
+ MEDIA_MUTED: "mediaMuted",
80
+ MEDIA_VOLUME_LEVEL: "mediaVolumeLevel",
81
+ MEDIA_VOLUME: "mediaVolume",
82
+ MEDIA_VOLUME_UNAVAILABLE: "mediaVolumeUnavailable",
83
+ MEDIA_IS_PIP: "mediaIsPip",
84
+ MEDIA_IS_CASTING: "mediaIsCasting",
85
+ MEDIA_SUBTITLES_LIST: "mediaSubtitlesList",
86
+ MEDIA_SUBTITLES_SHOWING: "mediaSubtitlesShowing",
87
+ MEDIA_IS_FULLSCREEN: "mediaIsFullscreen",
88
+ MEDIA_PLAYBACK_RATE: "mediaPlaybackRate",
89
+ MEDIA_CURRENT_TIME: "mediaCurrentTime",
90
+ MEDIA_DURATION: "mediaDuration",
91
+ MEDIA_SEEKABLE: "mediaSeekable",
92
+ MEDIA_PREVIEW_TIME: "mediaPreviewTime",
93
+ MEDIA_PREVIEW_IMAGE: "mediaPreviewImage",
94
+ MEDIA_PREVIEW_COORDS: "mediaPreviewCoords",
95
+ MEDIA_LOADING: "mediaLoading",
96
+ MEDIA_BUFFERED: "mediaBuffered",
97
+ MEDIA_STREAM_TYPE: "mediaStreamType",
98
+ MEDIA_TARGET_LIVE_WINDOW: "mediaTargetLiveWindow",
99
+ MEDIA_TIME_IS_LIVE: "mediaTimeIsLive",
100
+ MEDIA_RENDITION_LIST: "mediaRenditionList",
101
+ MEDIA_RENDITION_SELECTED: "mediaRenditionSelected",
102
+ MEDIA_AUDIO_TRACK_LIST: "mediaAudioTrackList",
103
+ MEDIA_AUDIO_TRACK_ENABLED: "mediaAudioTrackEnabled"
104
+ };
105
+ var MediaUIPropsEntries = Object.entries(MediaUIProps);
106
+ var MediaUIAttributes = MediaUIPropsEntries.reduce((dictObj, [key, propName]) => {
107
+ dictObj[key] = `${propName.toLowerCase()}`;
108
+ return dictObj;
109
+ }, {});
110
+ var MediaStateChangeEvents = MediaUIPropsEntries.reduce(
111
+ (dictObj, [key, propName]) => {
112
+ dictObj[key] = `${propName.toLowerCase()}`;
113
+ return dictObj;
114
+ },
115
+ {
116
+ USER_INACTIVE: "userinactivechange",
117
+ BREAKPOINTS_CHANGE: "breakpointchange",
118
+ BREAKPOINTS_COMPUTED: "breakpointscomputed"
119
+ }
120
+ );
121
+ var StateChangeEventToAttributeMap = Object.entries(
122
+ MediaStateChangeEvents
123
+ ).reduce(
124
+ (mapObj, [key, eventType]) => {
125
+ const attrName = MediaUIAttributes[key];
126
+ if (attrName) {
127
+ mapObj[eventType] = attrName;
128
+ }
129
+ return mapObj;
130
+ },
131
+ { userinactivechange: "userinactive" }
132
+ );
133
+ var AttributeToStateChangeEventMap = Object.entries(
134
+ MediaUIAttributes
135
+ ).reduce(
136
+ (mapObj, [key, attrName]) => {
137
+ const evtType = MediaStateChangeEvents[key];
138
+ if (evtType) {
139
+ mapObj[attrName] = evtType;
140
+ }
141
+ return mapObj;
142
+ },
143
+ { userinactive: "userinactivechange" }
144
+ );
145
+
68
146
  // ../../node_modules/media-chrome/dist/utils/template-parts.js
69
147
  var __defProp2 = Object.defineProperty;
70
148
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -723,7 +801,7 @@ var mediaThemeMicrovideo = (() => {
723
801
  }
724
802
  const observer = new MutationObserver((mutationList) => {
725
803
  var _a;
726
- if ((_a = this.mediaController) == null ? void 0 : _a.breakpointsUncomputed)
804
+ if (this.mediaController && !((_a = this.mediaController) == null ? void 0 : _a.breakpointsComputed))
727
805
  return;
728
806
  if (mutationList.some((mutation) => {
729
807
  const target = mutation.target;
@@ -745,6 +823,7 @@ var mediaThemeMicrovideo = (() => {
745
823
  attributes: true,
746
824
  subtree: true
747
825
  });
826
+ this.addEventListener(MediaStateChangeEvents.BREAKPOINTS_COMPUTED, this.render);
748
827
  __privateMethod(this, _upgradeProperty, upgradeProperty_fn).call(this, "template");
749
828
  }
750
829
  get mediaController() {
package/dist/themes/microvideo/index.mjs CHANGED
@@ -46,6 +46,84 @@ var isShimmed = Object.keys(globalThisShim).every((key) => key in globalThis);
46
46
  var GlobalThis = isServer && !isShimmed ? globalThisShim : globalThis;
47
47
  var Document = isServer && !isShimmed ? documentShim : globalThis.document;
48
48
 
49
+ // ../../node_modules/media-chrome/dist/constants.js
50
+ var MediaUIProps = {
51
+ MEDIA_AIRPLAY_UNAVAILABLE: "mediaAirplayUnavailable",
52
+ MEDIA_FULLSCREEN_UNAVAILABLE: "mediaFullscreenUnavailable",
53
+ MEDIA_PIP_UNAVAILABLE: "mediaPipUnavailable",
54
+ MEDIA_CAST_UNAVAILABLE: "mediaCastUnavailable",
55
+ MEDIA_RENDITION_UNAVAILABLE: "mediaRenditionUnavailable",
56
+ MEDIA_AUDIO_TRACK_UNAVAILABLE: "mediaAudioTrackUnavailable",
57
+ MEDIA_PAUSED: "mediaPaused",
58
+ MEDIA_HAS_PLAYED: "mediaHasPlayed",
59
+ MEDIA_ENDED: "mediaEnded",
60
+ MEDIA_MUTED: "mediaMuted",
61
+ MEDIA_VOLUME_LEVEL: "mediaVolumeLevel",
62
+ MEDIA_VOLUME: "mediaVolume",
63
+ MEDIA_VOLUME_UNAVAILABLE: "mediaVolumeUnavailable",
64
+ MEDIA_IS_PIP: "mediaIsPip",
65
+ MEDIA_IS_CASTING: "mediaIsCasting",
66
+ MEDIA_SUBTITLES_LIST: "mediaSubtitlesList",
67
+ MEDIA_SUBTITLES_SHOWING: "mediaSubtitlesShowing",
68
+ MEDIA_IS_FULLSCREEN: "mediaIsFullscreen",
69
+ MEDIA_PLAYBACK_RATE: "mediaPlaybackRate",
70
+ MEDIA_CURRENT_TIME: "mediaCurrentTime",
71
+ MEDIA_DURATION: "mediaDuration",
72
+ MEDIA_SEEKABLE: "mediaSeekable",
73
+ MEDIA_PREVIEW_TIME: "mediaPreviewTime",
74
+ MEDIA_PREVIEW_IMAGE: "mediaPreviewImage",
75
+ MEDIA_PREVIEW_COORDS: "mediaPreviewCoords",
76
+ MEDIA_LOADING: "mediaLoading",
77
+ MEDIA_BUFFERED: "mediaBuffered",
78
+ MEDIA_STREAM_TYPE: "mediaStreamType",
79
+ MEDIA_TARGET_LIVE_WINDOW: "mediaTargetLiveWindow",
80
+ MEDIA_TIME_IS_LIVE: "mediaTimeIsLive",
81
+ MEDIA_RENDITION_LIST: "mediaRenditionList",
82
+ MEDIA_RENDITION_SELECTED: "mediaRenditionSelected",
83
+ MEDIA_AUDIO_TRACK_LIST: "mediaAudioTrackList",
84
+ MEDIA_AUDIO_TRACK_ENABLED: "mediaAudioTrackEnabled"
85
+ };
86
+ var MediaUIPropsEntries = Object.entries(MediaUIProps);
87
+ var MediaUIAttributes = MediaUIPropsEntries.reduce((dictObj, [key, propName]) => {
88
+ dictObj[key] = `${propName.toLowerCase()}`;
89
+ return dictObj;
90
+ }, {});
91
+ var MediaStateChangeEvents = MediaUIPropsEntries.reduce(
92
+ (dictObj, [key, propName]) => {
93
+ dictObj[key] = `${propName.toLowerCase()}`;
94
+ return dictObj;
95
+ },
96
+ {
97
+ USER_INACTIVE: "userinactivechange",
98
+ BREAKPOINTS_CHANGE: "breakpointchange",
99
+ BREAKPOINTS_COMPUTED: "breakpointscomputed"
100
+ }
101
+ );
102
+ var StateChangeEventToAttributeMap = Object.entries(
103
+ MediaStateChangeEvents
104
+ ).reduce(
105
+ (mapObj, [key, eventType]) => {
106
+ const attrName = MediaUIAttributes[key];
107
+ if (attrName) {
108
+ mapObj[eventType] = attrName;
109
+ }
110
+ return mapObj;
111
+ },
112
+ { userinactivechange: "userinactive" }
113
+ );
114
+ var AttributeToStateChangeEventMap = Object.entries(
115
+ MediaUIAttributes
116
+ ).reduce(
117
+ (mapObj, [key, attrName]) => {
118
+ const evtType = MediaStateChangeEvents[key];
119
+ if (evtType) {
120
+ mapObj[attrName] = evtType;
121
+ }
122
+ return mapObj;
123
+ },
124
+ { userinactive: "userinactivechange" }
125
+ );
126
+
49
127
  // ../../node_modules/media-chrome/dist/utils/template-parts.js
50
128
  var __defProp = Object.defineProperty;
51
129
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -704,7 +782,7 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
704
782
  }
705
783
  const observer = new MutationObserver((mutationList) => {
706
784
  var _a;
707
- if ((_a = this.mediaController) == null ? void 0 : _a.breakpointsUncomputed)
785
+ if (this.mediaController && !((_a = this.mediaController) == null ? void 0 : _a.breakpointsComputed))
708
786
  return;
709
787
  if (mutationList.some((mutation) => {
710
788
  const target = mutation.target;
@@ -726,6 +804,7 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
726
804
  attributes: true,
727
805
  subtree: true
728
806
  });
807
+ this.addEventListener(MediaStateChangeEvents.BREAKPOINTS_COMPUTED, this.render);
729
808
  __privateMethod(this, _upgradeProperty, upgradeProperty_fn).call(this, "template");
730
809
  }
731
810
  get mediaController() {
package/dist/themes/minimal/index.cjs.js CHANGED
@@ -65,6 +65,84 @@ var isShimmed = Object.keys(globalThisShim).every((key) => key in globalThis);
65
65
  var GlobalThis = isServer && !isShimmed ? globalThisShim : globalThis;
66
66
  var Document = isServer && !isShimmed ? documentShim : globalThis.document;
67
67
 
68
+ // ../../node_modules/media-chrome/dist/constants.js
69
+ var MediaUIProps = {
70
+ MEDIA_AIRPLAY_UNAVAILABLE: "mediaAirplayUnavailable",
71
+ MEDIA_FULLSCREEN_UNAVAILABLE: "mediaFullscreenUnavailable",
72
+ MEDIA_PIP_UNAVAILABLE: "mediaPipUnavailable",
73
+ MEDIA_CAST_UNAVAILABLE: "mediaCastUnavailable",
74
+ MEDIA_RENDITION_UNAVAILABLE: "mediaRenditionUnavailable",
75
+ MEDIA_AUDIO_TRACK_UNAVAILABLE: "mediaAudioTrackUnavailable",
76
+ MEDIA_PAUSED: "mediaPaused",
77
+ MEDIA_HAS_PLAYED: "mediaHasPlayed",
78
+ MEDIA_ENDED: "mediaEnded",
79
+ MEDIA_MUTED: "mediaMuted",
80
+ MEDIA_VOLUME_LEVEL: "mediaVolumeLevel",
81
+ MEDIA_VOLUME: "mediaVolume",
82
+ MEDIA_VOLUME_UNAVAILABLE: "mediaVolumeUnavailable",
83
+ MEDIA_IS_PIP: "mediaIsPip",
84
+ MEDIA_IS_CASTING: "mediaIsCasting",
85
+ MEDIA_SUBTITLES_LIST: "mediaSubtitlesList",
86
+ MEDIA_SUBTITLES_SHOWING: "mediaSubtitlesShowing",
87
+ MEDIA_IS_FULLSCREEN: "mediaIsFullscreen",
88
+ MEDIA_PLAYBACK_RATE: "mediaPlaybackRate",
89
+ MEDIA_CURRENT_TIME: "mediaCurrentTime",
90
+ MEDIA_DURATION: "mediaDuration",
91
+ MEDIA_SEEKABLE: "mediaSeekable",
92
+ MEDIA_PREVIEW_TIME: "mediaPreviewTime",
93
+ MEDIA_PREVIEW_IMAGE: "mediaPreviewImage",
94
+ MEDIA_PREVIEW_COORDS: "mediaPreviewCoords",
95
+ MEDIA_LOADING: "mediaLoading",
96
+ MEDIA_BUFFERED: "mediaBuffered",
97
+ MEDIA_STREAM_TYPE: "mediaStreamType",
98
+ MEDIA_TARGET_LIVE_WINDOW: "mediaTargetLiveWindow",
99
+ MEDIA_TIME_IS_LIVE: "mediaTimeIsLive",
100
+ MEDIA_RENDITION_LIST: "mediaRenditionList",
101
+ MEDIA_RENDITION_SELECTED: "mediaRenditionSelected",
102
+ MEDIA_AUDIO_TRACK_LIST: "mediaAudioTrackList",
103
+ MEDIA_AUDIO_TRACK_ENABLED: "mediaAudioTrackEnabled"
104
+ };
105
+ var MediaUIPropsEntries = Object.entries(MediaUIProps);
106
+ var MediaUIAttributes = MediaUIPropsEntries.reduce((dictObj, [key, propName]) => {
107
+ dictObj[key] = `${propName.toLowerCase()}`;
108
+ return dictObj;
109
+ }, {});
110
+ var MediaStateChangeEvents = MediaUIPropsEntries.reduce(
111
+ (dictObj, [key, propName]) => {
112
+ dictObj[key] = `${propName.toLowerCase()}`;
113
+ return dictObj;
114
+ },
115
+ {
116
+ USER_INACTIVE: "userinactivechange",
117
+ BREAKPOINTS_CHANGE: "breakpointchange",
118
+ BREAKPOINTS_COMPUTED: "breakpointscomputed"
119
+ }
120
+ );
121
+ var StateChangeEventToAttributeMap = Object.entries(
122
+ MediaStateChangeEvents
123
+ ).reduce(
124
+ (mapObj, [key, eventType]) => {
125
+ const attrName = MediaUIAttributes[key];
126
+ if (attrName) {
127
+ mapObj[eventType] = attrName;
128
+ }
129
+ return mapObj;
130
+ },
131
+ { userinactivechange: "userinactive" }
132
+ );
133
+ var AttributeToStateChangeEventMap = Object.entries(
134
+ MediaUIAttributes
135
+ ).reduce(
136
+ (mapObj, [key, attrName]) => {
137
+ const evtType = MediaStateChangeEvents[key];
138
+ if (evtType) {
139
+ mapObj[attrName] = evtType;
140
+ }
141
+ return mapObj;
142
+ },
143
+ { userinactive: "userinactivechange" }
144
+ );
145
+
68
146
  // ../../node_modules/media-chrome/dist/utils/template-parts.js
69
147
  var __defProp2 = Object.defineProperty;
70
148
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -723,7 +801,7 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
723
801
  }
724
802
  const observer = new MutationObserver((mutationList) => {
725
803
  var _a;
726
- if ((_a = this.mediaController) == null ? void 0 : _a.breakpointsUncomputed)
804
+ if (this.mediaController && !((_a = this.mediaController) == null ? void 0 : _a.breakpointsComputed))
727
805
  return;
728
806
  if (mutationList.some((mutation) => {
729
807
  const target = mutation.target;
@@ -745,6 +823,7 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
745
823
  attributes: true,
746
824
  subtree: true
747
825
  });
826
+ this.addEventListener(MediaStateChangeEvents.BREAKPOINTS_COMPUTED, this.render);
748
827
  __privateMethod(this, _upgradeProperty, upgradeProperty_fn).call(this, "template");
749
828
  }
750
829
  get mediaController() {
package/dist/themes/minimal/index.js CHANGED
@@ -65,6 +65,84 @@ var mediaThemeMinimal = (() => {
65
65
  var GlobalThis = isServer && !isShimmed ? globalThisShim : globalThis;
66
66
  var Document = isServer && !isShimmed ? documentShim : globalThis.document;
67
67
 
68
+ // ../../node_modules/media-chrome/dist/constants.js
69
+ var MediaUIProps = {
70
+ MEDIA_AIRPLAY_UNAVAILABLE: "mediaAirplayUnavailable",
71
+ MEDIA_FULLSCREEN_UNAVAILABLE: "mediaFullscreenUnavailable",
72
+ MEDIA_PIP_UNAVAILABLE: "mediaPipUnavailable",
73
+ MEDIA_CAST_UNAVAILABLE: "mediaCastUnavailable",
74
+ MEDIA_RENDITION_UNAVAILABLE: "mediaRenditionUnavailable",
75
+ MEDIA_AUDIO_TRACK_UNAVAILABLE: "mediaAudioTrackUnavailable",
76
+ MEDIA_PAUSED: "mediaPaused",
77
+ MEDIA_HAS_PLAYED: "mediaHasPlayed",
78
+ MEDIA_ENDED: "mediaEnded",
79
+ MEDIA_MUTED: "mediaMuted",
80
+ MEDIA_VOLUME_LEVEL: "mediaVolumeLevel",
81
+ MEDIA_VOLUME: "mediaVolume",
82
+ MEDIA_VOLUME_UNAVAILABLE: "mediaVolumeUnavailable",
83
+ MEDIA_IS_PIP: "mediaIsPip",
84
+ MEDIA_IS_CASTING: "mediaIsCasting",
85
+ MEDIA_SUBTITLES_LIST: "mediaSubtitlesList",
86
+ MEDIA_SUBTITLES_SHOWING: "mediaSubtitlesShowing",
87
+ MEDIA_IS_FULLSCREEN: "mediaIsFullscreen",
88
+ MEDIA_PLAYBACK_RATE: "mediaPlaybackRate",
89
+ MEDIA_CURRENT_TIME: "mediaCurrentTime",
90
+ MEDIA_DURATION: "mediaDuration",
91
+ MEDIA_SEEKABLE: "mediaSeekable",
92
+ MEDIA_PREVIEW_TIME: "mediaPreviewTime",
93
+ MEDIA_PREVIEW_IMAGE: "mediaPreviewImage",
94
+ MEDIA_PREVIEW_COORDS: "mediaPreviewCoords",
95
+ MEDIA_LOADING: "mediaLoading",
96
+ MEDIA_BUFFERED: "mediaBuffered",
97
+ MEDIA_STREAM_TYPE: "mediaStreamType",
98
+ MEDIA_TARGET_LIVE_WINDOW: "mediaTargetLiveWindow",
99
+ MEDIA_TIME_IS_LIVE: "mediaTimeIsLive",
100
+ MEDIA_RENDITION_LIST: "mediaRenditionList",
101
+ MEDIA_RENDITION_SELECTED: "mediaRenditionSelected",
102
+ MEDIA_AUDIO_TRACK_LIST: "mediaAudioTrackList",
103
+ MEDIA_AUDIO_TRACK_ENABLED: "mediaAudioTrackEnabled"
104
+ };
105
+ var MediaUIPropsEntries = Object.entries(MediaUIProps);
106
+ var MediaUIAttributes = MediaUIPropsEntries.reduce((dictObj, [key, propName]) => {
107
+ dictObj[key] = `${propName.toLowerCase()}`;
108
+ return dictObj;
109
+ }, {});
110
+ var MediaStateChangeEvents = MediaUIPropsEntries.reduce(
111
+ (dictObj, [key, propName]) => {
112
+ dictObj[key] = `${propName.toLowerCase()}`;
113
+ return dictObj;
114
+ },
115
+ {
116
+ USER_INACTIVE: "userinactivechange",
117
+ BREAKPOINTS_CHANGE: "breakpointchange",
118
+ BREAKPOINTS_COMPUTED: "breakpointscomputed"
119
+ }
120
+ );
121
+ var StateChangeEventToAttributeMap = Object.entries(
122
+ MediaStateChangeEvents
123
+ ).reduce(
124
+ (mapObj, [key, eventType]) => {
125
+ const attrName = MediaUIAttributes[key];
126
+ if (attrName) {
127
+ mapObj[eventType] = attrName;
128
+ }
129
+ return mapObj;
130
+ },
131
+ { userinactivechange: "userinactive" }
132
+ );
133
+ var AttributeToStateChangeEventMap = Object.entries(
134
+ MediaUIAttributes
135
+ ).reduce(
136
+ (mapObj, [key, attrName]) => {
137
+ const evtType = MediaStateChangeEvents[key];
138
+ if (evtType) {
139
+ mapObj[attrName] = evtType;
140
+ }
141
+ return mapObj;
142
+ },
143
+ { userinactive: "userinactivechange" }
144
+ );
145
+
68
146
  // ../../node_modules/media-chrome/dist/utils/template-parts.js
69
147
  var __defProp2 = Object.defineProperty;
70
148
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -723,7 +801,7 @@ var mediaThemeMinimal = (() => {
723
801
  }
724
802
  const observer = new MutationObserver((mutationList) => {
725
803
  var _a;
726
- if ((_a = this.mediaController) == null ? void 0 : _a.breakpointsUncomputed)
804
+ if (this.mediaController && !((_a = this.mediaController) == null ? void 0 : _a.breakpointsComputed))
727
805
  return;
728
806
  if (mutationList.some((mutation) => {
729
807
  const target = mutation.target;
@@ -745,6 +823,7 @@ var mediaThemeMinimal = (() => {
745
823
  attributes: true,
746
824
  subtree: true
747
825
  });
826
+ this.addEventListener(MediaStateChangeEvents.BREAKPOINTS_COMPUTED, this.render);
748
827
  __privateMethod(this, _upgradeProperty, upgradeProperty_fn).call(this, "template");
749
828
  }
750
829
  get mediaController() {
package/dist/themes/minimal/index.mjs CHANGED
@@ -46,6 +46,84 @@ var isShimmed = Object.keys(globalThisShim).every((key) => key in globalThis);
46
46
  var GlobalThis = isServer && !isShimmed ? globalThisShim : globalThis;
47
47
  var Document = isServer && !isShimmed ? documentShim : globalThis.document;
48
48
 
49
+ // ../../node_modules/media-chrome/dist/constants.js
50
+ var MediaUIProps = {
51
+ MEDIA_AIRPLAY_UNAVAILABLE: "mediaAirplayUnavailable",
52
+ MEDIA_FULLSCREEN_UNAVAILABLE: "mediaFullscreenUnavailable",
53
+ MEDIA_PIP_UNAVAILABLE: "mediaPipUnavailable",
54
+ MEDIA_CAST_UNAVAILABLE: "mediaCastUnavailable",
55
+ MEDIA_RENDITION_UNAVAILABLE: "mediaRenditionUnavailable",
56
+ MEDIA_AUDIO_TRACK_UNAVAILABLE: "mediaAudioTrackUnavailable",
57
+ MEDIA_PAUSED: "mediaPaused",
58
+ MEDIA_HAS_PLAYED: "mediaHasPlayed",
59
+ MEDIA_ENDED: "mediaEnded",
60
+ MEDIA_MUTED: "mediaMuted",
61
+ MEDIA_VOLUME_LEVEL: "mediaVolumeLevel",
62
+ MEDIA_VOLUME: "mediaVolume",
63
+ MEDIA_VOLUME_UNAVAILABLE: "mediaVolumeUnavailable",
64
+ MEDIA_IS_PIP: "mediaIsPip",
65
+ MEDIA_IS_CASTING: "mediaIsCasting",
66
+ MEDIA_SUBTITLES_LIST: "mediaSubtitlesList",
67
+ MEDIA_SUBTITLES_SHOWING: "mediaSubtitlesShowing",
68
+ MEDIA_IS_FULLSCREEN: "mediaIsFullscreen",
69
+ MEDIA_PLAYBACK_RATE: "mediaPlaybackRate",
70
+ MEDIA_CURRENT_TIME: "mediaCurrentTime",
71
+ MEDIA_DURATION: "mediaDuration",
72
+ MEDIA_SEEKABLE: "mediaSeekable",
73
+ MEDIA_PREVIEW_TIME: "mediaPreviewTime",
74
+ MEDIA_PREVIEW_IMAGE: "mediaPreviewImage",
75
+ MEDIA_PREVIEW_COORDS: "mediaPreviewCoords",
76
+ MEDIA_LOADING: "mediaLoading",
77
+ MEDIA_BUFFERED: "mediaBuffered",
78
+ MEDIA_STREAM_TYPE: "mediaStreamType",
79
+ MEDIA_TARGET_LIVE_WINDOW: "mediaTargetLiveWindow",
80
+ MEDIA_TIME_IS_LIVE: "mediaTimeIsLive",
81
+ MEDIA_RENDITION_LIST: "mediaRenditionList",
82
+ MEDIA_RENDITION_SELECTED: "mediaRenditionSelected",
83
+ MEDIA_AUDIO_TRACK_LIST: "mediaAudioTrackList",
84
+ MEDIA_AUDIO_TRACK_ENABLED: "mediaAudioTrackEnabled"
85
+ };
86
+ var MediaUIPropsEntries = Object.entries(MediaUIProps);
87
+ var MediaUIAttributes = MediaUIPropsEntries.reduce((dictObj, [key, propName]) => {
88
+ dictObj[key] = `${propName.toLowerCase()}`;
89
+ return dictObj;
90
+ }, {});
91
+ var MediaStateChangeEvents = MediaUIPropsEntries.reduce(
92
+ (dictObj, [key, propName]) => {
93
+ dictObj[key] = `${propName.toLowerCase()}`;
94
+ return dictObj;
95
+ },
96
+ {
97
+ USER_INACTIVE: "userinactivechange",
98
+ BREAKPOINTS_CHANGE: "breakpointchange",
99
+ BREAKPOINTS_COMPUTED: "breakpointscomputed"
100
+ }
101
+ );
102
+ var StateChangeEventToAttributeMap = Object.entries(
103
+ MediaStateChangeEvents
104
+ ).reduce(
105
+ (mapObj, [key, eventType]) => {
106
+ const attrName = MediaUIAttributes[key];
107
+ if (attrName) {
108
+ mapObj[eventType] = attrName;
109
+ }
110
+ return mapObj;
111
+ },
112
+ { userinactivechange: "userinactive" }
113
+ );
114
+ var AttributeToStateChangeEventMap = Object.entries(
115
+ MediaUIAttributes
116
+ ).reduce(
117
+ (mapObj, [key, attrName]) => {
118
+ const evtType = MediaStateChangeEvents[key];
119
+ if (evtType) {
120
+ mapObj[attrName] = evtType;
121
+ }
122
+ return mapObj;
123
+ },
124
+ { userinactive: "userinactivechange" }
125
+ );
126
+
49
127
  // ../../node_modules/media-chrome/dist/utils/template-parts.js
50
128
  var __defProp = Object.defineProperty;
51
129
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -704,7 +782,7 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
704
782
  }
705
783
  const observer = new MutationObserver((mutationList) => {
706
784
  var _a;
707
- if ((_a = this.mediaController) == null ? void 0 : _a.breakpointsUncomputed)
785
+ if (this.mediaController && !((_a = this.mediaController) == null ? void 0 : _a.breakpointsComputed))
708
786
  return;
709
787
  if (mutationList.some((mutation) => {
710
788
  const target = mutation.target;
@@ -726,6 +804,7 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
726
804
  attributes: true,
727
805
  subtree: true
728
806
  });
807
+ this.addEventListener(MediaStateChangeEvents.BREAKPOINTS_COMPUTED, this.render);
729
808
  __privateMethod(this, _upgradeProperty, upgradeProperty_fn).call(this, "template");
730
809
  }
731
810
  get mediaController() {