{"version":3,"file":"Select.BInATUpN.mjs","names":["Select","React.useState","React.useCallback"],"sources":["https:/framerusercontent.com/modules/LQULCyu9kgqvukVlEl2a/MH3Yx5fFxSy5AnDKO81p/Select.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,RenderTarget,withCSS}from\"framer\";import{getVariantControls,fontSizeOptions,fontControls,useFontControls,usePadding,paddingControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";/**\n * SELECT\n *\n * @framerIntrinsicWidth 140\n * @framerIntrinsicHeight 50\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */ export const Select=withCSS(function Select(props){const{disabled,focused,options=[],defaultTextColor,defaultIconColor,defaultBackgroundColor,defaultBorderColor,defaultBorderWidth,focusTextColor,focusIconColor,focusBackgroundColor,focusBorderColor,focusBorderWidth,disabledTextColor,disabledIconColor,disabledBackgroundColor,disabledBorderColor,disabledBorderWidth,disabledOpacity,radius,fontSize,fontFamily,fontWeight,value,variant,onFocus,onBlur,onChange,onSelectOption1,onSelectOption2,onSelectOption3,onSelectOption4,onSelectOption5,onSelectOption6,onSelectOption7,onSelectOption8,onSelectOption9,onSelectOption10,style,padding,...rest}=props;const[currentValue,setCurrentValue]=React.useState(value-1);const isInPreview=RenderTarget.current()===RenderTarget.preview;const handleSelectChange=React.useCallback(event=>{const index=parseInt(event.currentTarget.value,10);const label=options[index];// This shouldn't happen!\nif(!label){console.error(`Could not find option label at index ${index}`);}setCurrentValue(index);if(onChange){onChange(index,label);}switch(index){case 0:onSelectOption1();break;case 1:onSelectOption2();break;case 2:onSelectOption3();break;case 3:onSelectOption4();break;case 4:onSelectOption5();break;case 5:onSelectOption6();break;case 6:onSelectOption7();break;case 7:onSelectOption8();break;case 8:onSelectOption9();break;case 9:onSelectOption10();break;}},[options,onSelectOption1,onSelectOption2,onSelectOption3,onSelectOption4,onSelectOption5,onSelectOption6,onSelectOption7,onSelectOption8,onSelectOption9,onSelectOption10,]);const handleFocus=React.useCallback(()=>{if(onFocus){onFocus();}},[onFocus]);const handleBlur=React.useCallback(()=>{if(onBlur){onBlur();}},[onBlur]);React.useEffect(()=>setCurrentValue(value-1),[value]);const variants={default:{backgroundColor:defaultBackgroundColor,caretColor:defaultTextColor,color:defaultTextColor,boxShadow:`inset 0 0 0 ${defaultBorderWidth}px ${defaultBorderColor}`},disabled:{backgroundColor:disabledBackgroundColor,color:disabledTextColor,caretColor:disabledTextColor,boxShadow:`inset 0 0 0 ${disabledBorderWidth}px ${disabledBorderColor}`,opacity:disabledOpacity/100},focus:{backgroundColor:focusBackgroundColor,color:focusTextColor,caretColor:focusTextColor,boxShadow:`inset 0 0 0 ${focusBorderWidth}px ${focusBorderColor}`}};const currentVariantStyle=disabled?variants.disabled:variants[variant];const fontStyles=useFontControls(props);const paddingValue=usePadding(props);return(/*#__PURE__*/ _jsx(\"select\",{className:\"framer-default-select\",disabled:variant===\"disabled\"||disabled,autoFocus:focused&&isInPreview,style:{...selectStyles,...fontStyles,...style,\"--framer-default-select-focus-background-color\":variants.focus.backgroundColor,\"--framer-default-select-focus-color\":variants.focus.color,\"--framer-default-select-focus-box-shadow\":variants.focus.boxShadow,\"--framer-default-select-disabled-color\":variants.disabled.opacity,padding:paddingValue,borderRadius:radius,fontSize,backgroundImage:`url(\"data:image/svg+xml,${encodeURIComponent(`\n \n `)}\")`,...currentVariantStyle},value:currentValue,onChange:handleSelectChange,onFocus:handleFocus,onBlur:handleBlur,children:options.map((option,index)=>/*#__PURE__*/ _jsx(\"option\",{value:index,children:option},`option-${index}`))}));},[\".framer-default-select:focus {background-color: var(--framer-default-select-focus-background-color);color: var(--framer-default-select-focus-color);box-shadow: var(--framer-default-select-focus-box-shadow);}\",\".framer-default-select:disabled {opacity: var(--framer-default-select-disabled-color);cursor:default;}\",]);Select.defaultProps={height:50,width:140,value:1,disabled:false,focused:false,defaultTextColor:\"#444444\",defaultIconColor:\"#999999\",defaultBackgroundColor:\"#EBEBEB\",defaultBorderColor:\"#09F\",defaultBorderWidth:0,focusTextColor:\"#444444\",focusIconColor:\"#999999\",focusBackgroundColor:\"#f2f2f2\",focusBorderColor:\"#09F\",focusBorderWidth:1,disabledTextColor:\"#444444\",disabledIconColor:\"#999999\",disabledBackgroundColor:\"#f2f2f2\",disabledBorderColor:\"#09F\",disabledBorderWidth:0,disabledOpacity:60,radius:8,padding:10,paddingPerSide:true,paddingTop:15,paddingRight:50,paddingBottom:15,paddingLeft:15,fontWeight:500,fontSize:16,options:[\"Option 1\",\"Option 2\"],onChange:(index,label)=>{},onFocus:()=>{},onBlur:()=>{},onSelectOption1:(index,label)=>{},onSelectOption2:(index,label)=>{},onSelectOption3:(index,label)=>{},onSelectOption4:(index,label)=>{},onSelectOption5:(index,label)=>{},onSelectOption6:(index,label)=>{},onSelectOption7:(index,label)=>{},onSelectOption8:(index,label)=>{},onSelectOption9:(index,label)=>{},onSelectOption10:(index,label)=>{}};const selectStyles={pointerEvents:\"auto\",WebkitAppearance:\"none\",appearance:\"none\",position:\"relative\",border:\"none\",margin:0,cursor:\"pointer\",outline:0,outlineWidth:0,display:\"inline-block\",backgroundRepeat:\"no-repeat\",boxSizing:\"border-box\",backgroundPosition:\"right 15px center\",paddingLeft:15,paddingRight:15};addPropertyControls(Select,{value:{type:ControlType.Number,title:\"Default\",min:1,displayStepper:true,step:1,defaultValue:Select.defaultProps.value},disabled:{type:ControlType.Boolean,title:\"Disabled\",defaultValue:Select.defaultProps.disabled,enabledTitle:\"Yes\",disabledTitle:\"No\"},variant:{title:\"Variant\",type:ControlType.Enum,options:[\"default\",\"focus\",\"disabled\"],optionTitles:[\"Default\",\"Focus\",\"Disabled\"]},...getVariantControls(Select,\"default\"),...getVariantControls(Select,\"focus\"),...getVariantControls(Select,\"disabled\",{disabledOpacity:{title:\"Opacity\",type:ControlType.Number,min:0,max:100,unit:\"%\",defaultValue:Select.defaultProps.disabledOpacity,hidden:props=>props.variant!==\"disabled\"}}),...paddingControl,radius:{title:\"Radius\",type:ControlType.FusedNumber,defaultValue:Select.defaultProps.radius,toggleKey:\"isMixed\",toggleTitles:[\"Radius\",\"Radius per corner\"],valueKeys:[\"topLeft\",\"topRight\",\"bottomRight\",\"bottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0},...fontControls,fontSize:{...fontSizeOptions,defaultValue:Select.defaultProps.fontSize},fontWeight:{...fontControls.fontWeight,defaultValue:Select.defaultProps.fontWeight},focused:{type:ControlType.Boolean,title:\"Focused\",defaultValue:Select.defaultProps.focused,enabledTitle:\"Yes\",disabledTitle:\"No\"},options:{type:ControlType.Array,title:\"Options\",defaultValue:Select.defaultProps.options,propertyControl:{type:ControlType.String,placeholder:\"Option…\"}},onFocus:{type:ControlType.EventHandler},onBlur:{type:ControlType.EventHandler},onSelectOption1:{type:ControlType.EventHandler},onSelectOption2:{type:ControlType.EventHandler},onSelectOption3:{type:ControlType.EventHandler},onSelectOption4:{type:ControlType.EventHandler},onSelectOption5:{type:ControlType.EventHandler},onSelectOption6:{type:ControlType.EventHandler},onSelectOption7:{type:ControlType.EventHandler},onSelectOption8:{type:ControlType.EventHandler},onSelectOption9:{type:ControlType.EventHandler},onSelectOption10:{type:ControlType.EventHandler}});\nexport const __FramerMetadata__ = {\"exports\":{\"Select\":{\"type\":\"reactComponent\",\"name\":\"Select\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicHeight\":\"50\",\"framerIntrinsicWidth\":\"140\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Select.map"],"mappings":"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"}