@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260505094649 → 0.8.1-dev.20260507104258
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.
|
@@ -203,23 +203,26 @@ var HlsPlayer = React.memo(
|
|
|
203
203
|
}, [isMobile, resetInactivityTimer]);
|
|
204
204
|
const posterSources = resolvedSources.filter((s) => s.media && s.posterUrl);
|
|
205
205
|
const fallbackPoster = posterUrl ?? resolvedSources.find((s) => !s.media)?.posterUrl ?? resolvedSources[0]?.posterUrl;
|
|
206
|
-
const
|
|
206
|
+
const playBtnSize = "clamp(44px, 8vmin, 80px)";
|
|
207
|
+
const iconBtnSize = "clamp(28px, 4.5vmin, 40px)";
|
|
208
|
+
const iconSvgSize = "clamp(14px, 2.5vmin, 20px)";
|
|
209
|
+
const playIconSize = "clamp(24px, 4.5vmin, 44px)";
|
|
210
|
+
const iconButtonStyle = {
|
|
207
211
|
pointerEvents: isControlsVisible ? "auto" : "none",
|
|
208
|
-
width:
|
|
209
|
-
height:
|
|
212
|
+
width: iconBtnSize,
|
|
213
|
+
height: iconBtnSize,
|
|
210
214
|
borderRadius: "50%",
|
|
211
215
|
border: "1.5px solid rgba(255,255,255,0.18)",
|
|
212
216
|
cursor: "pointer",
|
|
213
217
|
display: "flex",
|
|
214
218
|
alignItems: "center",
|
|
215
219
|
justifyContent: "center",
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
transition: "transform 0.18s ease, background 0.18s ease, border-color 0.18s ease"
|
|
220
|
+
background: "rgba(0, 0, 0, 0.45)",
|
|
221
|
+
backdropFilter: "blur(10px)",
|
|
222
|
+
WebkitBackdropFilter: "blur(10px)",
|
|
223
|
+
boxShadow: "0 4px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1)",
|
|
224
|
+
transition: "transform 0.18s ease",
|
|
225
|
+
flexShrink: 0
|
|
223
226
|
};
|
|
224
227
|
if (resolvedSources.length === 0) return null;
|
|
225
228
|
const showMuteButton = !showControls && !isPlayOnHover;
|
|
@@ -289,7 +292,7 @@ var HlsPlayer = React.memo(
|
|
|
289
292
|
opacity: isControlsVisible ? 1 : 0,
|
|
290
293
|
transition: "opacity 0.3s ease"
|
|
291
294
|
},
|
|
292
|
-
children: /* @__PURE__ */
|
|
295
|
+
children: /* @__PURE__ */ jsxs(
|
|
293
296
|
"button",
|
|
294
297
|
{
|
|
295
298
|
type: "button",
|
|
@@ -299,15 +302,87 @@ var HlsPlayer = React.memo(
|
|
|
299
302
|
handlePlayPause();
|
|
300
303
|
},
|
|
301
304
|
style: {
|
|
302
|
-
|
|
303
|
-
width:
|
|
304
|
-
height:
|
|
305
|
-
|
|
305
|
+
pointerEvents: isControlsVisible ? "auto" : "none",
|
|
306
|
+
width: playBtnSize,
|
|
307
|
+
height: playBtnSize,
|
|
308
|
+
borderRadius: "50%",
|
|
309
|
+
border: "none",
|
|
310
|
+
cursor: "pointer",
|
|
311
|
+
display: "flex",
|
|
312
|
+
alignItems: "center",
|
|
313
|
+
justifyContent: "center",
|
|
314
|
+
background: "linear-gradient(50deg, rgba(243, 31, 73, 1) 0%, rgba(143, 38, 237, 1) 100%)",
|
|
315
|
+
flexShrink: 0,
|
|
316
|
+
position: "relative",
|
|
317
|
+
overflow: "hidden"
|
|
306
318
|
},
|
|
307
|
-
children:
|
|
308
|
-
/* @__PURE__ */ jsx(
|
|
309
|
-
|
|
310
|
-
|
|
319
|
+
children: [
|
|
320
|
+
/* @__PURE__ */ jsx(
|
|
321
|
+
"div",
|
|
322
|
+
{
|
|
323
|
+
style: {
|
|
324
|
+
position: "absolute",
|
|
325
|
+
inset: 0,
|
|
326
|
+
borderRadius: "50%",
|
|
327
|
+
background: "radial-gradient(ellipse 70% 55% at 30% 25%, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.08) 55%, transparent 75%)",
|
|
328
|
+
pointerEvents: "none"
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
),
|
|
332
|
+
/* @__PURE__ */ jsx(
|
|
333
|
+
"div",
|
|
334
|
+
{
|
|
335
|
+
style: {
|
|
336
|
+
position: "absolute",
|
|
337
|
+
inset: 0,
|
|
338
|
+
borderRadius: "50%",
|
|
339
|
+
background: "radial-gradient(ellipse 50% 40% at 72% 75%, rgba(255,255,255,0.18) 0%, transparent 70%)",
|
|
340
|
+
pointerEvents: "none"
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
),
|
|
344
|
+
isPlaying ? (
|
|
345
|
+
/* Pause — two rounded bars, sized to match play icon proportions */
|
|
346
|
+
/* @__PURE__ */ jsxs(
|
|
347
|
+
"svg",
|
|
348
|
+
{
|
|
349
|
+
width: playIconSize,
|
|
350
|
+
height: playIconSize,
|
|
351
|
+
viewBox: "0 0 20 20",
|
|
352
|
+
fill: "none",
|
|
353
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
354
|
+
children: [
|
|
355
|
+
/* @__PURE__ */ jsx("rect", { x: "3.5", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" }),
|
|
356
|
+
/* @__PURE__ */ jsx("rect", { x: "12", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" })
|
|
357
|
+
]
|
|
358
|
+
}
|
|
359
|
+
)
|
|
360
|
+
) : (
|
|
361
|
+
/*
|
|
362
|
+
* Play — rounded-corner triangle from the provided SVG path.
|
|
363
|
+
* Original viewBox is "0,0,240,250" (with a 5.33x scale group inside).
|
|
364
|
+
* We flatten the transform: effective drawing area is 240×250 units.
|
|
365
|
+
*/
|
|
366
|
+
/* @__PURE__ */ jsx(
|
|
367
|
+
"svg",
|
|
368
|
+
{
|
|
369
|
+
width: playIconSize,
|
|
370
|
+
height: playIconSize,
|
|
371
|
+
viewBox: "0 0 240 250",
|
|
372
|
+
fill: "none",
|
|
373
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
374
|
+
style: { transform: "translateX(4%)" },
|
|
375
|
+
children: /* @__PURE__ */ jsx(
|
|
376
|
+
"path",
|
|
377
|
+
{
|
|
378
|
+
d: "M60.78 21.93C48.57 22.41 37.33 32.78 37.33 45.87v164.26c0 17.92 19.96 29.67 35.64 20.99l148.31-82.17c16.12-8.93 16.12-33.04 0-41.97L72.97 24.81c-3.92-2.17-8.11-3.07-12.19-2.88z",
|
|
379
|
+
fill: "white"
|
|
380
|
+
}
|
|
381
|
+
)
|
|
382
|
+
}
|
|
383
|
+
)
|
|
384
|
+
)
|
|
385
|
+
]
|
|
311
386
|
}
|
|
312
387
|
)
|
|
313
388
|
}
|
|
@@ -333,12 +408,12 @@ var HlsPlayer = React.memo(
|
|
|
333
408
|
e.stopPropagation();
|
|
334
409
|
handleMuteToggle();
|
|
335
410
|
},
|
|
336
|
-
style:
|
|
337
|
-
children: isMuted ? /* @__PURE__ */ jsxs("svg", { width:
|
|
411
|
+
style: iconButtonStyle,
|
|
412
|
+
children: isMuted ? /* @__PURE__ */ jsxs("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
338
413
|
/* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5Z", fill: "white" }),
|
|
339
414
|
/* @__PURE__ */ jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
|
|
340
415
|
/* @__PURE__ */ jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
|
|
341
|
-
] }) : /* @__PURE__ */ jsxs("svg", { width:
|
|
416
|
+
] }) : /* @__PURE__ */ jsxs("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
342
417
|
/* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5Z", fill: "white" }),
|
|
343
418
|
/* @__PURE__ */ jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
|
|
344
419
|
/* @__PURE__ */ jsx("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
|
|
@@ -354,14 +429,8 @@ var HlsPlayer = React.memo(
|
|
|
354
429
|
e.stopPropagation();
|
|
355
430
|
handleFullscreenToggle();
|
|
356
431
|
},
|
|
357
|
-
style:
|
|
358
|
-
children: isFullscreen ? (
|
|
359
|
-
/* Compress / exit icon — two inward-pointing arrows */
|
|
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" }) })
|
|
361
|
-
) : (
|
|
362
|
-
/* Expand icon — four outward-pointing arrows */
|
|
363
|
-
/* @__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: "M3 8V3h5M16 3h5v5M21 16v5h-5M8 21H3v-5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
|
|
364
|
-
)
|
|
432
|
+
style: iconButtonStyle,
|
|
433
|
+
children: isFullscreen ? /* @__PURE__ */ jsx("svg", { width: iconSvgSize, height: iconSvgSize, 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" }) }) : /* @__PURE__ */ jsx("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M3 8V3h5M16 3h5v5M21 16v5h-5M8 21H3v-5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
|
|
365
434
|
}
|
|
366
435
|
)
|
|
367
436
|
]
|
package/dist/index.js
CHANGED
|
@@ -609,23 +609,26 @@ var init_HlsPlayer = __esm({
|
|
|
609
609
|
}, [isMobile, resetInactivityTimer]);
|
|
610
610
|
const posterSources = resolvedSources.filter((s) => s.media && s.posterUrl);
|
|
611
611
|
const fallbackPoster = posterUrl ?? resolvedSources.find((s) => !s.media)?.posterUrl ?? resolvedSources[0]?.posterUrl;
|
|
612
|
-
const
|
|
612
|
+
const playBtnSize = "clamp(44px, 8vmin, 80px)";
|
|
613
|
+
const iconBtnSize = "clamp(28px, 4.5vmin, 40px)";
|
|
614
|
+
const iconSvgSize = "clamp(14px, 2.5vmin, 20px)";
|
|
615
|
+
const playIconSize = "clamp(24px, 4.5vmin, 44px)";
|
|
616
|
+
const iconButtonStyle = {
|
|
613
617
|
pointerEvents: isControlsVisible ? "auto" : "none",
|
|
614
|
-
width:
|
|
615
|
-
height:
|
|
618
|
+
width: iconBtnSize,
|
|
619
|
+
height: iconBtnSize,
|
|
616
620
|
borderRadius: "50%",
|
|
617
621
|
border: "1.5px solid rgba(255,255,255,0.18)",
|
|
618
622
|
cursor: "pointer",
|
|
619
623
|
display: "flex",
|
|
620
624
|
alignItems: "center",
|
|
621
625
|
justifyContent: "center",
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
transition: "transform 0.18s ease, background 0.18s ease, border-color 0.18s ease"
|
|
626
|
+
background: "rgba(0, 0, 0, 0.45)",
|
|
627
|
+
backdropFilter: "blur(10px)",
|
|
628
|
+
WebkitBackdropFilter: "blur(10px)",
|
|
629
|
+
boxShadow: "0 4px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1)",
|
|
630
|
+
transition: "transform 0.18s ease",
|
|
631
|
+
flexShrink: 0
|
|
629
632
|
};
|
|
630
633
|
if (resolvedSources.length === 0) return null;
|
|
631
634
|
const showMuteButton = !showControls && !isPlayOnHover;
|
|
@@ -695,7 +698,7 @@ var init_HlsPlayer = __esm({
|
|
|
695
698
|
opacity: isControlsVisible ? 1 : 0,
|
|
696
699
|
transition: "opacity 0.3s ease"
|
|
697
700
|
},
|
|
698
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime41.
|
|
701
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
699
702
|
"button",
|
|
700
703
|
{
|
|
701
704
|
type: "button",
|
|
@@ -705,15 +708,87 @@ var init_HlsPlayer = __esm({
|
|
|
705
708
|
handlePlayPause();
|
|
706
709
|
},
|
|
707
710
|
style: {
|
|
708
|
-
|
|
709
|
-
width:
|
|
710
|
-
height:
|
|
711
|
-
|
|
711
|
+
pointerEvents: isControlsVisible ? "auto" : "none",
|
|
712
|
+
width: playBtnSize,
|
|
713
|
+
height: playBtnSize,
|
|
714
|
+
borderRadius: "50%",
|
|
715
|
+
border: "none",
|
|
716
|
+
cursor: "pointer",
|
|
717
|
+
display: "flex",
|
|
718
|
+
alignItems: "center",
|
|
719
|
+
justifyContent: "center",
|
|
720
|
+
background: "linear-gradient(50deg, rgba(243, 31, 73, 1) 0%, rgba(143, 38, 237, 1) 100%)",
|
|
721
|
+
flexShrink: 0,
|
|
722
|
+
position: "relative",
|
|
723
|
+
overflow: "hidden"
|
|
712
724
|
},
|
|
713
|
-
children:
|
|
714
|
-
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
715
|
-
|
|
716
|
-
|
|
725
|
+
children: [
|
|
726
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
727
|
+
"div",
|
|
728
|
+
{
|
|
729
|
+
style: {
|
|
730
|
+
position: "absolute",
|
|
731
|
+
inset: 0,
|
|
732
|
+
borderRadius: "50%",
|
|
733
|
+
background: "radial-gradient(ellipse 70% 55% at 30% 25%, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.08) 55%, transparent 75%)",
|
|
734
|
+
pointerEvents: "none"
|
|
735
|
+
}
|
|
736
|
+
}
|
|
737
|
+
),
|
|
738
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
739
|
+
"div",
|
|
740
|
+
{
|
|
741
|
+
style: {
|
|
742
|
+
position: "absolute",
|
|
743
|
+
inset: 0,
|
|
744
|
+
borderRadius: "50%",
|
|
745
|
+
background: "radial-gradient(ellipse 50% 40% at 72% 75%, rgba(255,255,255,0.18) 0%, transparent 70%)",
|
|
746
|
+
pointerEvents: "none"
|
|
747
|
+
}
|
|
748
|
+
}
|
|
749
|
+
),
|
|
750
|
+
isPlaying ? (
|
|
751
|
+
/* Pause — two rounded bars, sized to match play icon proportions */
|
|
752
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
753
|
+
"svg",
|
|
754
|
+
{
|
|
755
|
+
width: playIconSize,
|
|
756
|
+
height: playIconSize,
|
|
757
|
+
viewBox: "0 0 20 20",
|
|
758
|
+
fill: "none",
|
|
759
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
760
|
+
children: [
|
|
761
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { x: "3.5", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" }),
|
|
762
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { x: "12", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" })
|
|
763
|
+
]
|
|
764
|
+
}
|
|
765
|
+
)
|
|
766
|
+
) : (
|
|
767
|
+
/*
|
|
768
|
+
* Play — rounded-corner triangle from the provided SVG path.
|
|
769
|
+
* Original viewBox is "0,0,240,250" (with a 5.33x scale group inside).
|
|
770
|
+
* We flatten the transform: effective drawing area is 240×250 units.
|
|
771
|
+
*/
|
|
772
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
773
|
+
"svg",
|
|
774
|
+
{
|
|
775
|
+
width: playIconSize,
|
|
776
|
+
height: playIconSize,
|
|
777
|
+
viewBox: "0 0 240 250",
|
|
778
|
+
fill: "none",
|
|
779
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
780
|
+
style: { transform: "translateX(4%)" },
|
|
781
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
782
|
+
"path",
|
|
783
|
+
{
|
|
784
|
+
d: "M60.78 21.93C48.57 22.41 37.33 32.78 37.33 45.87v164.26c0 17.92 19.96 29.67 35.64 20.99l148.31-82.17c16.12-8.93 16.12-33.04 0-41.97L72.97 24.81c-3.92-2.17-8.11-3.07-12.19-2.88z",
|
|
785
|
+
fill: "white"
|
|
786
|
+
}
|
|
787
|
+
)
|
|
788
|
+
}
|
|
789
|
+
)
|
|
790
|
+
)
|
|
791
|
+
]
|
|
717
792
|
}
|
|
718
793
|
)
|
|
719
794
|
}
|
|
@@ -739,12 +814,12 @@ var init_HlsPlayer = __esm({
|
|
|
739
814
|
e.stopPropagation();
|
|
740
815
|
handleMuteToggle();
|
|
741
816
|
},
|
|
742
|
-
style:
|
|
743
|
-
children: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { width:
|
|
817
|
+
style: iconButtonStyle,
|
|
818
|
+
children: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
744
819
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M11 5L6 9H2v6h4l5 4V5Z", fill: "white" }),
|
|
745
820
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
|
|
746
821
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
|
|
747
|
-
] }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { width:
|
|
822
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
748
823
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M11 5L6 9H2v6h4l5 4V5Z", fill: "white" }),
|
|
749
824
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
|
|
750
825
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
|
|
@@ -760,14 +835,8 @@ var init_HlsPlayer = __esm({
|
|
|
760
835
|
e.stopPropagation();
|
|
761
836
|
handleFullscreenToggle();
|
|
762
837
|
},
|
|
763
|
-
style:
|
|
764
|
-
children: isFullscreen ? (
|
|
765
|
-
/* Compress / exit icon — two inward-pointing arrows */
|
|
766
|
-
/* @__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" }) })
|
|
767
|
-
) : (
|
|
768
|
-
/* Expand icon — four outward-pointing arrows */
|
|
769
|
-
/* @__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: "M3 8V3h5M16 3h5v5M21 16v5h-5M8 21H3v-5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
|
|
770
|
-
)
|
|
838
|
+
style: iconButtonStyle,
|
|
839
|
+
children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { width: iconSvgSize, height: iconSvgSize, 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" }) }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M3 8V3h5M16 3h5v5M21 16v5h-5M8 21H3v-5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
|
|
771
840
|
}
|
|
772
841
|
)
|
|
773
842
|
]
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
HlsPlayer_default
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-HHMCY2NG.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-NESMT4GP.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-NESMT4GP.mjs"), { ssr: false });
|
|
3649
3649
|
var deviceToMediaQuery = (device) => {
|
|
3650
3650
|
switch (device) {
|
|
3651
3651
|
case "sm":
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@acoustte-digital-services/digitalstore-controls-dev",
|
|
3
|
-
"version": "0.8.1-dev.
|
|
3
|
+
"version": "0.8.1-dev.20260507104258",
|
|
4
4
|
"description": "Reusable React components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"moment-timezone": "^0.6.2",
|
|
53
53
|
"ms": "^2.1.3",
|
|
54
54
|
"mz": "^2.7.0",
|
|
55
|
-
"next": "^15.5.
|
|
55
|
+
"next": "^15.5.16",
|
|
56
56
|
"object-assign": "^4.1.1",
|
|
57
57
|
"pathe": "^2.0.3",
|
|
58
58
|
"picocolors": "^1.1.1",
|