{"version":3,"file":"MarkerInView.DxCfj6s9.mjs","names":["React.useMemo","React.useCallback","_Fragment"],"sources":["https:/framerusercontent.com/modules/3uSrWZj8pLuiWETEiRUu/GMGTYLN9vei5zhOmVbS5/MarkerInView.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";import{useIsStaticRenderer}from\"framer\";import{forwardRef}from\"react\";/**\n * Marker-in-view overrides:\n * - Author highlights with **double-asterisk** syntax.\n * - Convert matches to and reveal each mark independently.\n * - Use a shared module-level stagger queue so marks across different override instances\n * can still reveal in a deterministic top-to-bottom sequence.\n */const MARKER_COLORS={yellow:\"#FFE54D\",blue:\"rgba(0, 128, 255, 0.5)\",pink:\"rgba(255, 182, 193, 0.8)\",green:\"rgba(144, 238, 144, 0.8)\",orange:\"rgba(255, 195, 0, 0.8)\",red:\"rgba(255, 0, 0, 0.5)\",purple:\"rgba(174, 136, 255, 0.5)\",mint:\"rgba(102, 230, 188, 0.45)\",sky:\"rgba(125, 211, 252, 0.5)\",gray:\"rgba(156, 163, 175, 0.4)\",navy:\"rgba(59, 130, 246, 0.35)\"};// Marker treatment keeps the translucent highlighter palette above.\n// Stroke-based treatments (underline/circle) keep the same base hues with\n// near-opaque alpha and only mild darkening for thin-stroke legibility.\nconst INK_COLORS={yellow:\"rgba(229, 206, 69, 0.98)\",blue:\"rgba(0, 115, 230, 0.98)\",pink:\"rgba(230, 164, 174, 0.98)\",green:\"rgba(31, 122, 92, 0.85)\",orange:\"rgba(230, 176, 0, 0.98)\",red:\"rgba(230, 0, 0, 0.98)\",purple:\"rgba(157, 122, 230, 0.98)\",mint:\"rgba(92, 207, 169, 0.98)\",sky:\"rgba(113, 190, 227, 0.98)\",gray:\"rgba(140, 147, 158, 0.98)\",navy:\"rgba(53, 117, 221, 0.98)\"};const TREATMENT_COLOR_OVERRIDES={underline:{[MARKER_COLORS.yellow]:INK_COLORS.yellow,[MARKER_COLORS.blue]:INK_COLORS.blue,[MARKER_COLORS.pink]:INK_COLORS.pink,[MARKER_COLORS.green]:INK_COLORS.green,[MARKER_COLORS.orange]:INK_COLORS.orange,[MARKER_COLORS.red]:INK_COLORS.red,[MARKER_COLORS.purple]:INK_COLORS.purple,[MARKER_COLORS.mint]:INK_COLORS.mint,[MARKER_COLORS.sky]:INK_COLORS.sky,[MARKER_COLORS.gray]:INK_COLORS.gray,[MARKER_COLORS.navy]:INK_COLORS.navy},circle:{[MARKER_COLORS.yellow]:INK_COLORS.yellow,[MARKER_COLORS.blue]:INK_COLORS.blue,[MARKER_COLORS.pink]:INK_COLORS.pink,[MARKER_COLORS.green]:INK_COLORS.green,[MARKER_COLORS.orange]:INK_COLORS.orange,[MARKER_COLORS.red]:INK_COLORS.red,[MARKER_COLORS.purple]:INK_COLORS.purple,[MARKER_COLORS.mint]:INK_COLORS.mint,[MARKER_COLORS.sky]:INK_COLORS.sky,[MARKER_COLORS.gray]:INK_COLORS.gray,[MARKER_COLORS.navy]:INK_COLORS.navy}};const VERTICAL_OFFSET_EM=.06;const UNDERLINE_OFFSET_EM=.08;const UNDERLINE_STROKE_WIDTH=6;const CIRCLE_STROKE_WIDTH=7;const CIRCLE_TOP_OFFSET_PERCENT=-20;const CIRCLE_LEFT_OFFSET_PERCENT=-15;const CIRCLE_WIDTH_PERCENT=130;const CIRCLE_HEIGHT_PERCENT=140;const SWEEP_DURATION_SECONDS=.7;const SWEEP_DELAY_SECONDS=.12;const STAGGER_STEP_SECONDS=.45;const STAGGER_MAX_STEPS=6;const STAGGER_BATCH_WINDOW_SECONDS=.8;const VIEWPORT_TRIGGER_AMOUNT=.35;const VIEWPORT_TRIGGER_ROOT_MARGIN=\"0px 0px -15% 0px\";const VIEWPORT_TRIGGER_MIN_FLOOR=.1;const HAND_DRAWN_SWIPE_PATHS=[\"M3 10 C4 8, 6 7, 8 7 C24 6, 40 6, 56 7 C72 8, 86 7, 95 9 C97 10, 98 12, 98 14 C99 21, 99 28, 98 35 C98 37, 97 39, 95 40 C86 41, 72 40, 56 39 C40 40, 24 41, 8 40 C6 40, 4 39, 3 37 C2 30, 2 23, 2 16 C2 13, 2 11, 3 10 Z\",\"M4 9 C5 8, 6 7, 8 7 C25 6, 41 6, 57 7 C73 8, 87 7, 94 8 C96 9, 97 11, 97 13 C98 20, 98 27, 97 34 C97 37, 96 39, 94 40 C87 41, 73 40, 57 39 C41 40, 25 41, 9 40 C7 40, 5 39, 4 37 C3 30, 3 23, 3 16 C3 13, 3 10, 4 9 Z\",\"M3 11 C4 9, 6 8, 8 8 C24 7, 40 7, 56 8 C71 9, 85 8, 94 10 C96 11, 97 13, 97 15 C98 22, 98 29, 97 36 C96 38, 95 40, 93 41 C84 42, 70 41, 55 40 C39 41, 23 42, 8 41 C6 41, 4 40, 3 38 C2 31, 2 24, 2 17 C2 14, 2 12, 3 11 Z\",\"M2 10 C4 8, 6 7, 9 7 C25 6, 42 6, 58 7 C73 8, 87 7, 96 9 C98 10, 99 13, 99 15 C99 22, 99 29, 99 36 C99 38, 98 40, 96 41 C88 42, 73 41, 58 40 C42 41, 26 42, 10 41 C7 41, 5 40, 3 38 C2 31, 2 24, 2 17 C2 14, 2 11, 2 10 Z\",\"M4 12 C5 10, 7 9, 9 9 C26 8, 42 8, 58 9 C74 10, 88 9, 95 11 C97 12, 98 14, 98 16 C99 23, 99 30, 98 37 C98 39, 97 41, 95 42 C88 43, 74 42, 58 41 C42 42, 26 43, 10 42 C8 42, 6 41, 4 39 C3 32, 3 25, 3 18 C3 15, 3 13, 4 12 Z\",\"M3 9 C4 8, 6 7, 8 7 C24 6, 40 6, 56 7 C72 9, 86 8, 94 10 C96 11, 97 13, 97 15 C98 22, 98 29, 98 36 C98 38, 97 40, 95 41 C87 42, 72 41, 56 40 C40 41, 24 42, 9 41 C7 41, 5 40, 4 38 C3 31, 3 24, 3 17 C3 14, 3 11, 3 9 Z\"];const HAND_DRAWN_SWIPE_ROTATIONS=[-5.2,-4.4,-4.8,-6.3,-3.9,-5.7];const HAND_DRAWN_UNDERLINE_PATHS=[\"M2 11 C10 9, 18 12, 26 10 C38 8, 50 12, 64 10 C76 8, 88 11, 98 9\",\"M2 10 C12 8, 24 11, 34 9 C46 7, 58 10, 70 8 C82 7, 92 10, 98 8\",\"M2 12 C12 10, 22 13, 34 11 C46 9, 58 12, 70 10 C82 8, 90 11, 98 10\",\"M2 9 C10 7, 20 10, 30 8 C44 6, 58 9, 72 8 C84 7, 92 9, 98 7\",\"M2 11 C11 8, 20 12, 32 10 C44 8, 56 11, 68 9 C82 7, 92 10, 98 9\",\"M2 10 C12 9, 24 12, 36 10 C48 8, 60 11, 72 9 C84 8, 92 10, 98 8\"];const HAND_DRAWN_UNDERLINE_ROTATIONS=[-.9,.7,-.6,.5,-.5,.8];const HAND_DRAWN_CIRCLE_PATHS=[\"M 10,75 Q 10,10 250,10 Q 490,10 490,75 Q 490,140 250,140 Q 10,140 10,75\",\"M 14,78 Q 10,16 250,12 Q 482,12 486,76 Q 488,138 250,142 Q 20,138 14,78\",\"M 12,74 Q 14,12 250,8 Q 486,16 488,72 Q 484,140 250,144 Q 14,136 12,74\",\"M 8,76 Q 14,8 252,14 Q 492,14 488,82 Q 482,140 250,136 Q 10,132 8,76\",\"M 16,76 Q 14,14 252,10 Q 492,12 486,78 Q 482,142 250,140 Q 18,136 16,76\",\"M 10,72 Q 12,14 250,12 Q 486,8 490,80 Q 486,144 250,142 Q 16,138 10,72\"];const HAND_DRAWN_CIRCLE_ROTATIONS=[-2.3,-1.4,-2.8,-1.1,-2.1,-1.7];const DATA_SCHEDULED_ATTR=\"markerInviewScheduled\";const DATA_ENTERED_ATTR=\"markerInviewEntered\";let staggerFlushRafId=null;let staggerBatchResetTimeoutId=null;let staggerBatchActive=false;let staggerBatchSequence=0;const markObserverMap=new WeakMap;const staggerPendingEntries=new Map;const staggerRevealTimeouts=new Map;function resetInlineMarkDelay(markEl){markEl.style.transitionDelay=\"\";markEl.style.webkitTransitionDelay=\"\";}function revealMarkerElement(markEl,observer){if(markEl.classList.contains(\"is-revealed\"))return;markEl.classList.add(\"is-revealed\");markEl.dataset[DATA_ENTERED_ATTR]=\"true\";observer.unobserve(markEl);}function flushStaggerBatchQueue(){if(typeof window===\"undefined\")return;if(staggerPendingEntries.size===0){staggerFlushRafId=null;return;}const queuedEntries=Array.from(staggerPendingEntries.values()).sort((a,b)=>{const topDiff=a.top-b.top;if(Math.abs(topDiff)>.5)return topDiff;return a.left-b.left;});staggerPendingEntries.clear();if(!staggerBatchActive){staggerBatchActive=true;staggerBatchSequence=0;}// Stagger is scheduled in JS (not CSS delay) so every mark gets a deterministic\n// offset even when multiple wrappers/observers fire in the same frame.\nqueuedEntries.forEach(({mark},index)=>{if(mark.classList.contains(\"is-revealed\"))return;const stepIndex=Math.min(staggerBatchSequence+index,STAGGER_MAX_STEPS);const delayMs=stepIndex*STAGGER_STEP_SECONDS*1e3;const observer=markObserverMap.get(mark);if(!observer)return;const timeoutId=window.setTimeout(()=>{staggerRevealTimeouts.delete(mark);revealMarkerElement(mark,observer);},delayMs);staggerRevealTimeouts.set(mark,{timeoutId,observer});});staggerBatchSequence+=queuedEntries.length;if(staggerBatchResetTimeoutId!==null){window.clearTimeout(staggerBatchResetTimeoutId);}// Keep continuing the running sequence while new marks keep arriving in the batch window.\n// If no new marks arrive for the window duration, reset so later isolated marks start at 0.\nstaggerBatchResetTimeoutId=window.setTimeout(()=>{staggerBatchActive=false;staggerBatchSequence=0;staggerBatchResetTimeoutId=null;},STAGGER_BATCH_WINDOW_SECONDS*1e3);staggerFlushRafId=null;}function enqueueStaggerEntry(mark,top,left){staggerPendingEntries.set(mark,{mark,top,left});if(typeof window===\"undefined\")return;if(staggerFlushRafId!==null)return;staggerFlushRafId=window.requestAnimationFrame(()=>{flushStaggerBatchQueue();});}function cleanupScheduledWorkForObserver(observer){if(typeof window===\"undefined\")return;staggerPendingEntries.forEach((_entry,mark)=>{const markObserver=markObserverMap.get(mark);if(markObserver!==observer)return;staggerPendingEntries.delete(mark);markObserverMap.delete(mark);if(mark.dataset[DATA_ENTERED_ATTR]!==\"true\"){delete mark.dataset[DATA_SCHEDULED_ATTR];}});staggerRevealTimeouts.forEach((meta,mark)=>{if(meta.observer!==observer)return;window.clearTimeout(meta.timeoutId);staggerRevealTimeouts.delete(mark);markObserverMap.delete(mark);if(mark.dataset[DATA_ENTERED_ATTR]!==\"true\"){delete mark.dataset[DATA_SCHEDULED_ATTR];}});}function hashString(value){let hash=0;for(let index=0;index>>0;}return hash;}function getMarkerVariantIndex(textContent,elementIndex,matchIndex){const base=hashString(textContent);return(base+elementIndex*17+matchIndex*31)%HAND_DRAWN_SWIPE_PATHS.length;}function createMarkerSvgDataUri(fillColor,pathData,rotationDeg){const svg=``;return`url(\"data:image/svg+xml,${encodeURIComponent(svg)}\")`;}function createUnderlineSvgDataUri(strokeColor,pathData,rotationDeg){const svg=``;return`url(\"data:image/svg+xml,${encodeURIComponent(svg)}\")`;}function createEmphasisInViewHOC(emphasisType,highlightColor,displayName){return function(Component){const Wrapped=/*#__PURE__*/forwardRef(function MarkerInViewOverride(props,ref){const isStatic=useIsStaticRenderer();const resolvedHighlightColor=React.useMemo(()=>{return TREATMENT_COLOR_OVERRIDES[emphasisType]?.[highlightColor]??highlightColor;},[emphasisType,highlightColor]);const rootSelector=React.useMemo(()=>{const className=typeof props.className===\"string\"?props.className:\"\";const classTokens=className.split(/\\s+/).map(token=>token.trim()).filter(Boolean);if(classTokens.length===0)return\"\";return`.${classTokens.join(\".\")}`;},[props.className]);const cssVars=React.useMemo(()=>{const vars={\"--marker-offset-em\":`${VERTICAL_OFFSET_EM}em`,\"--underline-offset-em\":`${UNDERLINE_OFFSET_EM}em`,\"--marker-duration\":`${SWEEP_DURATION_SECONDS}s`,\"--marker-delay\":`${SWEEP_DELAY_SECONDS}s`};HAND_DRAWN_SWIPE_PATHS.forEach((path,index)=>{vars[`--marker-svg-${index}`]=createMarkerSvgDataUri(resolvedHighlightColor,path,HAND_DRAWN_SWIPE_ROTATIONS[index]);});HAND_DRAWN_UNDERLINE_PATHS.forEach((path,index)=>{vars[`--underline-svg-${index}`]=createUnderlineSvgDataUri(resolvedHighlightColor,path,HAND_DRAWN_UNDERLINE_ROTATIONS[index]);});return vars;},[resolvedHighlightColor]);const variantCss=React.useMemo(()=>HAND_DRAWN_SWIPE_PATHS.map((_,index)=>{if(emphasisType===\"underline\"){return`\n${rootSelector} .marker-inview-mark.marker-inview-underline.marker-variant-${index} {\n background-image: var(--underline-svg-${index});\n}`;}if(emphasisType===\"circle\"){return`\n${rootSelector} .marker-inview-mark.marker-inview-circle.marker-variant-${index} .marker-inview-circle-svg {\n transform: rotate(${HAND_DRAWN_CIRCLE_ROTATIONS[index]}deg);\n}\n`;}return`\n${rootSelector} .marker-inview-mark.marker-variant-${index} {\n background-image: var(--marker-svg-${index});\n}`;}).join(\"\\n\"),[emphasisType,rootSelector]);const transformText=React.useCallback(()=>{if(typeof document===\"undefined\"||!rootSelector)return;const elements=document.querySelectorAll(rootSelector);elements.forEach((element,elementIndex)=>{const htmlElement=element;let matchIndex=0;const updatedHTML=htmlElement.innerHTML.replace(/\\*\\*(.+?)\\*\\*/g,(_,match)=>{const variant=getMarkerVariantIndex(String(match),elementIndex,matchIndex);matchIndex+=1;if(emphasisType===\"underline\"){return`${match}`;}if(emphasisType===\"circle\"){const circlePath=HAND_DRAWN_CIRCLE_PATHS[variant];return`${match}`;}return`${match}`;});htmlElement.innerHTML=updatedHTML;const marks=htmlElement.querySelectorAll(\".marker-inview-mark\");marks.forEach(mark=>resetInlineMarkDelay(mark));});},[emphasisType,rootSelector]);React.useEffect(()=>{if(typeof window===\"undefined\"||typeof document===\"undefined\")return;if(!rootSelector)return;transformText();if(isStatic)return;// Observe each mark individually so multiple highlights inside one text layer\n// can reveal with independent staggered timing.\nconst markSelector=`${rootSelector} .marker-inview-mark`;const marks=document.querySelectorAll(markSelector);if(marks.length===0)return;const observer=new window.IntersectionObserver(entries=>{entries.forEach(entry=>{if(!entry.isIntersecting)return;const viewportHeight=typeof window!==\"undefined\"?window.innerHeight||0:0;const targetHeight=entry.boundingClientRect.height||0;const maxVisibleRatio=targetHeight>0&&viewportHeight>0?Math.min(1,viewportHeight/targetHeight):1;const effectiveThreshold=Math.max(VIEWPORT_TRIGGER_MIN_FLOOR,Math.min(VIEWPORT_TRIGGER_AMOUNT,maxVisibleRatio-.03));if(entry.intersectionRatio{if(mark.classList.contains(\"is-revealed\"))return;markObserverMap.set(mark,observer);observer.observe(mark);});return()=>{observer.disconnect();cleanupScheduledWorkForObserver(observer);};},[isStatic,rootSelector,transformText]);return /*#__PURE__*/_jsxs(_Fragment,{children:[rootSelector?/*#__PURE__*/_jsx(\"style\",{children:`\n${rootSelector} .marker-inview-mark {\n position: relative;\n display: inline;\n background-color: transparent;\n background-repeat: no-repeat;\n background-size: 0% 100%;\n background-position: left calc(100% - var(--marker-offset-em));\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n border-radius: 0.2em;\n padding: 0.14em 0.16em 0.16em;\n margin: -0.08em -0.06em;\n color: inherit;\n transition: background-size var(--marker-duration) cubic-bezier(0.22, 1, 0.36, 1);\n transition-delay: var(--marker-delay);\n}\n\n${rootSelector} .marker-inview-mark.marker-inview-underline {\n background-size: 0% 0.42em;\n background-position: left calc(100% + var(--underline-offset-em));\n border-radius: 0;\n padding: 0 0 0.12em;\n margin: 0;\n}\n\n${rootSelector} .marker-inview-mark.marker-inview-circle {\n display: inline-block;\n background: transparent;\n padding: 0.02em 0.06em;\n margin: 0;\n}\n\n${rootSelector} .marker-inview-mark.marker-inview-circle .marker-inview-circle-text {\n position: relative;\n z-index: 2;\n}\n\n${rootSelector} .marker-inview-mark.marker-inview-circle .marker-inview-circle-svg {\n position: absolute;\n top: ${CIRCLE_TOP_OFFSET_PERCENT}%;\n left: ${CIRCLE_LEFT_OFFSET_PERCENT}%;\n width: ${CIRCLE_WIDTH_PERCENT}%;\n height: ${CIRCLE_HEIGHT_PERCENT}%;\n pointer-events: none;\n z-index: 1;\n overflow: visible;\n}\n\n${rootSelector} .marker-inview-mark.marker-inview-circle .marker-inview-circle-path {\n fill: none;\n stroke: ${resolvedHighlightColor};\n stroke-width: ${CIRCLE_STROKE_WIDTH};\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n stroke-dasharray: 1;\n stroke-dashoffset: 1;\n transition: stroke-dashoffset var(--marker-duration) cubic-bezier(0.22, 1, 0.36, 1), opacity calc(var(--marker-duration) * 0.5) ease;\n transition-delay: var(--marker-delay);\n}\n\n${variantCss}\n\n${rootSelector} .marker-inview-mark.is-revealed {\n background-size: 100% 100%;\n}\n\n${rootSelector} .marker-inview-mark.marker-inview-underline.is-revealed {\n background-size: 100% 0.42em;\n}\n\n${rootSelector} .marker-inview-mark.marker-inview-circle.is-revealed .marker-inview-circle-path {\n stroke-dashoffset: 0;\n opacity: 1;\n}\n`}):null,/*#__PURE__*/_jsx(Component,{ref:ref,...props,style:{...props.style||{},...cssVars}})]});});Wrapped.displayName=displayName;return Wrapped;};}export function withYellowMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.yellow,\"WithYellowMarkerInView\")(Component);}export function withBlueMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.blue,\"WithBlueMarkerInView\")(Component);}export function withPinkMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.pink,\"WithPinkMarkerInView\")(Component);}export function withGreenMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.green,\"WithGreenMarkerInView\")(Component);}export function withOrangeMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.orange,\"WithOrangeMarkerInView\")(Component);}export function withRedMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.red,\"WithRedMarkerInView\")(Component);}export function withPurpleMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.purple,\"WithPurpleMarkerInView\")(Component);}export function withMintMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.mint,\"WithMintMarkerInView\")(Component);}export function withSkyMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.sky,\"WithSkyMarkerInView\")(Component);}export function withGrayMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.gray,\"WithGrayMarkerInView\")(Component);}export function withNavyMarkerInView(Component){return createEmphasisInViewHOC(\"marker\",MARKER_COLORS.navy,\"WithNavyMarkerInView\")(Component);}export function withYellowUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.yellow,\"WithYellowUnderlineInView\")(Component);}export function withBlueUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.blue,\"WithBlueUnderlineInView\")(Component);}export function withPinkUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.pink,\"WithPinkUnderlineInView\")(Component);}export function withGreenUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.green,\"WithGreenUnderlineInView\")(Component);}export function withOrangeUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.orange,\"WithOrangeUnderlineInView\")(Component);}export function withRedUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.red,\"WithRedUnderlineInView\")(Component);}export function withPurpleUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.purple,\"WithPurpleUnderlineInView\")(Component);}export function withMintUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.mint,\"WithMintUnderlineInView\")(Component);}export function withSkyUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.sky,\"WithSkyUnderlineInView\")(Component);}export function withGrayUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.gray,\"WithGrayUnderlineInView\")(Component);}export function withNavyUnderlineInView(Component){return createEmphasisInViewHOC(\"underline\",MARKER_COLORS.navy,\"WithNavyUnderlineInView\")(Component);}export function withYellowCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.yellow,\"WithYellowCircleInView\")(Component);}export function withBlueCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.blue,\"WithBlueCircleInView\")(Component);}export function withPinkCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.pink,\"WithPinkCircleInView\")(Component);}export function withGreenCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.green,\"WithGreenCircleInView\")(Component);}export function withOrangeCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.orange,\"WithOrangeCircleInView\")(Component);}export function withRedCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.red,\"WithRedCircleInView\")(Component);}export function withPurpleCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.purple,\"WithPurpleCircleInView\")(Component);}export function withMintCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.mint,\"WithMintCircleInView\")(Component);}export function withSkyCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.sky,\"WithSkyCircleInView\")(Component);}export function withGrayCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.gray,\"WithGrayCircleInView\")(Component);}export function withNavyCircleInView(Component){return createEmphasisInViewHOC(\"circle\",MARKER_COLORS.navy,\"WithNavyCircleInView\")(Component);}\nexport const __FramerMetadata__ = {\"exports\":{\"withPurpleUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withPurpleUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGreenMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withGreenMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withMintMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withMintMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGrayCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withGrayCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPurpleCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withPurpleCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGrayUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withGrayUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withNavyCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withNavyCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withNavyMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withNavyMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withYellowCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withYellowCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGrayMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withGrayMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGreenUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withGreenUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPinkMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withPinkMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withYellowMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withYellowMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withMintCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withMintCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withOrangeUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withOrangeUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRedUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withRedUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPinkCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withPinkCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withBlueUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withBlueUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withMintUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withMintUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSkyCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withSkyCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withNavyUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withNavyUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRedCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withRedCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSkyMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withSkyMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPinkUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withPinkUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withBlueCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withBlueCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withYellowUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withYellowUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRedMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withRedMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withOrangeMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withOrangeMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGreenCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withGreenCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSkyUnderlineInView\":{\"type\":\"reactHoc\",\"name\":\"withSkyUnderlineInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withOrangeCircleInView\":{\"type\":\"reactHoc\",\"name\":\"withOrangeCircleInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withBlueMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withBlueMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPurpleMarkerInView\":{\"type\":\"reactHoc\",\"name\":\"withPurpleMarkerInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MarkerInView.map"],"mappings":"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"}