@bendyline/squisq-react 2.11.13 → 2.11.14

package/dist/{chunk-QWUQNB4E.js → chunk-VUMNXXK4.js}

@@ -820,6 +820,12 @@ function DocProgressBar({
     },
     [expandedBlocks]
   );
+  let currentChapterIndex = -1;
+  for (const marker of blockMarkers) {
+    if (marker.isSectionStart && marker.block.startTime <= state.currentTime) {
+      currentChapterIndex = marker.index;
+    }
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -878,39 +884,57 @@ function DocProgressBar({
             }
           }
         ),
-        blockMarkers.map((marker, i) => /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            style: {
-              position: "absolute",
-              left: `${marker.position}%`,
-              transform: "translateX(-50%)",
-              width: "10px",
-              height: "10px",
-              borderRadius: "50%",
-              background: marker.index === state.currentBlockIndex ? "#ffffff" : "rgba(255,255,255,0.5)",
-              border: "2px solid #5b9bd5",
-              padding: 0,
-              cursor: "pointer",
-              zIndex: 2,
-              transition: "transform 0.15s, background 0.15s"
-            },
-            title: marker.title,
-            "aria-label": `Seek to ${marker.title}`,
-            onClick: (e) => {
-              e.stopPropagation();
-              actions.seekTo(marker.block.startTime);
-            },
-            onMouseEnter: (e) => {
-              e.currentTarget.style.transform = "translateX(-50%) scale(1.3)";
+        blockMarkers.map((marker, i) => {
+          const chapter = marker.isSectionStart;
+          const active = chapter ? marker.index === currentChapterIndex : marker.index === state.currentBlockIndex;
+          return /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              "data-marker": chapter ? "chapter" : "slide",
+              tabIndex: chapter ? 0 : -1,
+              style: {
+                position: "absolute",
+                left: `${marker.position}%`,
+                transform: "translateX(-50%)",
+                boxSizing: "border-box",
+                borderRadius: "50%",
+                cursor: "pointer",
+                transition: "transform 0.15s, background-color 0.15s",
+                ...chapter ? {
+                  width: "14px",
+                  height: "14px",
+                  padding: 0,
+                  backgroundColor: active ? "#ffffff" : "rgba(255,255,255,0.75)",
+                  border: "2px solid #5b9bd5",
+                  boxShadow: "0 1px 3px rgba(0,0,0,0.5)",
+                  zIndex: 3
+                } : {
+                  width: "12px",
+                  height: "12px",
+                  padding: "3px",
+                  backgroundClip: "content-box",
+                  backgroundColor: active ? "#ffffff" : "rgba(255,255,255,0.55)",
+                  border: "none",
+                  zIndex: 2
+                }
+              },
+              title: marker.title,
+              "aria-label": `Seek to ${marker.title}`,
+              onClick: (e) => {
+                e.stopPropagation();
+                actions.seekTo(marker.block.startTime);
+              },
+              onMouseEnter: (e) => {
+                e.currentTarget.style.transform = "translateX(-50%) scale(1.3)";
+              },
+              onMouseLeave: (e) => {
+                e.currentTarget.style.transform = "translateX(-50%)";
+              }
             },
-            onMouseLeave: (e) => {
-              e.currentTarget.style.transform = "translateX(-50%)";
-            }
-          },
-          `${marker.block.id}-${i}`
-        )),
+            `${marker.block.id}-${i}`
+          );
+        }),
         hoverPosition !== null && /* @__PURE__ */ jsxs(
           "div",
           {

package/dist/index.js

@@ -15,7 +15,7 @@ import {
   formatTime,
   resolveDocPlayerAppearance,
   useMediaClipDurations
-} from "./chunk-QWUQNB4E.js";
+} from "./chunk-VUMNXXK4.js";
 import {
   PaginatedDocView
 } from "./chunk-7T26IKW2.js";

package/dist/player/index.js

@@ -12,7 +12,7 @@ import {
   MediaClipLayer,
   SocialCaptionOverlay,
   formatTime
-} from "../chunk-QWUQNB4E.js";
+} from "../chunk-VUMNXXK4.js";
 import {
   BlockRenderer
 } from "../chunk-P3FJ3YKS.js";