{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/DpDFHl0YXFmMzXzSLC7x/W11iSQkrshho9gDrwxtI/Function.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{getPropertiesByTag}from\"https://framer.com/m/Utilities-LgUQ.js@YgTH7d8XoflBisXAiR7m\";const useStore=createStore({titles:[],chagedLink:false,className:\"\",pTagStyle:{},pTagClass:\"\",aTagClass:\"\"});function getSecondPart(str){return str.split(\"/\")[1];}export function getTitles(Component){return props=>{const[store,setStore]=useStore();useEffect(()=>{var html=document.querySelector(\"html\");html.style.scrollBehavior=\"smooth\";console.log(html);var content=document.getElementById(\"content-data\");if(!content){return;}const ptagProps=getPropertiesByTag(props,\"p\");const atagProps=getPropertiesByTag(ptagProps||{},\"a\");var headings=content.querySelectorAll(\"h2\");var headingsArray=[];for(let i=0;i<headings.length;i++){const element=headings[i];element.style.position=\"relative\";const span=document.createElement(\"span\");span.id=`title-${i}`;span.style.position=\"absolute\";span.style.top=\"-144px\";element.appendChild(span);headingsArray.push(element.innerText.replace(/(\\r\\n|\\n|\\r)/gm,\"\"));}setStore({titles:headingsArray,pTagStyle:ptagProps?.props?.style||{},pTagClass:ptagProps?.props?.className||\"\",aTagClass:atagProps?.props?.className||\"\"});},[]);const isHelpCenter=window?.location.href.includes(\"help-center\");const divStyles={display:\"flex\",flexDirection:\"column\",gap:\"12px\",fontSize:\"16px\",fontFamily:'\"Inter\", \"Inter Placeholder\", sans-serif'};return /*#__PURE__*/_jsx(\"div\",{style:divStyles,children:Array.isArray(store.titles)?store.titles.map((element,i)=>{return element&&/*#__PURE__*/_jsx(\"p\",{className:`framer-text ${store.pTagClass}`,style:store.pTagStyle,children:/*#__PURE__*/_jsx(\"a\",{href:`#title-${i}`,className:`framer-text ${store.aTagClass}`,style:{color:\"rgb(133, 133, 133)\",transition:\"color 0.3s\"},onMouseEnter:e=>{e.target.style.color=isHelpCenter?\"white\":\"black\";},onMouseLeave:e=>{e.target.style.color=\"rgb(133, 133, 133)\";},children:element})},i);}):null});};}function getPropsByElement(obj,targetType){// Check if the current object is of the target type\nif(obj.type===targetType){return obj;}// Iterate through object properties that can hold nested objects (children and props)\nfor(const key of[\"children\",\"props\"]){if(obj[key]&&typeof obj[key]===\"object\"){// Recursively search for the target type within the nested object\nconst result=getPropsByElement(obj[key],targetType);if(result){return result;}}}// Not found in current object or its children/props\nreturn null;}export function getLinks(Component){return props=>{const[boolean,setBoolean]=useState(false);const[store,setStore]=useStore();const Link=useRef(null);useEffect(()=>{setBoolean(window.location.href.includes(props.link));setStore({chagedLink:true});},[]);props.className+=\" sidebar-link\";return /*#__PURE__*/_jsx(Component,{...props,variant:boolean?\"Select\":\"Default\",ref:Link});};}// export function getTitles(Component): ComponentType {\n//     return (props) => {\n//         const [store, setStore] = useStore()\n//         useEffect(() => {\n//             var html = document.querySelector(\"html\")\n//             html.style.scrollBehavior = \"smooth\"\n//             var content = document.getElementById(\"content-data\")\n//             if (!content) {\n//                 return\n//             }\n//             const ptagProps = getPropertiesByTag(props, \"p\")\n//             const atagProps = getPropertiesByTag(ptagProps || {}, \"a\")\n//             var headings = content.querySelectorAll(\"h2\")\n//             var headingsArray = []\n//             for (let i = 0; i < headings.length; i++) {\n//                 const element = headings[i]\n//                 element.style.position = \"relative\"\n//                 element.insertAdjacentHTML(\n//                     \"beforeend\",\n//                     `<span id=\"title-${i}\" style=\"position: absolute; top:-144px;\"></span>`\n//                 )\n//                 headingsArray.push(\n//                     element.innerText.replace(/(\\r\\n|\\n|\\r)/gm, \"\")\n//                 )\n//             }\n//             setStore({\n//                 titles: headingsArray,\n//                 pTagStyle: ptagProps?.props?.style || {},\n//                 pTagClass: ptagProps?.props?.className || \"\",\n//                 aTagClass: atagProps?.props?.className || \"\",\n//             })\n//         }, [])\n//         const divStyles = {\n//             display: \"flex\",\n//             flexDirection: \"column\",\n//             gap: \"12px\",\n//             fontSize: \"16px\",\n//             fontFamily: '\"Inter\", \"Inter Placeholder\", sans-serif',\n//         }\n//         return (\n//             <div style={divStyles}>\n//                 {Array.isArray(store.titles)\n//                     ? store.titles.map((element, i) => {\n//                           return (\n//                               element && (\n//                                   <p\n//                                       className={`framer-text ${store.pTagClass}`}\n//                                       style={store.pTagStyle}\n//                                   >\n//                                       <a\n//                                           href={\"#title-\" + i}\n//                                           className={`framer-text ${store.aTagClass}`}\n//                                           key={i}\n//                                       >\n//                                           {element}\n//                                       </a>\n//                                   </p>\n//                               )\n//                           )\n//                       })\n//                     : null}\n//             </div>\n//         )\n//     }\n// }\nexport function setActiveStateFromLink(Component){return props=>{const card=useRef(null);const[boolean,setBoolean]=useState(false);useEffect(()=>{var cardHref=card.current?.getAttribute(\"href\");if(!cardHref)return;setBoolean(String(window.location.href).includes(getSecondPart(String(cardHref))));},[]);props.className+=\" collection-card\";return /*#__PURE__*/_jsx(Component,{...props,ref:card,variant:boolean?\"Select\":\"Default\"});};}export function SearchShortcutKey(Component){function handleKeyDown(event){var e=event;console.log(e);console.log(e.keyCode);console.log(e.metaKey);console.log(e.key);if(e.keyCode===75&&e.altKey||// (e.keyCode === 75 && e.ctrlKey) ||\ne.keyCode===75&&e.metaKey){console.log(\"search\");var input=document.querySelector(\".search-input button\");console.log(input);input.click();}}return props=>{useEffect(()=>{document.addEventListener(\"keydown\",handleKeyDown);var input=document.querySelector(\".search-input\");console.log(input);console.log(\"useeffect\");},[]);props.className+=\" search-input\";return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"getTitles\":{\"type\":\"reactHoc\",\"name\":\"getTitles\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getLinks\":{\"type\":\"reactHoc\",\"name\":\"getLinks\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"setActiveStateFromLink\":{\"type\":\"reactHoc\",\"name\":\"setActiveStateFromLink\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"SearchShortcutKey\":{\"type\":\"reactHoc\",\"name\":\"SearchShortcutKey\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Function.map"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "useStore", "createStore", "getTitles", "Component", "props", "store", "setStore", "useStore", "ue", "html", "content", "ptagProps", "getPropertiesByTag", "atagProps", "headings", "headingsArray", "element", "span", "isHelpCenter", "p", "i", "e", "getLinks", "Component", "props", "boolean", "setBoolean", "ye", "store", "setStore", "useStore", "Link", "pe", "ue", "p", "SearchShortcutKey", "Component", "handleKeyDown", "event", "input", "props", "ue", "p"]
}