{"version":3,"file":"Examples.vyzej0aI.mjs","names":["textContainer","__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/oipoNtwOUsaPAc1gDYWJ/6oD6dp1pvXFY5PbBD5UO/Examples.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";const scrollRef={current:null};const leftArrowRef={current:null};const rightArrowRef={current:null};if(typeof document!==\"undefined\"){const style=document.createElement(\"style\");style.innerHTML=`\n        .disabled-arrow {\n            pointer-events: none !important;\n            cursor: default !important;\n            opacity: 0.4 !important;\n            user-select: none !important;\n        }\n    `;document.head.appendChild(style);}function getScrollDistance(){if(typeof window===\"undefined\")return 400;const width=window.innerWidth;return width<=768?265:400;}function updateArrows(){if(!scrollRef.current)return;const{scrollLeft,scrollWidth,clientWidth}=scrollRef.current;const atStart=scrollLeft<=0;const atEnd=scrollLeft+clientWidth>=scrollWidth-1;if(leftArrowRef.current){leftArrowRef.current.classList.toggle(\"disabled-arrow\",atStart);leftArrowRef.current.style.opacity=atStart?\"0.4\":\"1\";}if(rightArrowRef.current){rightArrowRef.current.classList.toggle(\"disabled-arrow\",atEnd);rightArrowRef.current.style.opacity=atEnd?\"0.4\":\"1\";}}function alignArrowMargins(){const text=document.getElementById(\"text-container\");if(!text)return;const rect=text.getBoundingClientRect();const paddingLeft=rect.left;const paddingRight=window.innerWidth-rect.right;if(leftArrowRef.current){leftArrowRef.current.style.marginLeft=`${paddingLeft}px`;}if(rightArrowRef.current){rightArrowRef.current.style.marginRight=`${paddingRight}px`;}}export function ScrollContainerRef(){return{ref:el=>{if(!el)return;scrollRef.current=el;el.addEventListener(\"scroll\",updateArrows);setTimeout(()=>{updateArrows();alignArrowMargins();},0);el.style.scrollBehavior=\"smooth\";const textContainer=document.getElementById(\"text-container\");if(textContainer){const rect=textContainer.getBoundingClientRect();el.style.paddingLeft=`${rect.left}px`;el.style.paddingRight=`${window.innerWidth-rect.right}px`;}const updateAll=()=>{const textContainer=document.getElementById(\"text-container\");if(textContainer&&el){const rect=textContainer.getBoundingClientRect();el.style.paddingLeft=`${rect.left}px`;el.style.paddingRight=`${window.innerWidth-rect.right}px`;alignArrowMargins();}};window.addEventListener(\"resize\",updateAll);return()=>{el.removeEventListener(\"scroll\",updateArrows);window.removeEventListener(\"resize\",updateAll);};}};}export function ScrollLeft(){return{id:\"LeftArrow\",ref:el=>{if(!el)return;leftArrowRef.current=el;setTimeout(alignArrowMargins,0);window.addEventListener(\"resize\",alignArrowMargins);},onTap:()=>{if(scrollRef.current){const distance=getScrollDistance();scrollRef.current.scrollBy({left:-distance,behavior:\"smooth\"});setTimeout(updateArrows,300);}}};}export function ScrollRight(){return{id:\"RightArrow\",ref:el=>{if(!el)return;rightArrowRef.current=el;setTimeout(alignArrowMargins,0);window.addEventListener(\"resize\",alignArrowMargins);},onTap:()=>{if(scrollRef.current){const distance=getScrollDistance();scrollRef.current.scrollBy({left:distance,behavior:\"smooth\"});setTimeout(updateArrows,300);}}};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withScrollContainerRef(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...ScrollContainerRef(props)});};}withScrollContainerRef.displayName=\"ScrollContainerRef\";export function withScrollLeft(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...ScrollLeft(props)});};}withScrollLeft.displayName=\"ScrollLeft\";export function withScrollRight(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...ScrollRight(props)});};}withScrollRight.displayName=\"ScrollRight\";\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollRight\":{\"type\":\"override\",\"name\":\"ScrollRight\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withScrollLeft\":{\"type\":\"reactHoc\",\"name\":\"withScrollLeft\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ScrollLeft\":{\"type\":\"override\",\"name\":\"ScrollLeft\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ScrollContainerRef\":{\"type\":\"override\",\"name\":\"ScrollContainerRef\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withScrollContainerRef\":{\"type\":\"reactHoc\",\"name\":\"withScrollContainerRef\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withScrollRight\":{\"type\":\"reactHoc\",\"name\":\"withScrollRight\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"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"}