{"version":3,"file":"LocalTimeDisplay.DakOjupP.mjs","names":["useState","useMemo"],"sources":["https:/framerusercontent.com/modules/K4d8JsljUZNdmBXjDV2a/zjuyfkMNvPHvsELCt79J/LocalTimeDisplay.js"],"sourcesContent":["// City Local Time Display - City, Country { TIME } format, major cities selectable, customizable text/font/color\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState,useMemo,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * City Local Time Format: CITY NAME, COUNTRY NAME { TIME }\n * User can select from major world cities, customize font and color.\n *\n * @framerIntrinsicWidth 190\n * @framerIntrinsicHeight 22\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */const cityList=[{city:\"New York\",country:\"USA\",timezone:\"America/New_York\"},{city:\"London\",country:\"UK\",timezone:\"Europe/London\"},{city:\"Tokyo\",country:\"Japan\",timezone:\"Asia/Tokyo\"},{city:\"Sydney\",country:\"Australia\",timezone:\"Australia/Sydney\"},{city:\"Dubai\",country:\"UAE\",timezone:\"Asia/Dubai\"},{city:\"Paris\",country:\"France\",timezone:\"Europe/Paris\"},{city:\"S\\xe3o Paulo\",country:\"Brazil\",timezone:\"America/Sao_Paulo\"},{city:\"Los Angeles\",country:\"USA\",timezone:\"America/Los_Angeles\"},{city:\"Singapore\",country:\"Singapore\",timezone:\"Asia/Singapore\"},{city:\"Hong Kong\",country:\"China\",timezone:\"Asia/Hong_Kong\"}];export default function LocalTimeDisplay(props){const{selectedCity,textFont,textColor,allCaps,style}=props;const cityConfig=cityList.find(c=>c.city===selectedCity)||cityList[0];const[now,setNow]=useState(()=>new Date);useEffect(()=>{const timer=setInterval(()=>{startTransition(()=>setNow(new Date));},1e3);return()=>clearInterval(timer);},[]);const formattedTime=useMemo(()=>{try{return now.toLocaleTimeString(\"en-US\",{hour12:true,hour:\"2-digit\",minute:\"2-digit\",second:\"2-digit\",timeZone:cityConfig.timezone});}catch{return\"Invalid Time\";}},[now,cityConfig.timezone]);return /*#__PURE__*/_jsx(\"div\",{style:{...style,minWidth:\"max-content\",fontFamily:textFont?.fontFamily||\"'DM Mono', monospace\",fontSize:textFont?.fontSize||10,fontWeight:textFont?.fontWeight||400,fontStyle:textFont?.fontStyle||\"normal\",letterSpacing:textFont?.letterSpacing||\"0em\",lineHeight:textFont?.lineHeight||1,color:textColor,textTransform:allCaps?\"uppercase\":\"none\",whiteSpace:\"nowrap\"},children:formattedTime});}addPropertyControls(LocalTimeDisplay,{selectedCity:{type:ControlType.Enum,title:\"City\",options:cityList.map(c=>c.city),optionTitles:cityList.map(c=>c.city),defaultValue:\"New York\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},textFont:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{variant:\"Regular\",fontSize:10,letterSpacing:\"0em\",lineHeight:\"1em\"}},allCaps:{type:ControlType.Boolean,title:\"All Caps\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LocalTimeDisplay\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LocalTimeDisplay.map"],"mappings":"+LAS0mB,SAAwB,EAAiB,EAAM,CAAC,GAAK,CAAC,eAAa,WAAS,YAAU,UAAQ,SAAO,EAAY,EAAW,EAAS,KAAK,GAAG,EAAE,OAAO,CAAY,GAAG,EAAS,GAAQ,CAAC,EAAI,GAAQA,MAAa,IAAI,IAAI,EAAE,MAAc,CAAC,IAAM,EAAM,gBAAgB,CAAC,MAAoB,EAAO,IAAI,IAAI,CAAC,CAAE,EAAE,GAAG,EAAE,UAAU,cAAc,CAAK,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAcC,MAAY,CAAC,GAAG,CAAC,OAAO,EAAI,mBAAmB,QAAQ,CAAC,OAAO,GAAK,KAAK,UAAU,OAAO,UAAU,OAAO,UAAU,SAAS,EAAW,QAAQ,CAAC,CAAE,MAAM,CAAC,MAAM,cAAe,CAAC,EAAE,CAAC,EAAI,EAAW,QAAQ,CAAC,EAAE,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,cAAc,WAAW,GAAU,YAAY,uBAAuB,SAAS,GAAU,UAAU,GAAG,WAAW,GAAU,YAAY,IAAI,UAAU,GAAU,WAAW,SAAS,cAAc,GAAU,eAAe,MAAM,WAAW,GAAU,YAAY,EAAE,MAAM,EAAU,cAAc,EAAQ,YAAY,OAAO,WAAW,QAAQ,EAAE,SAAS,CAAa,CAAC,CAAE,mBAR7hD,IAA8D,IAAoD,EAQnJ,EAAS,CAAC,CAAC,KAAK,WAAW,QAAQ,MAAM,SAAS,kBAAkB,EAAE,CAAC,KAAK,SAAS,QAAQ,KAAK,SAAS,eAAe,EAAE,CAAC,KAAK,QAAQ,QAAQ,QAAQ,SAAS,YAAY,EAAE,CAAC,KAAK,SAAS,QAAQ,YAAY,SAAS,kBAAkB,EAAE,CAAC,KAAK,QAAQ,QAAQ,MAAM,SAAS,YAAY,EAAE,CAAC,KAAK,QAAQ,QAAQ,SAAS,SAAS,cAAc,EAAE,CAAC,KAAK,YAAe,QAAQ,SAAS,SAAS,mBAAmB,EAAE,CAAC,KAAK,cAAc,QAAQ,MAAM,SAAS,qBAAqB,EAAE,CAAC,KAAK,YAAY,QAAQ,YAAY,SAAS,gBAAgB,EAAE,CAAC,KAAK,YAAY,QAAQ,QAAQ,SAAS,gBAAgB,CAAC,EAAg+B,EAAoB,EAAiB,CAAC,aAAa,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,EAAS,IAAI,GAAG,EAAE,IAAI,EAAE,aAAa,EAAS,IAAI,GAAG,EAAE,IAAI,EAAE,aAAa,UAAU,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,SAAS,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,QAAQ,UAAU,SAAS,GAAG,cAAc,MAAM,WAAW,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAY,QAAQ,MAAM,WAAW,aAAa,GAAM,aAAa,KAAK,cAAc,KAAK,CAAC,CAAC"}