{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/vgp6zTtS87FDKhMCjMQp/D1dh1j8eshUlfqWsSsiN/Tickerfield.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function RichTextTicker(props){const{richText,speed,gap,direction,hover,cornerRadius,showAlt,altSpacing,altFont,altColor,draggable}=props;const containerRef=React.useRef(null);const contentRef=React.useRef(null);const[contentSize,setContentSize]=React.useState(0);const dragStartPos=React.useRef({x:0,y:0});const currentTranslate=React.useRef(0);const isDragging=React.useRef(false);const lastDragPosition=React.useRef(0);React.useEffect(()=>{const updateSize=()=>{if(contentRef.current&&containerRef.current){const items=Array.from(contentRef.current.children);const halfLength=items.length/2;let totalSize=0;for(let i=0;i<halfLength;i++){if(direction===\"top\"||direction===\"bottom\"){totalSize+=items[i].offsetHeight+gap;}else{totalSize+=items[i].offsetWidth+gap;}}setContentSize(totalSize);}};updateSize();window.addEventListener(\"resize\",updateSize);return()=>window.removeEventListener(\"resize\",updateSize);},[richText,gap,direction]);React.useEffect(()=>{let animationFrameId=null;const animate=()=>{if(!isDragging.current&&contentRef.current&&speed>0){const scrollSize=direction===\"left\"||direction===\"right\"?contentRef.current.scrollWidth/2:contentRef.current.scrollHeight/2;if(direction===\"left\"||direction===\"up\"){currentTranslate.current-=speed/10;if(Math.abs(currentTranslate.current)>=scrollSize){currentTranslate.current+=scrollSize;}}else{currentTranslate.current+=speed/10;if(currentTranslate.current>=0){currentTranslate.current-=scrollSize;}}const transform=direction===\"left\"||direction===\"right\"?`translateX(${currentTranslate.current}px)`:`translateY(${currentTranslate.current}px)`;contentRef.current.style.transform=transform;}animationFrameId=requestAnimationFrame(animate);};if(!isDragging.current){animate();}return()=>{if(animationFrameId){cancelAnimationFrame(animationFrameId);}};},[speed,direction,isDragging.current]);const handleMouseDown=e=>{if(!draggable)return;e.preventDefault();isDragging.current=true;dragStartPos.current={x:e.clientX,y:e.clientY};const computedStyle=window.getComputedStyle(contentRef.current);const transform=new DOMMatrix(computedStyle.transform);currentTranslate.current=direction===\"left\"||direction===\"right\"?transform.m41:transform.m42;lastDragPosition.current=direction===\"left\"||direction===\"right\"?e.clientX:e.clientY;contentRef.current.style.cursor=\"grabbing\";document.addEventListener(\"mousemove\",handleMouseMove);document.addEventListener(\"mouseup\",handleMouseUp);};const handleMouseMove=e=>{if(!isDragging.current)return;e.preventDefault();const currentPos=direction===\"left\"||direction===\"right\"?e.clientX:e.clientY;const delta=currentPos-lastDragPosition.current;currentTranslate.current+=delta;const transform=direction===\"left\"||direction===\"right\"?`translateX(${currentTranslate.current}px)`:`translateY(${currentTranslate.current}px)`;contentRef.current.style.transform=transform;lastDragPosition.current=currentPos;};const handleMouseUp=()=>{isDragging.current=false;contentRef.current.style.cursor=\"grab\";document.removeEventListener(\"mousemove\",handleMouseMove);document.removeEventListener(\"mouseup\",handleMouseUp);};const handleTouchStart=e=>{if(!draggable)return;e.preventDefault();isDragging.current=true;const touch=e.touches[0];dragStartPos.current={x:touch.clientX,y:touch.clientY};const computedStyle=window.getComputedStyle(contentRef.current);const transform=new DOMMatrix(computedStyle.transform);currentTranslate.current=direction===\"left\"||direction===\"right\"?transform.m41:transform.m42;lastDragPosition.current=direction===\"left\"||direction===\"right\"?touch.clientX:touch.clientY;};const handleTouchMove=e=>{if(!isDragging.current)return;e.preventDefault();const touch=e.touches[0];const currentPos=direction===\"left\"||direction===\"right\"?touch.clientX:touch.clientY;const delta=currentPos-lastDragPosition.current;currentTranslate.current+=delta;const transform=direction===\"left\"||direction===\"right\"?`translateX(${currentTranslate.current}px)`:`translateY(${currentTranslate.current}px)`;contentRef.current.style.transform=transform;lastDragPosition.current=currentPos;};const handleTouchEnd=()=>{isDragging.current=false;};const containerStyle={overflow:\"hidden\",width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:direction===\"top\"||direction===\"bottom\"?\"column\":\"row\"};const contentStyle={display:\"flex\",flexWrap:\"nowrap\",flexDirection:direction===\"top\"||direction===\"bottom\"?\"column\":\"row\",cursor:draggable?\"grab\":\"default\",userSelect:\"none\",WebkitUserSelect:\"none\",touchAction:\"none\",willChange:\"transform\"};const itemStyle={flexShrink:0,objectFit:\"contain\",marginRight:direction===\"left\"||direction===\"right\"?`${gap}px`:0,marginBottom:direction===\"top\"||direction===\"bottom\"?`${gap}px`:0,width:direction===\"top\"||direction===\"bottom\"?\"100%\":\"auto\",height:direction===\"top\"||direction===\"bottom\"?\"auto\":\"100%\"};const renderContent=()=>{if(!richText||!richText.props||!richText.props.children){return null;}const items=React.Children.toArray(richText.props.children);const allItems=[...items,...items];return allItems.map((child,index)=>/*#__PURE__*/_jsx(\"div\",{style:itemStyle,children:/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",height:\"100%\"},children:[/*#__PURE__*/React.cloneElement(child,{style:{...child.props.style,borderRadius:`${cornerRadius}px`,objectFit:\"cover\",width:\"100%\",height:showAlt?`calc(100% - ${altSpacing}px)`:\"100%\",pointerEvents:isDragging.current?\"none\":\"auto\"}}),showAlt&&child.props.alt&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",bottom:0,left:0,right:0,marginTop:altSpacing,textAlign:\"center\",color:altColor,...altFont},children:child.props.alt})]})},index));};if(RenderTarget.current()===RenderTarget.canvas){return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsx(\"div\",{style:{...contentStyle,transform:\"none\"},children:renderContent()})});}return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:containerStyle,children:/*#__PURE__*/_jsx(\"div\",{ref:contentRef,style:contentStyle,onMouseDown:handleMouseDown,onTouchStart:handleTouchStart,onTouchMove:handleTouchMove,onTouchEnd:handleTouchEnd,children:renderContent()})});}RichTextTicker.defaultProps={richText:null,speed:50,gap:20,direction:\"left\",hover:1,cornerRadius:0,showAlt:false,altSpacing:8,altColor:\"#000000\",draggable:false};addPropertyControls(RichTextTicker,{richText:{type:ControlType.RichText,title:\"Content\"},speed:{type:ControlType.Number,title:\"Speed\",min:0,max:100,step:1},gap:{type:ControlType.Number,title:\"Gap\",min:0,max:500,step:1},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"left\",\"right\",\"top\",\"bottom\"],defaultValue:\"left\",displaySegmentedControl:true},hover:{type:ControlType.Number,title:\"Hover Speed\",min:0,max:1,step:.1,defaultValue:1},cornerRadius:{type:ControlType.Number,title:\"Corner Radius\",min:0,max:100,step:1,defaultValue:0},showAlt:{type:ControlType.Boolean,title:\"Show Alt Text\",defaultValue:false},altSpacing:{type:ControlType.Number,title:\"Alt Spacing\",min:0,max:100,step:1,defaultValue:8,hidden(props){return!props.showAlt;}},altColor:{type:ControlType.Color,title:\"Alt Color\",defaultValue:\"#000000\",hidden(props){return!props.showAlt;}},altFont:{type:ControlType.Font,controls:\"extended\",title:\"Alt Font\",hidden(props){return!props.showAlt;}},draggable:{type:ControlType.Boolean,title:\"Draggable\",defaultValue:false,description:\"v1.3 \\n[via SegmentUI](https://www.segmentUI.com)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RichTextTicker\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Tickerfield.map"],
  "mappings": "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",
  "names": ["RichTextTicker", "props", "richText", "speed", "gap", "direction", "hover", "cornerRadius", "showAlt", "altSpacing", "altFont", "altColor", "draggable", "containerRef", "pe", "contentRef", "contentSize", "setContentSize", "ye", "dragStartPos", "currentTranslate", "isDragging", "lastDragPosition", "ue", "updateSize", "items", "halfLength", "totalSize", "i", "window", "animationFrameId", "animate", "scrollSize", "transform", "handleMouseDown", "computedStyle", "handleMouseMove", "handleMouseUp", "currentPos", "delta", "handleTouchStart", "touch", "handleTouchMove", "handleTouchEnd", "containerStyle", "contentStyle", "itemStyle", "renderContent", "j", "child", "index", "p", "u", "q", "RenderTarget", "addPropertyControls", "ControlType"]
}