@f8team/reel-core 1.1.1 → 1.1.3
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 +14 -0
- package/dist/index.cjs +6 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/internal/index.d.cts +1 -1
- package/dist/internal/index.d.ts +1 -1
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @f8team/reel-core
|
|
2
2
|
|
|
3
|
+
## 1.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 01e3f6a: Fullscreen on iPhone: where the element Fullscreen API is missing, `fullscreen:toggle` now expands the player container to cover the window (overlays such as the watermark stay visible) instead of doing nothing. Escape or a second toggle restores the page. The container gets `data-reel-window-fullscreen` and `state.fullscreen` follows it.
|
|
8
|
+
|
|
9
|
+
## 1.1.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 8d639ff: Point the npm `repository`, `homepage` and `bugs` metadata at the canonical `github.com/f8team/reel` repository.
|
|
14
|
+
|
|
15
|
+
Accessibility (WCAG 2.5.3 Label in Name): the playback-speed, settings and captions menu triggers now include their visible value in the accessible name ("Playback speed 1×", "Phụ đề EN"), so voice-control users can say what they see. In the React control menu, option names read "360p HD" instead of "360pHD", matching the Lit element.
|
|
16
|
+
|
|
3
17
|
## 1.1.1
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/index.cjs
CHANGED
|
@@ -1476,6 +1476,8 @@ function createStore(initial, options = {}) {
|
|
|
1476
1476
|
}
|
|
1477
1477
|
|
|
1478
1478
|
// src/createPlayer.ts
|
|
1479
|
+
var WINDOW_FULLSCREEN_ATTR = "data-reel-window-fullscreen";
|
|
1480
|
+
var WINDOW_FULLSCREEN_EVENT = "reel-windowfullscreenchange";
|
|
1479
1481
|
function makeInitialState(options) {
|
|
1480
1482
|
return {
|
|
1481
1483
|
status: "idle",
|
|
@@ -1914,13 +1916,15 @@ function createPlayer(options = {}, internal = {}) {
|
|
|
1914
1916
|
});
|
|
1915
1917
|
const ownerDocument = target.ownerDocument;
|
|
1916
1918
|
const onFullscreenChange = () => {
|
|
1917
|
-
const isFullscreen = !!ownerDocument.fullscreenElement?.contains(target);
|
|
1919
|
+
const isFullscreen = !!ownerDocument.fullscreenElement?.contains(target) || !!target.closest(`[${WINDOW_FULLSCREEN_ATTR}]`);
|
|
1918
1920
|
store.setState({ fullscreen: isFullscreen });
|
|
1919
1921
|
bus.emit("fullscreenchange", { fullscreen: isFullscreen });
|
|
1920
1922
|
};
|
|
1921
1923
|
ownerDocument.addEventListener("fullscreenchange", onFullscreenChange);
|
|
1924
|
+
target.addEventListener(WINDOW_FULLSCREEN_EVENT, onFullscreenChange);
|
|
1922
1925
|
nativeListeners.push(
|
|
1923
|
-
() => ownerDocument.removeEventListener("fullscreenchange", onFullscreenChange)
|
|
1926
|
+
() => ownerDocument.removeEventListener("fullscreenchange", onFullscreenChange),
|
|
1927
|
+
() => target.removeEventListener(WINDOW_FULLSCREEN_EVENT, onFullscreenChange)
|
|
1924
1928
|
);
|
|
1925
1929
|
}
|
|
1926
1930
|
function unbindNativeEvents() {
|