{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/9N50PMbCaZNc8J76vXRL/zbPz4O3CnWxY2tjbhM7b/TextMask.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * TEXTMASK\n * By Benjamin den Boer\n * @benjaminnathan\n *\n * @framerIntrinsicWidth 260\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n */ export default function TextMask(props){const{textContent,image,bgSizeType,bgSize,bgPosX,bgPosY,font,padding,paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft}=props;const{color,fontSize,fontFamily,fontWeight,fontStyle,textAlign,letterSpacing,whiteSpace,lineHeight,lineHeightPixels,lineHeightType}=font;const backgroundSizeValue=props.bgSizeType===\"cover\"||props.bgSizeType===\"contain\"?bgSizeType:`${bgSize}%`;const paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;return /*#__PURE__*/ _jsx(\"h1\",{style:{backgroundImage:image&&`url(${image.src})`,backgroundSize:backgroundSizeValue,backgroundRepeat:\"no-repeat\",backgroundPosition:`${bgPosX}% ${bgPosY}%`,backgroundClip:image&&\"text\",WebkitBackgroundClip:image&&\"text\",WebkitTextFillColor:image&&\"transparent\",textFillColor:image&&\"transparent\",color,fontSize,fontFamily:`\"${fontFamily}\", sans-serif`,fontStyle,fontWeight,textAlign,letterSpacing,whiteSpace,lineHeight:lineHeightType?lineHeight:`${lineHeightPixels}px`,margin:0,padding:paddingValue},children:textContent});};/* Default Properties */ TextMask.defaultProps={textContent:\"Hello\",bgSize:100,bgPosX:0,bgPosY:0,font:{fontSize:100,lineHeight:1,lineHeightType:true}};TextMask.displayName=\"Text Mask\";/* Property Controls */ addPropertyControls(TextMask,{textContent:{type:ControlType.String,title:\"Text\",defaultValue:\"Hello\"},image:{type:ControlType.ResponsiveImage,title:\"Image\"},bgSizeType:{type:ControlType.Enum,options:[\"cover\",\"contain\",\"percentage\"],optionTitles:[\"Cover\",\"Contain\",\"Percentage\"],title:\"Background\",defaultValue:\"cover\"},bgSize:{type:ControlType.Number,min:0,max:200,defaultValue:100,unit:\"%\",title:\"Size\",hidden:props=>props.bgSizeType===\"cover\"||props.bgSizeType===\"contain\"},bgPosX:{type:ControlType.Number,min:0,max:100,defaultValue:0,unit:\"%\",title:\"Offset X\"},bgPosY:{type:ControlType.Number,min:0,max:100,defaultValue:0,unit:\"%\",title:\"Offset Y\"},font:{type:ControlType.Object,controls:{color:{type:ControlType.Color,defaultValue:\"#888\"},fontSize:{type:ControlType.Number,title:\"Size\",min:0,displayStepper:true,step:1,defaultValue:100},fontFamily:{type:ControlType.String,title:\"Font\",defaultValue:\"Inter\"},fontWeight:{type:ControlType.Enum,title:\"Weight\",options:[100,200,300,400,500,600,700,800,900],defaultValue:400},fontStyle:{type:ControlType.Enum,title:\"Style\",options:[\"normal\",\"italic\",\"oblique\"],optionTitles:[\"Normal\",\"Italic\",\"Oblique\"],defaultValue:\"normal\"},textAlign:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\"},whiteSpace:{type:ControlType.Enum,title:\"Space\",options:[\"normal\",\"nowrap\",\"pre\",\"pre-wrap\",\"preline\",\"break-spaces\",],optionTitles:[\"Normal\",\"No Wrap\",\"Pre\",\"Pre Wrap\",\"Preline\",\"Break Spaces\",],defaultValue:\"center\"},letterSpacing:{type:ControlType.Number,title:\"Letter\",min:-100,max:100,displayStepper:true,step:.1,defaultValue:0},lineHeight:{type:ControlType.Number,title:\"Line\",min:-500,max:500,displayStepper:true,step:.1,defaultValue:1,hidden:props=>!props.lineHeightType},lineHeightPixels:{type:ControlType.Number,title:\"Line\",min:-500,max:500,displayStepper:true,step:.1,defaultValue:100,hidden:props=>props.lineHeightType},lineHeightType:{type:ControlType.Boolean,title:\" \",enabledTitle:\"em\",disabledTitle:\"px\",defaultValue:true}}},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:0,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TextMask\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicHeight\":\"200\",\"framerIntrinsicWidth\":\"260\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextMask.map"],
  "mappings": "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",
  "names": ["TextMask", "props", "textContent", "image", "bgSizeType", "bgSize", "bgPosX", "bgPosY", "font", "padding", "paddingPerSide", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "color", "fontSize", "fontFamily", "fontWeight", "fontStyle", "textAlign", "letterSpacing", "whiteSpace", "lineHeight", "lineHeightPixels", "lineHeightType", "backgroundSizeValue", "paddingValue", "p", "addPropertyControls", "ControlType"]
}