{"version":3,"file":"ScrollHighlight02.BDzUGdSW.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/qiNOQa9xgCugJiKFZ8zU/0e4i9wiNqBnoaixxhclx/ScrollHighlight02.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";export function withHighlightColor(Component){return props=>{const[isVisible,setIsVisible]=useState(false);useEffect(()=>{const elements=document.querySelectorAll(`.${props.className}`);elements.forEach(element=>{const originalHTML=element.innerHTML;// **で囲まれたテキストを<mark><span>でラップ\nconst updatedHTML=originalHTML.replace(/\\[(.+?)\\]/g,(_,match)=>`<mark><span>${match}</span></mark>`);element.innerHTML=updatedHTML;setIsVisible(true);});const handle=entries=>{entries.forEach(entry=>{const highlightedValue=entry.target.style.getPropertyValue(\"--highlighted\");if(!highlightedValue||parseInt(highlightedValue)===0){entry.target.style.setProperty(\"--highlighted\",entry.isIntersecting?\"1\":\"0\");}});};const observer=new IntersectionObserver(handle,{threshold:1});document.querySelectorAll(`.${props.className} mark`).forEach(mark=>observer.observe(mark));},[props]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n.${props.className} mark {\n--highlighted: 0;\n--highlight: rgba(255, 195, 0, 0.8);\nbackground: transparent;\n}\n\n.${props.className} mark span {\nbackground: linear-gradient(120deg, var(--highlight) 50%, transparent 50%) 110% 0 / 200% 100% no-repeat;\nbackground-position: calc((1 - var(--highlighted)) * 110%) 0;\ntransition: background-position 1s;\ncolor: black;\n}\n`}),/*#__PURE__*/_jsx(Component,{...props,style:!isVisible?{opacity:0}:{}})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withHighlightColor\":{\"type\":\"reactHoc\",\"name\":\"withHighlightColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollHighlight02.map"],"mappings":"6HAAqH,SAAgB,EAAmB,EAAU,CAAC,MAAO,IAAO,CAAC,GAAK,CAAC,EAAU,GAAcA,EAAS,GAAM,CACmW,OADlW,MAAc,CAAgB,SAAS,iBAAiB,IAAI,EAAM,YAAY,CAAU,QAAQ,GAAS,CACpO,EAAQ,UADgP,EAAQ,UACtU,QAAQ,cAAc,EAAE,IAAQ,eAAe,EAAM,gBAAgB,CAA+B,EAAa,GAAK,EAAG,CAAqQ,IAAM,EAAS,IAAI,qBAA1Q,GAAS,CAAC,EAAQ,QAAQ,GAAO,CAAC,IAAM,EAAiB,EAAM,OAAO,MAAM,iBAAiB,gBAAgB,EAAI,CAAC,GAAkB,SAAS,EAAiB,GAAG,IAAG,EAAM,OAAO,MAAM,YAAY,gBAAgB,EAAM,eAAe,IAAI,IAAI,EAAI,EAAkD,CAAC,UAAU,EAAE,CAAC,CAAC,SAAS,iBAAiB,IAAI,EAAM,UAAU,OAAO,CAAC,QAAQ,GAAM,EAAS,QAAQ,EAAK,CAAC,EAAG,CAAC,EAAM,CAAC,CAAqB,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;GAClpB,EAAM,UAAU;;;;;;GAMhB,EAAM,UAAU;;;;;;EAMjB,CAAC,CAAc,EAAK,EAAU,CAAC,GAAG,EAAM,MAAO,EAAsB,EAAE,CAAd,CAAC,QAAQ,EAAE,CAAI,CAAC,CAAC,CAAC,CAAC,mBAdC,IAAsC"}