{"version":3,"file":"TimecodeTOD.BgCIcv-7.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/oNuNTD4HVlx1nq7JStt4/p3ytGH0EamgZcjzGpxgi/TimecodeTOD.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * TimecodeTOD — free-run Time-of-Day timecode (HH:MM:SS:FF)\n * Frame (FF) is derived from the clock's milliseconds at the chosen fps.\n */export default function TimecodeTOD(props){const{color,fontSize,vertical,fps,letterSpacing}=props;const ref=useRef(null);useEffect(()=>{let raf=0;const pad=n=>String(n).padStart(2,\"0\");const tick=()=>{const d=new Date;const f=Math.floor(d.getMilliseconds()*fps/1e3);if(ref.current){ref.current.textContent=`${pad(d.getHours())}:${pad(d.getMinutes())}:`+`${pad(d.getSeconds())}:${pad(f)}`;}raf=requestAnimationFrame(tick);};raf=requestAnimationFrame(tick);return()=>cancelAnimationFrame(raf);},[fps]);return /*#__PURE__*/_jsx(\"span\",{ref:ref,style:{fontFamily:\"DS-Digital, 'DS-Digital Bold', 'SF Mono', ui-monospace, Menlo, monospace\",fontSize,color,letterSpacing:`${letterSpacing}em`,writingMode:vertical?\"vertical-rl\":\"horizontal-tb\",fontVariantNumeric:\"tabular-nums\",whiteSpace:\"nowrap\"},children:\"00:00:00:00\"});}TimecodeTOD.defaultProps={color:\"#2C5111\",fontSize:11,vertical:true,fps:24,letterSpacing:.04};addPropertyControls(TimecodeTOD,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#2C5111\"},fontSize:{type:ControlType.Number,title:\"Size\",defaultValue:11,min:8,max:64,unit:\"px\"},fps:{type:ControlType.Number,title:\"FPS\",defaultValue:24,min:1,max:120},letterSpacing:{type:ControlType.Number,title:\"Tracking\",defaultValue:.04,min:-.1,max:.5,step:.01},vertical:{type:ControlType.Boolean,title:\"Vertical\",defaultValue:true,enabledTitle:\"Vertical\",disabledTitle:\"Horizontal\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TimecodeTOD\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TimecodeTOD.map"],"mappings":"iLAGG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,QAAM,WAAS,WAAS,MAAI,iBAAe,EAAY,EAAIA,EAAO,IAAI,EAA6X,OAA3X,MAAc,CAAC,IAAI,EAAI,EAAQ,EAAI,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAQ,MAAS,CAAC,IAAM,EAAE,IAAI,KAAW,EAAE,KAAK,MAAM,EAAE,gBAAgB,EAAE,EAAI,GAAG,EAAK,EAAI,UAAS,EAAI,QAAQ,YAAY,GAAG,EAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAI,EAAE,WAAW,CAAC,EAAE,GAAM,EAAI,EAAE,WAAW,CAAC,EAAE,GAAG,EAAI,CAAC,KAAK,EAAI,sBAAsB,CAAI,CAAE,EAAkC,MAAhC,GAAI,sBAAsB,CAAI,MAAY,qBAAqB,CAAG,CAAE,EAAE,CAAC,CAAG,CAAC,EAAsB,EAAK,OAAO,CAAK,MAAI,MAAM,CAAC,WAAW,2EAA2E,WAAS,QAAM,cAAc,GAAG,EAAc,IAAI,YAAY,EAAS,cAAc,gBAAgB,mBAAmB,eAAe,WAAW,QAAQ,EAAE,SAAS,aAAa,CAAC,CAAE,iBAHxwB,IAAoC,IAAoD,EAGirB,EAAY,aAAa,CAAC,MAAM,UAAU,SAAS,GAAG,SAAS,GAAK,IAAI,GAAG,cAAc,GAAG,EAAE,EAAoB,EAAY,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,IAAI,EAAE,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,IAAI,IAAI,IAAI,IAAI,GAAG,KAAK,GAAG,EAAE,SAAS,CAAC,KAAK,EAAY,QAAQ,MAAM,WAAW,aAAa,GAAK,aAAa,WAAW,cAAc,YAAY,CAAC,CAAC"}