{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/gUFQfG4hzwetJp91F1s2/SIbwDYxCA3rERNpRX2d0/Time_Date.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{containerStyles,fontStack}from\"https://framer.com/m/framer/default-utils.js\";export function Time(props){const{lightColor=\"#000000\",darkColor=\"#FFFFFF\",showTime=true,scrollPercentage=80,transitionBuffer=5,fontSize=16,fontWeight=500,font,timeFormat=\"24h\",timePosition=\"end\",timeSeparator=\" \"}=props;const[currentDateTime,setCurrentDateTime]=React.useState(getFormattedDateTime());const[textColor,setTextColor]=React.useState(lightColor);// Update date and time every minute\nReact.useEffect(()=>{const timer=setInterval(()=>{setCurrentDateTime(getFormattedDateTime());},6e4);return()=>clearInterval(timer);},[showTime,timeFormat]);// Track scroll position relative to document height\nReact.useEffect(()=>{const handleScroll=()=>{// Oblicz ca\u0142kowit\u0105 wysoko\u015B\u0107 dokumentu (z uwzgl\u0119dnieniem cz\u0119\u015Bci niewidocznej)\nconst documentHeight=Math.max(document.body.scrollHeight,document.body.offsetHeight,document.documentElement.clientHeight,document.documentElement.scrollHeight,document.documentElement.offsetHeight);// Aktualna pozycja scrollowania\nconst currentScrollY=window.scrollY||window.pageYOffset;// Wysoko\u015B\u0107 okna przegl\u0105darki\nconst windowHeight=window.innerHeight;// Maksymalna pozycja scrollowania\nconst maxScroll=documentHeight-windowHeight;// Oblicz procent przescrollowania (0-100%)\nconst scrollPercentageNow=currentScrollY/maxScroll*100;// Zmie\u0144 kolor na podstawie procentu przescrollowania\nif(scrollPercentageNow>=scrollPercentage){setTextColor(darkColor);}else{setTextColor(lightColor);}};// Initial check\nhandleScroll();// Add scroll listener\nwindow.addEventListener(\"scroll\",handleScroll,{passive:true});return()=>window.removeEventListener(\"scroll\",handleScroll);},[lightColor,darkColor,scrollPercentage,transitionBuffer]);function getFormattedDateTime(){const now=new Date;// Format date\nconst dateOptions={weekday:\"long\",day:\"numeric\",month:\"long\"};const dateStr=new Intl.DateTimeFormat(\"en-GB\",dateOptions).format(now).replace(\",\",\"\");if(!showTime)return dateStr;// Format time based on selected format\nconst timeOptions={hour:\"2-digit\",minute:\"2-digit\",hour12:timeFormat===\"12h\"};const timeStr=new Intl.DateTimeFormat(\"en-GB\",timeOptions).format(now);// Combine date and time based on position setting\nif(timePosition===\"end\"){return dateStr+timeSeparator+timeStr;}else if(timePosition===\"start\"){return timeStr+timeSeparator+dateStr;}else{return dateStr// fallback\n;}}return /*#__PURE__*/_jsx(\"div\",{style:{...containerStyles,color:textColor,fontFamily:fontStack,fontWeight,fontSize,...font,position:\"relative\",transition:\"color 0.2s ease\"},children:/*#__PURE__*/_jsx(\"span\",{style:{width:\"100%\"},children:currentDateTime})});}Time.defaultProps={height:20,width:240,lightColor:\"#000000\",darkColor:\"#FFFFFF\",showTime:true,scrollPercentage:80,transitionBuffer:5,fontSize:16,fontWeight:500,timeFormat:\"24h\",timePosition:\"end\",timeSeparator:\" \"};Time.displayName=\"Adaptive Date & Time\";addPropertyControls(Time,{lightColor:{type:ControlType.Color,title:\"Top Color\",defaultValue:Time.defaultProps.lightColor},darkColor:{type:ControlType.Color,title:\"Bottom Color\",defaultValue:Time.defaultProps.darkColor},scrollPercentage:{type:ControlType.Number,title:\"Color Change %\",defaultValue:Time.defaultProps.scrollPercentage,min:0,max:100,step:1,unit:\"%\",displayStepper:true},showTime:{type:ControlType.Boolean,title:\"Show Time\",defaultValue:Time.defaultProps.showTime},timeFormat:{type:ControlType.Enum,title:\"Time Format\",options:[\"24h\",\"12h\"],optionTitles:[\"24-hour\",\"12-hour\"],defaultValue:\"24h\",hidden:props=>!props.showTime},timePosition:{type:ControlType.Enum,title:\"Time Position\",options:[\"end\",\"start\"],optionTitles:[\"After Date\",\"Before Date\"],defaultValue:\"end\",hidden:props=>!props.showTime},timeSeparator:{type:ControlType.String,title:\"Separator\",defaultValue:\" \",hidden:props=>!props.showTime},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:Time.defaultProps.fontSize,min:8,max:72,step:1},fontWeight:{type:ControlType.Number,title:\"Font Weight\",defaultValue:Time.defaultProps.fontWeight,min:100,max:900,step:100},font:{type:ControlType.Font,controls:\"extended\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"Time\":{\"type\":\"reactComponent\",\"name\":\"Time\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Time_Date.map"],
  "mappings": "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",
  "names": ["Time", "props", "lightColor", "darkColor", "showTime", "scrollPercentage", "transitionBuffer", "fontSize", "fontWeight", "font", "timeFormat", "timePosition", "timeSeparator", "currentDateTime", "setCurrentDateTime", "ye", "getFormattedDateTime", "textColor", "setTextColor", "ue", "timer", "handleScroll", "documentHeight", "currentScrollY", "window", "windowHeight", "maxScroll", "now", "dateOptions", "dateStr", "timeOptions", "timeStr", "p", "containerStyles", "fontStack", "addPropertyControls", "ControlType"]
}