@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260422073350 → 0.8.1-dev.20260422090829

package/dist/{HlsPlayer-IKEZJ5A5.mjs → HlsPlayer-KOTCX7MY.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   HlsPlayer_default
-} from "./chunk-ELASRK22.mjs";
+} from "./chunk-NTZ3IUOL.mjs";
 export {
   HlsPlayer_default as default
 };

package/dist/{chunk-ELASRK22.mjs → chunk-NTZ3IUOL.mjs}

@@ -109,6 +109,7 @@ var HlsPlayer = React.memo(
             {
               ref: videoRef,
               className: "w-full h-full object-contain",
+              poster: fallbackPoster,
               controls: showControls && (isMobile || isPlaying),
               muted: playOptions === "autoplay" || playOptions === "playOnHover",
               autoPlay: playOptions === "autoplay",
@@ -126,10 +127,10 @@ var HlsPlayer = React.memo(
               ))
             }
           ),
-          fallbackPoster && !isPlaying && /* @__PURE__ */ jsxs(
+          !isMobile && playOptions === "playOnHover" && fallbackPoster && /* @__PURE__ */ jsxs(
             "picture",
             {
-              className: `absolute inset-0 transition-opacity ${!isMobile && playOptions === "playOnHover" && isHovered ? "opacity-0" : "opacity-100"}`,
+              className: `absolute inset-0 transition-opacity ${isHovered ? "opacity-0" : "opacity-100"}`,
               children: [
                 posterSources.map(({ media, posterUrl: src }, i) => /* @__PURE__ */ jsx("source", { media, srcSet: src }, i)),
                 /* @__PURE__ */ jsx(

package/dist/index.js

@@ -386,6 +386,7 @@ var init_HlsPlayer = __esm({
                 {
                   ref: videoRef,
                   className: "w-full h-full object-contain",
+                  poster: fallbackPoster,
                   controls: showControls && (isMobile || isPlaying),
                   muted: playOptions === "autoplay" || playOptions === "playOnHover",
                   autoPlay: playOptions === "autoplay",
@@ -403,10 +404,10 @@ var init_HlsPlayer = __esm({
                   ))
                 }
               ),
-              fallbackPoster && !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+              !isMobile && playOptions === "playOnHover" && fallbackPoster && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
                 "picture",
                 {
-                  className: `absolute inset-0 transition-opacity ${!isMobile && playOptions === "playOnHover" && isHovered ? "opacity-0" : "opacity-100"}`,
+                  className: `absolute inset-0 transition-opacity ${isHovered ? "opacity-0" : "opacity-100"}`,
                   children: [
                     posterSources.map(({ media, posterUrl: src }, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("source", { media, srcSet: src }, i)),
                     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
@@ -5176,7 +5177,6 @@ var ImageGalleryNode = (props) => {
     (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
   );
   const hlsSources = [
-    // Constrained sources in breakpoint order (narrowest first).
     ...DEVICE_ORDER.flatMap((deviceKey) => {
       const img = hlsImages.find((i) => i.device === deviceKey);
       if (!img) return [];
@@ -5186,7 +5186,6 @@ var ImageGalleryNode = (props) => {
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
-    // Unconstrained fallback(s) — no media attr, always matches.
     ...hlsImages.filter((img) => !img.device).map((img) => {
       const src = resolveImageUrl(img.imageUrl);
       const posterUrl = resolvePosterUrl(img.posterUrl);

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   HlsPlayer_default
-} from "./chunk-ELASRK22.mjs";
+} from "./chunk-NTZ3IUOL.mjs";
 import {
   Button_default,
   ServiceClient_default,
@@ -2638,7 +2638,7 @@ var DeviceAssetSelector_default = DeviceAssetSelector;
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import { Fragment as Fragment3, jsx as jsx39 } from "react/jsx-runtime";
-var HlsPlayer = dynamic(() => import("./HlsPlayer-IKEZJ5A5.mjs"), {
+var HlsPlayer = dynamic(() => import("./HlsPlayer-KOTCX7MY.mjs"), {
   ssr: false
 });
 var getNestedValue = (obj, path) => {
@@ -4107,7 +4107,7 @@ var Pagination_default = Pagination;
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic5 from "next/dynamic";
 import { Fragment as Fragment9, jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-IKEZJ5A5.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-KOTCX7MY.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "sm":
@@ -4149,7 +4149,6 @@ var ImageGalleryNode = (props) => {
     (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
   );
   const hlsSources = [
-    // Constrained sources in breakpoint order (narrowest first).
     ...DEVICE_ORDER.flatMap((deviceKey) => {
       const img = hlsImages.find((i) => i.device === deviceKey);
       if (!img) return [];
@@ -4159,7 +4158,6 @@ var ImageGalleryNode = (props) => {
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
-    // Unconstrained fallback(s) — no media attr, always matches.
     ...hlsImages.filter((img) => !img.device).map((img) => {
       const src = resolveImageUrl(img.imageUrl);
       const posterUrl = resolvePosterUrl(img.posterUrl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260422073350",
+  "version": "0.8.1-dev.20260422090829",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",