remotion
Version:
Make videos programmatically
1,228 lines (1,227 loc) • 41.4 kB
TypeScript
import type { InterpolateOutputOption } from './interpolate.js';
export type HiddenFieldSchema = {
type: 'hidden';
keyframable?: boolean;
};
export type NumberFieldSchema = {
type: 'number';
min?: number;
max?: number;
step?: number;
default: number | null | undefined;
description?: string;
hiddenFromList: boolean;
keyframable?: boolean;
defaultKeyframeOutput?: InterpolateOutputOption;
};
export type BooleanFieldSchema = {
type: 'boolean';
default: boolean;
description?: string;
keyframable?: boolean;
};
export type RotationCssFieldSchema = {
type: 'rotation-css';
step?: number;
default: string | undefined;
description?: string;
keyframable?: boolean;
};
export type RotationDegreesFieldSchema = {
type: 'rotation-degrees';
min?: number;
max?: number;
step?: number;
default: number | undefined;
description?: string;
keyframable?: boolean;
};
export type TranslateFieldSchema = {
type: 'translate';
step?: number;
default: string | undefined;
description?: string;
keyframable?: boolean;
};
export type TransformOriginFieldSchema = {
type: 'transform-origin';
step?: number;
default: string | undefined;
description?: string;
keyframable?: boolean;
};
export type ScaleFieldSchema = {
type: 'scale';
min?: number;
max?: number;
step?: number;
default: number | string | undefined;
description?: string;
keyframable?: boolean;
defaultKeyframeOutput?: InterpolateOutputOption;
};
export type UvCoordinateFieldSchema = {
type: 'uv-coordinate';
min?: number;
max?: number;
step?: number;
visual?: {
readonly type: 'line';
readonly to: string;
} | {
readonly type: 'ellipse';
readonly width: string;
readonly height: string;
readonly rotation?: string;
readonly innerScale?: string;
};
default: readonly [number, number] | undefined;
description?: string;
keyframable?: boolean;
};
export type ColorFieldSchema = {
type: 'color';
default: string | undefined;
description?: string;
keyframable?: boolean;
};
export type TextContentFieldSchema = {
type: 'text-content';
default: string;
description?: string;
keyframable?: false;
};
export type FontFamilyFieldSchema = {
type: 'font-family';
default: string | undefined;
description?: string;
keyframable?: false;
};
export type FontWeightFieldSchema = {
type: 'font-weight';
default: number | string | undefined;
description?: string;
keyframable?: false;
};
export type AssetFieldSchema = {
type: 'asset';
assetType?: 'audio' | 'video' | 'image';
default: string | undefined;
description?: string;
keyframable?: false;
};
export type EnumFieldSchema = {
type: 'enum';
default: string;
description?: string;
variants: Record<string, InteractivitySchema>;
keyframable?: boolean;
};
export type NumberArrayItemSchema = Omit<NumberFieldSchema, 'default' | 'description' | 'hiddenFromList' | 'keyframable' | 'defaultKeyframeOutput'>;
export type BooleanArrayItemSchema = Omit<BooleanFieldSchema, 'default' | 'description' | 'keyframable'>;
export type RotationCssArrayItemSchema = Omit<RotationCssFieldSchema, 'default' | 'description' | 'keyframable'>;
export type RotationDegreesArrayItemSchema = Omit<RotationDegreesFieldSchema, 'default' | 'description' | 'keyframable'>;
export type TranslateArrayItemSchema = Omit<TranslateFieldSchema, 'default' | 'description' | 'keyframable'>;
export type UvCoordinateArrayItemSchema = Omit<UvCoordinateFieldSchema, 'default' | 'description' | 'keyframable'>;
export type ColorArrayItemSchema = Omit<ColorFieldSchema, 'default' | 'description' | 'keyframable'>;
export type EnumArrayItemSchema = {
type: 'enum';
variants: readonly string[];
};
export type ArrayItemFieldSchema = NumberArrayItemSchema | BooleanArrayItemSchema | RotationCssArrayItemSchema | RotationDegreesArrayItemSchema | TranslateArrayItemSchema | UvCoordinateArrayItemSchema | ColorArrayItemSchema | EnumArrayItemSchema;
export type ArrayFieldSchema = {
type: 'array';
item: ArrayItemFieldSchema;
default: readonly unknown[] | undefined;
minLength?: number;
maxLength?: number;
newItemDefault: unknown;
description?: string;
keyframable?: false;
};
export type CaptionsFieldSchema = {
type: 'remotion-captions';
default: readonly unknown[] | undefined;
description?: string;
keyframable: false;
};
export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationCssFieldSchema | RotationDegreesFieldSchema | TranslateFieldSchema | TransformOriginFieldSchema | ScaleFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | TextContentFieldSchema | FontFamilyFieldSchema | FontWeightFieldSchema | AssetFieldSchema | ArrayFieldSchema | CaptionsFieldSchema | EnumFieldSchema;
export type InteractivitySchemaField = VisibleFieldSchema | HiddenFieldSchema;
export type InteractivitySchema = {
[key: string]: InteractivitySchemaField;
};
export declare const captionsSchema: {
readonly captions: {
readonly type: "remotion-captions";
readonly default: undefined;
readonly description: "Captions";
readonly keyframable: false;
};
};
export type InteractivitySchemaKeysRecord<S extends InteractivitySchema> = Record<keyof S, unknown>;
export declare const transformSchema: {
readonly 'style.transformOrigin': {
readonly type: "transform-origin";
readonly step: 1;
readonly default: "50% 50%";
readonly description: "Transform origin";
};
readonly 'style.translate': {
readonly type: "translate";
readonly step: 1;
readonly default: "0px 0px";
readonly description: "Offset";
};
readonly 'style.scale': {
readonly type: "scale";
readonly max: 100;
readonly step: 0.01;
readonly default: 1;
readonly description: "Scale";
readonly defaultKeyframeOutput: "perceptual-scale";
};
readonly 'style.rotate': {
readonly type: "rotation-css";
readonly step: 1;
readonly default: "0deg";
readonly description: "Rotation";
};
readonly 'style.opacity': {
readonly type: "number";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly default: 1;
readonly description: "Opacity";
readonly hiddenFromList: false;
};
};
export declare const sequenceVisualStyleSchema: {
readonly 'style.transformOrigin': {
readonly type: "transform-origin";
readonly step: 1;
readonly default: "50% 50%";
readonly description: "Transform origin";
};
readonly 'style.translate': {
readonly type: "translate";
readonly step: 1;
readonly default: "0px 0px";
readonly description: "Offset";
};
readonly 'style.scale': {
readonly type: "scale";
readonly max: 100;
readonly step: 0.01;
readonly default: 1;
readonly description: "Scale";
readonly defaultKeyframeOutput: "perceptual-scale";
};
readonly 'style.rotate': {
readonly type: "rotation-css";
readonly step: 1;
readonly default: "0deg";
readonly description: "Rotation";
};
readonly 'style.opacity': {
readonly type: "number";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly default: 1;
readonly description: "Opacity";
readonly hiddenFromList: false;
};
};
export declare const textSchema: {
readonly 'style.color': {
readonly type: "color";
readonly default: undefined;
readonly description: "Color";
};
readonly 'style.fontFamily': {
readonly type: "font-family";
readonly default: undefined;
readonly description: "Font family";
readonly keyframable: false;
};
readonly 'style.fontSize': {
readonly type: "number";
readonly default: undefined;
readonly min: 0;
readonly step: 1;
readonly description: "Font size";
readonly hiddenFromList: false;
};
readonly 'style.lineHeight': {
readonly type: "number";
readonly default: undefined;
readonly min: 0;
readonly step: 0.05;
readonly description: "Line height";
readonly hiddenFromList: false;
};
readonly 'style.fontWeight': {
readonly type: "font-weight";
readonly default: 400;
readonly description: "Font weight";
readonly keyframable: false;
};
readonly 'style.fontStyle': {
readonly type: "enum";
readonly default: "normal";
readonly description: "Font style";
readonly variants: {
readonly normal: {};
readonly italic: {};
readonly oblique: {};
};
};
readonly 'style.textAlign': {
readonly type: "enum";
readonly default: "left";
readonly description: "Text align";
readonly variants: {
readonly left: {};
readonly center: {};
readonly right: {};
readonly justify: {};
readonly start: {};
readonly end: {};
};
};
readonly 'style.letterSpacing': {
readonly type: "number";
readonly default: undefined;
readonly step: 0.1;
readonly description: "Letter spacing";
readonly hiddenFromList: false;
};
};
export declare const borderSchema: {
readonly 'style.borderWidth': {
readonly type: "number";
readonly default: undefined;
readonly min: 0;
readonly step: 1;
readonly description: "Border width";
readonly hiddenFromList: false;
};
readonly 'style.borderStyle': {
readonly type: "enum";
readonly default: "none";
readonly description: "Border style";
readonly variants: {
readonly none: {};
readonly hidden: {};
readonly solid: {};
readonly dashed: {};
readonly dotted: {};
readonly double: {};
readonly groove: {};
readonly ridge: {};
readonly inset: {};
readonly outset: {};
};
};
readonly 'style.borderColor': {
readonly type: "color";
readonly default: undefined;
readonly description: "Border color";
};
};
export declare const borderRadiusSchema: {
readonly 'style.borderRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Border radius";
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly 'style.borderTopLeftRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Top left radius";
readonly hiddenFromList: false;
};
readonly 'style.borderTopRightRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Top right radius";
readonly hiddenFromList: false;
};
readonly 'style.borderBottomRightRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Bottom right radius";
readonly hiddenFromList: false;
};
readonly 'style.borderBottomLeftRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Bottom left radius";
readonly hiddenFromList: false;
};
};
export declare const backgroundSchema: {
readonly 'style.backgroundColor': {
readonly type: "color";
readonly default: "transparent";
readonly description: "Color";
};
};
export declare const svgStrokeSchema: {
readonly color: {
readonly type: "color";
readonly default: undefined;
readonly description: "Current color";
};
readonly stroke: {
readonly type: "color";
readonly default: "none";
readonly description: "Stroke";
};
readonly strokeWidth: {
readonly type: "number";
readonly default: 1;
readonly description: "Stroke width";
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: false;
};
};
export declare const svgPaintSchema: {
readonly color: {
readonly type: "color";
readonly default: undefined;
readonly description: "Current color";
};
readonly stroke: {
readonly type: "color";
readonly default: "none";
readonly description: "Stroke";
};
readonly strokeWidth: {
readonly type: "number";
readonly default: 1;
readonly description: "Stroke width";
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: false;
};
readonly fill: {
readonly type: "color";
readonly default: undefined;
readonly description: "Fill";
};
};
export declare const textContentSchema: {
readonly children: {
readonly type: "text-content";
readonly default: "";
readonly description: "Text";
readonly keyframable: false;
};
};
export declare const premountSchema: {
readonly premountFor: {
readonly type: "number";
readonly default: 0;
readonly description: "Premount For";
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: false;
readonly keyframable: false;
};
readonly postmountFor: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
readonly keyframable: false;
};
};
export declare const sequencePremountSchema: {
readonly premountFor: {
readonly type: "number";
readonly default: 0;
readonly description: "Premount For";
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: false;
readonly keyframable: false;
};
readonly postmountFor: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
readonly keyframable: false;
};
};
export declare const cropSchema: {
readonly cropLeft: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop left";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropRight: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop right";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropTop: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop top";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropBottom: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop bottom";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
};
export declare const sequenceCropSchema: {
readonly cropLeft: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop left";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropRight: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop right";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropTop: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop top";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropBottom: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop bottom";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
};
export declare const sequenceStyleSchema: {
readonly 'style.transformOrigin': {
readonly type: "transform-origin";
readonly step: 1;
readonly default: "50% 50%";
readonly description: "Transform origin";
};
readonly 'style.translate': {
readonly type: "translate";
readonly step: 1;
readonly default: "0px 0px";
readonly description: "Offset";
};
readonly 'style.scale': {
readonly type: "scale";
readonly max: 100;
readonly step: 0.01;
readonly default: 1;
readonly description: "Scale";
readonly defaultKeyframeOutput: "perceptual-scale";
};
readonly 'style.rotate': {
readonly type: "rotation-css";
readonly step: 1;
readonly default: "0deg";
readonly description: "Rotation";
};
readonly 'style.opacity': {
readonly type: "number";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly default: 1;
readonly description: "Opacity";
readonly hiddenFromList: false;
};
readonly 'style.borderWidth': {
readonly type: "number";
readonly default: undefined;
readonly min: 0;
readonly step: 1;
readonly description: "Border width";
readonly hiddenFromList: false;
};
readonly 'style.borderStyle': {
readonly type: "enum";
readonly default: "none";
readonly description: "Border style";
readonly variants: {
readonly none: {};
readonly hidden: {};
readonly solid: {};
readonly dashed: {};
readonly dotted: {};
readonly double: {};
readonly groove: {};
readonly ridge: {};
readonly inset: {};
readonly outset: {};
};
};
readonly 'style.borderColor': {
readonly type: "color";
readonly default: undefined;
readonly description: "Border color";
};
readonly 'style.borderRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Border radius";
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly 'style.borderTopLeftRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Top left radius";
readonly hiddenFromList: false;
};
readonly 'style.borderTopRightRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Top right radius";
readonly hiddenFromList: false;
};
readonly 'style.borderBottomRightRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Bottom right radius";
readonly hiddenFromList: false;
};
readonly 'style.borderBottomLeftRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Bottom left radius";
readonly hiddenFromList: false;
};
readonly 'style.backgroundColor': {
readonly type: "color";
readonly default: "transparent";
readonly description: "Color";
};
readonly premountFor: {
readonly type: "number";
readonly default: 0;
readonly description: "Premount For";
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: false;
readonly keyframable: false;
};
readonly postmountFor: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
readonly keyframable: false;
};
readonly cropLeft: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop left";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropRight: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop right";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropTop: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop top";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropBottom: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop bottom";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
};
export declare const hiddenField: InteractivitySchemaField;
export declare const sequenceNameField: InteractivitySchemaField;
export declare const extendSchemaWithSequenceName: <S extends InteractivitySchema>(schema: S) => S & {
name: InteractivitySchemaField;
};
export declare const durationInFramesField: {
readonly type: "number";
readonly default: undefined;
readonly min: 1;
readonly step: 1;
readonly hiddenFromList: true;
};
export declare const fromField: {
readonly type: "number";
readonly default: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
export declare const trimBeforeField: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
export declare const freezeField: {
readonly type: "number";
readonly default: null;
readonly step: 1;
readonly hiddenFromList: true;
};
export declare const baseSchema: {
readonly durationInFrames: {
readonly type: "number";
readonly default: undefined;
readonly min: 1;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly from: {
readonly type: "number";
readonly default: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly trimBefore: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly freeze: {
readonly type: "number";
readonly default: null;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly hidden: BooleanFieldSchema;
readonly name: HiddenFieldSchema;
readonly showInTimeline: HiddenFieldSchema;
};
export declare const sequenceSchema: {
readonly durationInFrames: {
readonly type: "number";
readonly default: undefined;
readonly min: 1;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly from: {
readonly type: "number";
readonly default: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly trimBefore: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly freeze: {
readonly type: "number";
readonly default: null;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly hidden: BooleanFieldSchema;
readonly name: HiddenFieldSchema;
readonly showInTimeline: HiddenFieldSchema;
readonly layout: {
readonly type: "enum";
readonly default: "absolute-fill";
readonly description: "Layout";
readonly variants: {
readonly 'absolute-fill': {
readonly 'style.transformOrigin': {
readonly type: "transform-origin";
readonly step: 1;
readonly default: "50% 50%";
readonly description: "Transform origin";
};
readonly 'style.translate': {
readonly type: "translate";
readonly step: 1;
readonly default: "0px 0px";
readonly description: "Offset";
};
readonly 'style.scale': {
readonly type: "scale";
readonly max: 100;
readonly step: 0.01;
readonly default: 1;
readonly description: "Scale";
readonly defaultKeyframeOutput: "perceptual-scale";
};
readonly 'style.rotate': {
readonly type: "rotation-css";
readonly step: 1;
readonly default: "0deg";
readonly description: "Rotation";
};
readonly 'style.opacity': {
readonly type: "number";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly default: 1;
readonly description: "Opacity";
readonly hiddenFromList: false;
};
readonly 'style.borderWidth': {
readonly type: "number";
readonly default: undefined;
readonly min: 0;
readonly step: 1;
readonly description: "Border width";
readonly hiddenFromList: false;
};
readonly 'style.borderStyle': {
readonly type: "enum";
readonly default: "none";
readonly description: "Border style";
readonly variants: {
readonly none: {};
readonly hidden: {};
readonly solid: {};
readonly dashed: {};
readonly dotted: {};
readonly double: {};
readonly groove: {};
readonly ridge: {};
readonly inset: {};
readonly outset: {};
};
};
readonly 'style.borderColor': {
readonly type: "color";
readonly default: undefined;
readonly description: "Border color";
};
readonly 'style.borderRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Border radius";
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly 'style.borderTopLeftRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Top left radius";
readonly hiddenFromList: false;
};
readonly 'style.borderTopRightRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Top right radius";
readonly hiddenFromList: false;
};
readonly 'style.borderBottomRightRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Bottom right radius";
readonly hiddenFromList: false;
};
readonly 'style.borderBottomLeftRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Bottom left radius";
readonly hiddenFromList: false;
};
readonly 'style.backgroundColor': {
readonly type: "color";
readonly default: "transparent";
readonly description: "Color";
};
readonly premountFor: {
readonly type: "number";
readonly default: 0;
readonly description: "Premount For";
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: false;
readonly keyframable: false;
};
readonly postmountFor: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
readonly keyframable: false;
};
readonly cropLeft: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop left";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropRight: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop right";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropTop: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop top";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropBottom: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop bottom";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
};
readonly none: {};
};
};
};
export declare const baseSchemaWithoutFrom: {
readonly durationInFrames: {
readonly type: "number";
readonly default: undefined;
readonly min: 1;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly trimBefore: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly freeze: {
readonly type: "number";
readonly default: null;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly hidden: BooleanFieldSchema;
readonly name: HiddenFieldSchema;
readonly showInTimeline: HiddenFieldSchema;
};
export declare const sequenceSchemaWithoutFrom: {
readonly durationInFrames: {
readonly type: "number";
readonly default: undefined;
readonly min: 1;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly trimBefore: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly freeze: {
readonly type: "number";
readonly default: null;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly hidden: BooleanFieldSchema;
readonly name: HiddenFieldSchema;
readonly showInTimeline: HiddenFieldSchema;
readonly layout: {
readonly type: "enum";
readonly default: "absolute-fill";
readonly description: "Layout";
readonly variants: {
readonly 'absolute-fill': {
readonly 'style.transformOrigin': {
readonly type: "transform-origin";
readonly step: 1;
readonly default: "50% 50%";
readonly description: "Transform origin";
};
readonly 'style.translate': {
readonly type: "translate";
readonly step: 1;
readonly default: "0px 0px";
readonly description: "Offset";
};
readonly 'style.scale': {
readonly type: "scale";
readonly max: 100;
readonly step: 0.01;
readonly default: 1;
readonly description: "Scale";
readonly defaultKeyframeOutput: "perceptual-scale";
};
readonly 'style.rotate': {
readonly type: "rotation-css";
readonly step: 1;
readonly default: "0deg";
readonly description: "Rotation";
};
readonly 'style.opacity': {
readonly type: "number";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly default: 1;
readonly description: "Opacity";
readonly hiddenFromList: false;
};
readonly 'style.borderWidth': {
readonly type: "number";
readonly default: undefined;
readonly min: 0;
readonly step: 1;
readonly description: "Border width";
readonly hiddenFromList: false;
};
readonly 'style.borderStyle': {
readonly type: "enum";
readonly default: "none";
readonly description: "Border style";
readonly variants: {
readonly none: {};
readonly hidden: {};
readonly solid: {};
readonly dashed: {};
readonly dotted: {};
readonly double: {};
readonly groove: {};
readonly ridge: {};
readonly inset: {};
readonly outset: {};
};
};
readonly 'style.borderColor': {
readonly type: "color";
readonly default: undefined;
readonly description: "Border color";
};
readonly 'style.borderRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Border radius";
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly 'style.borderTopLeftRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Top left radius";
readonly hiddenFromList: false;
};
readonly 'style.borderTopRightRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Top right radius";
readonly hiddenFromList: false;
};
readonly 'style.borderBottomRightRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Bottom right radius";
readonly hiddenFromList: false;
};
readonly 'style.borderBottomLeftRadius': {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly description: "Bottom left radius";
readonly hiddenFromList: false;
};
readonly 'style.backgroundColor': {
readonly type: "color";
readonly default: "transparent";
readonly description: "Color";
};
readonly premountFor: {
readonly type: "number";
readonly default: 0;
readonly description: "Premount For";
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: false;
readonly keyframable: false;
};
readonly postmountFor: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
readonly keyframable: false;
};
readonly cropLeft: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop left";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropRight: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop right";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropTop: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop top";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
readonly cropBottom: {
readonly type: "number";
readonly default: 0;
readonly description: "Crop bottom";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly hiddenFromList: false;
readonly keyframable: true;
};
};
readonly none: {};
};
};
};
export declare const sequenceSchemaDefaultLayoutNone: InteractivitySchema;