{"version":3,"file":"Progressbars.DAPbk6SP.mjs","names":["NewsTags","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","Image1","_Fragment","React.useRef","React.useMemo","React.useState","React.useCallback","useState","c","useRef","_Fragment","useCallback","__esmMin","init_ssg_sandbox_shims","init_npm_react_18_3_1","ie","window","te","x","oe","pe","ce","init_jsx_runtime","ne","le","c","p","_e","de","motion","useInView","MotionConfigContext","LayoutGroup","init_framer_motion_DhsWWWsN","RichText","addPropertyControls","init_framer_BWFVvmND","withCSS","useQueryData","useIsStaticRenderer","useLocaleInfo","Image$1","Link","useVariantState","cx","ChildrenCanSuspend","ControlType","useComponentViewport","PathVariablesContext","c$1","init_CsH79UKm5","addPropertyOverrides","variants","nextOverrides","variant","overrides","cycleOrder","serializationHash","variantClassNames","transition1","toResponsiveImage","query1","QueryData","Transition","humanReadableVariantMap","Variants","getProps","createLayoutDependency","FrameryYS8bYfo1","init_yYS8bYfo1","value","mWHLF6BuC","children","query","config","transition","contextValue","props","title","link","image","newsTag","tagVisibilty","excerpt","fallbackRef","refBinding","ref","defaultLayoutId","componentViewport","restProps","layoutDependency","scopingClassNames","layoutId","ih4biLqld","gestureHandlers","className","classNames","style","baseVariant","gestureVariant","lqfBuQhF9","Uzt38wT3g","al3WIQmIc","Wtwh0kHIy","l","collection","cxvvsY8oaFyu4agEA4","fbZejOh9bFyu4agEA4","idFyu4agEA4","addFonts","getFilterState","filterState","setFilterState","next","filterListeners","listener","patchFilterState","partial","subscribeFilter","slugify","input","valuesEqual","a","b","formatCount","count","labelWithCount","formatted","label","FilterIcon","size","color","syncUrlTags","params","values","queryKey","newUrl","readUrlTags","raw","item","normalizeTagList","tags","tag","textMatchesNeedle","h","haystack","n","needle","slug","TagFilter","isStaticRenderer","DEFAULT_TAGS","rootRef","normalizedTags","selected","setSelected","searchQuery","setSearchQuery","dynamicTags","setDynamicTags","narrowContainer","setNarrowContainer","displayMode","mobileOpen","setMobileOpen","dynamicCardsRef","rescanTimerRef","visibleTags","dynamicFromPosts","filteredTags","q","heading","trackColor","isIconLayout","node","mobileBreakpoint","sync","parentWidth","width","observer","entry","entries","commit","selectedLabels","nextValues","syncUrl","commitSearch","nextQuery","fromUrl","initial","isAllActive","onSelectAll","onToggleTag","isTagSelected","getChipLabelsFromCard","labels","seen","containers","card","tagSelector","container","chipElements","chip","key","applyDynamicCardVisibility","selectedKeys","selectedValues","cardTagKeys","cardTagSlugs","selectedMatch","selectedKey","searchMatch","show","scanDynamicTags","cards","postsSelector","nextCards","order","orderSeen","countMap","chipLabels","hasRequired","requiredTag","meta","nextDynamicTags","scheduleDynamicScan","onResize","rowStyle","active","activeTextColor","inactiveTextColor","itemFont","accentBar","accentColor","surface","background","showList","searchField","showSearch","searchPlaceholder","event","categoryList","allLabel","rowGap","showFade","open","titleFont","CmsCollectionFilter","state","setState","visibleCount","setVisibleCount","resolveScopes","scopes","collectionSelector","applyFilter","cardSet","scope","found","cardSelector","uniqueCards","other","visible","text","requiredOk","selectedOk","searchOk","stretchConnectedCollection","root","slotWrap","onCustom","showEmpty","emptyTextColor","emptyFont","emptyText","init_Cmsfiltersidebar","clampPercent","normalizeStatus","normalized","parseSubtasksText","rawLabel","rawStatus","statusValue","milestoneKey","parseDay","date","calcDayCount","start","startDate","finish","endDate","today","now","end","DAY_MS","useDayCount","day","setDay","tick","id","OverallProgressBar","fillGradient","isStatic","animate","labelColor","percent","height","showShimmer","resolveSubtasks","taskUpdatesByMilestone","parsedTextSubtasks","SUBTASK_PRESETS","match","DEFAULT_ITEMS","d","resolveItems","averagePercent","items","total","sum","Ring","stroke","r","c$2","target","offset","delay","duration","instant","SubtaskList","STATUS_META","task","index","DetailPopup","subtasks","panelMax","viewportW","panelRef","coords","setCoords","anchorRect","panel","panelW","panelH","vw","vh","left","top","isMobile","onKeepOpen","onRequestClose","ProgressCircleRow","gap","titleColor","blurAmount","staggerDelay","ringDuration","showOverall","overrideOverall","milestone","row","acc","overallPercent","barHeight","barMaxWidth","barLabelColor","dayCount","setViewportW","activeIndex","setActiveIndex","setAnchorRect","itemRefs","scrollRef","rowRef","closeTimer","inView","shouldAnimate","updateAnchor","clearCloseTimer","openItem","scheduleClose","report","scroller","onPointerDown","popup","current","ringSize","activeItem","activeColor","itemColor","isDisabled","restingOpacity","isActive","isBlurred","appearDelay","init_Progressbars"],"sources":["https:/framerusercontent.com/modules/FVsblAUBeSDgj4ptuNJN/s81lBxR6XPnmjUmVhBT6/yYS8bYfo1.js","https:/framerusercontent.com/modules/33ctbrJcWbnEo04MZLtG/IxbW3ajTP4niUaUq8ebS/Cmsfiltersidebar.js","https:/framerusercontent.com/modules/oHrLp4Hx52UvEMLxvF5m/lBUlMRkwFgseQSCjDRYj/Progressbars.js"],"sourcesContent":["// Generated by Framer (291a518)\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ChildrenCanSuspend,ControlType,cx,Image as Image1,Link,PathVariablesContext,RichText,useComponentViewport,useLocaleInfo,useQueryData,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import NewsTags from\"https://framerusercontent.com/modules/32vwCm3ahVkUTSsOVvOi/lG0wlU3nO5aayKhUaHF1/CsH79UKm5.js\";const cycleOrder=[\"jdp8J4IZ6\",\"ztrh5MJ20\",\"ojSqc22az\"];const serializationHash=\"framer-8B2rm\";const variantClassNames={jdp8J4IZ6:\"framer-v-8b9vdh\",ojSqc22az:\"framer-v-1wj76fd\",ztrh5MJ20:\"framer-v-sv4slg\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const ih4biLqld=undefined;const lqfBuQhF9=undefined;const Uzt38wT3g=undefined;const al3WIQmIc=undefined;const Wtwh0kHIy=undefined;const mWHLF6BuC=undefined;const cxvvsY8oaFyu4agEA4=undefined;const fbZejOh9bFyu4agEA4=undefined;const idFyu4agEA4=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const query=(prequery,{mWHLF6BuC})=>prequery({from:{alias:\"Fyu4agEA4\",data:NewsTags,type:\"Collection\"},orderBy:[{arguments:[{type:\"LiteralValue\",value:mWHLF6BuC},{collection:\"Fyu4agEA4\",name:\"id\",type:\"Identifier\"}],direction:\"asc\",functionName:\"INDEX_OF\",type:\"FunctionCall\"}],select:[{collection:\"Fyu4agEA4\",name:\"cxvvsY8oa\",type:\"Identifier\"},{collection:\"Fyu4agEA4\",name:\"fbZejOh9b\",type:\"Identifier\"},{collection:\"Fyu4agEA4\",name:\"id\",type:\"Identifier\"}],where:{left:{collection:\"Fyu4agEA4\",name:\"id\",type:\"Identifier\"},operator:\"in\",right:{type:\"LiteralValue\",value:mWHLF6BuC},type:\"BinaryOperation\"}});const query1=mWHLF6BuC=>({from:{alias:\"Fyu4agEA4\",data:NewsTags,type:\"Collection\"},orderBy:[{arguments:[{type:\"LiteralValue\",value:mWHLF6BuC},{collection:\"Fyu4agEA4\",name:\"id\",type:\"Identifier\"}],direction:\"asc\",functionName:\"INDEX_OF\",type:\"FunctionCall\"}],select:[{collection:\"Fyu4agEA4\",name:\"cxvvsY8oa\",type:\"Identifier\"},{collection:\"Fyu4agEA4\",name:\"fbZejOh9b\",type:\"Identifier\"},{collection:\"Fyu4agEA4\",name:\"id\",type:\"Identifier\"}],where:{left:{collection:\"Fyu4agEA4\",name:\"id\",type:\"Identifier\"},operator:\"in\",right:{type:\"LiteralValue\",value:mWHLF6BuC},type:\"BinaryOperation\"}});const QueryData=({query,pageSize,children})=>{const data=useQueryData(query);return children(data);};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={Desktop:\"jdp8J4IZ6\",Phone:\"ojSqc22az\",Tablet:\"ztrh5MJ20\"};const Variants=motion.create(React.Fragment);const getProps=({excerpt,height,id,image,link,newsTag,tagVisibilty,title,width,...props})=>{return{...props,al3WIQmIc:title??props.al3WIQmIc??\"Post title\",ih4biLqld:link??props.ih4biLqld,lqfBuQhF9:image??props.lqfBuQhF9??{pixelHeight:673,pixelWidth:1200,src:\"https://framerusercontent.com/images/hV3JQZucDIZeuCKyntB8sXlRw.png?width=1200&height=673\",srcSet:\"https://framerusercontent.com/images/hV3JQZucDIZeuCKyntB8sXlRw.png?scale-down-to=512&width=1200&height=673 512w,https://framerusercontent.com/images/hV3JQZucDIZeuCKyntB8sXlRw.png?scale-down-to=1024&width=1200&height=673 1024w,https://framerusercontent.com/images/hV3JQZucDIZeuCKyntB8sXlRw.png?width=1200&height=673 1200w\"},mWHLF6BuC:newsTag??props.mWHLF6BuC??[\"H2WBACwys\",\"OqVgMKXm9\"],Uzt38wT3g:tagVisibilty??props.Uzt38wT3g??true,variant:humanReadableVariantMap[props.variant]??props.variant??\"jdp8J4IZ6\",Wtwh0kHIy:excerpt??props.Wtwh0kHIy??\"Short excerpt for the tracking post.\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,lqfBuQhF9,al3WIQmIc,Wtwh0kHIy,ih4biLqld,mWHLF6BuC,Uzt38wT3g,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"jdp8J4IZ6\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:ih4biLqld,motionChild:true,nodeId:\"jdp8J4IZ6\",openInNewTab:false,scopeId:\"yYS8bYfo1\",smoothScroll:true,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-8b9vdh\",className,classNames)} framer-11qz3jm`,\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"jdp8J4IZ6\",ref:refBinding,style:{backgroundColor:\"rgba(0, 0, 0, 0)\",...style},...addPropertyOverrides({ojSqc22az:{\"data-framer-name\":\"Phone\"},ztrh5MJ20:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-iww3gj\",\"data-framer-name\":\"Image Wrap\",layoutDependency:layoutDependency,layoutId:\"BLe_7ySAD\",style:{backgroundColor:\"rgb(20, 21, 26)\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16},children:/*#__PURE__*/_jsx(Image1,{background:{alt:\"\",fit:\"fill\",pixelHeight:673,pixelWidth:1200,sizes:`max(${componentViewport?.width||\"100vw\"}, 1px)`,...toResponsiveImage(lqfBuQhF9)},className:\"framer-kk3u4y\",\"data-framer-name\":\"Banner\",layoutDependency:layoutDependency,layoutId:\"hFHL_slJa\",style:{borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16},children:Uzt38wT3g!==false&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-mial5p\",\"data-framer-name\":\"Icon - Medium\",layoutDependency:layoutDependency,layoutId:\"dUgdRBNLw\",style:{backgroundColor:\"rgb(59, 91, 235)\",borderBottomLeftRadius:99,borderBottomRightRadius:99,borderTopLeftRadius:99,borderTopRightRadius:99,boxShadow:\"0px 8px 18px 8px rgba(0, 0, 0, 0.25)\"},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1sejy7v\",\"data-framer-name\":\"Label\",layoutDependency:layoutDependency,layoutId:\"VPStl5Zm_\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-size\":\"12px\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"16px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"New\"})}),className:\"framer-3fbmt3\",\"data-framer-name\":\"Label\",fonts:[\"Inter-Medium\"],layoutDependency:layoutDependency,layoutId:\"PfgxIA1FM\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true})})})})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-49j3w1\",layoutDependency:layoutDependency,layoutId:\"AO4_DOasL\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U2F0b3NoaS12YXJpYWJsZVZGPUluZG5hSFFpSURZME1BPT0=\",\"--framer-font-family\":'\"Satoshi Variable\", \"Satoshi Variable Placeholder\", sans-serif',\"--framer-font-size\":\"22px\",\"--framer-font-variation-axes\":'var(--extracted-zfisys, \"wght\" 640)',\"--framer-letter-spacing\":\"-0.03em\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgb(255, 255, 255))\"},children:\"Post title\"})}),className:\"framer-1qw2x41\",\"data-framer-name\":\"Title\",fonts:[\"FS;Satoshi-variable\"],layoutDependency:layoutDependency,layoutId:\"Q98blsyld\",style:{\"--extracted-a0htzi\":\"rgb(255, 255, 255)\",\"--extracted-zfisys\":'\"wght\" 640'},text:al3WIQmIc,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({ojSqc22az:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U2F0b3NoaS12YXJpYWJsZVZGPUluZG5hSFFpSURZME1BPT0=\",\"--framer-font-family\":'\"Satoshi Variable\", \"Satoshi Variable Placeholder\", sans-serif',\"--framer-font-size\":\"20px\",\"--framer-font-variation-axes\":'var(--extracted-zfisys, \"wght\" 640)',\"--framer-letter-spacing\":\"-0.03em\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgb(255, 255, 255))\"},children:\"Post title\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"15px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-bdd0604e-a953-430b-9118-55d8a7e52b5a, rgb(136, 136, 136)))\"},children:\"Short excerpt for the tracking post.\"})}),className:\"framer-r5ftzp\",\"data-framer-name\":\"Excerpt\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"BvR3dpH86\",style:{\"--extracted-r6o4lv\":\"var(--token-bdd0604e-a953-430b-9118-55d8a7e52b5a, rgb(136, 136, 136))\"},text:Wtwh0kHIy,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({ojSqc22az:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"13px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-bdd0604e-a953-430b-9118-55d8a7e52b5a, rgb(136, 136, 136)))\"},children:\"Short excerpt for the tracking post.\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ohsdv5\",\"data-framer-name\":\"Tags\",layoutDependency:layoutDependency,layoutId:\"Fyu4agEA4\",style:{backgroundColor:\"rgba(0, 0, 0, 0)\"},children:/*#__PURE__*/_jsx(ChildrenCanSuspend,{children:/*#__PURE__*/_jsx(QueryData,{query:query1(mWHLF6BuC),children:(collection,paginationInfo,loadMore)=>{return /*#__PURE__*/_jsx(_Fragment,{children:collection?.map(({cxvvsY8oa:cxvvsY8oaFyu4agEA4,fbZejOh9b:fbZejOh9bFyu4agEA4,id:idFyu4agEA4},index)=>{cxvvsY8oaFyu4agEA4??=\"\";fbZejOh9bFyu4agEA4??=\"\";return /*#__PURE__*/_jsx(LayoutGroup,{id:`Fyu4agEA4-${idFyu4agEA4}`,children:/*#__PURE__*/_jsx(PathVariablesContext.Provider,{value:{fbZejOh9b:fbZejOh9bFyu4agEA4},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1r84oq\",\"data-framer-name\":\"Tag Pill\",layoutDependency:layoutDependency,layoutId:\"IKjPu9RZC\",style:{backgroundColor:\"rgba(255, 255, 255, 0.08)\",borderBottomLeftRadius:99,borderBottomRightRadius:99,borderTopLeftRadius:99,borderTopRightRadius:99},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"12px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Press Release\"})}),className:\"framer-llxhnk\",\"data-framer-name\":\"Tag Label\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Tha9Ao9Kh\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\"},text:cxvvsY8oaFyu4agEA4,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({ojSqc22az:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"11px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Press Release\"})})}},baseVariant,gestureVariant)})})})},idFyu4agEA4);})});}})})})]})]})})})})});});const css=[\".framer-8B2rm.framer-11qz3jm, .framer-8B2rm .framer-11qz3jm { display: block; }\",\".framer-8B2rm.framer-8b9vdh { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 18px; height: min-content; justify-content: flex-start; padding: 0px; position: relative; text-decoration: none; width: 340px; }\",\".framer-8B2rm .framer-iww3gj { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 100%; will-change: var(--framer-will-change-override, transform); }\",\".framer-8B2rm .framer-kk3u4y { aspect-ratio: 1.7 / 1; flex: 1 0 0px; height: auto; overflow: hidden; position: relative; width: 1px; will-change: var(--framer-will-change-override, transform); }\",\".framer-8B2rm .framer-mial5p { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; left: 14px; overflow: hidden; padding: 4px 6px 4px 6px; position: absolute; top: 12px; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-8B2rm .framer-1sejy7v { -webkit-user-select: none; align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px 6px 0px 6px; position: relative; user-select: none; width: min-content; }\",\".framer-8B2rm .framer-3fbmt3, .framer-8B2rm .framer-llxhnk { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-8B2rm .framer-49j3w1 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",'.framer-8B2rm .framer-1qw2x41 { --text-truncation-display-inline-for-safari-16: inline; --text-truncation-display-none-for-safari-16: none; --text-truncation-line-break-for-safari-16: \"\\\\A\"; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; flex: none; height: auto; overflow: var(--overflow-clip-fallback, clip); position: relative; white-space: pre-line; width: 100%; word-break: break-word; word-wrap: break-word; }','.framer-8B2rm .framer-r5ftzp { --text-truncation-display-inline-for-safari-16: inline; --text-truncation-display-none-for-safari-16: none; --text-truncation-line-break-for-safari-16: \"\\\\A\"; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; flex: none; height: auto; overflow: var(--overflow-clip-fallback, clip); position: relative; white-space: pre-line; width: 100%; word-break: break-word; word-wrap: break-word; }',\".framer-8B2rm .framer-1ohsdv5 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: wrap; gap: 8px; height: min-content; justify-content: flex-start; padding: 0px; position: relative; width: 100%; }\",\".framer-8B2rm .framer-1r84oq { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 8px 12px 8px 12px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-8B2rm.framer-v-sv4slg.framer-8b9vdh { width: 300px; }\",\".framer-8B2rm.framer-v-1wj76fd.framer-8b9vdh { gap: 10px; width: 390px; }\",\".framer-8B2rm.framer-v-1wj76fd .framer-49j3w1 { gap: 10px; }\",\".framer-8B2rm.framer-v-1wj76fd .framer-1qw2x41 { -webkit-line-clamp: 2; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 320\n * @framerIntrinsicWidth 340\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"ztrh5MJ20\":{\"layout\":[\"fixed\",\"auto\"]},\"ojSqc22az\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"lqfBuQhF9\":\"image\",\"al3WIQmIc\":\"title\",\"Wtwh0kHIy\":\"excerpt\",\"ih4biLqld\":\"link\",\"mWHLF6BuC\":\"newsTag\",\"Uzt38wT3g\":\"tagVisibilty\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FrameryYS8bYfo1=withCSS(Component,css,\"framer-8B2rm\");export default FrameryYS8bYfo1;FrameryYS8bYfo1.displayName=\"Tracking Post Card\";FrameryYS8bYfo1.defaultProps={height:320,width:340};addPropertyControls(FrameryYS8bYfo1,{variant:{options:[\"jdp8J4IZ6\",\"ztrh5MJ20\",\"ojSqc22az\"],optionTitles:[\"Desktop\",\"Tablet\",\"Phone\"],title:\"Variant\",type:ControlType.Enum},lqfBuQhF9:{__defaultAssetReference:\"data:framer/asset-reference,hV3JQZucDIZeuCKyntB8sXlRw.png?originalFilename=SMAP.RFS.png&preferredSize=auto&width=1200&height=673\",title:\"Image\",type:ControlType.ResponsiveImage},al3WIQmIc:{defaultValue:\"Post title\",title:\"Title\",type:ControlType.String},onal3WIQmIcChange:{changes:\"al3WIQmIc\",type:ControlType.ChangeHandler},Wtwh0kHIy:{defaultValue:\"Short excerpt for the tracking post.\",displayTextArea:true,title:\"Excerpt\",type:ControlType.String},onWtwh0kHIyChange:{changes:\"Wtwh0kHIy\",type:ControlType.ChangeHandler},ih4biLqld:{title:\"Link\",type:ControlType.Link},mWHLF6BuC:{dataIdentifier:\"local-module:collection/CsH79UKm5:default\",defaultValue:[\"H2WBACwys\",\"OqVgMKXm9\"],title:\"News Tag\",type:ControlType.MultiCollectionReference},onmWHLF6BuCChange:{changes:\"mWHLF6BuC\",type:ControlType.ChangeHandler},Uzt38wT3g:{defaultValue:true,title:\"tag visibilty\",type:ControlType.Boolean},onUzt38wT3gChange:{changes:\"Uzt38wT3g\",type:ControlType.ChangeHandler}});const variationAxes=[{defaultValue:900,maxValue:900,minValue:300,name:\"Weight\",tag:\"wght\"}];addFonts(FrameryYS8bYfo1,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5A3Ce6C9YYmCjpQx9M4inSaKU.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/Qx95Xyt0Ka3SGhinnbXIGpEIyP4.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/6mJuEAguuIuMog10gGvH5d3cl8.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/UjlFhCnUjxhNfep4oYBPqnEssyo.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/DolVirEGb34pEXEp8t8FQBSK4.woff2\",weight:\"500\"},{cssFamilyName:\"Satoshi Variable\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Satoshi\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NWBQYJIM7GCZ5XWD7D26ARB3VDY55ZRT/K63EV2KZIGKLE7RANQ2U42S6SVHU5RJ7/X6XYTKIVDUW7GZTZPZNN4EUM5KH54KHF.woff2\",variationAxes,weight:\"400\"},{cssFamilyName:\"Inter\",openType:true,source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",openType:true,source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",openType:true,source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",openType:true,source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",openType:true,source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",openType:true,source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",openType:true,source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameryYS8bYfo1\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"340\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"320\",\"framerColorSyntax\":\"true\",\"framerVariables\":\"{\\\"lqfBuQhF9\\\":\\\"image\\\",\\\"al3WIQmIc\\\":\\\"title\\\",\\\"Wtwh0kHIy\\\":\\\"excerpt\\\",\\\"ih4biLqld\\\":\\\"link\\\",\\\"mWHLF6BuC\\\":\\\"newsTag\\\",\\\"Uzt38wT3g\\\":\\\"tagVisibilty\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ztrh5MJ20\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ojSqc22az\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";/** Shared store — TagFilter writes, CmsCollectionFilter reads. Same code file = same module state. */let filterState={selectedValues:[],selectedLabels:[],searchQuery:\"\"};const filterListeners=new Set;function getFilterState(){return filterState;}function setFilterState(next){filterState=next;filterListeners.forEach(listener=>listener(filterState));if(typeof window!==\"undefined\"){window.dispatchEvent(new CustomEvent(\"cms-tag-filter-change\",{detail:filterState}));}}function patchFilterState(partial){setFilterState({...filterState,...partial});}function subscribeFilter(listener){filterListeners.add(listener);listener(filterState);return()=>{filterListeners.delete(listener);};}const DEFAULT_TAGS=[{label:\"Build\",value:\"build\",count:1},{label:\"Cable\",value:\"cable\",count:1},{label:\"Fibre\",value:\"fibre\",count:1},{label:\"Final Splice\",value:\"final-splice\",count:1},{label:\"Manufacture\",value:\"manufacture\",count:1},{label:\"Marine\",value:\"marine\",count:1},{label:\"Milestone\",value:\"milestone\",count:1},{label:\"Press Release\",value:\"press-release\",count:6},{label:\"Protection\",value:\"protection\",count:1},{label:\"SMAP\",value:\"smap\",count:6},{label:\"Technology\",value:\"technology\",count:1}];function slugify(input){return input.trim().toLowerCase().replace(/[^a-z0-9]+/g,\"-\").replace(/^-+|-+$/g,\"\");}function valuesEqual(a,b){return a.trim().toLowerCase()===b.trim().toLowerCase();}function formatCount(count){if(count===undefined||count===null||count===\"\")return\"\";return String(count);}function labelWithCount(label,count){const formatted=formatCount(count);return formatted?`${label} (${formatted})`:label;}function FilterIcon({color=\"#FFFFFF\",size=22}){return /*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M3.5 7h17\",stroke:color,strokeWidth:\"2\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M6.5 12h11\",stroke:color,strokeWidth:\"2\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M9.5 17h5\",stroke:color,strokeWidth:\"2\",strokeLinecap:\"round\"})]});}function syncUrlTags(queryKey,values){if(typeof window===\"undefined\")return;const params=new URLSearchParams(window.location.search);if(values.length===0)params.delete(queryKey);else params.set(queryKey,values.join(\",\"));const query=params.toString();const newUrl=`${window.location.pathname}${query?`?${query}`:\"\"}${window.location.hash||\"\"}`;window.history.replaceState({},\"\",newUrl);}function readUrlTags(queryKey){if(typeof window===\"undefined\")return[];const raw=new URLSearchParams(window.location.search).get(queryKey);if(!raw||raw.trim()===\"\")return[];return raw.split(\",\").map(item=>item.trim()).filter(Boolean);}function normalizeTagList(tags){return(tags??[]).map(tag=>{const label=(tag?.label??\"\").trim();const value=(tag?.value??\"\").trim()||slugify(label);return{label,value,count:tag?.count};}).filter(tag=>tag.label.length>0&&tag.value.length>0);}function textMatchesNeedle(haystack,needle){const h=haystack.toLowerCase();const n=needle.trim().toLowerCase();if(!n)return true;if(h.includes(n))return true;const slug=slugify(needle);return slug.length>0&&h.includes(slug);}/**\n * Sidebar multi-select. Talks to CmsCollectionFilter through the shared store.\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function TagFilter(props){const isStaticRenderer=useIsStaticRenderer();const{title=\"Browse Categories\",allLabel=\"All Categories\",allCount=7,queryKey=\"tags\",syncUrl=true,dynamicFromPosts=false,postsSelector='[data-framer-name=\"Post Card\"]',tagSelector='[data-framer-name=\"Tags\"]',requiredTag=\"SMAP\",tags=DEFAULT_TAGS,background=\"#000000\",accentColor=\"#4B7BFF\",activeTextColor=\"#FFFFFF\",inactiveTextColor=\"rgba(255,255,255,0.45)\",titleFont={fontSize:\"14px\",fontWeight:600,letterSpacing:\"0\",lineHeight:\"1.2em\"},itemFont={fontSize:\"15px\",fontWeight:400,letterSpacing:\"0\",lineHeight:\"1.2em\"},rowGap=18,showFade=true,showSearch=true,searchPlaceholder=\"Search Blog\",displayMode=\"auto\",mobileBreakpoint=809,mobileOpenByDefault=false}=props;const rootRef=React.useRef(null);const normalizedTags=React.useMemo(()=>normalizeTagList(tags),[tags]);const[selected,setSelected]=React.useState([]);const[searchQuery,setSearchQuery]=React.useState(()=>getFilterState().searchQuery);const[dynamicTags,setDynamicTags]=React.useState([]);const[narrowContainer,setNarrowContainer]=React.useState(displayMode===\"icon\");const[mobileOpen,setMobileOpen]=React.useState(false);const dynamicCardsRef=React.useRef([]);const rescanTimerRef=React.useRef(null);const visibleTags=React.useMemo(()=>dynamicFromPosts?dynamicTags:normalizedTags,[dynamicFromPosts,dynamicTags,normalizedTags]);const filteredTags=React.useMemo(()=>{const q=searchQuery.trim().toLowerCase();if(!q)return visibleTags;return visibleTags.filter(tag=>tag.label.toLowerCase().includes(q)||tag.value.toLowerCase().includes(q));},[searchQuery,visibleTags]);const heading=(dynamicFromPosts?\"Browse Categories\":title).trim()||\"Browse Categories\";const trackColor=\"rgba(255,255,255,0.18)\";const isIconLayout=displayMode===\"icon\"||displayMode===\"auto\"&&narrowContainer;React.useEffect(()=>{if(displayMode===\"sidebar\"){setNarrowContainer(false);return;}if(displayMode===\"icon\"){setNarrowContainer(true);return;}const node=rootRef.current;if(!node||typeof ResizeObserver===\"undefined\"){if(typeof window!==\"undefined\"){setNarrowContainer(window.innerWidth<=mobileBreakpoint);}return;}const sync=width=>{// Prefer the Framer frame / parent width so canvas phone variants work\nconst parentWidth=node.parentElement?.clientWidth||node.offsetWidth||width;setNarrowContainer(parentWidth<=mobileBreakpoint);};sync(node.offsetWidth);const observer=new ResizeObserver(entries=>{const entry=entries[0];if(!entry)return;sync(entry.contentRect.width);});observer.observe(node);if(node.parentElement)observer.observe(node.parentElement);return()=>observer.disconnect();},[displayMode,mobileBreakpoint]);React.useEffect(()=>{if(!isIconLayout)setMobileOpen(false);},[isIconLayout]);const commit=React.useCallback(nextValues=>{const selectedLabels=nextValues.map(value=>{const match=visibleTags.find(tag=>valuesEqual(tag.value,value));return match?.label??value;});React.startTransition(()=>setSelected(nextValues));patchFilterState({selectedValues:nextValues,selectedLabels});if(!isStaticRenderer&&syncUrl){syncUrlTags(queryKey,nextValues);}},[isStaticRenderer,queryKey,syncUrl,visibleTags]);const commitSearch=React.useCallback(nextQuery=>{React.startTransition(()=>setSearchQuery(nextQuery));patchFilterState({searchQuery:nextQuery});},[]);React.useEffect(()=>{if(isStaticRenderer)return;const fromUrl=syncUrl?readUrlTags(queryKey):[];const initial=fromUrl.length>0?fromUrl:getFilterState().selectedValues;commit(initial);},[commit,isStaticRenderer,queryKey,syncUrl]);const isAllActive=selected.length===0;const onSelectAll=React.useCallback(()=>{commit([]);},[commit]);const onToggleTag=React.useCallback(value=>{const exists=selected.some(item=>valuesEqual(item,value));if(exists){commit(selected.filter(item=>!valuesEqual(item,value)));}else{commit([...selected,value]);}},[commit,selected]);const isTagSelected=React.useCallback(value=>selected.some(item=>valuesEqual(item,value)),[selected]);const getChipLabelsFromCard=React.useCallback(card=>{const labels=[];const seen=new Set;const containers=Array.from(card.querySelectorAll(tagSelector));for(const container of containers){const chipElements=Array.from(container.children);if(chipElements.length>0){chipElements.forEach(chip=>{const label=(chip.textContent??\"\").trim();if(!label)return;const key=label.toLowerCase();if(seen.has(key))return;seen.add(key);labels.push(label);});}else{const label=(container.textContent??\"\").trim();if(!label)continue;const key=label.toLowerCase();if(seen.has(key))continue;seen.add(key);labels.push(label);}}return labels;},[tagSelector]);const applyDynamicCardVisibility=React.useCallback((selectedValues,query=searchQuery)=>{if(!dynamicFromPosts)return;const selectedKeys=selectedValues.map(value=>value.trim().toLowerCase());const needle=query.trim();for(const item of dynamicCardsRef.current){const cardTagKeys=item.tags.map(tag=>tag.trim().toLowerCase());const cardTagSlugs=item.tags.map(tag=>slugify(tag));const selectedMatch=selectedKeys.length===0||selectedKeys.some(selectedKey=>cardTagKeys.includes(selectedKey)||cardTagSlugs.some(slug=>valuesEqual(slug,selectedKey)));const searchMatch=!needle||textMatchesNeedle(item.tags.join(\" \"),needle)||textMatchesNeedle(item.card.textContent??\"\",needle);const show=item.hasRequired&&selectedMatch&&searchMatch;item.card.style.display=show?\"\":\"none\";}},[dynamicFromPosts,searchQuery]);const scanDynamicTags=React.useCallback(()=>{if(!dynamicFromPosts||typeof document===\"undefined\")return;const cards=Array.from(document.querySelectorAll(postsSelector));const nextCards=[];const order=[];const orderSeen=new Set;const countMap=new Map;cards.forEach(card=>{const chipLabels=getChipLabelsFromCard(card);const hasRequired=!requiredTag.trim()||chipLabels.some(chip=>valuesEqual(chip,requiredTag));const meta={card,tags:chipLabels,hasRequired};nextCards.push(meta);if(!hasRequired)return;chipLabels.forEach(label=>{const key=label.toLowerCase();if(!orderSeen.has(key)){orderSeen.add(key);order.push(label);}countMap.set(key,(countMap.get(key)??0)+1);});});dynamicCardsRef.current=nextCards;const nextDynamicTags=order.map(label=>{const key=label.toLowerCase();return{label,value:slugify(label),count:countMap.get(key)??0};});React.startTransition(()=>setDynamicTags(nextDynamicTags));applyDynamicCardVisibility(selected);},[applyDynamicCardVisibility,dynamicFromPosts,getChipLabelsFromCard,postsSelector,requiredTag,selected]);const scheduleDynamicScan=React.useCallback(()=>{if(!dynamicFromPosts)return;if(typeof window===\"undefined\")return;if(rescanTimerRef.current!==null){window.clearTimeout(rescanTimerRef.current);}rescanTimerRef.current=window.setTimeout(()=>{scanDynamicTags();},80);},[dynamicFromPosts,scanDynamicTags]);React.useEffect(()=>{if(!dynamicFromPosts)return;scheduleDynamicScan();if(typeof MutationObserver===\"undefined\"||typeof window===\"undefined\"){return;}const observer=new MutationObserver(()=>{scheduleDynamicScan();});observer.observe(document.body,{childList:true,subtree:true,characterData:true});const onResize=()=>scheduleDynamicScan();window.addEventListener(\"resize\",onResize);return()=>{observer.disconnect();window.removeEventListener(\"resize\",onResize);if(rescanTimerRef.current!==null){window.clearTimeout(rescanTimerRef.current);rescanTimerRef.current=null;}};},[dynamicFromPosts,scheduleDynamicScan]);React.useEffect(()=>{if(!dynamicFromPosts)return;applyDynamicCardVisibility(selected,searchQuery);},[applyDynamicCardVisibility,dynamicFromPosts,searchQuery,selected]);const rowStyle=active=>({position:\"relative\",display:\"flex\",alignItems:\"center\",justifyContent:isIconLayout?\"flex-end\":\"flex-start\",width:\"100%\",minHeight:\"1.2em\",padding:isIconLayout?\"0 16px 0 0\":\"0 0 0 16px\",margin:0,border:\"none\",background:\"transparent\",cursor:\"pointer\",color:active?activeTextColor:inactiveTextColor,fontFamily:\"Inter, sans-serif\",fontSize:itemFont.fontSize??\"15px\",lineHeight:itemFont.lineHeight??\"1.2em\",letterSpacing:itemFont.letterSpacing??\"0\",fontWeight:active?600:itemFont.fontWeight??400,fontStyle:itemFont.fontStyle??\"normal\",textAlign:isIconLayout?\"right\":\"left\",whiteSpace:\"nowrap\",transition:\"color 140ms ease\"});const accentBar=active=>active?/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",...isIconLayout?{right:-2,left:\"auto\"}:{left:-2,right:\"auto\"},top:\"50%\",transform:\"translateY(-50%)\",width:3,height:\"0.9em\",borderRadius:999,background:accentColor}}):null;const surface=background||\"#000000\";const showList=!isIconLayout||mobileOpen;const searchField=showSearch?/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",display:\"flex\",alignItems:\"center\",width:\"100%\",flex:isIconLayout?\"1 1 auto\":\"0 0 auto\",minWidth:0,marginBottom:0},children:/*#__PURE__*/_jsx(\"input\",{type:\"search\",className:\"tag-filter-search\",value:searchQuery,placeholder:searchPlaceholder,\"aria-label\":searchPlaceholder||\"Search\",onChange:event=>commitSearch(event.target.value),onClick:event=>event.stopPropagation(),style:{width:\"100%\",height:44,boxSizing:\"border-box\",margin:0,padding:\"0 22px\",border:\"none\",borderRadius:999,outline:\"none\",background:\"#1A1A1A\",color:activeTextColor,fontFamily:\"Inter, sans-serif\",fontSize:\"15px\",lineHeight:\"1.2em\",fontWeight:400,textAlign:\"left\",WebkitAppearance:\"none\"}})}):null;const categoryList=/*#__PURE__*/_jsxs(\"div\",{style:{position:isIconLayout?\"absolute\":\"relative\",top:isIconLayout?\"100%\":undefined,right:isIconLayout?0:undefined,left:isIconLayout?0:undefined,marginTop:isIconLayout?10:undefined,zIndex:isIconLayout?99999:undefined,display:\"flex\",flexDirection:\"column\",alignItems:isIconLayout?\"flex-end\":\"stretch\",flex:isIconLayout?undefined:\"1 1 auto\",minHeight:0,width:isIconLayout?\"100%\":\"100%\",maxHeight:isIconLayout?\"min(70vh, 420px)\":undefined,background:isIconLayout?surface:undefined,padding:isIconLayout?\"12px 12px 8px\":undefined,borderRadius:isIconLayout?10:undefined,boxShadow:isIconLayout?\"0 12px 40px rgba(0,0,0,0.55)\":undefined},children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tag-filter-scroll\",role:\"listbox\",\"aria-multiselectable\":\"true\",\"aria-label\":heading||allLabel||\"Categories\",style:{position:\"relative\",display:\"flex\",flexDirection:\"column\",alignItems:isIconLayout?\"flex-end\":\"stretch\",gap:rowGap,minHeight:0,flex:\"1 1 auto\",width:\"100%\",maxHeight:isIconLayout?\"min(50vh, 300px)\":undefined,overflowY:\"auto\",overflowX:\"hidden\",overscrollBehavior:\"contain\",WebkitOverflowScrolling:\"touch\",msOverflowStyle:\"none\",scrollbarWidth:\"none\",touchAction:\"pan-y\",borderLeft:isIconLayout?undefined:`1px solid ${trackColor}`,borderRight:isIconLayout?`1px solid ${trackColor}`:undefined,padding:isIconLayout?\"2px 0 40px\":\"2px 0 48px\"},children:[/*#__PURE__*/_jsxs(\"button\",{type:\"button\",role:\"option\",\"aria-selected\":isAllActive,onClick:onSelectAll,style:rowStyle(isAllActive),children:[accentBar(isAllActive),allLabel]}),filteredTags.map(tag=>{const active=isTagSelected(tag.value);return /*#__PURE__*/_jsxs(\"button\",{type:\"button\",role:\"option\",\"aria-selected\":active,onClick:()=>onToggleTag(tag.value),style:rowStyle(active),children:[accentBar(active),labelWithCount(tag.label,tag.count)]},tag.value);})]}),showFade?/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",left:isIconLayout?12:0,right:isIconLayout?12:0,bottom:isIconLayout?8:0,height:isIconLayout?64:96,pointerEvents:\"none\",zIndex:1,background:\"linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 45%, rgba(0,0,0,0.92) 78%, #000000 100%)\"}}):null]});if(isIconLayout){return /*#__PURE__*/_jsxs(\"div\",{ref:rootRef,style:{position:\"relative\",display:\"flex\",flexDirection:\"row\",alignItems:\"center\",justifyContent:\"space-between\",gap:12,width:\"100%\",height:44,minHeight:44,background:\"transparent\",padding:0,margin:0,overflow:\"visible\",zIndex:mobileOpen?99998:10,pointerEvents:\"auto\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n .tag-filter-scroll::-webkit-scrollbar {\n display: none;\n }\n .tag-filter-search::placeholder {\n color: #777777;\n }\n .tag-filter-search::-webkit-search-cancel-button {\n -webkit-appearance: none;\n }\n `}),searchField,/*#__PURE__*/_jsx(\"button\",{type:\"button\",\"aria-label\":mobileOpen?\"Hide filters\":\"Show filters\",\"aria-expanded\":mobileOpen,onClick:event=>{event.preventDefault();event.stopPropagation();setMobileOpen(open=>!open);},style:{position:\"relative\",zIndex:1e5,display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",flex:\"0 0 auto\",width:44,height:44,margin:0,padding:0,border:\"none\",borderRadius:8,background:\"transparent\",cursor:\"pointer\",color:activeTextColor,pointerEvents:\"auto\",WebkitTapHighlightColor:\"transparent\"},children:/*#__PURE__*/_jsx(FilterIcon,{color:activeTextColor,size:22})}),showList?categoryList:null]});}return /*#__PURE__*/_jsxs(\"div\",{ref:rootRef,style:{position:\"relative\",display:\"flex\",flexDirection:\"column\",width:\"100%\",height:\"100%\",minHeight:0,background:surface,padding:\"4px 0 0\",overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n .tag-filter-scroll::-webkit-scrollbar {\n display: none;\n }\n .tag-filter-search::placeholder {\n color: #777777;\n }\n .tag-filter-search::-webkit-search-cancel-button {\n -webkit-appearance: none;\n }\n `}),searchField?/*#__PURE__*/_jsx(\"div\",{style:{marginBottom:20,width:\"100%\"},children:searchField}):null,/*#__PURE__*/_jsx(\"div\",{style:{color:activeTextColor,fontFamily:\"Inter, sans-serif\",fontSize:titleFont.fontSize??\"16px\",lineHeight:titleFont.lineHeight??\"1.2em\",letterSpacing:titleFont.letterSpacing??\"0\",fontWeight:titleFont.fontWeight??600,fontStyle:titleFont.fontStyle??\"normal\",marginBottom:28,paddingLeft:0},children:heading}),showList?categoryList:null]});}/**\n * Wrap your CMS Collection List in the Slot, OR leave the Slot empty and set\n * collectionSelector to the list’s Framer name (e.g. SMAP Posts Grid).\n * Talks to TagFilter via a shared in-file store — no URL / CMS variables needed.\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function CmsCollectionFilter(props){const{children,requiredTag=\"SMAP\",collectionSelector='[data-framer-name=\"SMAP Posts Grid\"], [data-framer-name=\"SmapPostsGrid\"]',cardSelector='[data-framer-name=\"Post Card\"], [data-framer-name=\"PostCard\"]',emptyText=\"No more SMAP posts\",emptyTextColor=\"rgba(255,255,255,0.45)\",emptyFont={fontSize:\"14px\",fontWeight:400,letterSpacing:\"0\",lineHeight:\"1.4em\"},style}=props;const rootRef=React.useRef(null);const[state,setState]=React.useState(getFilterState);const[visibleCount,setVisibleCount]=React.useState(-1);React.useEffect(()=>subscribeFilter(setState),[]);const resolveScopes=React.useCallback(()=>{if(typeof document===\"undefined\")return[];const scopes=[];if(rootRef.current)scopes.push(rootRef.current);if(collectionSelector.trim()){document.querySelectorAll(collectionSelector).forEach(node=>{if(!scopes.includes(node))scopes.push(node);});}return scopes;},[collectionSelector]);const applyFilter=React.useCallback(()=>{if(typeof document===\"undefined\")return;const scopes=resolveScopes();if(scopes.length===0)return;const cardSet=new Set;for(const scope of scopes){const found=Array.from(scope.querySelectorAll(cardSelector));if(found.length===0){Array.from(scope.children).forEach(node=>{if(node instanceof HTMLElement)cardSet.add(node);});}else{found.forEach(card=>cardSet.add(card));}}const cards=Array.from(cardSet);const uniqueCards=cards.filter(card=>{return!cards.some(other=>other!==card&&other.contains(card));});let visible=0;for(const card of uniqueCards){const text=card.textContent??\"\";const requiredOk=!requiredTag.trim()||textMatchesNeedle(text,requiredTag);const selectedOk=state.selectedLabels.length===0||state.selectedLabels.some(label=>textMatchesNeedle(text,label))||state.selectedValues.some(value=>textMatchesNeedle(text,value));const searchOk=!state.searchQuery.trim()||textMatchesNeedle(text,state.searchQuery);const show=requiredOk&&selectedOk&&searchOk;card.style.display=show?\"\":\"none\";if(show)visible+=1;}setVisibleCount(visible);},[cardSelector,requiredTag,resolveScopes,state.searchQuery,state.selectedLabels,state.selectedValues]);const stretchConnectedCollection=React.useCallback(()=>{const root=rootRef.current;if(!root)return;const slotWrap=root.querySelector(\"[data-cms-filter-slot]\");if(!slotWrap)return;Array.from(slotWrap.children).forEach(node=>{if(!(node instanceof HTMLElement))return;node.style.width=\"100%\";node.style.height=\"100%\";node.style.minWidth=\"0\";node.style.minHeight=\"0\";node.style.alignSelf=\"stretch\";node.style.flex=\"1 1 auto\";node.style.boxSizing=\"border-box\";});},[]);React.useEffect(()=>{applyFilter();stretchConnectedCollection();if(typeof MutationObserver===\"undefined\")return;const observer=new MutationObserver(()=>{applyFilter();stretchConnectedCollection();});const scopes=resolveScopes();scopes.forEach(scope=>{observer.observe(scope,{childList:true,subtree:true,characterData:true});});if(typeof document!==\"undefined\"){observer.observe(document.body,{childList:true,subtree:true});}const onCustom=()=>applyFilter();window.addEventListener(\"cms-tag-filter-change\",onCustom);return()=>{observer.disconnect();window.removeEventListener(\"cms-tag-filter-change\",onCustom);};},[applyFilter,resolveScopes,stretchConnectedCollection]);React.useEffect(()=>{stretchConnectedCollection();},[children,stretchConnectedCollection]);const showEmpty=visibleCount===0;return /*#__PURE__*/_jsxs(\"div\",{ref:rootRef,style:{position:\"relative\",display:\"flex\",flexDirection:\"column\",alignItems:\"stretch\",justifyContent:\"flex-start\",width:\"100%\",height:\"100%\",minWidth:0,minHeight:0,boxSizing:\"border-box\",...style},children:[/*#__PURE__*/_jsx(\"div\",{\"data-cms-filter-slot\":\"\",style:{position:\"relative\",flex:\"1 1 auto\",alignSelf:\"stretch\",width:\"100%\",height:\"100%\",minWidth:0,minHeight:0,display:\"flex\",flexDirection:\"column\"},children:children}),showEmpty&&/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",flex:\"0 0 auto\",padding:\"24px 0\",color:emptyTextColor,fontFamily:\"Inter, sans-serif\",fontSize:emptyFont.fontSize,lineHeight:emptyFont.lineHeight,letterSpacing:emptyFont.letterSpacing,fontWeight:emptyFont.fontWeight,fontStyle:emptyFont.fontStyle},children:emptyText})]});}// ---------------------------------------------------------------------------\n// Property controls\n// ---------------------------------------------------------------------------\naddPropertyControls(TagFilter,{title:{type:ControlType.String,title:\"Title\",defaultValue:\"Browse Categories\"},allLabel:{type:ControlType.String,title:\"All Label\",defaultValue:\"All Categories\"},allCount:{type:ControlType.Number,title:\"All Count\",defaultValue:7,min:0,step:1,displayStepper:true},syncUrl:{type:ControlType.Boolean,title:\"Sync URL\",description:\"Optional bookmarking only. Filtering no longer depends on CMS URL variables.\",defaultValue:true},queryKey:{type:ControlType.String,title:\"URL Param\",hidden:props=>!props.syncUrl,defaultValue:\"tags\"},dynamicFromPosts:{type:ControlType.Boolean,title:\"Dynamic Posts\",defaultValue:false},postsSelector:{type:ControlType.String,title:\"Posts Selector\",defaultValue:'[data-framer-name=\"Post Card\"]',hidden:props=>!props.dynamicFromPosts},tagSelector:{type:ControlType.String,title:\"Tag Selector\",defaultValue:'[data-framer-name=\"Tags\"]',hidden:props=>!props.dynamicFromPosts},requiredTag:{type:ControlType.String,title:\"Required Tag\",defaultValue:\"SMAP\",hidden:props=>!props.dynamicFromPosts},tags:{type:ControlType.Array,title:\"Tags\",control:{type:ControlType.Object,controls:{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Category\"},value:{type:ControlType.String,title:\"Value\",defaultValue:\"\"},count:{type:ControlType.Number,title:\"Count\",defaultValue:1,min:0,step:1,displayStepper:true}}},defaultValue:DEFAULT_TAGS},rowGap:{type:ControlType.Number,title:\"Row Gap\",defaultValue:18,min:4,max:40,step:1},showFade:{type:ControlType.Boolean,title:\"Bottom Fade\",defaultValue:true},showSearch:{type:ControlType.Boolean,title:\"Search\",defaultValue:true},searchPlaceholder:{type:ControlType.String,title:\"Search Placeholder\",defaultValue:\"Search Blog\",hidden:props=>!props.showSearch},displayMode:{type:ControlType.Enum,title:\"Display\",options:[\"auto\",\"sidebar\",\"icon\"],optionTitles:[\"Auto\",\"Sidebar\",\"Icon (Mobile)\"],defaultValue:\"auto\",displaySegmentedControl:true},mobileBreakpoint:{type:ControlType.Number,title:\"Mobile Max\",description:\"Used when Display is Auto (frame/parent width).\",defaultValue:809,min:320,max:1200,step:1,hidden:props=>props.displayMode!==\"auto\"},mobileOpenByDefault:{type:ControlType.Boolean,title:\"Mobile Open\",description:\"Preview only — canvas always stays icon-only.\",defaultValue:false,hidden:props=>props.displayMode===\"sidebar\"},background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#000000\"},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#4B7BFF\"},activeTextColor:{type:ControlType.Color,title:\"Active Text\",defaultValue:\"#FFFFFF\"},inactiveTextColor:{type:ControlType.Color,title:\"Inactive Text\",defaultValue:\"rgba(255,255,255,0.45)\"},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Semibold\",letterSpacing:\"0\",lineHeight:\"1.2em\"}},itemFont:{type:ControlType.Font,title:\"Item Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Regular\",letterSpacing:\"0\",lineHeight:\"1.2em\"}}});addPropertyControls(CmsCollectionFilter,{children:{type:ControlType.Slot,title:\"Collection\",description:\"Connect your CMS Collection List here. It fills the wrapper (width/height 100%).\"},requiredTag:{type:ControlType.String,title:\"Required Tag\",description:\"Always keep posts that include this tag text (e.g. SMAP).\",defaultValue:\"SMAP\"},collectionSelector:{type:ControlType.String,title:\"Collection Selector\",description:\"CSS / data-framer-name for the CMS list on the page when not using the Slot.\",defaultValue:'[data-framer-name=\"SMAP Posts Grid\"], [data-framer-name=\"SmapPostsGrid\"]'},cardSelector:{type:ControlType.String,title:\"Card Selector\",description:\"CSS selector for each CMS card.\",defaultValue:'[data-framer-name=\"Post Card\"], [data-framer-name=\"PostCard\"]'},emptyText:{type:ControlType.String,title:\"Empty Text\",defaultValue:\"No more SMAP posts\"},emptyTextColor:{type:ControlType.Color,title:\"Empty Color\",defaultValue:\"rgba(255,255,255,0.45)\"},emptyFont:{type:ControlType.Font,title:\"Empty Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Regular\",letterSpacing:\"0\",lineHeight:\"1.4em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"CmsCollectionFilter\":{\"type\":\"reactComponent\",\"name\":\"CmsCollectionFilter\",\"slots\":[\"children\"],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"TagFilter\":{\"type\":\"reactComponent\",\"name\":\"TagFilter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cmsfiltersidebar.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{motion,useInView}from\"framer-motion\";import{startTransition,useCallback,useEffect,useLayoutEffect,useRef,useState}from\"react\";const STATUS_META={complete:{label:\"Complete\",bg:\"#1F6F43\",color:\"#D8FFE8\"},\"in-progress\":{label:\"In Progress\",bg:\"#3B5BEB\",color:\"#EEF3FF\"},\"not-started\":{label:\"Not Started\",bg:\"#8B1E2D\",color:\"#FFD7DC\"}};const DEFAULT_ITEMS=[{title:\"Marine\",percent:100,active:true,subtasks:[{label:\"Inshore\",status:\"complete\"},{label:\"Deep Water\",status:\"complete\"}]},{title:\"Design\",percent:100,active:true,subtasks:[{label:\"System Design\",status:\"complete\"}]},{title:\"Manufacture\",percent:100,active:true,subtasks:[{label:\"Terminal Equipment\",status:\"complete\"},{label:\"Repeaters\",status:\"complete\"},{label:\"Cables\",status:\"complete\"},{label:\"System Assembly\",status:\"complete\"}]},{title:\"HDD\",percent:100,active:true,subtasks:[{label:\"Sydney\",status:\"complete\"},{label:\"Melbourne\",status:\"complete\"},{label:\"Adelaide\",status:\"complete\"},{label:\"Perth\",status:\"complete\"}]},{title:\"Permits\",percent:100,active:true,subtasks:[{label:\"Commonwealth\",status:\"complete\"},{label:\"New South Wales\",status:\"complete\"},{label:\"South Australia\",status:\"complete\"},{label:\"Victoria\",status:\"complete\"},{label:\"Western Australia\",status:\"complete\"}]},{title:\"Fronthaul\",percent:100,active:true,subtasks:[{label:\"Sydney\",status:\"complete\"},{label:\"Melbourne (Torquay)\",status:\"complete\"},{label:\"Adelaide\",status:\"complete\"},{label:\"Perth\",status:\"complete\"}]},{title:\"CLS\",percent:100,active:true,subtasks:[{label:\"Sydney\",status:\"complete\"},{label:\"Melbourne (Torquay)\",status:\"complete\"},{label:\"Adelaide\",status:\"complete\"},{label:\"Perth\",status:\"complete\"}]},{title:\"Installation\",percent:100,active:true,subtasks:[{label:\"Cable Loading\",status:\"complete\"},{label:\"Transit\",status:\"complete\"},{label:\"Land Cable Installation\",status:\"complete\"},{label:\"Inshore Installation\",status:\"complete\"},{label:\"Cable Laying\",status:\"complete\"}]},{title:\"Acceptance\",percent:100,active:true,subtasks:[{label:\"Acceptance Testing\",status:\"complete\"},{label:\"Provisional Acceptance\",status:\"complete\"},{label:\"SLTE Integration\",status:\"complete\"}]}];const SUBTASK_PRESETS={Marine:DEFAULT_ITEMS[0].subtasks||[],\"Marine Survey\":DEFAULT_ITEMS[0].subtasks||[],Design:DEFAULT_ITEMS[1].subtasks||[],\"System Design\":DEFAULT_ITEMS[1].subtasks||[],Manufacture:DEFAULT_ITEMS[2].subtasks||[],HDD:DEFAULT_ITEMS[3].subtasks||[],\"Horizontal Direction Drill (HDD)\":DEFAULT_ITEMS[3].subtasks||[],\"Horizontal Direction Drill\":DEFAULT_ITEMS[3].subtasks||[],Permits:DEFAULT_ITEMS[4].subtasks||[],\"Installation Permits\":DEFAULT_ITEMS[4].subtasks||[],Fronthaul:DEFAULT_ITEMS[5].subtasks||[],CLS:DEFAULT_ITEMS[6].subtasks||[],\"Cable Landing Stations\":DEFAULT_ITEMS[6].subtasks||[],Installation:DEFAULT_ITEMS[7].subtasks||[],\"Marine Installation\":DEFAULT_ITEMS[7].subtasks||[],Acceptance:DEFAULT_ITEMS[8].subtasks||[],\"System Completion\":DEFAULT_ITEMS[8].subtasks||[]};function clampPercent(value){return Math.max(0,Math.min(100,Number(value)||0));}function normalizeStatus(value){const normalized=String(value||\"\").trim().toLowerCase().replace(/[_\\s]+/g,\"-\");if(normalized===\"complete\"||normalized===\"completed\")return\"complete\";if(normalized===\"in-progress\"||normalized===\"inprogress\")return\"in-progress\";if(normalized===\"not-started\"||normalized===\"notstarted\")return\"not-started\";return\"not-started\";}function parseSubtasksText(value){if(typeof value!==\"string\"||value.trim()===\"\")return[];return value.split(\";\").map(function(entry){const[rawLabel,rawStatus]=entry.split(\"|\");const label=(rawLabel||\"\").trim();const statusValue=(rawStatus||\"\").trim();if(!label||!statusValue)return null;return{label,status:normalizeStatus(statusValue)};}).filter(function(entry){return!!entry;});}function milestoneKey(value){return String(value||\"\").trim().toLowerCase();}const DAY_MS=24*60*60*1e3;function parseDay(value){if(!value)return null;const date=new Date(value);if(Number.isNaN(date.getTime()))return null;return new Date(date.getFullYear(),date.getMonth(),date.getDate());}function calcDayCount(startDate,endDate,now=new Date){const start=parseDay(startDate);if(!start)return 0;const finish=parseDay(endDate);const today=new Date(now.getFullYear(),now.getMonth(),now.getDate());const end=finish?new Date(Math.min(finish.getTime(),today.getTime())):today;if(end.getTime()0?` (Day ${day})`:\"\"]}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",maxWidth,height,borderRadius:999,background:trackColor,overflow:\"hidden\",position:\"relative\"},role:\"progressbar\",\"aria-valuemin\":0,\"aria-valuemax\":100,\"aria-valuenow\":Math.round(percent),\"aria-label\":\"Overall progress\",children:/*#__PURE__*/_jsx(motion.div,{initial:isStatic?false:{width:\"0%\"},animate:{width:isStatic||animate?`${percent}%`:\"0%\"},transition:{duration:1.15,delay:.08,ease:[.22,1,.36,1]},style:{height:\"100%\",borderRadius:999,position:\"relative\",overflow:\"hidden\",background:color,minWidth:percent>0?height:0},children:showShimmer&&!isStatic&&percent>0?/*#__PURE__*/_jsx(motion.div,{\"aria-hidden\":\"true\",initial:{x:\"-100%\"},animate:{x:\"200%\"},transition:{duration:1.6,repeat:Infinity,ease:\"linear\",repeatDelay:.35},style:{position:\"absolute\",inset:0,width:\"55%\",background:fillGradient,opacity:.95,pointerEvents:\"none\"}}):null})})]});}function resolveSubtasks(item,taskUpdatesByMilestone){const key=milestoneKey(item.title);if(key&&taskUpdatesByMilestone&&taskUpdatesByMilestone[key]?.length){return taskUpdatesByMilestone[key];}if(Array.isArray(item.subtasks)&&item.subtasks.length>0){return item.subtasks;}const parsedTextSubtasks=parseSubtasksText(item.subtasksText);if(parsedTextSubtasks.length>0)return parsedTextSubtasks;const title=(item.title||\"\").trim();if(SUBTASK_PRESETS[title])return SUBTASK_PRESETS[title];const match=DEFAULT_ITEMS.find(function(d){return d.title.toLowerCase()===title.toLowerCase();});return match&&match.subtasks||[];}function resolveItems(raw,taskUpdatesByMilestone){const source=Array.isArray(raw)&&raw.length>0?raw:DEFAULT_ITEMS;return source.map(function(item){return{title:item.title||\"Progress\",percent:clampPercent(item.percent),color:item.color,active:item.active!==false,hidden:item.hidden===true,subtasksText:item.subtasksText,subtasks:resolveSubtasks(item,taskUpdatesByMilestone)};});}function averagePercent(items){if(!items.length)return 0;const total=items.reduce(function(sum,item){return sum+clampPercent(item.percent);},0);return clampPercent(Math.round(total/items.length));}function Ring(props){const stroke=Math.max(4,Math.round(props.size*.06));const r=(props.size-stroke)/2;const c=2*Math.PI*r;const target=clampPercent(props.percent);const offset=c-target/100*c;const delay=props.delay||0;const duration=props.duration??1.05;const instant=props.instant||!props.animate;return /*#__PURE__*/_jsxs(\"svg\",{width:props.size,height:props.size,viewBox:`0 0 ${props.size} ${props.size}`,\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:props.size/2,cy:props.size/2,r:r,fill:\"none\",stroke:props.trackColor,strokeWidth:stroke}),/*#__PURE__*/_jsx(motion.circle,{cx:props.size/2,cy:props.size/2,r:r,fill:\"none\",stroke:props.color,strokeWidth:stroke,strokeLinecap:\"round\",strokeDasharray:c,transform:`rotate(-90 ${props.size/2} ${props.size/2})`,initial:instant?false:{strokeDashoffset:c},animate:{strokeDashoffset:instant||props.animate?offset:c},transition:instant?{duration:.3,ease:\"easeOut\"}:{duration,delay:props.animate?delay:0,ease:[.22,1,.36,1]}}),/*#__PURE__*/_jsxs(motion.text,{x:\"50%\",y:\"50%\",textAnchor:\"middle\",dominantBaseline:\"central\",fill:\"#fff\",fontSize:props.size>70?14:12,fontWeight:600,fontFamily:\"Inter, system-ui, sans-serif\",initial:instant?false:{opacity:0},animate:{opacity:instant||props.animate?1:0},transition:instant?{duration:.2}:{duration:.35,delay:props.animate?delay+duration*.45:0,ease:\"easeOut\"},children:[Math.round(target),\"%\"]})]});}function SubtaskList(props){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:props.compact?8:10,justifyContent:\"center\",minWidth:0,flex:\"0 1 auto\"},children:props.tasks.map(function(task,index){const meta=STATUS_META[task.status]||STATUS_META[\"not-started\"];return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",gap:14,alignItems:\"center\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:\"rgba(255,255,255,0.86)\",fontSize:props.compact?12:13,lineHeight:1.2,whiteSpace:\"nowrap\"},children:task.label}),/*#__PURE__*/_jsx(\"span\",{style:{padding:\"3px 8px\",borderRadius:99,background:meta.bg,color:meta.color,fontSize:10,fontWeight:600,whiteSpace:\"nowrap\",flexShrink:0},children:meta.label})]},`${task.label}-${index}`);})});}function DetailPopup(props){const{item,color,trackColor,isMobile,viewportW,anchorRect,onKeepOpen,onRequestClose}=props;const subtasks=Array.isArray(item.subtasks)?item.subtasks:[];const panelMax=Math.min(418,viewportW-24);const panelRef=useRef(null);const[coords,setCoords]=useState({top:0,left:0});useLayoutEffect(function(){if(!anchorRect||typeof window===\"undefined\")return;const gap=14;const panel=panelRef.current;const panelW=panel?panel.offsetWidth:panelMax;const panelH=panel?panel.offsetHeight:200;const vw=window.innerWidth;const vh=window.innerHeight;let left=anchorRect.left+anchorRect.width/2-panelW/2;left=Math.max(12,Math.min(left,vw-panelW-12));let top=anchorRect.top-panelH-gap;if(top<12){top=Math.min(anchorRect.bottom+gap,vh-panelH-12);}setCoords({top,left});},[anchorRect,panelMax,item.title,subtasks.length,isMobile]);if(!anchorRect)return null;return /*#__PURE__*/_jsxs(\"div\",{ref:panelRef,role:\"dialog\",\"aria-label\":`${item.title} details`,style:{position:\"fixed\",top:coords.top,left:coords.left,zIndex:2147483e3,background:\"#16181D\",border:\"1px solid rgba(255,255,255,0.08)\",borderRadius:16,padding:isMobile?\"14px 16px\":\"16px 18px\",width:\"max-content\",maxWidth:panelMax,boxShadow:\"0 18px 50px rgba(0,0,0,0.55)\",display:\"flex\",flexDirection:isMobile?\"column\":\"row\",gap:isMobile?14:16,alignItems:isMobile?\"stretch\":\"center\",boxSizing:\"border-box\",pointerEvents:\"auto\",fontFamily:\"Inter, system-ui, sans-serif\"},onMouseEnter:onKeepOpen,onMouseLeave:onRequestClose,onClick:function(e){e.stopPropagation();},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:isMobile?\"row\":\"column\",alignItems:\"center\",gap:isMobile?12:8,width:isMobile?\"100%\":88,flexShrink:0},children:[/*#__PURE__*/_jsx(Ring,{percent:item.percent,size:isMobile?56:64,color:color,trackColor:trackColor,instant:true}),/*#__PURE__*/_jsx(\"div\",{style:{color:\"#fff\",fontSize:13,fontWeight:600,textAlign:isMobile?\"left\":\"center\",whiteSpace:\"nowrap\"},children:item.title})]}),subtasks.length>0?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{style:isMobile?{height:1,width:\"100%\",background:\"rgba(255,255,255,0.08)\",flexShrink:0}:{width:1,alignSelf:\"stretch\",background:\"rgba(255,255,255,0.08)\",flexShrink:0}}),/*#__PURE__*/_jsx(SubtaskList,{tasks:subtasks,compact:isMobile})]}):null]});}/**\n * Horizontal row of progress circles with overall progress bar,\n * hover blur, detail popups, and responsive scroll.\n *\n * @framerIntrinsicWidth 900\n * @framerIntrinsicHeight 240\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function ProgressCircleRow(props){const size=Math.max(40,Number(props.size)||80);const gap=Math.max(8,Number(props.gap)||28);const color=props.color||\"#3B5BEB\";const trackColor=props.trackColor||\"rgba(255,255,255,0.12)\";const titleColor=props.titleColor||\"rgba(255,255,255,0.72)\";const blurAmount=Math.max(0,Number(props.blurAmount)||6);const mobileBreakpoint=Math.max(320,Number(props.mobileBreakpoint)||720);const staggerDelay=Math.max(0,Number(props.staggerDelay)||.08);const ringDuration=Math.max(.2,Number(props.ringDuration)||1.05);const showOverall=props.showOverall!==false;const overrideOverall=props.overrideOverall===true;const taskUpdatesByMilestone=(props.taskUpdates||[]).reduce(function(acc,row){const milestone=milestoneKey(row?.milestone);const task=String(row?.task||\"\").trim();if(!milestone||!task)return acc;if(!acc[milestone])acc[milestone]=[];acc[milestone].push({label:task,status:normalizeStatus(row?.status)});return acc;},{});const items=resolveItems(props.items,taskUpdatesByMilestone);const overallPercent=overrideOverall?clampPercent(props.overallPercent===undefined?0:props.overallPercent):averagePercent(items);const barHeight=Math.max(4,Number(props.barHeight)||10);const barMaxWidth=Math.max(120,Number(props.barMaxWidth)||560);const barLabelColor=props.barLabelColor||\"rgba(255,255,255,0.92)\";const showShimmer=props.showShimmer!==false;const isStatic=useIsStaticRenderer();const dayCount=useDayCount(props.startDate,props.endDate);const[viewportW,setViewportW]=useState(1200);const[activeIndex,setActiveIndex]=useState(null);const[anchorRect,setAnchorRect]=useState(null);const itemRefs=useRef([]);const scrollRef=useRef(null);const rootRef=useRef(null);const rowRef=useRef(null);const closeTimer=useRef(null);const isMobile=viewportW