{"version":3,"file":"Search.DFL7bRMw.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/lm1KVSgaS5or05pXPBYf/97OfTlStTVayxt5aPNHg/t4zexRMXi.js","https:/framerusercontent.com/modules/T1OktFXcjKmqU1V7Pau2/X3obXskwRNp1x5PRdga3/Search.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\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 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=({height,id,stroke,width,...props})=>{return{...props,n2nHSaXfp:stroke??props.n2nHSaXfp??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,n2nHSaXfp,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-UZLQq\",className),layoutId:layoutId,ref:ref,style:{\"--1df8v9o\":n2nHSaXfp,...style}});});const css=[`.framer-UZLQq { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--1df8v9o); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"n2nHSaXfp\":\"stroke\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Search\",\"color\":{\"type\":\"variable\",\"value\":\"1df8v9o\"},\"set\":{\"localId\":\"vectorSet/yXo17f3GZ\",\"id\":\"yXo17f3GZ\",\"moduleId\":\"eO37kitVCMcNEgHMGd3K\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-UZLQq\");Icon.displayName=\"Search\";export default Icon;addPropertyControls(Icon,{n2nHSaXfp:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Stroke\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"n2nHSaXfp\\\":\\\"stroke\\\"}\",\"framerDisableUnlink\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"Search\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1df8v9o\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/yXo17f3GZ\\\",\\\"id\\\":\\\"yXo17f3GZ\\\",\\\"moduleId\\\":\\\"eO37kitVCMcNEgHMGd3K\\\"}}\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"24\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function BroadcastSearch(props){const[searchQuery,setSearchQuery]=useState(\"\");const[debouncedSearchQuery,setDebouncedSearchQuery]=useState(\"\");const BROADCAST_ID=\"3.14px solid transparent\";const uniqueId=useRef(`broadcast-search-${Math.random().toString(36).substring(2,11)}`);// Debounce search query\nuseEffect(()=>{const timer=setTimeout(()=>{setDebouncedSearchQuery(searchQuery);},150)// 150ms debounce\n;return()=>clearTimeout(timer);},[searchQuery]);useEffect(()=>{// Apply filter when debounced query changes\nfilterItems(debouncedSearchQuery,true)// true = trigger pagination refresh\n;// Set up an interval to refresh the data (but not trigger pagination)\nconst intervalId=setInterval(()=>filterItems(debouncedSearchQuery,false),1e3);// Clean up on unmount\nreturn()=>clearInterval(intervalId);},[debouncedSearchQuery]);const triggerPaginationRefresh=()=>{// Only interact with pagination if it actually exists and is enabled\nif(window.paginationConfig?.isEnabled&&window.updatePagination){console.log(\"Search applied - refreshing pagination\");window.updatePagination({itemsPerPage:window.paginationConfig.itemsPerPage,currentPage:1,isEnabled:true});// Force pagination component to update its state\nif(window.forcePaginationUpdate){window.forcePaginationUpdate(1);}}else{console.log(\"No pagination - search applied without pagination refresh\");// Just trigger the broadcaster to refresh display without any pagination limits\nif(window.updatePagination){// This will NOT create any config, just trigger refresh\nwindow.updatePagination({isEnabled:false});}}};const filterItems=(query,shouldTriggerPagination=false)=>{// Find broadcaster elements\nconst broadcasterElements=document.querySelectorAll(`[style*=\"border: ${BROADCAST_ID}\"]`);if(broadcasterElements.length>0){const broadcaster=broadcasterElements[0];const children=window.allBroadcastItems||Array.from(broadcaster.children);// Only log when search query actually changes\nif(shouldTriggerPagination){console.log(`Searching ${children.length} total items for: \"${query}\"`);}// Tag each element with this filter's search state using data-filter- prefix\nchildren.forEach(child=>{const textContent=child.textContent||child.innerText||\"\";const matchesSearch=!query.trim()||textContent.toLowerCase().includes(query.toLowerCase());// Store matching state as a data-filter attribute (NOT data-search)\nchild.setAttribute(`data-filter-${uniqueId.current}`,matchesSearch?\"match\":\"no-match\");});// Only trigger pagination refresh when search query actually changes\nif(shouldTriggerPagination){console.log(`Search filtering complete, triggering pagination/filter refresh`);// Use setTimeout to ensure DOM updates are processed\nsetTimeout(()=>{triggerPaginationRefresh();},10);}}};const handleSearchChange=e=>{setSearchQuery(e.target.value);};// Create a style element for the placeholder color\nuseEffect(()=>{const styleEl=document.createElement(\"style\");styleEl.innerHTML=`\n #${uniqueId.current}::placeholder {\n color: ${props.placeholderColor};\n }\n `;document.head.appendChild(styleEl);return()=>{document.head.removeChild(styleEl);};},[props.placeholderColor]);return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"input\",{id:uniqueId.current,type:\"text\",value:searchQuery,onChange:handleSearchChange,placeholder:props.placeholder,style:{width:\"100%\",height:\"100%\",padding:props.inputPadding,paddingLeft:props.showSearchIcon?\"36px\":props.inputPadding,border:`${props.border.borderWidth}px ${props.border.borderStyle} ${props.border.borderColor}`,borderRadius:props.borderRadius,...props.font,color:props.fontColor,backgroundColor:props.inputBackground,outline:\"none\",boxSizing:\"border-box\"}}),props.showSearchIcon&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:\"10px\",top:\"50%\",transform:\"translateY(-50%)\",pointerEvents:\"none\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z\",stroke:props.iconColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})})]});}// Default props\nBroadcastSearch.defaultProps={placeholder:\"Search...\",placeholderColor:\"#888888\",showSearchIcon:true,iconColor:\"#888888\",fontColor:\"#000000\",inputBackground:\"white\",inputPadding:\"10px\",borderRadius:\"8px\",border:{borderWidth:1,borderStyle:\"solid\",borderColor:\"#dddddd\"},font:{family:\"Inter\",fontSize:14,fontWeight:400,lineHeight:1.5,letterSpacing:0,textAlign:\"left\"}};// Property controls\naddPropertyControls(BroadcastSearch,{placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Search...\"},placeholderColor:{type:ControlType.Color,title:\"Placeholder Color\",defaultValue:\"#888888\"},showSearchIcon:{type:ControlType.Boolean,title:\"Show Icon\",defaultValue:true},iconColor:{type:ControlType.Color,title:\"Icon Color\",defaultValue:\"#888888\",hidden(props){return!props.showSearchIcon;}},fontColor:{type:ControlType.Color,title:\"Font Color\",defaultValue:\"#000000\"},inputBackground:{type:ControlType.Color,title:\"Input Background\",defaultValue:\"white\"},inputPadding:{type:ControlType.Padding,title:\"Input Padding\",defaultValue:\"10px\"},border:{type:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:1,borderStyle:\"solid\",borderColor:\"#dddddd\"}},borderRadius:{type:ControlType.BorderRadius,title:\"Border Radius\",defaultValue:\"8px\"},font:{type:ControlType.Font,controls:\"extended\",title:\"Font\",defaultValue:{family:\"Inter\",fontSize:14,fontWeight:400,lineHeight:1.5,letterSpacing:0,textAlign:\"left\"},description:\"v3.0 \\n[via SegmentUI](https://www.segmentUI.com)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BroadcastSearch\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Search.map"],"mappings":"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"}