into several smaller ones, which prevents the huge
\n// from becoming an LCP element.\nconst descriptionParagraphs=description?.split(\"\\n\\n\");return description.split(\"\\n\\n\").map((line,index)=>/*#__PURE__*/_jsx(DescriptionParagraph,{line:line,// Only render the policy in the last paragraph\n policy:index===descriptionParagraphs.length-1?policy:null,style:{// Add a spacing between paragraphs\n marginTop:index>0?4:0,...style},linkColor:linkColor},index));}function DescriptionParagraph({line,policy,style,linkColor}){return /*#__PURE__*/_jsxs(\"p\",{style:{lineHeight:1.5,margin:0,padding:0,fontSize:14,...style},children:[line,line&&policy?.link?\" \":null,policy?.link&&/*#__PURE__*/_jsxs(\"span\",{children:[policy?.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy?.link,target:\"_blank\",rel:\"noopener noreferrer\",style:{color:linkColor,textDecoration:\"none\"},children:policy?.label}),\".\"]})]});}function Buttons({children,direction}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:direction,gap:10,marginTop:16},children:children});}const Button=withCSS(function Button({id,children,primary,settings,onClick}){const paddingValue=settings.paddingPerSide?`${settings.paddingTop}px ${settings.paddingRight}px ${settings.paddingBottom}px ${settings.paddingLeft}px`:`${settings.padding}px`;const theme=primary?settings.primary:settings.secondary;return /*#__PURE__*/_jsx(motion.input,{className:\"__framer-cookie-component-button\",id:`__framer-cookie-component-button-${id}`,onClick:onClick,type:\"button\",value:`${children}`,whileHover:{opacity:settings.hoverOpacity??.6},whileTap:{opacity:settings.tapOpacity??.4},style:{WebkitAppearance:\"none\",appearance:\"none\",width:settings.fluid?\"100%\":\"auto\",height:\"auto\",border:\"none\",padding:paddingValue,borderRadius:settings.borderRadius,boxShadow:getShadow(theme.shadow),background:theme.fill,color:theme.color,fontSize:14,lineHeight:1,cursor:\"pointer\",fontWeight:settings.font?\"unset\":600,...withDefaultFontFamily(settings.font)}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\",\"framer-lib-cookie-banner\");function withDefaultFontFamily(style){if(style?.fontFamily)return style;return{...style,fontFamily:style?.fontFamily||DEFAULT_FONT_FAMILY};}\nexport const __FramerMetadata__ = {\"exports\":{\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map","// ⚠️⚠️⚠️⚠️⚠️\n// Edit these files in https://github.com/framer/FramerCodeComponents\n// ⚠️⚠️⚠️⚠️⚠️\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,useIsOnFramerCanvas,withCSS}from\"framer\";import{AnimatePresence,isBrowser,motion}from\"framer-motion\";import{lazy,Suspense,useEffect,useState}from\"react\";import{createPortal}from\"react-dom\";import{defaultConsent,useConsent,useGTMDefaultConsent}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/SElQKSOnUBZOSJtmN84H/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/LdKok3hlO89v4p4R5gq4/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/LMJoQTMJ3dAbGtsVKgtQ/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/Puy217ziAIZRqHk4rVRu/inEU.js\";import{DEFAULT_FONT_FAMILY,getFlexboxValues,interactionResponse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/pK4oThhjjhllFVAwqFls/utils.js\";// Keep track of open state between page reloads\nlet initiallyOpen=false;/**\n * COOKIE BANNER\n * By Floris Verloop\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n *\n * @framerDisableUnlink\n *\n */export default function CookieBanner({gtmId,preview,trigger,banner,button,content,options,style,gtmLoadedExternally,onShown,onConsentChange,onAccept,onDismiss,onReject,onSavePreferences}){const isOnFramerCanvas=useIsOnFramerCanvas();const isPreview=preview&&isOnFramerCanvas;const skipLogic=!preview&&isOnFramerCanvas;const isInEU=isBrowser?inEU():false;// we ignore customer's GTM in preview because their specific setups can break the preview currently\n// this can be removed if we remove reliance on globals for react symbols in the preview\n// https://framer-team.slack.com/archives/C01J38GC2SW/p1770826268498759\nconst skipGTMId=isInFramerPreview();const gtmDefaults=useGTMDefaultConsent();const region=useRegion({content,useRegionFromProps:isPreview,// skip EU check (expensive) if we are on the canvas and don't want a preview\nskipEUCheck:skipLogic,regionFromGTM:gtmDefaults.region});const consent=useConsent({gtmId:skipGTMId?\"\":gtmId,defaultConsent:gtmDefaults.available?gtmDefaults.consent:region.defaults,gtmLoadedExternally,defaultsFromGTM:gtmDefaults.available});const[isOpen,setIsOpen]=useState(initiallyOpen);// On page switch, disable all transitions so the banner shows up as fast as possible.\nconst[instantlyShowOnMount,setInstantlyShowOnMount]=useState(initiallyOpen);useEffect(()=>{if(skipLogic)return;// Save open state between page switches\ninitiallyOpen=isOpen;// Disable instantly show on mount after first open\nif(isOpen){setInstantlyShowOnMount(false);}// Track shown event\nif(isOpen&&!isPreview&&onShown){yieldBeforeCb(()=>onShown({isInEU}),{priority:\"user-blocking\"});}},[isOpen,skipLogic]);// Check if user should be prompted\nuseEffect(()=>{if(skipLogic)return;const noConsentGiven=consent.isInitialized&&!consent.isDismissed;const shouldAutoAccept=region.type===\"simple\"&&!consent.isAutoAccepted;if(noConsentGiven){performance.mark(\"framer-cookie-open\");setIsOpen(true);/** Automatically accept all cookies for simple banner. */if(shouldAutoAccept){consent.autoAccept();// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}}if(consent.isDismissed){setIsOpen(false);}},[consent.isInitialized,consent.isDismissed,skipLogic]);useEffect(()=>{if(skipLogic)return;if(onConsentChange){yieldBeforeCb(()=>onConsentChange({isInEU,consent:consent.modes}));}},[consent.modes,skipLogic]);async function handleDismiss(){await interactionResponse();consent.dismiss();setIsOpen(false);// Fire callback\nif(onDismiss){yieldBeforeCb(()=>onDismiss({isInEU}));}}async function handleAcceptAll(){await interactionResponse();consent.acceptAll();setIsOpen(false);// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}async function handleRejectAll(){await interactionResponse();consent.rejectAll();setIsOpen(false);// Fire callback\nif(onReject){yieldBeforeCb(()=>onReject({isInEU}));}}async function handleAcceptCurrent(){await interactionResponse();consent.acceptCurrent();setIsOpen(false);// Fire callbacks\nyieldBeforeCb(()=>{if(onAccept){onAccept({isInEU});}});yieldBeforeCb(()=>{if(onSavePreferences){onSavePreferences({isInEU});}});}if(isPreview){return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:banner.width},children:/*#__PURE__*/_jsx(Banner,{banner:banner,button:button,region:region,options:options,previewOptions:isPreview&&options.preview,consentModes:{...defaultConsent,necessary:true},animateOnMount:false})});}return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Trigger,{style:style,trigger:trigger,onClick:()=>setIsOpen(true)}),!skipLogic&&/*#__PURE__*/_jsx(Overlay,{banner:banner,button:button,region:region,options:options,consentModes:consent.modes,animateOnMount:!instantlyShowOnMount,onAcceptAll:handleAcceptAll,onAcceptCurrent:handleAcceptCurrent,onRejectAll:handleRejectAll,onDismiss:handleDismiss,onToggleConsent:consent.toggleMode,isOpen:isOpen})]});}function isInFramerPreview(){return RenderTarget.current()===RenderTarget.preview&&typeof window!==\"undefined\"&&window.origin?.endsWith(\".framercanvas.com\");}const IconCookie=/*#__PURE__*/lazy(()=>import(\"https://framerusercontent.com/modules/80EyUU0Nk6u7skW3IlHH/5dbuLOGDrS0SjHVtVyCR/Icons.js\"));function Overlay(props){const insetValue=props.banner.insetPerSide?`${props.banner.insetTop}px ${props.banner.insetRight}px ${props.banner.insetBottom}px ${props.banner.insetLeft}px`:`${props.banner.inset}px`;const{justifyContent,alignItems}=getFlexboxValues(props.banner.position);const isOpen=props.isOpen;const[shouldRenderPortal,setShouldRenderPortal]=useState(isOpen);// if the portal has previously been rendered, we want to keep rendering the portal, which ensures:\n// - that AnimatePresence works (fade out effect)\n// - we don't cause body style recalc/reflow when the DOM node is removed\nif(!shouldRenderPortal&&isOpen)setShouldRenderPortal(isOpen);if(!shouldRenderPortal)return null;const blocking=props.region.blocking;return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},children:/*#__PURE__*/_jsx(AnimatePresence,{children:isOpen?/*#__PURE__*/_jsxs(motion.div,{style:{// We only need to span to the full viewport width if the overlay is blocking.\n// Otherwise, we optimize for a smaller layer size. see: https://framer-team.slack.com/archives/C05V49Q4NJ2/p1709820207863249\ntop:blocking||alignItems===\"flex-start\"?0:undefined,left:blocking||justifyContent===\"flex-start\"?0:undefined,right:blocking||justifyContent===\"flex-end\"?0:undefined,height:blocking?\"100%\":undefined,width:blocking||justifyContent===\"center\"?\"100%\":undefined,bottom:blocking||alignItems===\"flex-end\"?0:undefined,boxSizing:\"border-box\",position:\"fixed\",touchAction:\"none\",padding:insetValue,zIndex:props.banner.zIndex,display:\"flex\",flexDirection:\"row\",gap:20,justifyContent:\"center\",pointerEvents:blocking?\"all\":\"none\"},children:[blocking&&/*#__PURE__*/_jsx(Backdrop,{color:props.banner.style?.backdrop}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",justifyContent,alignItems,pointerEvents:\"none\",maxWidth:props.banner.containerWidth>0?props.banner.containerWidth:\"unset\"},children:/*#__PURE__*/_jsx(Banner,{...props})})]}):null})}),document.body);}const Trigger=withCSS(({trigger,style,onClick})=>{const isOnFramerCanvas=useIsOnFramerCanvas();if(trigger.type!==\"none\"){return /*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"__framer-cookie-component-button\",\"aria-label\":\"Cookie Trigger\",style:{width:\"100%\",height:\"100%\",background:\"none\",display:\"flex\",border:\"none\",padding:0,color:trigger.color,fontSize:16,cursor:\"pointer\",...trigger.textFont},onClick:onClick,children:trigger.type===\"icon\"?trigger.iconType===\"custom\"&&trigger.iconImage?/*#__PURE__*/_jsx(\"img\",{alt:\"\",src:trigger.iconImage.src,width:trigger.iconSize,height:trigger.iconSize}):/*#__PURE__*/_jsx(Suspense,{fallback:null,children:/*#__PURE__*/_jsx(IconCookie,{width:trigger.iconSize,height:trigger.iconSize,color:trigger.color})}):/*#__PURE__*/_jsx(\"span\",{style:{whiteSpace:\"nowrap\"},children:trigger.text})});}if(isOnFramerCanvas){return /*#__PURE__*/_jsxs(\"div\",{style:{borderRadius:8,color:\"#09F\",border:\"1px dashed #09F\",background:\"rgba(0, 153, 255, 0.1)\",padding:20,display:\"flex\",flexDirection:\"column\",gap:5,fontFamily:DEFAULT_FONT_FAMILY,textAlign:\"center\",justifyContent:\"center\",width:164,...style},children:[/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,fontWeight:600,lineHeight:1,margin:0},children:\"Cookie Banner\"}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,lineHeight:1.5,margin:0},children:\"Put on a page to add a Cookie Banner.\"})]});}},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\",\"framer-lib-cookie-trigger\");function Backdrop({color}){return /*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{position:\"absolute\",top:0,left:0,right:0,bottom:0,width:\"100%\",height:\"100%\",backgroundColor:color,pointerEvents:\"none\"}});}addPropertyControls(CookieBanner,{gtmId:{title:\"GTM ID\",type:ControlType.String,placeholder:\"GTM-AAAAAAA\",description:\"Your GTM container ID.\\n[Learn more](https://www.framer.com/learn/cookie-banner/)\"},preview:{type:ControlType.Boolean,defaultValue:true,description:\"Lets you preview the banner on the Canvas.\"},trigger:{type:ControlType.Object,buttonTitle:\"Icon, Text\",controls:{type:{title:\"Type\",type:ControlType.Enum,options:[\"text\",\"icon\",\"none\"],optionTitles:[\"Text\",\"Icon\",\"None\"],defaultValue:\"text\",displaySegmentedControl:true},iconType:{title:\"Icon\",type:ControlType.Enum,options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,hidden:props=>props.type!==\"icon\"},text:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.type!==\"text\"},textFont:{// @ts-ignore - internal\ntype:ControlType.Font,title:\" \",controls:\"extended\",hidden:props=>props.type!==\"text\"},iconSize:{title:\"Size\",type:ControlType.Number,displayStepper:true,defaultValue:24,hidden:props=>props.type!==\"icon\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#333\",hidden:props=>props.type===\"none\"||props.type===\"icon\"&&props.iconType===\"custom\"},iconImage:{title:\"File\",type:ControlType.ResponsiveImage,allowedFileTypes:[\"jpg\",\"png\",\"svg\"],hidden:props=>props.iconType===\"default\"}}},banner:{title:\"Banner\",type:ControlType.Object,buttonTitle:\"Font, Styles\",controls:{position:{type:ControlType.Enum,title:\"Position\",options:[\"top-left\",\"top-center\",\"top-right\",\"bottom-right\",\"bottom-center\",\"bottom-left\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Bottom Right\",\"Bottom Center\",\"Bottom Left\"],defaultValue:\"bottom-right\"},zIndex:{title:\"Z Index\",type:ControlType.Number,defaultValue:10,displayStepper:true,min:0,max:10},width:{title:\"Width\",type:ControlType.Number,defaultValue:360,min:200,max:1e3,displayStepper:true,step:5},containerWidth:{title:\"Wrapping\",type:ControlType.Number,defaultValue:0,min:0},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:20,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},inset:{title:\"Inset\",type:ControlType.FusedNumber,toggleKey:\"insetPerSide\",toggleTitles:[\"Inset\",\"Inset per side\"],defaultValue:20,valueKeys:[\"insetTop\",\"insetRight\",\"insetBottom\",\"insetLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors, Shadow\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"extended\"},colorTitle:{title:\" \",type:ControlType.Color,defaultValue:\"#000\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"extended\"},colorBody:{title:\" \",type:ControlType.Color,defaultValue:\"#444\"},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#FFF\"},link:{title:\"Link\",type:ControlType.Color,optional:true,defaultValue:\"#999\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:14},width:{title:\"Width\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:1},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.05)\"}}},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100,defaultValue:0},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100,defaultValue:2},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100,defaultValue:4}}},backdrop:{title:\"Backdrop\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\",hidden:(_,props)=>!props.content.euBlocking&&!props.content.worldBlocking}}},animation:{icon:\"effect\",buttonTitle:\"Options\",type:ControlType.Object,controls:{x:{type:ControlType.Number,displayStepper:true,defaultValue:0},y:{type:ControlType.Number,displayStepper:true,defaultValue:10},scale:{type:ControlType.Number,min:0,step:.1,defaultValue:1},transition:{type:ControlType.Transition}}}}},button:{title:\"Buttons\",type:ControlType.Object,buttonTitle:\"Variants, Style\",controls:{primary:{title:\"Primary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#000\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#FFF\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},secondary:{title:\"Secondary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#EEE\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#444\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},labels:{type:ControlType.Object,controls:{accept:{type:ControlType.String,defaultValue:\"Accept\"},reject:{type:ControlType.String,defaultValue:\"Reject\"},acceptAll:{type:ControlType.String,defaultValue:\"Accept all\"},rejectAll:{type:ControlType.String,defaultValue:\"Reject all\"},customize:{type:ControlType.String,defaultValue:\"Customize\"},save:{type:ControlType.String,defaultValue:\"Save Preferences\"},confirm:{type:ControlType.String,defaultValue:\"Okay\"}}},font:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Font\",controls:\"extended\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:10,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},tapOpacity:{title:\"Tap Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.4},hoverOpacity:{title:\"Hover Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.6},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"row\",\"column\"],// @ts-ignore - internal\noptionIcons:[\"direction-horizontal\",\"direction-vertical\"],defaultValue:\"row\",displaySegmentedControl:true},fluid:{title:\"Fluid\",type:ControlType.Boolean,defaultValue:true}}},content:{title:\"Regions\",type:ControlType.Object,buttonTitle:\"World, EU\",controls:{isEU:{title:\" \",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"EU\",disabledTitle:\"World\"},euType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"medium\",hidden:props=>!props.isEU},euTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.euType===\"simple\"||!props.isEU},euDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",displayTextArea:true,hidden:props=>!props.isEU},euPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link,defaultValue:\"https://www.framer.com/legal/policy/\"},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>!props.isEU},euDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>!props.isEU},euShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.euType!==\"advanced\"},euBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>!props.isEU},worldType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"simple\",hidden:props=>props.isEU},worldTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.worldType===\"simple\"||props.isEU},worldDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to personalize content, run ads, and analyze traffic.\",displayTextArea:true,hidden:props=>props.isEU},worldPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>props.isEU},worldDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>props.isEU},worldShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.worldType!==\"advanced\"},worldBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>props.isEU}}},options:{type:ControlType.Object,buttonTitle:\"Content, Styles\",hidden:(_,props)=>props.content.euType!==\"advanced\"&&props.content.worldType!==\"advanced\",controls:{preview:{type:ControlType.Boolean,defaultValue:false,description:\"Open when previewing banner on the canvas.\",hidden:(_,props)=>!props.preview},necessary:{title:\"Necessary\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Necessary\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables security and basic functionality.\",displayTextArea:true},optional:{title:\"Optional\",type:ControlType.Boolean,defaultValue:true}}},preferences:{title:\"Preferences\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Preferences\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables personalized content and settings.\",displayTextArea:true,optional:true}}},analytics:{title:\"Analytics\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Analytics\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables tracking of performance.\",displayTextArea:true}}},marketing:{title:\"Marketing\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Marketing\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables ads personalization and tracking.\",displayTextArea:true}}},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"basic\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"basic\"},background:{title:\"Background\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},width:{title:\"Width\",type:ControlType.Number,displayStepper:true},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"}}},toggleColor:{title:\"On\",type:ControlType.Color,defaultValue:\"#000\"},toggleColorInactive:{title:\"Off\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:12,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}}}}}});CookieBanner.displayName=\"Cookie Banner\";\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FontProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cookies.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,useCallback,useEffect,useMemo,useRef}from\"react\";import{useIsStaticRenderer}from\"framer\";import{useReducedMotion}from\"framer-motion\";// Continuous, overlapping waves: no shared loop boundary or palette changes.\nfunction buildGradient(seconds){const wave=(period,phase=0)=>Math.sin(seconds/period*Math.PI*2+phase);const swell=.72*wave(23)+.28*wave(37,.9);const stretch=.76*wave(31,1.1)+.24*wave(47,-.5);const drift=wave(41,.35);const breath=wave(29,-.8);// Keep the center beyond the lower-left edge; only the soft wash enters.\nconst baseX=-8+6*drift+2*wave(59);const baseY=119-9*swell+4*wave(43,.7);const baseRadiusX=103+18*swell+24*stretch;const baseRadiusY=103+20*swell-21*stretch+5*breath;const shoulder=41+4*breath;const falloff=70+5*wave(53,.4);// The faint sheen follows the same deformation, with a small delayed drift.\nconst highlightX=baseX-13+2*wave(43,-.6);const highlightY=baseY+10+2*wave(37,-.8);const highlightRadiusX=baseRadiusX*1.14;const highlightRadiusY=baseRadiusY*1.13;return`radial-gradient(ellipse ${highlightRadiusX}% ${highlightRadiusY}% at ${highlightX}% ${highlightY}%, rgba(225, 231, 227, 0.12) 0%, rgba(225, 231, 227, 0.08) 16%, rgba(225, 231, 227, 0.04) 26%, rgba(225, 231, 227, 0) 38%), radial-gradient(ellipse ${baseRadiusX}% ${baseRadiusY}% at ${baseX}% ${baseY}%, rgb(135, 154, 140) 0%, rgb(102, 130, 113) 18%, rgb(66, 99, 80) ${shoulder}%, rgb(32, 58, 44) ${falloff}%, rgb(5, 5, 5) 100%)`;}const staticGradient=buildGradient(0);// Warp the surface itself, so both light and dark bend along curved paths.\nconst vertexSource=`\nattribute vec2 position;\nvarying vec2 uv;\nvoid main() {\n uv = position * 0.5 + 0.5;\n gl_Position = vec4(position, 0.0, 1.0);\n}`;const fragmentSource=`\n#ifdef GL_FRAGMENT_PRECISION_HIGH\nprecision highp float;\n#else\nprecision mediump float;\n#endif\nvarying vec2 uv;\nuniform float time;\nconst float TAU = 6.2831853;\nfloat wave(float period, float phase) {\n return sin(time * TAU / period + phase);\n}\nvec2 curl(vec2 p, vec2 center, float amount, float radius) {\n vec2 d = p - center;\n float angle = amount * exp(-dot(d, d) / (radius * radius));\n float c = cos(angle), s = sin(angle);\n return center + mat2(c, -s, s, c) * d;\n}\nvoid main() {\n vec2 p = vec2(uv.x, 1.0 - uv.y);\n float swell = 0.7 * wave(43.0, 0.0) + 0.3 * wave(71.0, 0.8);\n float leftBreath = 0.7 * wave(53.0, -0.9) + 0.3 * wave(89.0, 1.2);\n float rightBreath = 0.7 * wave(67.0, 1.5) + 0.3 * wave(101.0, -0.4);\n\n // Broad, spatially varying turns rather than rotating the entire layer.\n vec2 q = curl(p, vec2(0.20 + 0.08 * wave(79.0, 0.2), 0.62),\n 0.85 + 0.65 * wave(61.0, 0.3) + 0.22 * wave(97.0, 1.0), 0.82);\n q = curl(q, vec2(0.86, 0.24 + 0.09 * wave(83.0, 0.7)),\n -0.65 + 0.55 * wave(73.0, 1.8), 0.70);\n q += 0.055 * vec2(sin(q.y * 4.2 + time * 0.057),\n sin(q.x * 3.6 - time * 0.041 + 1.2));\n\n float stretch = wave(59.0, 1.1);\n vec2 baseCenter = vec2(-0.10 + 0.05 * wave(83.0, 0.0), 1.10);\n vec2 radius = vec2(1.16 + 0.15 * swell + 0.14 * stretch,\n 1.16 + 0.15 * swell - 0.13 * stretch);\n float distanceToGreen = length((q - baseCenter) / radius);\n vec3 black = vec3(5.0) / 255.0;\n vec3 color = mix(vec3(135.0,154.0,140.0)/255.0,\n vec3(102.0,130.0,113.0)/255.0,\n smoothstep(0.0,0.20,distanceToGreen));\n color = mix(color,vec3(66.0,99.0,80.0)/255.0,\n smoothstep(0.18,0.48,distanceToGreen));\n color = mix(color,vec3(32.0,58.0,44.0)/255.0,\n smoothstep(0.44,0.76,distanceToGreen));\n color = mix(color,black,smoothstep(0.69,1.04,distanceToGreen));\n\n // Independently curling dark inlets, anchored to opposing upper edges.\n vec2 left = curl(p,vec2(0.08,0.43),\n 0.60 + 0.65 * wave(71.0,-0.8),0.72);\n left += 0.045 * vec2(sin(left.y * 5.0 - time * 0.049),\n sin(left.x * 4.0 + time * 0.037));\n float leftDistance = length((left - vec2(-0.16,0.02 + 0.13 * leftBreath)) /\n vec2(0.54 + 0.10 * leftBreath,0.77 + 0.12 * wave(79.0,0.5)));\n float leftDark = (1.0-smoothstep(0.28,1.18,leftDistance)) *\n (0.72 + 0.17 * leftBreath);\n vec2 right = curl(p,vec2(0.89,0.36),\n -0.75 + 0.55 * wave(83.0,1.4),0.78);\n float rightDistance = length((right - vec2(1.13,-0.04 + 0.15 * rightBreath)) /\n vec2(0.65 + 0.09 * rightBreath,0.90 + 0.12 * wave(97.0,-0.2)));\n float rightDark = (1.0-smoothstep(0.25,1.16,rightDistance)) *\n (0.78 + 0.14 * rightBreath);\n color = mix(color,black,1.0-(1.0-leftDark)*(1.0-rightDark));\n gl_FragColor = vec4(color,1.0);\n}`;function createFlowSurface(node){const canvas=document.createElement(\"canvas\");const gl=canvas.getContext(\"webgl\",{alpha:false,antialias:false,depth:false,stencil:false,powerPreference:\"low-power\"});if(!gl)return null;const compile=(type,source)=>{const shader=gl.createShader(type);if(!shader)return null;gl.shaderSource(shader,source);gl.compileShader(shader);if(!gl.getShaderParameter(shader,gl.COMPILE_STATUS)){gl.deleteShader(shader);return null;}return shader;};const vertex=compile(gl.VERTEX_SHADER,vertexSource);const fragment=compile(gl.FRAGMENT_SHADER,fragmentSource);const program=gl.createProgram();if(!vertex||!fragment||!program){if(vertex)gl.deleteShader(vertex);if(fragment)gl.deleteShader(fragment);if(program)gl.deleteProgram(program);return null;}gl.attachShader(program,vertex);gl.attachShader(program,fragment);gl.linkProgram(program);gl.deleteShader(vertex);gl.deleteShader(fragment);if(!gl.getProgramParameter(program,gl.LINK_STATUS)){gl.deleteProgram(program);return null;}const buffer=gl.createBuffer();if(!buffer){gl.deleteProgram(program);return null;}gl.useProgram(program);gl.bindBuffer(gl.ARRAY_BUFFER,buffer);gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),gl.STATIC_DRAW);const position=gl.getAttribLocation(program,\"position\");gl.enableVertexAttribArray(position);gl.vertexAttribPointer(position,2,gl.FLOAT,false,0,0);const time=gl.getUniformLocation(program,\"time\");canvas.setAttribute(\"aria-hidden\",\"true\");Object.assign(canvas.style,{position:\"absolute\",inset:\"0\",width:\"100%\",height:\"100%\",pointerEvents:\"none\",borderRadius:\"inherit\",display:\"block\"});// The field is deliberately soft; a modest backing resolution is enough.\nlet seconds=0;const draw=value=>{seconds=value;if(gl.isContextLost())return;gl.uniform1f(time,seconds);gl.drawArrays(gl.TRIANGLES,0,6);};const resize=()=>{const scale=Math.min(1,720/Math.max(node.clientWidth,node.clientHeight,1));canvas.width=Math.max(1,Math.round(node.clientWidth*scale));canvas.height=Math.max(1,Math.round(node.clientHeight*scale));gl.viewport(0,0,canvas.width,canvas.height);draw(seconds);};// If graphics are unavailable, expose the existing CSS gradient fallback.\nconst onContextLost=()=>{canvas.style.display=\"none\";};canvas.addEventListener(\"webglcontextlost\",onContextLost);node.appendChild(canvas);resize();const resizeObserver=typeof ResizeObserver!==\"undefined\"?new ResizeObserver(resize):null;resizeObserver?.observe(node);return{draw,dispose(){resizeObserver?.disconnect();canvas.removeEventListener(\"webglcontextlost\",onContextLost);canvas.remove();gl.deleteBuffer(buffer);gl.deleteProgram(program);gl.getExtension(\"WEBGL_lose_context\")?.loseContext();}};}export function withAmbientRadialDrift(Component){return /*#__PURE__*/forwardRef(function WithAmbientRadialDrift(props,forwardedRef){const localRef=useRef(null);const prefersReducedMotion=useReducedMotion();const isStatic=useIsStaticRenderer();const shouldAnimate=!prefersReducedMotion&&!isStatic;const setRefs=useCallback(node=>{localRef.current=node;if(typeof forwardedRef===\"function\"){forwardedRef(node);}else if(forwardedRef&&\"current\"in forwardedRef){forwardedRef.current=node;}},[forwardedRef]);useEffect(()=>{const node=localRef.current;if(!node)return;node.style.backgroundImage=staticGradient;if(typeof window===\"undefined\")return;const surface=createFlowSurface(node);if(!shouldAnimate)return()=>surface?.dispose();let frame=null;let previousTime=null;let elapsed=0;let lastDraw=-Infinity;let inView=true;let disposed=false;const tick=timestamp=>{frame=null;if(disposed||document.hidden||!inView)return;if(previousTime!==null)elapsed+=timestamp-previousTime;previousTime=timestamp;if(elapsed-lastDraw>=1e3/30){const motionSeconds=elapsed/1e3*1.1;if(surface)surface.draw(motionSeconds);else node.style.backgroundImage=buildGradient(motionSeconds);lastDraw=elapsed;}frame=window.requestAnimationFrame(tick);};// Preserve the current shape while paused, then resume without a jump.\nconst updatePlayback=()=>{if(disposed)return;if(document.hidden||!inView){if(frame!==null)window.cancelAnimationFrame(frame);frame=null;previousTime=null;}else if(frame===null){previousTime=null;frame=window.requestAnimationFrame(tick);}};const observer=typeof IntersectionObserver!==\"undefined\"?new IntersectionObserver(([entry])=>{inView=entry.isIntersecting;updatePlayback();}):null;observer?.observe(node);document.addEventListener(\"visibilitychange\",updatePlayback);updatePlayback();return()=>{disposed=true;surface?.dispose();observer?.disconnect();document.removeEventListener(\"visibilitychange\",updatePlayback);if(frame!==null)window.cancelAnimationFrame(frame);};},[shouldAnimate]);const wrapperStyle=useMemo(()=>({...props.style,backgroundColor:\"rgb(5, 5, 5)\",backgroundImage:staticGradient,backgroundRepeat:\"no-repeat, no-repeat\",backgroundPosition:\"0% 0%, 0% 0%\",backgroundSize:\"100% 100%, 100% 100%\",willChange:props?.style?.willChange}),[props.style,shouldAnimate]);return /*#__PURE__*/_jsx(Component,{...props,ref:setRefs,style:wrapperStyle});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withAmbientRadialDrift\":{\"type\":\"reactHoc\",\"name\":\"withAmbientRadialDrift\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AmbientRadialDrift.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";/**\n * Cookiebanner pas tonen na de eerste interactie (klik/tik, toets, scrollwiel, touch).\n *\n * Waarom: de bannertekst was op veel pagina's het grootste element en dus de LCP (10–16 s op mobiel).\n * Chrome stopt de LCP-meting bij de eerste interactie; een banner die daarna verschijnt telt niet mee.\n * De component zelf (GTM, Consent Mode, opgeslagen keuze) laadt ongewijzigd; alleen de zichtbaarheid wacht.\n * De banner rendert via een portal in
, daarom verbergen we hem met CSS i.p.v. een wrapper.\n * `scroll` telt bewust niet mee: dat event komt ook bij scrollherstel zonder dat de bezoeker iets doet.\n *\n * Gebruik: override op de Cookie Banner-instantie in Sections/Footer (alle breakpoints).\n */const EVENTS=[\"pointerdown\",\"keydown\",\"wheel\",\"touchstart\"];const HIDE_CSS=\".--framer-cookie-banner-container{visibility:hidden!important}\";/**\n * Telefoon: de banner van Framer heeft 32 px marge en een knoppenrij die niet omloopt (±394 px breed),\n * waardoor hij op elk telefoonscherm rechts buiten beeld viel (3 okt 2026). Hier: marge 12 px, breedte\n * begrensd op het scherm en knoppen die omlopen. Geldt voor alle talen.\n */const MOBILE_CSS=\"@media (max-width:809.98px){\"+\"div:has(>div>div>.--framer-cookie-banner-container){width:100%!important;max-width:100vw!important;padding:12px!important}\"+\".--framer-cookie-banner-container{max-width:none!important}\"+\".--framer-cookie-banner-container div:has(>input[type=button]){flex-wrap:wrap!important}\"+\".--framer-cookie-banner-container input[type=button]{width:auto!important;flex:1 1 auto!important}\"+\"}\";let interacted=false;export function withShowAfterInteraction(Component){return props=>{// Server en eerste render: verborgen (zelfde uitvoer, geen hydratiefout)\nconst[show,setShow]=useState(false);useEffect(()=>{if(interacted){setShow(true);return;}const cleanup=()=>EVENTS.forEach(e=>window.removeEventListener(e,onInteract,true));function onInteract(){interacted=true;setShow(true);cleanup();}EVENTS.forEach(e=>window.addEventListener(e,onInteract,{capture:true,passive:true}));return cleanup;},[]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:MOBILE_CSS}}),!show&&/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:HIDE_CSS}}),/*#__PURE__*/_jsx(Component,{...props})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withShowAfterInteraction\":{\"type\":\"reactHoc\",\"name\":\"withShowAfterInteraction\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CookieBannerAfterInteraction.map","// Generated by Framer (d4ce50a)\nimport{LazyValue}from\"framer\";const valuesByLocaleId={P66L0qUSn:new LazyValue(()=>import(\"./nUp4KAWsA-1.js\")),vfwmvCP8g:new LazyValue(()=>import(\"./nUp4KAWsA-0.js\"))};export default function getLocalizedValue(key,locale){while(locale){const values=valuesByLocaleId[locale.id];if(values&&values.status===\"fulfilled\"){const value=values.read()[key];if(value)return value;}locale=locale.fallback;}}function preload(locale){const promises=[];while(locale){const values=valuesByLocaleId[locale.id];if(values){const promise=values.preload();if(promise)promises.push(promise);}locale=locale.fallback;}if(promises.length>0)return Promise.all(promises);}export function usePreloadLocalizedValues(locale){const preloadPromise=preload(locale);if(preloadPromise)throw preloadPromise;}\nexport const __FramerMetadata__ = {\"exports\":{\"usePreloadLocalizedValues\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (7bfce40)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const H266i5_HD=undefined;const mask='url(\\'data:image/svg+xml,\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({fill,height,id,width,...props})=>{return{...props,H266i5_HD:fill??props.H266i5_HD??\"var(--token-417808d0-1dfe-483f-9164-e0725b1b82a7, rgb(5, 5, 5))\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,H266i5_HD,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-hSZIm\",className),layoutId:layoutId,ref:ref,style:{\"--19yvod6\":H266i5_HD,...style}});});const css=[`.framer-hSZIm { -webkit-mask: ${mask}; aspect-ratio: 1.5294117647058822; background-color: var(--19yvod6); mask: ${mask}; width: 260px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 260\n * @framerIntrinsicHeight 170\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"H266i5_HD\":\"fill\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"FA Icon\",\"color\":{\"type\":\"variable\",\"value\":\"19yvod6\"},\"set\":{\"localId\":\"vectorSet/rXD6WXoPh\",\"id\":\"rXD6WXoPh\",\"moduleId\":\"KZbLXlQacRvWNBtrOnSY\"}}\n */const Icon=withCSS(Component,css,\"framer-hSZIm\");Icon.displayName=\"FA Icon\";export default Icon;addPropertyControls(Icon,{H266i5_HD:{defaultValue:'var(--token-417808d0-1dfe-483f-9164-e0725b1b82a7, rgb(5, 5, 5)) /* {\"name\":\"FA - Dark Graphite\"} */',hidden:false,title:\"Fill\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"260\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerVector\":\"{\\\"name\\\":\\\"FA Icon\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"19yvod6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/rXD6WXoPh\\\",\\\"id\\\":\\\"rXD6WXoPh\\\",\\\"moduleId\\\":\\\"KZbLXlQacRvWNBtrOnSY\\\"}}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"170\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"H266i5_HD\\\":\\\"fill\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,useCallback,useEffect,useLayoutEffect,useRef}from\"react\";const useSafeLayoutEffect=typeof window===\"undefined\"?useEffect:useLayoutEffect;const STYLE_ID=\"careers-infinite-vertical-ticker-v2\";const ROOT_ATTRIBUTE=\"data-careers-ticker-root\";const ROW_ATTRIBUTE=\"data-careers-ticker-row\";const STATE_ATTRIBUTE=\"data-careers-ticker-state\";const TRANSITION_ATTRIBUTE=\"data-careers-ticker-transition\";const VALID_STATES=new Set([\"above\",\"current\",\"entering\",\"leaving\",\"below\"]);function ensureTickerStyles(){if(document.getElementById(STYLE_ID))return;const style=document.createElement(\"style\");style.id=STYLE_ID;style.textContent=`\n [${ROOT_ATTRIBUTE}=\"true\"] {\n position: relative !important;\n overflow: hidden !important;\n height: var(--careers-ticker-height) !important;\n }\n\n [${ROOT_ATTRIBUTE}=\"true\"] > [${ROW_ATTRIBUTE}=\"true\"] {\n position: absolute !important;\n inset: 0 !important;\n width: 100% !important;\n height: var(--careers-ticker-row-height) !important;\n margin: 0 !important;\n will-change: transform, opacity !important;\n pointer-events: none !important;\n transition-property: transform, opacity !important;\n transition-duration: var(--careers-ticker-slide-duration) !important;\n transition-timing-function: var(--careers-ticker-easing) !important;\n }\n\n [${ROOT_ATTRIBUTE}=\"true\"] > [${ROW_ATTRIBUTE}=\"true\"][${TRANSITION_ATTRIBUTE}=\"off\"] {\n transition: none !important;\n }\n\n [${ROOT_ATTRIBUTE}=\"true\"] > [${STATE_ATTRIBUTE}=\"above\"] {\n transform: translate3d(0, -120%, 0) !important;\n opacity: 1 !important;\n z-index: 1 !important;\n }\n\n [${ROOT_ATTRIBUTE}=\"true\"] > [${STATE_ATTRIBUTE}=\"current\"] {\n transform: translate3d(0, 0, 0) !important;\n opacity: 1 !important;\n z-index: 2 !important;\n }\n\n [${ROOT_ATTRIBUTE}=\"true\"] > [${STATE_ATTRIBUTE}=\"entering\"] {\n transform: translate3d(0, 0, 0) !important;\n opacity: 1 !important;\n z-index: 3 !important;\n }\n\n [${ROOT_ATTRIBUTE}=\"true\"] > [${STATE_ATTRIBUTE}=\"leaving\"],\n [${ROOT_ATTRIBUTE}=\"true\"] > [${STATE_ATTRIBUTE}=\"below\"] {\n transform: translate3d(0, 120%, 0) !important;\n opacity: 0 !important;\n z-index: 1 !important;\n }\n `;document.head.appendChild(style);}export function withCareersInfiniteVerticalTicker(Component){return /*#__PURE__*/forwardRef(function WithCareersInfiniteVerticalTicker(props,ref){const rootRef=useRef(null);const setRefs=useCallback(node=>{rootRef.current=node;if(typeof ref===\"function\"){ref(node);}else if(ref&&\"current\"in ref){ref.current=node;}},[ref]);useSafeLayoutEffect(()=>{if(typeof window===\"undefined\")return;const root=rootRef.current;if(!root)return;const HOLD_MS=1300;const SLIDE_MS=500;const EASING=\"cubic-bezier(0.895, 0.03, 0.58, 0.91)\";const BREATHING_ROOM_PX=8;ensureTickerStyles();const mediaQuery=window.matchMedia(\"(prefers-reduced-motion: reduce)\");let disposed=false;let readyToRun=false;let currentIndex=0;let currentIdentity=\"\";let activeRows=[];let isAnimating=false;let sequence=0;let holdTimerId=null;let repairTimerId=null;let stepTimerId=null;let mutationObserver=null;let resizeObserver=null;let resizeSignature=\"\";const frameIds=new Set;const originalRootStyle=root.getAttribute(\"style\");const originalRootAttribute=root.getAttribute(ROOT_ATTRIBUTE);const originalRowAttributes=new Map;const requestFrame=callback=>{const frameId=window.requestAnimationFrame(time=>{frameIds.delete(frameId);callback(time);});frameIds.add(frameId);return frameId;};const clearHoldTimer=()=>{if(holdTimerId===null)return;window.clearTimeout(holdTimerId);holdTimerId=null;};const clearRepairTimer=()=>{if(repairTimerId===null)return;window.clearTimeout(repairTimerId);repairTimerId=null;};const clearStepTimer=()=>{if(stepTimerId===null)return;window.clearTimeout(stepTimerId);stepTimerId=null;};const cancelCycle=()=>{sequence+=1;clearStepTimer();isAnimating=false;};const rememberRow=row=>{if(originalRowAttributes.has(row))return;originalRowAttributes.set(row,{row:row.getAttribute(ROW_ATTRIBUTE),state:row.getAttribute(STATE_ATTRIBUTE),transition:row.getAttribute(TRANSITION_ATTRIBUTE),ariaHidden:row.getAttribute(\"aria-hidden\")});};const restoreAttribute=(node,name,value)=>{if(value===null)node.removeAttribute(name);else node.setAttribute(name,value);};const isEligibleRow=node=>{if(!(node instanceof HTMLElement))return false;if(node.getAttribute(\"data-careers-ticker-clone\")===\"true\")return false;if(node.hasAttribute(\"hidden\"))return false;if(node.getAttribute(\"aria-hidden\")===\"true\"&&node.getAttribute(ROW_ATTRIBUTE)!==\"true\")return false;const style=window.getComputedStyle(node);return style.display!==\"none\"&&style.visibility!==\"hidden\";};const getRows=()=>Array.from(root.children).filter(isEligibleRow);const getRowIdentity=row=>(row?.textContent??\"\").replace(/\\s+/g,\" \").trim();const setTransitionEnabled=(row,enabled)=>{if(enabled)row.removeAttribute(TRANSITION_ATTRIBUTE);else row.setAttribute(TRANSITION_ATTRIBUTE,\"off\");};const setRowState=(row,state)=>{row.setAttribute(ROW_ATTRIBUTE,\"true\");row.setAttribute(STATE_ATTRIBUTE,state);};const setRowAccessibility=(row,isVisible)=>{row.setAttribute(\"aria-hidden\",isVisible?\"false\":\"true\");};const getResizeSignature=rows=>{const width=Math.round(root.getBoundingClientRect().width*10);const heights=rows.map(row=>row.scrollHeight).join(\",\");return`${width}:${heights}`;};const observeRows=rows=>{if(!resizeObserver)return;resizeObserver.disconnect();resizeObserver.observe(root);rows.forEach(row=>resizeObserver?.observe(row));};const hardReset=(preserveCurrent=true)=>{clearHoldTimer();cancelCycle();const previousRow=preserveCurrent?activeRows[currentIndex]??null:null;const previousIdentity=currentIdentity||getRowIdentity(previousRow);const rows=getRows();activeRows=rows;if(rows.length===0){currentIndex=0;currentIdentity=\"\";resizeSignature=\"\";return;}const elementIndex=previousRow?rows.indexOf(previousRow):-1;const identityIndex=previousIdentity?rows.findIndex(row=>getRowIdentity(row)===previousIdentity):-1;currentIndex=elementIndex>=0?elementIndex:identityIndex>=0?identityIndex:0;currentIdentity=getRowIdentity(rows[currentIndex]);rows.forEach(rememberRow);const measuredHeight=rows.reduce((maximum,row)=>{const rectHeight=row.getBoundingClientRect().height;return Math.max(maximum,rectHeight,row.scrollHeight);},0);const rowHeight=Math.max(measuredHeight,1);root.setAttribute(ROOT_ATTRIBUTE,\"true\");root.style.setProperty(\"--careers-ticker-row-height\",`${rowHeight}px`);root.style.setProperty(\"--careers-ticker-height\",`${rowHeight+BREATHING_ROOM_PX}px`);root.style.setProperty(\"--careers-ticker-slide-duration\",`${SLIDE_MS}ms`);root.style.setProperty(\"--careers-ticker-easing\",EASING);rows.forEach((row,index)=>{setTransitionEnabled(row,false);const isCurrent=index===currentIndex;setRowState(row,isCurrent?\"current\":\"below\");setRowAccessibility(row,isCurrent);});void root.offsetHeight;requestFrame(()=>{if(disposed)return;rows.forEach(row=>{if(row.isConnected)setTransitionEnabled(row,true);});});observeRows(rows);resizeSignature=getResizeSignature(rows);};const rowsAreHealthy=rows=>{if(rows.length!==activeRows.length)return false;return rows.every((row,index)=>{const state=row.getAttribute(STATE_ATTRIBUTE);return row===activeRows[index]&&row.getAttribute(ROW_ATTRIBUTE)===\"true\"&&state!==null&&VALID_STATES.has(state);});};const scheduleNextStep=()=>{clearHoldTimer();if(disposed||!readyToRun||document.visibilityState===\"hidden\"||mediaQuery.matches||activeRows.length<=1)return;holdTimerId=window.setTimeout(()=>{holdTimerId=null;runStep();},HOLD_MS);};const runStep=()=>{if(disposed||isAnimating||mediaQuery.matches||activeRows.length<=1)return;const liveRows=getRows();if(!rowsAreHealthy(liveRows)){hardReset(true);scheduleNextStep();return;}const outgoing=activeRows[currentIndex];const nextIndex=(currentIndex+1)%activeRows.length;const incoming=activeRows[nextIndex];if(!outgoing||!incoming){hardReset(true);scheduleNextStep();return;}isAnimating=true;const animationId=++sequence;setTransitionEnabled(incoming,false);setRowState(incoming,\"above\");setRowAccessibility(incoming,true);setRowState(outgoing,\"current\");setRowAccessibility(outgoing,true);void root.offsetHeight;requestFrame(()=>{if(disposed||animationId!==sequence)return;setTransitionEnabled(incoming,true);setRowState(outgoing,\"leaving\");setRowState(incoming,\"entering\");stepTimerId=window.setTimeout(()=>{stepTimerId=null;if(disposed||animationId!==sequence)return;const latestRows=getRows();if(!rowsAreHealthy(latestRows)||!outgoing.isConnected||!incoming.isConnected){hardReset(true);scheduleNextStep();return;}setTransitionEnabled(outgoing,false);setTransitionEnabled(incoming,false);setRowState(outgoing,\"below\");setRowAccessibility(outgoing,false);setRowState(incoming,\"current\");setRowAccessibility(incoming,true);currentIndex=nextIndex;currentIdentity=getRowIdentity(incoming);isAnimating=false;void root.offsetHeight;requestFrame(()=>{if(disposed)return;if(outgoing.isConnected)setTransitionEnabled(outgoing,true);if(incoming.isConnected)setTransitionEnabled(incoming,true);});scheduleNextStep();},SLIDE_MS+40);});};const repairNow=()=>{if(disposed)return;hardReset(true);scheduleNextStep();};const requestRepair=()=>{clearRepairTimer();repairTimerId=window.setTimeout(()=>{repairTimerId=null;repairNow();},0);};const onMotionChange=()=>requestRepair();const onPageShow=()=>requestRepair();const onVisibilityChange=()=>{if(document.visibilityState===\"hidden\"){clearHoldTimer();cancelCycle();return;}requestRepair();};if(typeof mediaQuery.addEventListener===\"function\"){mediaQuery.addEventListener(\"change\",onMotionChange);}else{mediaQuery.addListener(onMotionChange);}window.addEventListener(\"pageshow\",onPageShow);document.addEventListener(\"visibilitychange\",onVisibilityChange);mutationObserver=new MutationObserver(records=>{if(disposed)return;const needsRepair=records.some(record=>{if(record.type===\"childList\")return true;if(!(record.target instanceof HTMLElement))return false;if(record.target===root){return root.getAttribute(ROOT_ATTRIBUTE)!==\"true\";}const state=record.target.getAttribute(STATE_ATTRIBUTE);return record.target.parentElement===root&&(record.target.getAttribute(ROW_ATTRIBUTE)!==\"true\"||state===null||!VALID_STATES.has(state));});if(needsRepair)requestRepair();});mutationObserver.observe(root,{childList:true,subtree:true,attributes:true,attributeFilter:[ROOT_ATTRIBUTE,ROW_ATTRIBUTE,STATE_ATTRIBUTE]});resizeObserver=new ResizeObserver(()=>{if(disposed)return;const rows=getRows();const nextSignature=getResizeSignature(rows);if(nextSignature!==resizeSignature)requestRepair();});hardReset(false);readyToRun=true;scheduleNextStep();void document.fonts?.ready.then(()=>requestRepair()).catch(()=>{// Continue with the dimensions already available.\n});return()=>{disposed=true;readyToRun=false;clearHoldTimer();clearRepairTimer();cancelCycle();frameIds.forEach(frameId=>window.cancelAnimationFrame(frameId));frameIds.clear();mutationObserver?.disconnect();resizeObserver?.disconnect();if(typeof mediaQuery.removeEventListener===\"function\"){mediaQuery.removeEventListener(\"change\",onMotionChange);}else{mediaQuery.removeListener(onMotionChange);}window.removeEventListener(\"pageshow\",onPageShow);document.removeEventListener(\"visibilitychange\",onVisibilityChange);originalRowAttributes.forEach((attributes,row)=>{restoreAttribute(row,ROW_ATTRIBUTE,attributes.row);restoreAttribute(row,STATE_ATTRIBUTE,attributes.state);restoreAttribute(row,TRANSITION_ATTRIBUTE,attributes.transition);restoreAttribute(row,\"aria-hidden\",attributes.ariaHidden);});restoreAttribute(root,ROOT_ATTRIBUTE,originalRootAttribute);if(originalRootStyle===null)root.removeAttribute(\"style\");else root.setAttribute(\"style\",originalRootStyle);};},[]);return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props,style:{...props.style,position:\"relative\",overflow:\"hidden\"}});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withCareersInfiniteVerticalTicker\":{\"type\":\"reactHoc\",\"name\":\"withCareersInfiniteVerticalTicker\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CareersTicker.map","function t(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t;}var e,r,i=Object.create,n=Object.defineProperty,s=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,a=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,l=(t,e)=>function(){try{return e||(0,t[o(t)[0]])((e={exports:{}}).exports,e),e.exports;}catch(t){throw e=0,t;}},h=(t,e,r,i)=>{if(e&&\"object\"==typeof e||\"function\"==typeof e)for(let a of o(e))u.call(t,a)||a===r||n(t,a,{get:()=>e[a],enumerable:!(i=s(e,a))||i.enumerable});return t;},c=(t,e,r)=>(r=null!=t?i(a(t)):{},h(// If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n !e&&t&&t.__esModule?r:n(r,\"default\",{value:t,enumerable:!0}),t)),f=l({\"../../../node_modules/dataloader/index.js\"(t,e){var r,i=/* @__PURE__ */function(){function t(t,e){if(\"function\"!=typeof t)throw TypeError(\"DataLoader must be constructed with a function which accepts Array