{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/HYcHVPAbe8jLEeU7c4mp/TcQV6SEsl3y6G9Op8tp0/Time.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,useLocaleCode}from\"framer\";import{useState,useEffect,useCallback}from\"react\";const fontStack=`\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;function useForceRender(){const[_,set]=useState(0);return useCallback(()=>set(v=>v+1),[]);}function formatTimeOrDate(outputType,{showYear,showMonth,showWeekday,showMinutes,showSeconds},timeFormat,monthFormat,localCode){const date=new Date;const onlyYearIsShown=!showWeekday&&!showMonth&&showYear;switch(outputType){case\"date\":return new Intl.DateTimeFormat(localCode,{weekday:showWeekday?\"long\":undefined,day:onlyYearIsShown?undefined:\"numeric\",month:showMonth?monthFormat:undefined,year:showYear?\"numeric\":undefined}).format(date);case\"time\":return new Intl.DateTimeFormat(localCode,{hour:\"numeric\",minute:showMinutes?\"numeric\":undefined,second:showSeconds&&showMinutes?\"numeric\":undefined,hour12:timeFormat===\"12h\"}).format(date);default:return new Intl.DateTimeFormat(localCode).format(date);}}/**\n * TIME AND DATE\n * FORKED FROM PROTOTYPING\n *\n *\n * @framerIntrinsicWidth 140\n * @framerIntrinsicHeight 20\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export function Time(props){const{outputType,fontFamily,fontSize,fontWeight,timeFormat,showYear,showMonth,showWeekday,showHours,showMinutes,showSeconds,monthFormat,color,font,tabularFont,alignment}=props;const[visible,setIsVisible]=useState(false);const isCanvas=RenderTarget.current()===RenderTarget.canvas;const render=useForceRender();const localCode=useLocaleCode();const textContent=formatTimeOrDate(outputType,{showYear,showMonth,showWeekday,showHours,showMinutes,showSeconds},timeFormat,monthFormat,localCode);useEffect(()=>{setIsVisible(true);// Don\u2019t want real time on Canvas\nif(isCanvas)return;const int=setInterval(()=>{render();});return()=>{clearInterval(int);};},[]);return /*#__PURE__*/_jsx(\"p\",{suppressHydrationWarning:true,style:{margin:0,padding:0,color,fontFamily:fontStack,fontWeight:500,fontSize:16,lineHeight:1,visibility:visible?\"visible\":\"hidden\",...font,fontVariantNumeric:tabularFont?\"tabular-nums\":\"normal\",whiteSpace:\"nowrap\"},children:textContent});}Time.defaultProps={height:20,width:140,outputType:\"time\",color:\"#999\",timeFormat:\"24h\",showYear:true,showMonth:true,showWeekday:true,showMinutes:true,showSeconds:true,monthFormat:\"long\",alignment:\"center\"};Time.displayName=\"Time & Date\";addPropertyControls(Time,{outputType:{title:\"Type\",type:ControlType.Enum,displaySegmentedControl:true,options:[\"date\",\"time\"],optionTitles:[\"Date\",\"Time\"],defaultValue:Time.defaultProps.outputType},showWeekday:{title:\"Day\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:Time.defaultProps.showWeekday,hidden:props=>props.outputType!==\"date\"},showMonth:{title:\"Month\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:Time.defaultProps.showMonth,hidden:props=>props.outputType!==\"date\"},monthFormat:{title:\"Format\",type:ControlType.Enum,options:[\"short\",\"long\",\"numeric\"],optionTitles:[\"Short\",\"Long\",\"Numeric\"],defaultValue:Time.defaultProps.monthFormat,hidden:props=>props.outputType!==\"date\"||!props.showMonth},showYear:{title:\"Year\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:Time.defaultProps.showYear,hidden:props=>props.outputType!==\"date\"},timeFormat:{title:\"Format\",type:ControlType.Enum,options:[\"12h\",\"24h\"],optionTitles:[\"12h\",\"24h\"],displaySegmentedControl:true,defaultValue:Time.defaultProps.timeFormat,hidden:props=>props.outputType!==\"time\"},// showHours: {\n//     title: \"Hours\",\n//     type: ControlType.Boolean,\n//     enabledTitle: \"Show\",\n//     disabledTitle: \"Hide\",\n//     defaultValue: Time.defaultProps.showHours,\n//     hidden: (props) => props.outputType !== \"time\",\n// },\nshowMinutes:{title:\"Minutes\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:Time.defaultProps.showMinutes,hidden:props=>props.outputType!==\"time\"},showSeconds:{title:\"Seconds\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:Time.defaultProps.showSeconds,hidden:props=>props.outputType!==\"time\"||!props.showMinutes},font:{type:ControlType.Font,controls:\"extended\"},tabularFont:{title:\"Tabular\",type:ControlType.Boolean,defaultValue:true},color:{type:ControlType.Color,defaultValue:Time.defaultProps.color}});\nexport const __FramerMetadata__ = {\"exports\":{\"Time\":{\"type\":\"reactComponent\",\"name\":\"Time\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"20\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"140\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Time.map"],
  "mappings": "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",
  "names": ["fontStack", "useForceRender", "_", "set", "ye", "te", "v", "formatTimeOrDate", "outputType", "showYear", "showMonth", "showWeekday", "showMinutes", "showSeconds", "timeFormat", "monthFormat", "localCode", "date", "onlyYearIsShown", "Time", "props", "fontFamily", "fontSize", "fontWeight", "showHours", "color", "font", "tabularFont", "alignment", "visible", "setIsVisible", "isCanvas", "RenderTarget", "render", "useLocaleCode", "textContent", "ue", "int", "p", "addPropertyControls", "ControlType"]
}