@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260502043006 → 0.8.1-dev.20260502051234
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.
|
@@ -153,8 +153,8 @@ var HlsPlayer = React.memo(
|
|
|
153
153
|
const fallbackPoster = posterUrl ?? resolvedSources.find((s) => !s.media)?.posterUrl ?? resolvedSources[0]?.posterUrl;
|
|
154
154
|
const overlayButtonStyle = {
|
|
155
155
|
pointerEvents: isControlsVisible ? "auto" : "none",
|
|
156
|
-
width:
|
|
157
|
-
height:
|
|
156
|
+
width: 30,
|
|
157
|
+
height: 30,
|
|
158
158
|
borderRadius: "50%",
|
|
159
159
|
border: "1.5px solid rgba(255,255,255,0.18)",
|
|
160
160
|
cursor: "pointer",
|
|
@@ -180,7 +180,7 @@ var HlsPlayer = React.memo(
|
|
|
180
180
|
btn.style.borderColor = "rgba(255,255,255,0.18)";
|
|
181
181
|
}, []);
|
|
182
182
|
if (resolvedSources.length === 0) return null;
|
|
183
|
-
const showMuteButton = !showControls && !
|
|
183
|
+
const showMuteButton = !showControls && !isPlayOnHover;
|
|
184
184
|
return /* @__PURE__ */ jsxs(
|
|
185
185
|
"div",
|
|
186
186
|
{
|
|
@@ -199,7 +199,7 @@ var HlsPlayer = React.memo(
|
|
|
199
199
|
muted: startsMuted,
|
|
200
200
|
autoPlay: playOptions === "autoplay",
|
|
201
201
|
loop,
|
|
202
|
-
onClick:
|
|
202
|
+
onClick: handlePlayPause,
|
|
203
203
|
playsInline: true,
|
|
204
204
|
children: resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ jsx(
|
|
205
205
|
"source",
|
|
@@ -212,7 +212,7 @@ var HlsPlayer = React.memo(
|
|
|
212
212
|
))
|
|
213
213
|
}
|
|
214
214
|
),
|
|
215
|
-
|
|
215
|
+
fallbackPoster && /* @__PURE__ */ jsxs(
|
|
216
216
|
"picture",
|
|
217
217
|
{
|
|
218
218
|
className: "absolute inset-0 pointer-events-none",
|
|
@@ -235,7 +235,7 @@ var HlsPlayer = React.memo(
|
|
|
235
235
|
]
|
|
236
236
|
}
|
|
237
237
|
),
|
|
238
|
-
!
|
|
238
|
+
!isPlayOnHover && /* @__PURE__ */ jsx(
|
|
239
239
|
"div",
|
|
240
240
|
{
|
|
241
241
|
className: "absolute inset-0 flex items-center justify-center pointer-events-none",
|
|
@@ -266,7 +266,7 @@ var HlsPlayer = React.memo(
|
|
|
266
266
|
showMuteButton && /* @__PURE__ */ jsx(
|
|
267
267
|
"div",
|
|
268
268
|
{
|
|
269
|
-
className: "absolute bottom-
|
|
269
|
+
className: "absolute bottom-4 right-4 pointer-events-none",
|
|
270
270
|
style: {
|
|
271
271
|
opacity: isControlsVisible ? 1 : 0,
|
|
272
272
|
transition: "opacity 0.3s ease"
|
package/dist/index.js
CHANGED
|
@@ -679,8 +679,8 @@ var init_HlsPlayer = __esm({
|
|
|
679
679
|
const fallbackPoster = posterUrl ?? resolvedSources.find((s) => !s.media)?.posterUrl ?? resolvedSources[0]?.posterUrl;
|
|
680
680
|
const overlayButtonStyle = {
|
|
681
681
|
pointerEvents: isControlsVisible ? "auto" : "none",
|
|
682
|
-
width:
|
|
683
|
-
height:
|
|
682
|
+
width: 30,
|
|
683
|
+
height: 30,
|
|
684
684
|
borderRadius: "50%",
|
|
685
685
|
border: "1.5px solid rgba(255,255,255,0.18)",
|
|
686
686
|
cursor: "pointer",
|
|
@@ -706,7 +706,7 @@ var init_HlsPlayer = __esm({
|
|
|
706
706
|
btn.style.borderColor = "rgba(255,255,255,0.18)";
|
|
707
707
|
}, []);
|
|
708
708
|
if (resolvedSources.length === 0) return null;
|
|
709
|
-
const showMuteButton = !showControls && !
|
|
709
|
+
const showMuteButton = !showControls && !isPlayOnHover;
|
|
710
710
|
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
711
711
|
"div",
|
|
712
712
|
{
|
|
@@ -725,7 +725,7 @@ var init_HlsPlayer = __esm({
|
|
|
725
725
|
muted: startsMuted,
|
|
726
726
|
autoPlay: playOptions === "autoplay",
|
|
727
727
|
loop,
|
|
728
|
-
onClick:
|
|
728
|
+
onClick: handlePlayPause,
|
|
729
729
|
playsInline: true,
|
|
730
730
|
children: resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
731
731
|
"source",
|
|
@@ -738,7 +738,7 @@ var init_HlsPlayer = __esm({
|
|
|
738
738
|
))
|
|
739
739
|
}
|
|
740
740
|
),
|
|
741
|
-
|
|
741
|
+
fallbackPoster && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
742
742
|
"picture",
|
|
743
743
|
{
|
|
744
744
|
className: "absolute inset-0 pointer-events-none",
|
|
@@ -761,7 +761,7 @@ var init_HlsPlayer = __esm({
|
|
|
761
761
|
]
|
|
762
762
|
}
|
|
763
763
|
),
|
|
764
|
-
!
|
|
764
|
+
!isPlayOnHover && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
765
765
|
"div",
|
|
766
766
|
{
|
|
767
767
|
className: "absolute inset-0 flex items-center justify-center pointer-events-none",
|
|
@@ -792,7 +792,7 @@ var init_HlsPlayer = __esm({
|
|
|
792
792
|
showMuteButton && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
793
793
|
"div",
|
|
794
794
|
{
|
|
795
|
-
className: "absolute bottom-
|
|
795
|
+
className: "absolute bottom-4 right-4 pointer-events-none",
|
|
796
796
|
style: {
|
|
797
797
|
opacity: isControlsVisible ? 1 : 0,
|
|
798
798
|
transition: "opacity 0.3s ease"
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
HlsPlayer_default
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-TMQZ6HXG.mjs";
|
|
4
4
|
import {
|
|
5
5
|
Button_default,
|
|
6
6
|
ClientButton_default,
|
|
@@ -1963,7 +1963,7 @@ var DeviceAssetSelector_default = DeviceAssetSelector;
|
|
|
1963
1963
|
|
|
1964
1964
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
1965
1965
|
import { Fragment as Fragment2, jsx as jsx37 } from "react/jsx-runtime";
|
|
1966
|
-
var HlsPlayer = dynamic2(() => import("./HlsPlayer-
|
|
1966
|
+
var HlsPlayer = dynamic2(() => import("./HlsPlayer-SL6K74P3.mjs"), {
|
|
1967
1967
|
ssr: false
|
|
1968
1968
|
});
|
|
1969
1969
|
var getNestedValue = (obj, path) => {
|
|
@@ -3645,7 +3645,7 @@ var Pagination_default = Pagination;
|
|
|
3645
3645
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
3646
3646
|
import dynamic6 from "next/dynamic";
|
|
3647
3647
|
import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
3648
|
-
var HlsPlayer2 = dynamic6(() => import("./HlsPlayer-
|
|
3648
|
+
var HlsPlayer2 = dynamic6(() => import("./HlsPlayer-SL6K74P3.mjs"), { ssr: false });
|
|
3649
3649
|
var deviceToMediaQuery = (device) => {
|
|
3650
3650
|
switch (device) {
|
|
3651
3651
|
case "sm":
|
package/package.json
CHANGED