{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/nheh0XiyifbW0L9sHe3P/DINN47NoN3uvjWQvOWtb/Text_Highligher.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{fontControls}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";/**\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerIntrinsicWidth 600\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerIntrinsicHeight 400\n */export function TextHighlighter(props){const{text,highlightWords,highlightBgColor,highlightFontColor,highlightRadius,highlightPaddingVertical,highlightPaddingHorizontal,font,fontColor,includeSpaces}=props;const getHighlightedText=(text,highlightWords)=>{const regex=new RegExp(`(${highlightWords.join(\"|\")})`,\"gi\");const parts=text.split(regex);return parts.map((part,index)=>{const isHighlighted=highlightWords.some(word=>word.toLowerCase()===part.toLowerCase());return /*#__PURE__*/_jsxs(\"span\",{style:{color:isHighlighted?highlightFontColor:fontColor,backgroundColor:isHighlighted?highlightBgColor:\"transparent\",borderRadius:isHighlighted?`${highlightRadius}px`:\"0\",padding:isHighlighted?`${highlightPaddingVertical}px ${highlightPaddingHorizontal}px`:\"0\",display:\"inline\",whiteSpace:\"pre-wrap\"},children:[part,includeSpaces&&\" \"]},index);});};const textStyle={...font,color:fontColor,display:\"block\",alignItems:\"center\",justifyContent:font.textAlign===\"center\"?\"center\":font.textAlign===\"right\"?\"flex-end\":\"flex-start\",width:\"100%\",whiteSpace:\"pre-wrap\",overflowWrap:\"break-word\"};return /*#__PURE__*/_jsx(\"div\",{style:textStyle,children:getHighlightedText(text,highlightWords)});}TextHighlighter.defaultProps={text:\"What a lovely weather\",highlightWords:[\"lovely weather\"],highlightBgColor:\"#FFFF00\",highlightFontColor:\"#FF0000\",highlightRadius:4,highlightPaddingVertical:2,highlightPaddingHorizontal:2,font:fontControls.defaultProps,fontColor:\"#000000\",includeSpaces:false};addPropertyControls(TextHighlighter,{text:{title:\"Text\",type:ControlType.String,defaultValue:TextHighlighter.defaultProps.text},highlightWords:{title:\"Highlight Words\",type:ControlType.Array,propertyControl:{type:ControlType.String},defaultValue:TextHighlighter.defaultProps.highlightWords},highlightBgColor:{title:\"Highlight Background Color\",type:ControlType.Color,defaultValue:TextHighlighter.defaultProps.highlightBgColor},highlightFontColor:{title:\"Highlight Font Color\",type:ControlType.Color,defaultValue:TextHighlighter.defaultProps.highlightFontColor},highlightRadius:{title:\"Highlight Radius\",type:ControlType.Number,defaultValue:TextHighlighter.defaultProps.highlightRadius,min:0,max:50,step:1},highlightPaddingVertical:{title:\"Highlight Padding Vertical\",type:ControlType.Number,defaultValue:TextHighlighter.defaultProps.highlightPaddingVertical,min:-20,max:20,step:1},highlightPaddingHorizontal:{title:\"Highlight Padding Horizontal\",type:ControlType.Number,defaultValue:TextHighlighter.defaultProps.highlightPaddingHorizontal,min:-20,max:20,step:1},font:{//@ts-ignore\ntype:ControlType.Font,controls:\"extended\",title:\"Font\"},fontColor:{title:\"Font Color\",type:ControlType.Color,defaultValue:TextHighlighter.defaultProps.fontColor},includeSpaces:{title:\"Include Spaces\",type:ControlType.Boolean,defaultValue:TextHighlighter.defaultProps.includeSpaces,description:\" [via SegmentUI](https://www.segmentUI.com)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"TextHighlighter\":{\"type\":\"reactComponent\",\"name\":\"TextHighlighter\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"600\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"400\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Text_Highligher.map"],
  "mappings": "uGAOU,SAASA,EAAgBC,EAAM,CAAC,GAAK,CAAC,KAAAC,EAAK,eAAAC,EAAe,iBAAAC,EAAiB,mBAAAC,EAAmB,gBAAAC,EAAgB,yBAAAC,EAAyB,2BAAAC,EAA2B,KAAAC,EAAK,UAAAC,EAAU,cAAAC,CAAa,EAAEV,EAAYW,EAAmB,CAACV,EAAKC,IAAiB,CAAC,IAAMU,EAAM,IAAI,OAAO,IAAIV,EAAe,KAAK,GAAG,KAAK,IAAI,EAAgC,OAAlBD,EAAK,MAAMW,CAAK,EAAe,IAAI,CAACC,EAAKC,IAAQ,CAAC,IAAMC,EAAcb,EAAe,KAAKc,GAAMA,EAAK,YAAY,IAAIH,EAAK,YAAY,CAAC,EAAE,OAAoBI,EAAM,OAAO,CAAC,MAAM,CAAC,MAAMF,EAAcX,EAAmBK,EAAU,gBAAgBM,EAAcZ,EAAiB,cAAc,aAAaY,EAAc,GAAGV,MAAoB,IAAI,QAAQU,EAAc,GAAGT,OAA8BC,MAA+B,IAAI,QAAQ,SAAS,WAAW,UAAU,EAAE,SAAS,CAACM,EAAKH,GAAe,GAAG,CAAC,EAAEI,CAAK,CAAE,CAAC,CAAE,EAAQI,EAAU,CAAC,GAAGV,EAAK,MAAMC,EAAU,QAAQ,QAAQ,WAAW,SAAS,eAAeD,EAAK,YAAY,SAAS,SAASA,EAAK,YAAY,QAAQ,WAAW,aAAa,MAAM,OAAO,WAAW,WAAW,aAAa,YAAY,EAAE,OAAoBW,EAAK,MAAM,CAAC,MAAMD,EAAU,SAASP,EAAmBV,EAAKC,CAAc,CAAC,CAAC,CAAE,CAACH,EAAgB,aAAa,CAAC,KAAK,wBAAwB,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,UAAU,mBAAmB,UAAU,gBAAgB,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,KAAKqB,EAAa,aAAa,UAAU,UAAU,cAAc,EAAK,EAAEC,EAAoBtB,EAAgB,CAAC,KAAK,CAAC,MAAM,OAAO,KAAKuB,EAAY,OAAO,aAAavB,EAAgB,aAAa,IAAI,EAAE,eAAe,CAAC,MAAM,kBAAkB,KAAKuB,EAAY,MAAM,gBAAgB,CAAC,KAAKA,EAAY,MAAM,EAAE,aAAavB,EAAgB,aAAa,cAAc,EAAE,iBAAiB,CAAC,MAAM,6BAA6B,KAAKuB,EAAY,MAAM,aAAavB,EAAgB,aAAa,gBAAgB,EAAE,mBAAmB,CAAC,MAAM,uBAAuB,KAAKuB,EAAY,MAAM,aAAavB,EAAgB,aAAa,kBAAkB,EAAE,gBAAgB,CAAC,MAAM,mBAAmB,KAAKuB,EAAY,OAAO,aAAavB,EAAgB,aAAa,gBAAgB,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,yBAAyB,CAAC,MAAM,6BAA6B,KAAKuB,EAAY,OAAO,aAAavB,EAAgB,aAAa,yBAAyB,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,EAAE,2BAA2B,CAAC,MAAM,+BAA+B,KAAKuB,EAAY,OAAO,aAAavB,EAAgB,aAAa,2BAA2B,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,EAAE,KAAK,CACt/E,KAAKuB,EAAY,KAAK,SAAS,WAAW,MAAM,MAAM,EAAE,UAAU,CAAC,MAAM,aAAa,KAAKA,EAAY,MAAM,aAAavB,EAAgB,aAAa,SAAS,EAAE,cAAc,CAAC,MAAM,iBAAiB,KAAKuB,EAAY,QAAQ,aAAavB,EAAgB,aAAa,cAAc,YAAY,6CAA6C,CAAC,CAAC",
  "names": ["TextHighlighter", "props", "text", "highlightWords", "highlightBgColor", "highlightFontColor", "highlightRadius", "highlightPaddingVertical", "highlightPaddingHorizontal", "font", "fontColor", "includeSpaces", "getHighlightedText", "regex", "part", "index", "isHighlighted", "word", "u", "textStyle", "p", "fontControls", "addPropertyControls", "ControlType"]
}