{"version":3,"file":"SearchBar.BpgqSAnx.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/SCy7FLdHzkNZj7inEGxN/Q5sObPaTgP9XwcOkwxDb/SearchBar.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";// Type assertion for extended Framer control types not in standard ControlType\nconst ControlTypeExtended=ControlType;import{useState,useRef,useEffect}from\"react\";import{Border,borderPropertyControl,fillProp,createBackground,superfieldsId,useInstanceId}from\"https://framerusercontent.com/modules/FZjYlw33eNo8pxLbSFLX/9cz7ek89fMdNfYUyPOlg/SuperfieldsShared.js\";import useSuperfieldsStore from\"https://framerusercontent.com/modules/OoGHZMzWDzm2mNN7bmeR/SrfgZxoYwWZOduOAI06A/Store.js\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 500\n * @framerDisableUnlink\n */export default function SearchBar(props){const{superfieldsId,placeholderColor,searchIcon,xButton}=props;const id=useInstanceId();const inputRef=useRef(null);const[focused,setFocused]=useState(false);const[initialized,setInitialized]=useState(false);const[search,totalItems,setSearch]=useSuperfieldsStore(superfieldsId,state=>[state.search,state.totalItems,state.setSearch]);useEffect(()=>{setInitialized(true);},[]);function onXClick(){setSearch(\"\");}// Top, right, bottom, left\nconst paddingValues=parsePadding(props.padding);return /*#__PURE__*/_jsxs(\"div\",{\"data-superfields\":true,id:id,style:{position:\"relative\",...createBackground(props.fill),color:props.fontColor,borderRadius:props.radius,boxShadow:props.shadows,display:\"flex\",flexDirection:\"row\",alignItems:\"center\",padding:props.padding,gap:props.gap,cursor:\"text\",overflow:\"hidden\",backdropFilter:props.bgBlur?`blur(${props.bgBlur}px)`:undefined,...props.font,...props.style},onClick:()=>{inputRef.current?.focus();},children:[searchIcon&&/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:searchIcon.size,height:searchIcon.size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:searchIcon.color,strokeWidth:searchIcon.lineWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\",style:{opacity:searchIcon.opacity,display:\"block\",pointerEvents:\"none\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M21 21l-6 -6\"})]}),/*#__PURE__*/_jsx(\"input\",{ref:inputRef,type:\"text\",style:{border:\"none\",color:props.fontColor,background:\"none\",...props.font,...props.style},placeholder:props.placeholderText.replace(\"[items]\",String(!initialized||!totalItems?0:totalItems)),autoFocus:props.autoFocus,value:search??\"\",onChange:event=>{setSearch(event.target.value);},onFocus:()=>setFocused(true),onBlur:()=>setFocused(false)}),search&&initialized&&xButton&&/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:xButton.size,display:\"flex\",alignItems:\"center\",alignSelf:\"stretch\"},children:[/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:xButton.size,height:xButton.size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:xButton.color,strokeWidth:xButton.lineWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\",style:{display:\"block\",opacity:xButton.opacity},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M18 6l-12 12\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M6 6l12 12\"})]}),/*#__PURE__*/_jsx(\"button\",{style:{position:\"absolute\",left:-props.gap,top:-paddingValues[0],right:-paddingValues[1],bottom:-paddingValues[2],cursor:\"pointer\",background:\"none\",border:\"none\"},onClick:onXClick,onFocus:()=>setFocused(true),onBlur:()=>setFocused(false)})]}),props.border&&/*#__PURE__*/_jsx(Border,{...props.border}),props.focus&&/*#__PURE__*/_jsx(Border,{...props.focus,animate:{opacity:focused?1:0}}),/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:`\n                        #${id} input::placeholder { color: ${placeholderColor}; user-select: none; }\n                        #${id} input::-webkit-input-placeholder { color: ${placeholderColor}; user-select: none; }\n                        #${id} input::-moz-placeholder { color: ${placeholderColor}; user-select: none; }\n                        #${id} input:-ms-input-placeholder { color: ${placeholderColor}; user-select: none; }\n                        #${id} input:-moz-placeholder { color: ${placeholderColor}; user-select: none; }\n                        #${id} input:focus { outline: none; }`}})]});}SearchBar.displayName=\"Search Bar\";addPropertyControls(SearchBar,{...superfieldsId(),placeholderText:{type:ControlType.String,defaultValue:\"Search [items] items...\",title:\"Placeholder\",description:\"*[items]*: number of CMS items\"},autoFocus:{type:ControlType.Boolean,defaultValue:false,title:\"Auto-Focus\"},fill:fillProp({color:\"#EFEFEF\"}),fontColor:{type:ControlType.Color,defaultValue:\"#000\"},placeholderColor:{type:ControlType.Color,defaultValue:\"rgba(0, 0, 0, 0.5)\"},font:{type:ControlType.Font,controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:14,lineHeight:1.4}},searchIcon:{type:ControlType.Object,optional:true,defaultValue:{color:\"$000\",size:16,lineWidth:2.5,opacity:.5},controls:{color:{type:ControlType.Color,defaultValue:\"$000\"},size:{type:ControlType.Number,defaultValue:16,min:1,step:1},lineWidth:{type:ControlType.Number,defaultValue:2.5,min:.1,max:5,step:.1},opacity:{type:ControlType.Number,defaultValue:1,min:0,max:1,step:.01}}},xButton:{type:ControlType.Object,optional:true,defaultValue:{color:\"#000\",size:14,lineWidth:2.5,opacity:.5},controls:{color:{type:ControlType.Color,defaultValue:\"#000\"},size:{type:ControlType.Number,defaultValue:14,min:1,step:1},lineWidth:{type:ControlType.Number,defaultValue:2.5,min:.1,max:5,step:.1},opacity:{type:ControlType.Number,defaultValue:.5,min:0,max:1,step:.01}}},gap:{type:ControlType.Number,defaultValue:8,min:0,step:1},padding:{type:ControlTypeExtended.Padding,defaultValue:\"8px 12px 8px 12px\"},radius:{type:ControlTypeExtended.BorderRadius,defaultValue:\"8px\"},border:borderPropertyControl(),shadows:{type:ControlTypeExtended.BoxShadow},bgBlur:{type:ControlType.Number,min:0,max:100,step:1,displayStepper:true,title:\"BG Blur\"},focus:{type:ControlType.Object,optional:true,defaultValue:{color:\"#0075FF\",width:2,style:\"solid\"},buttonTitle:\"Border\",controls:{color:{type:ControlType.Color,defaultValue:\"#0075FF\",title:\"Color\"},width:{type:ControlType.FusedNumber,defaultValue:2,toggleKey:\"widthIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"widthTop\",\"widthRight\",\"widthBottom\",\"widthLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Enum,defaultValue:\"solid\",options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"Double\"]},transition:{type:ControlType.Transition,defaultValue:{type:\"spring\",duration:.2,bounce:0}}}}});function parsePadding(padding){const values=padding.trim().split(/\\s+/).map(val=>parseInt(val,10));if(values.length===1){const[value]=values;return[value,value,value,value];}if(values.length===4){return[values[0],values[1],values[2],values[3]];}throw new Error(\"Invalid padding input. Provide either one or four padding values.\");}\nexport const __FramerMetadata__ = {\"exports\":{\"BorderProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"SearchBarIconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"BackgroundFill\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"SearchBar\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"500\"}},\"SearchBarProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}