@remotion/player 3.3.27 → 3.3.31

package/dist/calc-style.d.ts

@@ -0,0 +1,7 @@
+import type { VideoConfig } from 'remotion';
+import type { Size } from './utils/use-element-size';
+export declare const calculateOuterStyle: ({ config, style, canvasSize, }: {
+    config: VideoConfig | null;
+    style: React.CSSProperties | undefined;
+    canvasSize: Size | null;
+}) => React.CSSProperties;

package/dist/calc-style.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateOuterStyle = void 0;
+const calculate_player_size_1 = require("./utils/calculate-player-size");
+const calculateOuterStyle = ({ config, style, canvasSize, }) => {
+    if (!config) {
+        return {};
+    }
+    return {
+        position: 'relative',
+        overflow: 'hidden',
+        ...(0, calculate_player_size_1.calculatePlayerSize)({
+            compositionHeight: config.height,
+            compositionWidth: config.width,
+            currentSize: canvasSize,
+            height: style === null || style === void 0 ? void 0 : style.height,
+            width: style === null || style === void 0 ? void 0 : style.width,
+        }),
+        ...style,
+    };
+};
+exports.calculateOuterStyle = calculateOuterStyle;

package/dist/calculate-style.d.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+import type { VideoConfig } from 'remotion';
+import type { Size } from './utils/use-element-size';
+export declare const calculateOuterStyle: ({ config, style, canvasSize, }: {
+    config: VideoConfig | null;
+    style: React.CSSProperties | undefined;
+    canvasSize: Size | null;
+}) => React.CSSProperties;
+export declare const calculateContainerStyle: ({ config, canvasSize, layout, scale, }: {
+    config: VideoConfig | null;
+    canvasSize: Size | null;
+    layout: unknown;
+    scale: number;
+}) => React.CSSProperties;
+export declare const calculateOuter: ({ layout, scale, config, }: {
+    layout: unknown;
+    scale: number;
+    config: VideoConfig | null;
+}) => React.CSSProperties;

package/dist/calculate-style.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateOuter = exports.calculateContainerStyle = exports.calculateOuterStyle = void 0;
+const calculate_player_size_1 = require("./utils/calculate-player-size");
+const calculateOuterStyle = ({ config, style, canvasSize, }) => {
+    if (!config) {
+        return {};
+    }
+    return {
+        position: 'relative',
+        overflow: 'hidden',
+        ...(0, calculate_player_size_1.calculatePlayerSize)({
+            compositionHeight: config.height,
+            compositionWidth: config.width,
+            currentSize: canvasSize,
+            height: style === null || style === void 0 ? void 0 : style.height,
+            width: style === null || style === void 0 ? void 0 : style.width,
+        }),
+        ...style,
+    };
+};
+exports.calculateOuterStyle = calculateOuterStyle;
+const calculateContainerStyle = ({ config, canvasSize, layout, scale, }) => {
+    if (!config || !canvasSize || !layout) {
+        return {};
+    }
+    return {
+        position: 'absolute',
+        width: config.width,
+        height: config.height,
+        display: 'flex',
+        transform: `scale(${scale})`,
+        marginLeft: layout.xCorrection,
+        marginTop: layout.yCorrection,
+        overflow: 'hidden',
+    };
+};
+exports.calculateContainerStyle = calculateContainerStyle;
+const calculateOuter = ({ layout, scale, config, }) => {
+    if (!layout || !config) {
+        return {};
+    }
+    const { centerX, centerY } = layout;
+    return {
+        width: config.width * scale,
+        height: config.height * scale,
+        display: 'flex',
+        flexDirection: 'column',
+        position: 'absolute',
+        left: centerX,
+        top: centerY,
+        overflow: 'hidden',
+    };
+};
+exports.calculateOuter = calculateOuter;

package/dist/outer-style.d.ts

@@ -0,0 +1,7 @@
+import type { VideoConfig } from 'remotion';
+import type { Size } from './utils/use-element-size';
+export declare const calculateOuterStyle: ({ config, style, canvasSize, }: {
+    config: VideoConfig | null;
+    style: React.CSSProperties | undefined;
+    canvasSize: Size | null;
+}) => React.CSSProperties;

package/dist/outer-style.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateOuterStyle = void 0;
+const calculate_player_size_1 = require("./utils/calculate-player-size");
+const calculateOuterStyle = ({ config, style, canvasSize, }) => {
+    if (!config) {
+        return {};
+    }
+    return {
+        position: 'relative',
+        overflow: 'hidden',
+        ...(0, calculate_player_size_1.calculatePlayerSize)({
+            compositionHeight: config.height,
+            compositionWidth: config.width,
+            currentSize: canvasSize,
+            height: style === null || style === void 0 ? void 0 : style.height,
+            width: style === null || style === void 0 ? void 0 : style.width,
+        }),
+        ...style,
+    };
+};
+exports.calculateOuterStyle = calculateOuterStyle;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/player",
-	"version": "3.3.27",
+	"version": "3.3.31",
 	"description": "Remotion Player",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -27,7 +27,7 @@
 	],
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "3.3.27"
+		"remotion": "3.3.31"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -61,5 +61,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5dfc0dfa0df9592a358127a9aea9219244e6807a"
+	"gitHead": "4b89462c98236d59641272bd0649d880514e685f"
 }