@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260504100301 → 0.8.1-dev.20260505044510
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.
|
@@ -213,24 +213,14 @@ var HlsPlayer = React.memo(
|
|
|
213
213
|
display: "flex",
|
|
214
214
|
alignItems: "center",
|
|
215
215
|
justifyContent: "center",
|
|
216
|
-
background: "
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
216
|
+
// background: "#F31F49",
|
|
217
|
+
// background: "linear-gradient(50deg,rgba(243, 31, 73, 1) 0%, rgba(143, 38, 237, 1) 100%)",
|
|
218
|
+
// background: "rgba(0, 0, 0, 0.45)",
|
|
219
|
+
// backdropFilter: "blur(10px)",
|
|
220
|
+
// WebkitBackdropFilter: "blur(10px)",
|
|
221
|
+
// boxShadow: "0 4px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1)",
|
|
220
222
|
transition: "transform 0.18s ease, background 0.18s ease, border-color 0.18s ease"
|
|
221
223
|
};
|
|
222
|
-
const handleButtonMouseEnter = useCallback((e) => {
|
|
223
|
-
const btn = e.currentTarget;
|
|
224
|
-
btn.style.transform = "scale(1.1)";
|
|
225
|
-
btn.style.background = "rgba(0,0,0,0.65)";
|
|
226
|
-
btn.style.borderColor = "rgba(255,255,255,0.32)";
|
|
227
|
-
}, []);
|
|
228
|
-
const handleButtonMouseLeave = useCallback((e) => {
|
|
229
|
-
const btn = e.currentTarget;
|
|
230
|
-
btn.style.transform = "scale(1)";
|
|
231
|
-
btn.style.background = "rgba(0,0,0,0.45)";
|
|
232
|
-
btn.style.borderColor = "rgba(255,255,255,0.18)";
|
|
233
|
-
}, []);
|
|
234
224
|
if (resolvedSources.length === 0) return null;
|
|
235
225
|
const showMuteButton = !showControls && !isPlayOnHover;
|
|
236
226
|
const showExpandButton = !showControls && !isPlayOnHover;
|
|
@@ -308,9 +298,12 @@ var HlsPlayer = React.memo(
|
|
|
308
298
|
e.stopPropagation();
|
|
309
299
|
handlePlayPause();
|
|
310
300
|
},
|
|
311
|
-
style: {
|
|
312
|
-
|
|
313
|
-
|
|
301
|
+
style: {
|
|
302
|
+
...overlayButtonStyle,
|
|
303
|
+
width: 64,
|
|
304
|
+
height: 64,
|
|
305
|
+
background: "linear-gradient(50deg, rgba(243, 31, 73, 1) 0%, rgba(143, 38, 237, 1) 100%)"
|
|
306
|
+
},
|
|
314
307
|
children: isPlaying ? /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
315
308
|
/* @__PURE__ */ jsx("rect", { x: "3.5", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" }),
|
|
316
309
|
/* @__PURE__ */ jsx("rect", { x: "12", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" })
|
|
@@ -341,8 +334,6 @@ var HlsPlayer = React.memo(
|
|
|
341
334
|
handleMuteToggle();
|
|
342
335
|
},
|
|
343
336
|
style: overlayButtonStyle,
|
|
344
|
-
onMouseEnter: handleButtonMouseEnter,
|
|
345
|
-
onMouseLeave: handleButtonMouseLeave,
|
|
346
337
|
children: isMuted ? /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
347
338
|
/* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5Z", fill: "white" }),
|
|
348
339
|
/* @__PURE__ */ jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
|
|
@@ -364,8 +355,6 @@ var HlsPlayer = React.memo(
|
|
|
364
355
|
handleFullscreenToggle();
|
|
365
356
|
},
|
|
366
357
|
style: overlayButtonStyle,
|
|
367
|
-
onMouseEnter: handleButtonMouseEnter,
|
|
368
|
-
onMouseLeave: handleButtonMouseLeave,
|
|
369
358
|
children: isFullscreen ? (
|
|
370
359
|
/* Compress / exit icon — two inward-pointing arrows */
|
|
371
360
|
/* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M8 3v5H3M21 8h-5V3M3 16h5v5M16 21v-5h5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
|
package/dist/index.js
CHANGED
|
@@ -739,24 +739,14 @@ var init_HlsPlayer = __esm({
|
|
|
739
739
|
display: "flex",
|
|
740
740
|
alignItems: "center",
|
|
741
741
|
justifyContent: "center",
|
|
742
|
-
background: "
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
742
|
+
// background: "#F31F49",
|
|
743
|
+
// background: "linear-gradient(50deg,rgba(243, 31, 73, 1) 0%, rgba(143, 38, 237, 1) 100%)",
|
|
744
|
+
// background: "rgba(0, 0, 0, 0.45)",
|
|
745
|
+
// backdropFilter: "blur(10px)",
|
|
746
|
+
// WebkitBackdropFilter: "blur(10px)",
|
|
747
|
+
// boxShadow: "0 4px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1)",
|
|
746
748
|
transition: "transform 0.18s ease, background 0.18s ease, border-color 0.18s ease"
|
|
747
749
|
};
|
|
748
|
-
const handleButtonMouseEnter = (0, import_react32.useCallback)((e) => {
|
|
749
|
-
const btn = e.currentTarget;
|
|
750
|
-
btn.style.transform = "scale(1.1)";
|
|
751
|
-
btn.style.background = "rgba(0,0,0,0.65)";
|
|
752
|
-
btn.style.borderColor = "rgba(255,255,255,0.32)";
|
|
753
|
-
}, []);
|
|
754
|
-
const handleButtonMouseLeave = (0, import_react32.useCallback)((e) => {
|
|
755
|
-
const btn = e.currentTarget;
|
|
756
|
-
btn.style.transform = "scale(1)";
|
|
757
|
-
btn.style.background = "rgba(0,0,0,0.45)";
|
|
758
|
-
btn.style.borderColor = "rgba(255,255,255,0.18)";
|
|
759
|
-
}, []);
|
|
760
750
|
if (resolvedSources.length === 0) return null;
|
|
761
751
|
const showMuteButton = !showControls && !isPlayOnHover;
|
|
762
752
|
const showExpandButton = !showControls && !isPlayOnHover;
|
|
@@ -834,9 +824,12 @@ var init_HlsPlayer = __esm({
|
|
|
834
824
|
e.stopPropagation();
|
|
835
825
|
handlePlayPause();
|
|
836
826
|
},
|
|
837
|
-
style: {
|
|
838
|
-
|
|
839
|
-
|
|
827
|
+
style: {
|
|
828
|
+
...overlayButtonStyle,
|
|
829
|
+
width: 64,
|
|
830
|
+
height: 64,
|
|
831
|
+
background: "linear-gradient(50deg, rgba(243, 31, 73, 1) 0%, rgba(143, 38, 237, 1) 100%)"
|
|
832
|
+
},
|
|
840
833
|
children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
841
834
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { x: "3.5", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" }),
|
|
842
835
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { x: "12", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" })
|
|
@@ -867,8 +860,6 @@ var init_HlsPlayer = __esm({
|
|
|
867
860
|
handleMuteToggle();
|
|
868
861
|
},
|
|
869
862
|
style: overlayButtonStyle,
|
|
870
|
-
onMouseEnter: handleButtonMouseEnter,
|
|
871
|
-
onMouseLeave: handleButtonMouseLeave,
|
|
872
863
|
children: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
873
864
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M11 5L6 9H2v6h4l5 4V5Z", fill: "white" }),
|
|
874
865
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
|
|
@@ -890,8 +881,6 @@ var init_HlsPlayer = __esm({
|
|
|
890
881
|
handleFullscreenToggle();
|
|
891
882
|
},
|
|
892
883
|
style: overlayButtonStyle,
|
|
893
|
-
onMouseEnter: handleButtonMouseEnter,
|
|
894
|
-
onMouseLeave: handleButtonMouseLeave,
|
|
895
884
|
children: isFullscreen ? (
|
|
896
885
|
/* Compress / exit icon — two inward-pointing arrows */
|
|
897
886
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M8 3v5H3M21 8h-5V3M3 16h5v5M16 21v-5h5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
HlsPlayer_default
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-CT5SLXYT.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-HWWCUCH6.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-HWWCUCH6.mjs"), { ssr: false });
|
|
3649
3649
|
var deviceToMediaQuery = (device) => {
|
|
3650
3650
|
switch (device) {
|
|
3651
3651
|
case "sm":
|
package/package.json
CHANGED