{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ExdraRfR4cVvDg6McUjQ/pJo4VWqWTHrNkyNvUxCg/TableOfContent.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{useEffect,useState,useRef}from\"react\";// Made with love by Cl\u00E9ment. https://lionneclement.com/\n// Full tutorial: https://lionneclement.com/tutorial/how-to-create-table-of-contents-cms-collections-framer\n//UPDATE:\n//This is a modified version in collaboration with Tay Rush. https://twitter.com/taylorrushmore\n// https://www.youtube.com/@taylorrushmore/\nconst HEADING_TO_DISPLAY=[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"];const SCROLL_MARGIN_TOP=80;const useStore=createStore({headings:[]});const scrollToId=id=>{const element=document.getElementById(id);if(element){element.scrollIntoView({behavior:\"smooth\"});}};const openLightbox=img=>{const lightbox=document.createElement(\"div\");lightbox.style.position=\"fixed\";lightbox.style.top=\"0\";lightbox.style.left=\"0\";lightbox.style.width=\"100%\";lightbox.style.height=\"100%\";lightbox.style.backgroundColor=\"rgba(0, 0, 0, 0.8)\";lightbox.style.display=\"flex\";lightbox.style.justifyContent=\"center\";lightbox.style.alignItems=\"center\";lightbox.style.zIndex=\"9999\";const lightboxImg=img.cloneNode();lightboxImg.style.width=\"80%\";lightboxImg.style.maxHeight=\"80%\";lightboxImg.style.objectFit=\"contain\";lightbox.appendChild(lightboxImg);document.body.appendChild(lightbox);// Close lightbox on click\nlightbox.addEventListener(\"click\",()=>{document.body.removeChild(lightbox);});};const Delayed=({children,waitBeforeShow=5500})=>{const[isShown,setIsShown]=useState(false);useEffect(()=>{const timer=setTimeout(()=>{setIsShown(true);},waitBeforeShow);return()=>clearTimeout(timer);},[waitBeforeShow]);return isShown?children:null;};export function withTableOfContent(Component){return props=>{const[store]=useStore();const[activeSection,setActiveSection]=useState(\"\");useEffect(()=>{const handleScroll=()=>{const sections=store.headings.map(heading=>document.getElementById(heading.id));const scrollPosition=window.scrollY-780;for(let i=sections.length-1;i>=0;i--){if(sections[i].offsetTop<=scrollPosition){setActiveSection(store.headings[i].id);break;}}};window.addEventListener(\"scroll\",handleScroll);return()=>{window.removeEventListener(\"scroll\",handleScroll);};},[store.headings]);return /*#__PURE__*/_jsx(_Fragment,{children:store.headings.length>0&&window?store.headings.sort((a,b)=>a.originalIndex-b.originalIndex).filter(({type})=>HEADING_TO_DISPLAY.includes(type)).map(({id,heading,type},index)=>/*#__PURE__*/_jsx(Component,{...props,variant:activeSection===id?`${type}-active`:type,title:heading,onClick:()=>scrollToId(id)})):/*#__PURE__*/_jsx(Component,{...props})});};}export function withContent(Component){return props=>{const ref=useRef(null);useEffect(()=>{if(ref.current){const images=ref.current.querySelectorAll(\".framer-image\");images.forEach(img=>{img.addEventListener(\"click\",()=>openLightbox(img));});}},[]);const[store,setStore]=useStore();const[newProps,setNewProps]=useState(props);useEffect(()=>{setStore({headings:formatTableOfContent(newProps.children.props.children)});},[newProps]);useEffect(()=>{const formatHeadings=()=>{const newChildren=[];props.children.props.children.length>0&&props.children.props.children.forEach((item,index)=>{if([\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"ol\"].includes(item.type)){var _item_props_children_props_children,_item_props_children_props,_item_props_children;let start=\"\";if(item.type==\"ol\"&&[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"].includes((_item_props_children=item.props.children)===null||_item_props_children===void 0?void 0:(_item_props_children_props=_item_props_children.props)===null||_item_props_children_props===void 0?void 0:(_item_props_children_props_children=_item_props_children_props.children)===null||_item_props_children_props_children===void 0?void 0:_item_props_children_props_children.type)){start=item.props.start||1;item=item.props.children.props.children;}const children=item.props.children;const{formattedId}=formatHeading(start?`${start}. ${children}`:children,index);// Create a new object for the modified item\nconst newItem={...item,start:1,props:{...item.props,children:start?/*#__PURE__*/_jsx(\"ol\",{start:start,children:/*#__PURE__*/_jsx(\"li\",{children:item.props.children})}):item.props.children,id:formattedId}};newChildren.push(newItem);}else{newChildren.push(item);}});// Return a new props object with the modified children\nreturn{...props,children:{...props.children,props:{...props.children.props,children:newChildren}}};};setNewProps(formatHeadings());},[props]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`.framer-text {\n                    scroll-margin-top: ${SCROLL_MARGIN_TOP}px;\n                }`}),/*#__PURE__*/_jsx(Component,{...newProps,ref:ref})]});};}const formatTableOfContent=children=>{const result=[];children.length>0&&children.filter(({type})=>[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"].includes(type)).map((item,index)=>{let children=item.props.children;const{formattedId,formattedHeading}=formatHeading(children,index);result.push({id:formattedId,heading:formattedHeading,type:item.type,originalIndex:index});});return result;};const formatHeading=(children,index)=>{let formattedHeading=\"\";let formattedId=\"\";console.log(children);if(typeof children===\"string\"){formattedHeading=children;}else if(Array.isArray(children)){formattedHeading=children.map(item=>{if(typeof item===\"string\")return item.trim();if(item.type===\"br\")return\"\";if(item.type===\"li\")return\"\";return item.props.children.trim();}).join(\" \");}else if(typeof children===\"object\"){if(typeof children.props.children===\"string\"){formattedHeading=children.props.children;}if(children.type==\"ol\"){formattedHeading=`${children.props.start}. ${children.props.children.props.children}`;}}else{formattedHeading=index.toString();}formattedId=formattedHeading.trim().toLowerCase().replace(/[^a-z0-9]+/g,\"-\").replace(/^-+|-+$/g,\"\");return{formattedId,formattedHeading};};\nexport const __FramerMetadata__ = {\"exports\":{\"withTableOfContent\":{\"type\":\"reactHoc\",\"name\":\"withTableOfContent\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withContent\":{\"type\":\"reactHoc\",\"name\":\"withContent\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TableOfContent.map"],
  "mappings": "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",
  "names": ["HEADING_TO_DISPLAY", "SCROLL_MARGIN_TOP", "useStore", "createStore", "scrollToId", "id", "element", "openLightbox", "img", "lightbox", "lightboxImg", "withTableOfContent", "Component", "props", "store", "useStore", "activeSection", "setActiveSection", "ye", "ue", "handleScroll", "sections", "heading", "scrollPosition", "window", "i", "p", "l", "a", "b", "type", "HEADING_TO_DISPLAY", "id", "index", "scrollToId", "withContent", "ref", "pe", "img", "openLightbox", "setStore", "newProps", "setNewProps", "formatTableOfContent", "newChildren", "item", "_item_props_children_props_children", "_item_props_children_props", "_item_props_children", "start", "children", "formattedId", "formatHeading", "newItem", "u", "SCROLL_MARGIN_TOP", "result", "formattedHeading"]
}