{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/BIHaw55VACfRKwSgwtj7/PgDq0ODqIZnpmSpQHs8h/Clock.js", "ssg:https://framerusercontent.com/modules/yhoL6ea862C7LF4gEbLu/cpduQVJM5rqYsDCsCKj4/KMXRHZ5Ax.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth 100%\n * @framerSupportedLayoutHeight 100%\n */export default function Clock({timezone,is24HourFormat,showSeconds,showDate,dateFormat,datePosition,monthFormat,prefixOrSuffix,text,fontOptions,style}){const[dateTime,setDateTime]=useState(\"\");const[isValidTimezone,setIsValidTimezone]=useState(true);useEffect(()=>{const formatDate=date=>{const dayOption=dateFormat.includes(\"D\")?\"2-digit\":undefined;const monthOption=dateFormat.includes(\"M\")?monthFormat===\"number\"?\"2-digit\":\"long\":undefined;const yearOption=dateFormat.includes(\"Y\")?\"numeric\":undefined;const options={year:yearOption,month:monthOption,day:dayOption};return new Intl.DateTimeFormat(\"en-US\",options).format(date);};const updateTime=()=>{try{const now=new Date;const timeOptions={hour:\"2-digit\",minute:\"2-digit\",second:showSeconds?\"2-digit\":undefined,timeZone:timezone,hour12:!is24HourFormat};const timeFormatter=new Intl.DateTimeFormat(\"en-US\",timeOptions);const formattedTime=timeFormatter.format(now);const formattedDate=showDate?formatDate(now):\"\";const separator=showDate?\" - \":\"\";let combinedDateTime=\"\";if(datePosition===\"prefix\"){combinedDateTime=`${formattedDate}${separator}${formattedTime}`;}else{combinedDateTime=`${formattedTime}${separator}${formattedDate}`;}setDateTime(prefixOrSuffix===\"prefix\"?`${text}${combinedDateTime}`:`${combinedDateTime}${text}`);setIsValidTimezone(true);}catch(error){console.error(\"Error with timezone: \",error);setIsValidTimezone(false);}};updateTime();const interval=setInterval(updateTime,1e3);return()=>clearInterval(interval);},[timezone,is24HourFormat,showSeconds,showDate,dateFormat,datePosition,monthFormat,prefixOrSuffix,text]);const combinedStyle={...style,...fontOptions,margin:0,padding:0,height:\"auto\",width:\"auto\"};return /*#__PURE__*/_jsx(\"div\",{style:combinedStyle,children:/*#__PURE__*/_jsx(\"p\",{style:{margin:0},children:isValidTimezone?dateTime:\"Please use a timezone identifier. You can find a full list on wikipedia.\"})});}Clock.defaultProps={timezone:\"America/New_York\",is24HourFormat:true,showSeconds:false,showDate:false,dateFormat:\"DMY\",datePosition:\"prefix\",monthFormat:\"number\",prefixOrSuffix:\"suffix\",text:\"\",fontOptions:{fontFamily:\"Arial\",fontSize:16,letterSpacing:0,fontWeight:\"normal\",color:\"#999999\",lineHeight:1.5,textAlign:\"center\"},style:{}};addPropertyControls(Clock,{timezone:{type:ControlType.String,title:\"Timezone\",defaultValue:\"America/New_York\",description:\"Use a timezone identifier ie: 'America/Los_Angeles'\"},is24HourFormat:{type:ControlType.Boolean,title:\"24h Format\",defaultValue:true,enabledTitle:\"24h\",disabledTitle:\"12h\"},showSeconds:{type:ControlType.Boolean,title:\"Show Seconds\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\"},showDate:{type:ControlType.Boolean,title:\"Show Date\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\"},dateFormat:{type:ControlType.Enum,title:\"Date Format\",options:[\"D\",\"M\",\"DM\",\"DMY\"],optionTitles:[\"Only Day\",\"Only Month\",\"Day and Month\",\"Day, Month and Year\"],defaultValue:\"DMY\",hidden:({showDate})=>!showDate},datePosition:{type:ControlType.SegmentedEnum,title:\"Date Position\",options:[\"prefix\",\"suffix\"],optionTitles:[\"Prefix\",\"Suffix\"],defaultValue:\"prefix\",hidden:({showDate})=>!showDate},monthFormat:{type:ControlType.SegmentedEnum,title:\"Month Format\",options:[\"number\",\"text\"],optionTitles:[\"Number\",\"Text\"],defaultValue:\"number\",hidden:({showDate})=>!showDate},prefixOrSuffix:{type:ControlType.SegmentedEnum,title:\"Prefix/Suffix\",options:[\"prefix\",\"suffix\"],optionTitles:[\"Prefix\",\"Suffix\"],defaultValue:\"suffix\"},text:{type:ControlType.String,title:\"Text\",defaultValue:\"\"},fontOptions:{type:ControlType.Object,title:\"Font Options\",controls:{fontFamily:{type:ControlType.String,title:\"Font Family\",defaultValue:\"Arial\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:16,min:8,max:100,step:1},letterSpacing:{type:ControlType.Number,title:\"Letter Spacing\",defaultValue:0,min:-5,max:20,step:.1},fontWeight:{type:ControlType.Enum,title:\"Font Weight\",options:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:\"400\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\"},lineHeight:{type:ControlType.Number,title:\"Line Height\",defaultValue:1.5,min:.5,max:3,step:.1},textAlign:{type:ControlType.Enum,title:\"Text Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\"}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Clock\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"100%\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"100%\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Clock.map", "import{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-Dpsyj .framer-styles-preset-1g0uozd:not(.rich-text-wrapper), .framer-Dpsyj .framer-styles-preset-1g0uozd.rich-text-wrapper a { --framer-link-hover-text-color: #3b3b3b; --framer-link-text-color: #000000; --framer-link-text-decoration: none; }\"];export const className=\"framer-Dpsyj\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["Clock", "timezone", "is24HourFormat", "showSeconds", "showDate", "dateFormat", "datePosition", "monthFormat", "prefixOrSuffix", "text", "fontOptions", "style", "dateTime", "setDateTime", "ye", "isValidTimezone", "setIsValidTimezone", "ue", "formatDate", "date", "dayOption", "monthOption", "options", "updateTime", "now", "timeOptions", "formattedTime", "formattedDate", "separator", "combinedDateTime", "error", "interval", "combinedStyle", "p", "addPropertyControls", "ControlType", "fontStore", "fonts", "css", "className"]
}