{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/0GgVEvgiKyqMqFi6hWSA/bssX0sZtozNLwSUgS7Fj/TextLists.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useMemo}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @copyright \u00A9framersnippets.com\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n **/export default function TextLists(props){const{content,lists,font}=props;const baseStyles=useMemo(()=>({fontFamily:font.fontFamily,fontSize:font.fontSize,fontWeight:font.fontWeight,lineHeight:font.lineHeight,letterSpacing:font.letterSpacing,margin:0,padding:0}),[font]);const parsedLists=useMemo(()=>{// Replace literal \"\\n\" with actual newline characters\nconst processedContent=content.replace(/\\\\n/g,\"\\n\");const lines=processedContent.split(\"\\n\");// Rest of your parsing logic remains the same\nconst result=[];let currentList=[];let currentIndent=-1;lines.forEach(line=>{const indent=line.search(/\\S/);if(indent===-1)return;if(indent!==currentIndent){if(currentList.length>0){result.push(currentList);}currentList=[];currentIndent=indent;}currentList.push({content:line.trim(),indent});});if(currentList.length>0){result.push(currentList);}return result;},[content]);const renderListItem=useMemo(()=>(item,itemIndex,listStyle)=>{const isCustomMarker=listStyle.listStyleType===\"image\"||listStyle.listStyleType===\"content\";return /*#__PURE__*/_jsxs(\"li\",{style:{margin:listStyle.margin,display:isCustomMarker?\"flex\":\"list-item\",alignItems:listStyle.align===\"middle\"?\"center\":listStyle.align===\"bottom\"?\"flex-end\":\"flex-start\"},children:[listStyle.listStyleType===\"image\"&&listStyle.image&&/*#__PURE__*/_jsx(\"img\",{src:listStyle.image,alt:\"List marker\",style:{width:listStyle.imageSize,height:listStyle.imageSize,marginRight:listStyle.imageGap,flexShrink:0}}),listStyle.listStyleType===\"content\"&&listStyle.content&&/*#__PURE__*/_jsx(\"span\",{style:{marginRight:listStyle.imageGap,flexShrink:0,color:listStyle.markerColor||\"inherit\"},children:listStyle.content}),/*#__PURE__*/_jsx(\"span\",{style:isCustomMarker?{flex:1}:undefined,children:item.content})]},itemIndex);},[]);return /*#__PURE__*/_jsx(\"div\",{children:parsedLists.map((list,listIndex)=>{const listStyle=lists[listIndex]||{};const markerColor=listStyle.markerColor||listStyle.color||\"inherit\";return /*#__PURE__*/_jsxs(\"ul\",{style:{...baseStyles,...listStyle,[\"--marker-color\"]:markerColor,paddingLeft:`${list[0].indent*(listStyle.indent||10)}px`,paddingBottom:listStyle.gap,listStyleType:listStyle.listStyleType||\"none\",listStylePosition:\"inside\",color:listStyle.color||\"inherit\",\"--marker-color\":markerColor},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                            ul[style*=\"--marker-color\"] > li::marker {\n                                color: var(--marker-color);\n                            }\n                        `}),list.map((item,itemIndex)=>renderListItem(item,itemIndex,listStyle))]},listIndex);})});}addPropertyControls(TextLists,{content:{type:ControlType.String,title:\"Content\",defaultValue:\"Item\\n  Sub-item\\n    Sub-sub-item\",placeholder:\"Type something\u2026\",displayTextArea:true,description:\"How to:\\n Type items, one per line\\n Use spaces to nest\\n Each space = new list style\\n Add items to style each lists\\n\\n CMS: [Tutorial](https://www.framersnippets.com/articles/styling-lists-in-framer-a-comprehensive-solution-for-nested-lists-and-cms-connected-lists)\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",displayTextAlignment:false,defaultFontType:\"sans-serif\",defaultValue:{fontSize:15,lineHeight:1.4,letterSpacing:0}},lists:{type:ControlType.Array,title:\"Lists\",control:{type:ControlType.Object,controls:{listStyleType:{type:ControlType.Enum,title:\"Style\",options:[\"none\",\"image\",\"content\",\"disc\",\"circle\",\"square\",\"decimal\",\"decimal-leading-zero\",\"lower-alpha\",\"upper-alpha\",\"lower-roman\",\"upper-roman\",\"lower-greek\",\"upper-greek\",\"armenian\",\"georgian\",\"cjk-decimal\",\"hebrew\",\"hiragana\",\"hiragana-iroha\",\"katakana\",\"katakana-iroha\"],defaultValue:\"disc\"},image:{type:ControlType.Image,title:\"Image\",hidden:props=>props.listStyleType!==\"image\"},content:{type:ControlType.String,title:\"Content\",placeholder:\"Enter content (e.g., emoji)\",hidden:props=>props.listStyleType!==\"content\"},align:{type:ControlType.Enum,title:\"\u200E\",options:[\"top\",\"middle\",\"bottom\"],optionIcons:[\"text-align-top\",\"text-align-middle\",\"text-align-bottom\"],defaultValue:\"middle\",displaySegmentedControl:true,hidden:props=>props.listStyleType!==\"image\"&&props.listStyleType!==\"content\"},imageSize:{type:ControlType.Number,title:\"Size\",defaultValue:14,min:0,max:100,displayStepper:true,hidden:props=>props.listStyleType!==\"image\"},imageGap:{type:ControlType.Number,title:\"Spacing\",defaultValue:10,min:0,max:50,displayStepper:true,hidden:props=>props.listStyleType!==\"image\"&&props.listStyleType!==\"content\"},color:{type:ControlType.Color,title:\"Text\",defaultValue:\"#000000\"},markerColor:{type:ControlType.Color,title:\"Marker\"},indent:{type:ControlType.Number,title:\"Indent\",defaultValue:10,min:0,max:100,displayStepper:true},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:0,min:0,max:100,displayStepper:true},margin:{type:ControlType.Padding,title:\"Item Margin\",defaultValue:\"0\"}}},defaultValue:[]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TextLists\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextLists.map"],
  "mappings": "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",
  "names": ["TextLists", "props", "content", "lists", "font", "baseStyles", "se", "parsedLists", "lines", "result", "currentList", "currentIndent", "line", "indent", "renderListItem", "item", "itemIndex", "listStyle", "isCustomMarker", "u", "p", "list", "listIndex", "markerColor", "addPropertyControls", "ControlType"]
}