react-filerobot-video-editor
Version:
React component version of filerobot video editor (FVE).
1 lines • 1.92 kB
JavaScript
import _defineProperty from"@babel/runtime/helpers/defineProperty";import React from"react";import Label from"@scaleflex/ui/core/label";import restrictNumber from"../../../utils/restrictNumber";import ColorInput from"../ColorInput";import{StyledTwoColumnsContainer,StyledColumn,StyledSpacedOptionFields}from"./AnnotationOptions.styled";import Slider from"../Slider";var ShadowFields=function(a){var b=a.annotation,c=a.updateAnnotation,d=a.t,e=b.shadowOffsetX,f=b.shadowOffsetY,g=b.shadowBlur,h=b.shadowColor,i=b.shadowOpacity,j=function(a,b){var d=2<arguments.length&&arguments[2]!==void 0?arguments[2]:0,e=3<arguments.length&&arguments[3]!==void 0?arguments[3]:100;c(_defineProperty({},a,restrictNumber(b,d,e)))};return React.createElement(StyledSpacedOptionFields,{preventFlex:!0},React.createElement(Label,null,d("shadow")),React.createElement(StyledTwoColumnsContainer,null,React.createElement(StyledColumn,null,React.createElement(Label,null,d("horizontal")),React.createElement(Slider,{annotation:"px",min:-100,max:100,onChange:function(a){return j("shadowOffsetX",a,-100,100)},value:e||0,hideTrack:!0})),React.createElement(StyledColumn,null,React.createElement(Label,null,d("vertical")),React.createElement(Slider,{annotation:"px",min:-100,max:100,onChange:function(a){return j("shadowOffsetY",a,-100,100)},value:f||0,hideTrack:!0}))),React.createElement(StyledTwoColumnsContainer,null,React.createElement(StyledColumn,null,React.createElement(Label,null,d("blur")),React.createElement(Slider,{annotation:"%",onChange:function(a){return j("shadowBlur",a)},value:g})),React.createElement(StyledColumn,null,React.createElement(Label,null,d("opacity")),React.createElement(Slider,{annotation:"%",onChange:function(a){return j("shadowOpacity",a/100,0,1)},value:Math.round(100*i)}))),React.createElement(ColorInput,{color:h,onChange:function(a){c({shadowColor:a})},colorFor:"shadow"}))};export default ShadowFields;