@zync/zync-screnplay-player 0.1.243 → 0.1.245

package/dist/screenplay/RemotionRenderer/components/layouts/BrollInset.js

@@ -41,7 +41,7 @@ var getInsetMetrics = function getInsetMetrics(_ref2) {
     borderRadius: Math.max(18, finalWidth * 0.06),
     height: finalHeight,
     left: padding,
-    top: height - padding - finalHeight,
+    top: outputOrientation === "portrait" ? Math.min((height - finalHeight) / 2 + height * 0.08, height - padding - finalHeight) : height - padding - finalHeight,
     width: finalWidth
   };
 };

package/dist/screenplay/RemotionRenderer/components/layouts/MotionStillInset.js

@@ -41,7 +41,7 @@ var getInsetMetrics = function getInsetMetrics(_ref2) {
     borderRadius: Math.max(18, finalWidth * 0.06),
     height: finalHeight,
     left: padding,
-    top: height - padding - finalHeight,
+    top: outputOrientation === "portrait" ? Math.min((height - finalHeight) / 2 + height * 0.08, height - padding - finalHeight) : height - padding - finalHeight,
     width: finalWidth
   };
 };

package/dist/screenplay/RemotionRenderer/development.js

@@ -329,7 +329,7 @@ var renderer = new RemotionRenderer({
     }, {
       recordingIndex: "3",
       layout: {
-        type: "broll_studio_backdrop",
+        type: "broll_inset",
         data: {
           noBackgroundVideoEffects: {
             facePop: false,
@@ -756,7 +756,8 @@ var renderer = new RemotionRenderer({
     }, {
       recordingIndex: "4",
       layout: {
-        type: "text_with_video",
+        type: "simple_frame_sentence",
+        theme: "fullcover",
         data: {
           noBackgroundVideoEffects: {
             facePop: false,

package/dist/screenplay/RemotionRenderer/registeredComponents.js

@@ -1,6 +1,5 @@
 import { SimpleFrame } from "./components/layouts/SimpleFrame";
 import { TextWithVideo } from "./components/layouts/TextWithVideo";
-import { TextFullCover } from "./components/layouts/TextFullCover";
 import { BrollFullscreen } from "./components/effects/BrollFullscreen";
 import { PhraseRainbowEffect } from "./components/effects/PhraseRainbowEffect";
 import { Sentence } from "./components/effects/Sentence";
@@ -59,7 +58,6 @@ export var RegisteredComponents = {
   SimpleFrameSentence: SimpleFrameSentence,
   SimpleFrameZoomCut: SimpleFrameZoomCut,
   TextWithVideo: TextWithVideo,
-  TextFullCover: TextFullCover,
   Handoff: Handoff,
   MultiHandoff: MultiHandoff,
   CreatorCollabSplit: CreatorCollabSplit,

package/dist/screenplay/RemotionRenderer/theme/hooks/useThemedComponents.js

@@ -31,6 +31,7 @@ import { BoxwipeNametag } from "../themes/boxwipe/Nametag";
 import { StackfillNametag } from "../themes/stackfill/Nametag";
 import { RightslideNametag } from "../themes/rightslide/Nametag";
 import { KeyPointOverlayDepth } from "../../components/layouts/KeyPointOverlayDepth";
+import { TextFullCover } from "../themes/fullcover/TextFullCover";
 
 /** Always update this when adding a new theme and/or components. */
 var themedComponents = {
@@ -93,6 +94,9 @@ var themedComponents = {
   },
   depth: {
     Sentence: KeyPointOverlayDepth
+  },
+  fullcover: {
+    Sentence: TextFullCover
   }
 };
 export var useThemedComponents = function useThemedComponents(componentName, overrideTheme) {

package/dist/screenplay/RemotionRenderer/theme/themes/default/CaptionElegant.js

@@ -1,3 +1,9 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { AbsoluteFill, Sequence, interpolate, random, spring, useCurrentFrame, useVideoConfig } from "remotion";
 import React from "react";
 import { loadFont as loadRegularFont } from "@remotion/google-fonts/Montserrat";
@@ -13,6 +19,7 @@ var toNumber = function toNumber(value, fallback) {
   var parsed = Number(value);
   return Number.isFinite(parsed) ? parsed : fallback;
 };
+var blackOutlineShadow = ["-2px -2px 0 #000", "0 -2px 0 #000", "2px -2px 0 #000", "2px 0 0 #000", "2px 2px 0 #000", "0 2px 0 #000", "-2px 2px 0 #000", "-2px 0 0 #000"];
 export var CaptionElegant = function CaptionElegant(_ref) {
   var transcripts = _ref.transcripts,
     color = _ref.color;
@@ -122,7 +129,7 @@ export var CaptionElegant = function CaptionElegant(_ref) {
           opacity: opacity,
           transform: "translateY(".concat(translateY, "px)"),
           color: baseColor,
-          textShadow: isCursiveWord ? "0 0 1px rgba(255,255,255,.85), 0 0 4px rgba(255,255,255,.55), 0 0 10px rgba(255,255,255,.25)" : "0 3px 0 rgba(0,0,0,.18)",
+          textShadow: [].concat(blackOutlineShadow, _toConsumableArray(isCursiveWord ? ["0 0 1px rgba(255,255,255,.85)", "0 0 4px rgba(255,255,255,.55)", "0 0 10px rgba(255,255,255,.25)"] : ["0 3px 0 rgba(0,0,0,.18)"])).join(", "),
           WebkitFontSmoothing: "antialiased",
           MozOsxFontSmoothing: "grayscale",
           transition: "font-family 0.2s ease, font-weight 0.2s ease",

package/dist/screenplay/RemotionRenderer/{components/layouts → theme/themes/fullcover}/TextFullCover.js

@@ -220,7 +220,8 @@ export var TextFullCover = function TextFullCover(_ref5) {
       backgroundColor: shouldWipe ? previousBackgroundColor : currentBackgroundColor,
       display: "flex",
       justifyContent: "center",
-      overflow: "hidden"
+      overflow: "hidden",
+      zIndex: -1
     }
   }, videoUrl ? /*#__PURE__*/React.createElement(AbsoluteFill, {
     style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zync/zync-screnplay-player",
-  "version": "0.1.243",
+  "version": "0.1.245",
   "files": [
     "dist"
   ],