{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/LekjJfddy7Emp9IJKbcV/2wHBxmtJcJzXV80A6oN4/TruncatingText.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useRef,useEffect}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function TruncatedText(props){const{text,maxLines,expandable,style,font,buttonStuff,transition,elementType,buttonAlignment,showActionButtons,mainTextColors={}}=props;const[expanded,setExpanded]=useState(false);const{useMultiColor=true,color=\"#FFFFFFD5\",expandedColor=\"#ffffff\"}=mainTextColors;const resolvedColor=useMultiColor&&expandable&&expanded?expandedColor:color;const resolvedCollapsedColor=useMultiColor?color:resolvedColor;const wrapperRef=useRef(null);const fullTextRef=useRef(null);const truncatedTextRef=useRef(null);const[heights,setHeights]=useState({truncated:0,full:0});const[showTruncated,setShowTruncated]=useState(true);const[currentHeight,setCurrentHeight]=useState(0);const[isAnimating,setIsAnimating]=useState(false);useEffect(()=>{if(fullTextRef.current&&truncatedTextRef.current){const full=fullTextRef.current.offsetHeight;const truncated=truncatedTextRef.current.offsetHeight;setHeights({full,truncated});setCurrentHeight(truncated);}},[text,font,maxLines]);useEffect(()=>{if(expanded){setShowTruncated(false);setCurrentHeight(heights.full);}else{setIsAnimating(true);setCurrentHeight(heights.truncated);setTimeout(()=>{setShowTruncated(true);setIsAnimating(false);},transition.duration*1e3);}},[expanded,heights,transition.duration]);const handleClick=()=>{if(!expandable)return;setExpanded(prev=>!prev);};const getTruncatedStyle=()=>{return{overflow:\"hidden\",display:\"-webkit-box\",WebkitLineClamp:maxLines,WebkitBoxOrient:\"vertical\"};};const getActionButtonStyle=()=>{const baseStyle={marginTop:`${buttonStuff.actionButtonsGap}px`,cursor:\"pointer\"};const buttonFont=buttonStuff.font&&Object.keys(buttonStuff.font).length>0?buttonStuff.font:font;return{...baseStyle,...buttonFont};};const TextElement=elementType||\"p\";const MotionTextElement=motion(TextElement);return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",...style},children:[/*#__PURE__*/_jsx(\"div\",{ref:fullTextRef,style:{position:\"absolute\",visibility:\"hidden\",pointerEvents:\"none\",opacity:0,...font},children:/*#__PURE__*/_jsx(TextElement,{style:{margin:0},children:text})}),/*#__PURE__*/_jsx(\"div\",{ref:truncatedTextRef,style:{position:\"absolute\",visibility:\"hidden\",pointerEvents:\"none\",opacity:0,...font,...getTruncatedStyle()},children:/*#__PURE__*/_jsx(TextElement,{style:{margin:0},children:text})}),/*#__PURE__*/_jsx(motion.div,{animate:{height:currentHeight},transition:transition,style:{overflow:\"hidden\"},ref:wrapperRef,children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\"},children:showTruncated?/*#__PURE__*/_jsx(TextElement,{style:{...getTruncatedStyle(),color:resolvedCollapsedColor,...font,cursor:expandable?\"pointer\":\"auto\",margin:0,position:\"relative\",zIndex:2,opacity:1},onClick:expandable?handleClick:undefined,children:parseSimpleMarkdown(text)}):/*#__PURE__*/_jsx(motion.div,{initial:{opacity:1,color:resolvedCollapsedColor},animate:{opacity:1,color:resolvedColor},transition:transition,style:{position:\"relative\",zIndex:1},children:/*#__PURE__*/_jsx(TextElement,{style:{...font,cursor:expandable?\"pointer\":\"auto\",margin:0},onClick:expandable?handleClick:undefined,children:parseSimpleMarkdown(text)})})})}),expandable&&showActionButtons&&/*#__PURE__*/_jsx(motion.div,{style:{display:\"flex\",justifyContent:buttonStuff.buttonAlignment===\"center\"?\"center\":buttonStuff.buttonAlignment===\"right\"?\"flex-end\":\"flex-start\"},children:/*#__PURE__*/_jsx(motion.div,{style:getActionButtonStyle(),onClick:handleClick,initial:{color:expanded?buttonStuff.showLessButton.collapseColor||resolvedColor:buttonStuff.showMoreButton.color||resolvedCollapsedColor},animate:{color:expanded?buttonStuff.showLessButton.collapseColor||resolvedColor:buttonStuff.showMoreButton.color||resolvedCollapsedColor},transition:transition,children:expanded?buttonStuff.showLessButton.collapseLabelText:buttonStuff.showMoreButton.expandLabelText})})]});}TruncatedText.displayName=\"Smart Truncate\";// Keep the same property controls\naddPropertyControls(TruncatedText,{expandable:{type:ControlType.Boolean,title:\"Expandable\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\"},text:{type:ControlType.String,title:\"Text\",defaultValue:\"Great UX is invisible, but behind the scenes, every detail matters. This text block supports truncation with smooth transitions and can be expanded to reveal more insights when needed. Ideal for previews, FAQs, or content teasers.\",displayTextArea:true,description:\"Supports `***bold***`, `_italic_`, and `\\\\n` for line breaks.\"},maxLines:{type:ControlType.Number,title:\"Max Lines\",defaultValue:2,min:1,max:10,step:1},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",displayFontSize:true,displayTextAlignment:true,defaultValue:{fontSize:16,lineHeight:1.4}},mainTextColors:{type:ControlType.Object,title:\"Text Color\",icon:\"color\",buttonTitle:\"Style\",controls:{useMultiColor:{type:ControlType.Boolean,title:\"Text Color\",defaultValue:false,enabledTitle:\"Multi\",disabledTitle:\"Single\"},color:{type:ControlType.Color,title:\"Default Color\",defaultValue:\"#FFFFFFD5\"},expandedColor:{type:ControlType.Color,title:\"Expanded Color\",defaultValue:\"#ffffff\",description:\"Apply secondary color on expansion \\n\\nOnly works when Expandable\",hidden:props=>!props.useMultiColor}}},transition:{type:ControlType.Transition,title:\"Transition\",defaultValue:{type:\"tween\",duration:.4,ease:\"easeOut\"},description:\"You can always set this to Instant for no transition\",hidden:props=>!props.expandable},showActionButtons:{type:ControlType.Boolean,title:\"Button\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden:props=>!props.expandable},buttonStuff:{type:ControlType.Object,title:\"Options\",icon:\"boolean\",buttonTitle:\"Button\",controls:{font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",optional:true,description:\"Leave empty to match text font\"},showMoreButton:{type:ControlType.Object,title:\"See More\",controls:{expandLabelText:{type:ControlType.String,title:\"Label\",defaultValue:\"See more\",displayFontSize:true,displayTextAlignment:true},color:{type:ControlType.Color,title:\"Color\",optional:true,description:\"Leave empty to match text color\"}}},showLessButton:{type:ControlType.Object,title:\"See Less\",controls:{collapseLabelText:{type:ControlType.String,title:\"Label\",defaultValue:\"See less\",displayFontSize:true,displayTextAlignment:true},collapseColor:{type:ControlType.Color,title:\"Color\",optional:true,description:\"Leave empty to match text color\"}}},actionButtonsGap:{type:ControlType.Number,title:\"Gap\",defaultValue:8,min:0,max:40,step:1,unit:\"px\"},buttonAlignment:{type:ControlType.Enum,title:\"Button Alignment\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],displaySegmentedControl:true,defaultValue:\"left\"}},hidden:props=>!props.expandable||!props.showActionButtons},elementType:{type:ControlType.Enum,title:\"Tag\",options:[\"p\",\"span\"],optionTitles:[\"P\",\"Span\"],defaultValue:\"p\",displaySegmentedControl:true,description:\"Component by [elvar.supply](https://elvar.surf/go/components).\"}});function parseSimpleMarkdown(text){const parts=text.split(/(\\*\\*.*?\\*\\*|_.*?_|\\\\n)/g);return parts.map((part,i)=>{if(part.startsWith(\"**\")&&part.endsWith(\"**\")){return /*#__PURE__*/_jsx(\"strong\",{children:part.slice(2,-2)},i);}if(part.startsWith(\"_\")&&part.endsWith(\"_\")){return /*#__PURE__*/_jsx(\"em\",{children:part.slice(1,-1)},i);}if(part===\"\\\\n\"){return /*#__PURE__*/_jsx(\"br\",{},i);}return /*#__PURE__*/_jsx(\"span\",{children:part},i);});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TruncatedText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerDisableUnlink\":\"* @framerSupportedLayoutWidth any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TruncatingText.map"],
  "mappings": "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",
  "names": ["TruncatedText", "props", "text", "maxLines", "expandable", "style", "font", "buttonStuff", "transition", "elementType", "buttonAlignment", "showActionButtons", "mainTextColors", "expanded", "setExpanded", "ye", "useMultiColor", "color", "expandedColor", "resolvedColor", "resolvedCollapsedColor", "wrapperRef", "pe", "fullTextRef", "truncatedTextRef", "heights", "setHeights", "showTruncated", "setShowTruncated", "currentHeight", "setCurrentHeight", "isAnimating", "setIsAnimating", "ue", "full", "truncated", "handleClick", "prev", "getTruncatedStyle", "getActionButtonStyle", "baseStyle", "buttonFont", "TextElement", "MotionTextElement", "motion", "u", "p", "parseSimpleMarkdown", "addPropertyControls", "ControlType", "part", "i"]
}