@bendyline/squisq-react 2.3.3 → 2.4.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/README.md +4 -0
- package/dist/{chunk-NWZQGZIJ.js → chunk-BOZJ655L.js} +10 -4
- package/dist/{chunk-IUFWLNXS.js → chunk-EKD6JMJN.js} +627 -164
- package/dist/hooks/index.d.ts +7 -0
- package/dist/hooks/index.js +1 -1
- package/dist/index.d.ts +56 -4
- package/dist/index.js +7 -3
- package/dist/player/index.d.ts +50 -4
- package/dist/player/index.js +2 -2
- package/dist/squisq-player.full.global.js +463 -461
- package/dist/squisq-player.global.js +65 -63
- package/dist/standalone-source.js +1 -1
- package/dist/styles/index.css +68 -0
- package/package.json +3 -3
package/dist/styles/index.css
CHANGED
|
@@ -1972,6 +1972,74 @@
|
|
|
1972
1972
|
max-width: 100%;
|
|
1973
1973
|
max-height: 100%;
|
|
1974
1974
|
}
|
|
1975
|
+
.doc-player__media-clips {
|
|
1976
|
+
position: absolute;
|
|
1977
|
+
inset: 0;
|
|
1978
|
+
z-index: 0;
|
|
1979
|
+
pointer-events: none;
|
|
1980
|
+
}
|
|
1981
|
+
.doc-player__media-clips--full-frame,
|
|
1982
|
+
.doc-player__media-clips--picture-in-picture {
|
|
1983
|
+
z-index: 10;
|
|
1984
|
+
}
|
|
1985
|
+
.doc-player__media-video {
|
|
1986
|
+
position: absolute;
|
|
1987
|
+
display: block;
|
|
1988
|
+
object-fit: cover;
|
|
1989
|
+
opacity: 0;
|
|
1990
|
+
visibility: hidden;
|
|
1991
|
+
}
|
|
1992
|
+
.doc-player__media-video--active {
|
|
1993
|
+
opacity: 1;
|
|
1994
|
+
visibility: visible;
|
|
1995
|
+
}
|
|
1996
|
+
.doc-player__media-clips--background .doc-player__media-video,
|
|
1997
|
+
.doc-player__media-clips--full-frame .doc-player__media-video {
|
|
1998
|
+
inset: 0;
|
|
1999
|
+
width: 100%;
|
|
2000
|
+
height: 100%;
|
|
2001
|
+
}
|
|
2002
|
+
.doc-player__media-clips--picture-in-picture .doc-player__media-video {
|
|
2003
|
+
width: 22%;
|
|
2004
|
+
aspect-ratio: 1;
|
|
2005
|
+
border: var(--squisq-pip-border, max(1px, 0.12vw) solid rgba(255, 255, 255, 0.72));
|
|
2006
|
+
border-radius: var(--squisq-pip-radius, 14%);
|
|
2007
|
+
box-shadow: var(--squisq-pip-shadow, 0 0.75em 2em rgba(0, 0, 0, 0.34));
|
|
2008
|
+
}
|
|
2009
|
+
.doc-player__media-clips--picture-in-picture[data-pip-shape=wide] .doc-player__media-video {
|
|
2010
|
+
aspect-ratio: 16 / 9;
|
|
2011
|
+
}
|
|
2012
|
+
.doc-player__media-clips--picture-in-picture[data-pip-size=small] .doc-player__media-video {
|
|
2013
|
+
width: 9%;
|
|
2014
|
+
}
|
|
2015
|
+
.doc-player__media-clips--picture-in-picture[data-pip-size=large] .doc-player__media-video {
|
|
2016
|
+
width: 15%;
|
|
2017
|
+
}
|
|
2018
|
+
.doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture .doc-player__media-video {
|
|
2019
|
+
width: 34%;
|
|
2020
|
+
}
|
|
2021
|
+
.doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture[data-pip-size=small] .doc-player__media-video {
|
|
2022
|
+
width: 15%;
|
|
2023
|
+
}
|
|
2024
|
+
.doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture[data-pip-size=large] .doc-player__media-video {
|
|
2025
|
+
width: 23%;
|
|
2026
|
+
}
|
|
2027
|
+
.doc-player__media-clips--picture-in-picture[data-pip-position=top-left] .doc-player__media-video {
|
|
2028
|
+
top: 4%;
|
|
2029
|
+
left: 3%;
|
|
2030
|
+
}
|
|
2031
|
+
.doc-player__media-clips--picture-in-picture[data-pip-position=top-right] .doc-player__media-video {
|
|
2032
|
+
top: 4%;
|
|
2033
|
+
right: 3%;
|
|
2034
|
+
}
|
|
2035
|
+
.doc-player__media-clips--picture-in-picture[data-pip-position=bottom-left] .doc-player__media-video {
|
|
2036
|
+
bottom: 6%;
|
|
2037
|
+
left: 3%;
|
|
2038
|
+
}
|
|
2039
|
+
.doc-player__media-clips--picture-in-picture[data-pip-position=bottom-right] .doc-player__media-video {
|
|
2040
|
+
right: 3%;
|
|
2041
|
+
bottom: 6%;
|
|
2042
|
+
}
|
|
1975
2043
|
.doc-player__viewport {
|
|
1976
2044
|
position: absolute;
|
|
1977
2045
|
top: 0;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bendyline/squisq-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.4.1",
|
|
4
4
|
"description": "React component library for doc playback, block rendering, and media layers",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Bendyline",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
"type": "module",
|
|
25
25
|
"engines": {
|
|
26
|
-
"node": "
|
|
26
|
+
"node": "^22.22.2 || ^24.15.0 || >=26.0.0"
|
|
27
27
|
},
|
|
28
28
|
"main": "./dist/index.js",
|
|
29
29
|
"module": "./dist/index.js",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
88
88
|
},
|
|
89
89
|
"dependencies": {
|
|
90
|
-
"@bendyline/squisq": "2.
|
|
90
|
+
"@bendyline/squisq": "2.4.1",
|
|
91
91
|
"mermaid": "11.16.0"
|
|
92
92
|
},
|
|
93
93
|
"devDependencies": {
|