{"version":3,"file":"Function.CL--EhHf.mjs","names":["useState","useRef"],"sources":["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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"}