{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/YA3iK3Afo27kYzYjpTSi/LbfyNKjmoEsUNmmvdFOc/Countdown.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{startTransition,useCallback,useEffect,useRef,useState}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\"`;const calculateTimeLeft=(difference,digitCount)=>{if(difference>0){return{days:minTwoDigits(Math.floor(difference/(1e3*60*60*24)),digitCount),hours:minTwoDigits(Math.floor(difference/(1e3*60*60)%24),digitCount),minutes:minTwoDigits(Math.floor(difference/1e3/60%60),digitCount),seconds:minTwoDigits(Math.floor(difference/1e3%60),digitCount)};}return{days:0,hours:0,minutes:0,seconds:0};};function useForceRender(){const[_,set]=useState(0);return useCallback(()=>startTransition(()=>set(v=>v+1)),[]);}function minTwoDigits(number,digitCount){if(digitCount)return number;else return(number<10?\"0\":\"\")+number;}function wrapInSpan(colorValue,string){return /*#__PURE__*/_jsx(\"span\",{style:{color:colorValue},children:string});}function createCountdownString(timeLeft,{showHours,showMinutes,showSeconds},{dayLabel,hourLabel,minuteLabel,secondLabel},{space,spaceForLabel,labelType},labelColor){// Dots as default labels\nlet days=/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.days,space,showHours?wrapInSpan(labelColor,`:`):``]});let hours=showHours?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.hours,space,showMinutes?wrapInSpan(labelColor,`:`):``]}):``;let minutes=showHours&&showMinutes?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.minutes,space,showSeconds?wrapInSpan(labelColor,`:`):``]}):``;let seconds=showHours&&showMinutes&&showSeconds?timeLeft.seconds:``;// Custom labels have different logic\n// Dots you want to hide depending on the next item, but labels you do not\n// For example, 20D 4H is a common notation, but you do not want 20:4:, you want 20:4\nif(!labelType){days=/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.days,spaceForLabel,wrapInSpan(labelColor,dayLabel)]});hours=showHours?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.hours,spaceForLabel,wrapInSpan(labelColor,hourLabel)]}):``;minutes=showMinutes?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.minutes,spaceForLabel,wrapInSpan(labelColor,minuteLabel)]}):``;seconds=showSeconds?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.seconds,spaceForLabel,wrapInSpan(labelColor,secondLabel)]}):``;}return /*#__PURE__*/_jsxs(_Fragment,{children:[days,space,hours,space,minutes,space,seconds]});}/**\n * COUNTDOWN\n * By Benjamin den Boer\n * @benjaminnathan\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function CountdownTimer(props){const{date,pickTime,font,color,labelColor,displayProps,onComplete}=props;const{digitCount,labelType,numberSpace,labelSpace,dayLabel,hourLabel,minuteLabel,secondLabel,showHours,showMinutes,showSeconds,tabularFont}=displayProps;const[visible,setIsVisible]=useState(false);const difference=+new Date(date).setUTCHours(pickTime)-+new Date;const timeoutRef=useRef(0);if(difference<=0){onComplete===null||onComplete===void 0?void 0:onComplete();clearTimeout(timeoutRef.current);}const isCanvas=RenderTarget.current()===RenderTarget.canvas;const render=useForceRender();useEffect(()=>{startTransition(()=>setIsVisible(true));// Don\u2019t want real time on Canvas\nif(isCanvas)return;function tick(){const date=new Date;const next=new Date().setSeconds(date.getSeconds()+1,0)-+date;timeoutRef.current=setTimeout(tick,next);render();}tick();return()=>clearTimeout(timeoutRef.current);},[isCanvas,render]);const timeLeft=calculateTimeLeft(difference,digitCount);const space=numberSpace?\"\":\" \";const spaceForLabel=labelSpace?\"\":\" \";const emptyString=`00:00:00:00`;const timeString=createCountdownString(timeLeft,{showHours,showMinutes,showSeconds},{dayLabel,hourLabel,minuteLabel,secondLabel},{space,spaceForLabel,labelType},labelColor);return /*#__PURE__*/_jsx(\"p\",{suppressHydrationWarning:true,style:{color,fontFamily:fontStack,fontWeight:500,fontSize:16,lineHeight:1,...font,margin:0,padding:0,visibility:visible?\"visible\":\"hidden\",fontVariantNumeric:tabularFont?\"tabular-nums\":\"normal\",whiteSpace:\"nowrap\"},children:difference>0?timeString:emptyString});}CountdownTimer.displayName=\"Countdown\";const defaultDate=new Date;defaultDate.setDate(defaultDate.getDate()+2);/* Property Controls */addPropertyControls(CountdownTimer,{date:{type:ControlType.Date,title:\"Date\",defaultValue:defaultDate.toISOString()},pickTime:{type:ControlType.Number,min:0,max:24,defaultValue:0,step:1,displayStepper:true,title:\"UTC\",unit:\":00\"},displayProps:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Dots, Labels\",icon:\"boolean\",controls:{digitCount:{title:\"Digits\",type:ControlType.Boolean,enabledTitle:\"One\",disabledTitle:\"Two\",defaultValue:false},labelType:{title:\"Type\",type:ControlType.Boolean,enabledTitle:\"Dots\",disabledTitle:\"Custom\",defaultValue:true},numberSpace:{type:ControlType.Boolean,title:\"Number\",enabledTitle:\"Auto\",disabledTitle:\"Space\",defaultValue:false},labelSpace:{type:ControlType.Boolean,title:\"Label\",enabledTitle:\"Auto\",disabledTitle:\"Space\",defaultValue:true,hidden:props=>props.labelType},dayLabel:{type:ControlType.String,title:\"Days\",defaultValue:\"D\",placeholder:\"D\",hidden:props=>props.labelType},showHours:{title:\"Hours\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:true},hourLabel:{type:ControlType.String,title:\" \",defaultValue:\"H\",placeholder:\"H\",hidden:props=>props.labelType||!props.showHours},showMinutes:{title:\"Minutes\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:true,hidden:props=>!props.showHours},minuteLabel:{type:ControlType.String,title:\" \",defaultValue:\"M\",placeholder:\"M\",hidden:props=>props.labelType||!props.showHours||!props.showMinutes},showSeconds:{title:\"Seconds\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:true,hidden:props=>!props.showHours||!props.showMinutes},secondLabel:{type:ControlType.String,title:\" \",defaultValue:\"S\",placeholder:\"S\",hidden:props=>props.labelType||!props.showHours||!props.showMinutes||!props.showSeconds},tabularFont:{title:\"Tabular\",type:ControlType.Boolean,defaultValue:true}}},font:{type:ControlType.Font,controls:\"extended\"},color:{type:ControlType.Color,defaultValue:\"#999\"},labelColor:{title:\"Label\",type:ControlType.Color,defaultValue:\"rgba(153,153,153,0.5)\"},onComplete:{type:ControlType.EventHandler}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CountdownTimer\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"200\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Countdown.map"],
  "mappings": "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",
  "names": ["fontStack", "calculateTimeLeft", "difference", "digitCount", "minTwoDigits", "useForceRender", "_", "set", "ye", "te", "Z", "v", "number", "wrapInSpan", "colorValue", "string", "p", "createCountdownString", "timeLeft", "showHours", "showMinutes", "showSeconds", "dayLabel", "hourLabel", "minuteLabel", "secondLabel", "space", "spaceForLabel", "labelType", "labelColor", "days", "u", "hours", "minutes", "seconds", "CountdownTimer", "props", "date", "pickTime", "font", "color", "displayProps", "onComplete", "numberSpace", "labelSpace", "tabularFont", "visible", "setIsVisible", "timeoutRef", "pe", "isCanvas", "RenderTarget", "render", "ue", "tick", "next", "emptyString", "timeString", "defaultDate", "addPropertyControls", "ControlType"]
}