@wistia/ui 0.14.19 → 0.14.20

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.19
+ * @license @wistia/ui v0.14.20
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -16384,12 +16384,16 @@ var getCoverProps = (viewerWidth, viewerHeight, scaledWidth, scaledHeight) => {
     left
   };
 };
-var getFramePosition = (frameIndex, framesPerRow, width, height, scaleFactor) => {
+var getFramePosition = (frameIndex, framesPerRow, width, height, scaleFactor, frameCount, targetHeight) => {
   const col = frameIndex % framesPerRow;
   const row = Math.floor(frameIndex / framesPerRow);
   const imageX = -width * col * scaleFactor;
   const imageY = -height * row * scaleFactor;
-  return `${imageX}px ${imageY}px`;
+  const rows = Math.ceil(frameCount / framesPerRow);
+  const frameHeightInStoryboard = height / rows;
+  const verticalCenterOffset = (targetHeight - frameHeightInStoryboard) / 2;
+  const adjustedY = imageY - verticalCenterOffset;
+  return `${imageX}px ${adjustedY}px`;
 };
 var ThumbnailStoryboardViewer = ({
   storyboardUrl,
@@ -16400,6 +16404,7 @@ var ThumbnailStoryboardViewer = ({
   frameCount,
   percent,
   targetWidth = 200,
+  targetHeight,
   targetAspectRatio,
   scaleFactor = 1,
   framesPerRow = 10,
@@ -16408,10 +16413,11 @@ var ThumbnailStoryboardViewer = ({
 }) => {
   const originalAspectRatio = frameWidth / frameHeight;
   const effectiveTargetAspectRatio = targetAspectRatio ?? originalAspectRatio;
-  const targetHeight = targetWidth / effectiveTargetAspectRatio;
+  const calculatedHeight = targetWidth / effectiveTargetAspectRatio;
+  const finalHeight = targetHeight ?? calculatedHeight;
   const viewerDimensions = {
     viewerWidth: targetWidth,
-    viewerHeight: targetHeight
+    viewerHeight: finalHeight
   };
   const { scaledHeight, scaledWidth } = getScaledDimensions(
     originalAspectRatio,
@@ -16431,7 +16437,9 @@ var ThumbnailStoryboardViewer = ({
     framesPerRow,
     coverProps.width,
     coverProps.height,
-    scaleFactor
+    scaleFactor,
+    frameCount,
+    calculatedHeight
   );
   const scaleFactorFromAspectRatioFit = coverProps.height / frameHeight;
   const scaledStoryboardWidth = storyboardWidth * scaleFactorFromAspectRatioFit * scaleFactor;