{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/h4CVs7BScvOAJww4XnXS/CWn0W2ijEl6TgUC0lMMf/Custom_Countown.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect,useCallback}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";// Constants\nconst fontStack=`\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;// Helper Functions\nconst 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(()=>set(v=>v+1),[]);}function minTwoDigits(number,digitCount){return digitCount?number:(number<10?\"0\":\"\")+number;}function wrapInSpan(colorValue,string,font){return /*#__PURE__*/_jsx(\"span\",{style:{color:colorValue,...font},children:string});}function createCountdownString(timeLeft,displayOptions,labels,spacing,labelColor,labelFont){let days=/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.days,spacing.space,displayOptions.showHours?wrapInSpan(labelColor,`:`,labelFont):``]});let hours=displayOptions.showHours?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.hours,spacing.space,displayOptions.showMinutes?wrapInSpan(labelColor,`:`,labelFont):``]}):``;let minutes=displayOptions.showHours&&displayOptions.showMinutes?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.minutes,spacing.space,displayOptions.showSeconds?wrapInSpan(labelColor,`:`,labelFont):``]}):``;let seconds=displayOptions.showHours&&displayOptions.showMinutes&&displayOptions.showSeconds?timeLeft.seconds:``;if(!spacing.labelType){days=/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.days,spacing.spaceForLabel,wrapInSpan(labelColor,labels.dayLabel,labelFont)]});hours=displayOptions.showHours?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.hours,spacing.spaceForLabel,wrapInSpan(labelColor,labels.hourLabel,labelFont)]}):``;minutes=displayOptions.showMinutes?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.minutes,spacing.spaceForLabel,wrapInSpan(labelColor,labels.minuteLabel,labelFont)]}):``;seconds=displayOptions.showSeconds?/*#__PURE__*/_jsxs(_Fragment,{children:[timeLeft.seconds,spacing.spaceForLabel,wrapInSpan(labelColor,labels.secondLabel,labelFont)]}):``;}return /*#__PURE__*/_jsxs(_Fragment,{children:[days,spacing.space,hours,spacing.space,minutes,spacing.space,seconds]});}// CountdownTimer Component\nexport default function CountdownTimer(props){const{date,pickTime,numberFont,labelFont,color,labelColor,displayProps,onComplete}=props;const{digitCount,labelType,numberSpace,labelSpace,dayLabel,hourLabel,minuteLabel,secondLabel,showHours,showMinutes,showSeconds,tabularFont}=displayProps;const{fontSize,fontFamily,fontWeight,fontStyle,textAlign,letterSpacing,lineHeight}=numberFont;const[visible,setIsVisible]=useState(false);const difference=+new Date(date).setUTCHours(pickTime)-+new Date;if(difference<=0){onComplete===null||onComplete===void 0?void 0:onComplete();}const isCanvas=RenderTarget.current()===RenderTarget.canvas;const render=useForceRender();useEffect(()=>{setIsVisible(true);if(isCanvas)return;const int=setInterval(()=>{render();},1e3);return()=>{clearInterval(int);};},[]);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,labelFont);return /*#__PURE__*/_jsx(\"p\",{suppressHydrationWarning:true,style:{color,fontFamily:fontStack,fontWeight:500,fontSize:16,lineHeight:1,...numberFont,margin:0,padding:0,visibility:visible?\"visible\":\"hidden\",fontVariantNumeric:tabularFont?\"tabular-nums\":\"normal\",whiteSpace:\"nowrap\"},children:difference>0?timeString:emptyString});}CountdownTimer.displayName=\"Countdown\";// Default Date Value\nconst defaultDate=new Date;defaultDate.setDate(defaultDate.getDate()+2);// Property Controls\naddPropertyControls(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}}},numberFont:{type:ControlType.Font,title:\"Number Font\",controls:\"extended\"},labelFont:{type:ControlType.Font,title:\"Label 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\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Custom_Countown.map"],
  "mappings": "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",
  "names": ["fontStack", "calculateTimeLeft", "difference", "digitCount", "minTwoDigits", "useForceRender", "set", "ye", "te", "v", "number", "wrapInSpan", "colorValue", "string", "font", "p", "createCountdownString", "timeLeft", "displayOptions", "labels", "spacing", "labelColor", "labelFont", "days", "u", "l", "hours", "minutes", "seconds", "CountdownTimer", "props", "date", "pickTime", "numberFont", "color", "displayProps", "onComplete", "labelType", "numberSpace", "labelSpace", "dayLabel", "hourLabel", "minuteLabel", "secondLabel", "showHours", "showMinutes", "showSeconds", "tabularFont", "fontSize", "fontFamily", "fontWeight", "fontStyle", "textAlign", "letterSpacing", "lineHeight", "visible", "setIsVisible", "isCanvas", "RenderTarget", "render", "ue", "int", "space", "spaceForLabel", "emptyString", "timeString", "defaultDate", "addPropertyControls", "ControlType"]
}