@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.
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  HlsPlayer_default
4
- } from "./chunk-KCYY42RI.mjs";
4
+ } from "./chunk-CT5SLXYT.mjs";
5
5
  export {
6
6
  HlsPlayer_default as default
7
7
  };
@@ -213,24 +213,14 @@ var HlsPlayer = React.memo(
213
213
  display: "flex",
214
214
  alignItems: "center",
215
215
  justifyContent: "center",
216
- background: "rgba(0, 0, 0, 0.45)",
217
- backdropFilter: "blur(10px)",
218
- WebkitBackdropFilter: "blur(10px)",
219
- boxShadow: "0 4px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1)",
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: { ...overlayButtonStyle, width: 64, height: 64 },
312
- onMouseEnter: handleButtonMouseEnter,
313
- onMouseLeave: handleButtonMouseLeave,
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: "rgba(0, 0, 0, 0.45)",
743
- backdropFilter: "blur(10px)",
744
- WebkitBackdropFilter: "blur(10px)",
745
- boxShadow: "0 4px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1)",
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: { ...overlayButtonStyle, width: 64, height: 64 },
838
- onMouseEnter: handleButtonMouseEnter,
839
- onMouseLeave: handleButtonMouseLeave,
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-KCYY42RI.mjs";
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-QZ2VOPBD.mjs"), {
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-QZ2VOPBD.mjs"), { ssr: false });
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acoustte-digital-services/digitalstore-controls-dev",
3
- "version": "0.8.1-dev.20260504100301",
3
+ "version": "0.8.1-dev.20260505044510",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",