{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/bQQM1js2VShuPRkY81bU/n4pkeh1XWqcx0CT1uC0s/TextMarker.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect}from\"react\";function createMarkerHOC(backgroundColor){return function(Component){return props=>{useEffect(()=>{const elements=document.querySelectorAll(`.${props.className}`);elements.forEach(element=>{const originalHTML=element.innerHTML;// \"**...**\" \u3092 <mark><span>...</span></mark> \u306B\u5909\u63DB\nconst updatedHTML=originalHTML.replace(/\\*\\*(.+?)\\*\\*/g,(_,match)=>`<mark><span>${match}</span></mark>`);element.innerHTML=updatedHTML;});},[props]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n.${props.className} mark {\n  background: transparent;\n  --highlight: ${backgroundColor};\n}\n\n.${props.className} mark span {\n  /* \u4E0B\u65B9\u5411\u3092\u30E1\u30A4\u30F3\u306B\u5857\u308B\u305F\u3081\u3001\u659C\u3081\uFF08120\u5EA6\uFF09\u306E\u5883\u754C\u3092\u4F5C\u308A\u3064\u3064 background-position \u3067\u4E0B\u306B\u5BC4\u305B\u308B */\n  background: linear-gradient(\n      120deg,\n      var(--highlight) 50%,\n      transparent 50%\n  ) no-repeat;\n\n  /* \u307E\u305A\u306F\u30B5\u30A4\u30BA: \u5E45200%, \u9AD8\u305550% \u306B\u3057\u3066\u300C\u884C\u5168\u4F53\u306E\u4E0B50%\u3092\u5857\u308B\u300D\u30A4\u30E1\u30FC\u30B8 */\n  background-size: 200% 50%;\n  /* \u4F4D\u7F6E\u3092 left bottom \u306B\u3057\u3066\u3001\u8981\u7D20\u306E\u5DE6\u4E0B\u3092\u57FA\u70B9\u306B\u914D\u7F6E */\n  background-position: left bottom;\n\n  /* \u30C6\u30AD\u30B9\u30C8\u8272\u306F\u5909\u3048\u306A\u3044 */\n  color: inherit;\n}\n`}),/*#__PURE__*/_jsx(Component,{...props})]});};};}export function withYellowMarker(Component){return createMarkerHOC(\"rgba(255, 255, 0, 0.8)\")(Component);}export function withBlueMarker(Component){return createMarkerHOC(\"rgba(0, 128, 255, 0.5)\")(Component);}export function withPinkMarker(Component){return createMarkerHOC(\"rgba(255, 182, 193, 0.8)\")(Component);}export function withGreenMarker(Component){return createMarkerHOC(\"rgba(144, 238, 144, 0.8)\")(Component);}export function withOrangeMarker(Component){return createMarkerHOC(\"rgba(255, 195, 0, 0.8)\")(Component);}export function withRedMarker(Component){return createMarkerHOC(\"rgba(255, 0, 0, 0.5)\")(Component);}\nexport const __FramerMetadata__ = {\"exports\":{\"withBlueMarker\":{\"type\":\"reactHoc\",\"name\":\"withBlueMarker\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPinkMarker\":{\"type\":\"reactHoc\",\"name\":\"withPinkMarker\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withYellowMarker\":{\"type\":\"reactHoc\",\"name\":\"withYellowMarker\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGreenMarker\":{\"type\":\"reactHoc\",\"name\":\"withGreenMarker\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withOrangeMarker\":{\"type\":\"reactHoc\",\"name\":\"withOrangeMarker\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRedMarker\":{\"type\":\"reactHoc\",\"name\":\"withRedMarker\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextMarker.map"],
  "mappings": "8DAA4G,SAASA,EAAgBC,EAAgB,CAAC,OAAO,SAASC,EAAU,CAAC,OAAOC,IAAQC,EAAU,IAAI,CAAgB,SAAS,iBAAiB,IAAID,EAAM,SAAS,EAAE,EAAW,QAAQE,GAAS,CACzS,IAAMC,EADuTD,EAAQ,UACtS,QAAQ,iBAAiB,CAACE,EAAEC,IAAQ,eAAeA,CAAK,gBAAgB,EAAEH,EAAQ,UAAUC,CAAY,CAAC,CAAE,EAAE,CAACH,CAAK,CAAC,EAAsBM,EAAMC,EAAU,CAAC,SAAS,CAAcC,EAAK,QAAQ,CAAC,SAAS;AAAA,GACrOR,EAAM,SAAS;AAAA;AAAA,iBAEDF,CAAe;AAAA;AAAA;AAAA,GAG7BE,EAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAgBjB,CAAC,EAAeQ,EAAKT,EAAU,CAAC,GAAGC,CAAK,CAAC,CAAC,CAAC,CAAC,EAAI,CAAE,CAA2a,SAASS,EAAiBC,EAAU,CAAC,OAAOC,EAAgB,wBAAwB,EAAED,CAAS,CAAE",
  "names": ["createMarkerHOC", "backgroundColor", "Component", "props", "ue", "element", "updatedHTML", "_", "match", "u", "l", "p", "withOrangeMarker", "Component", "createMarkerHOC"]
}