{"version":3,"file":"Dropdowns.C24QACTb.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/j0RrDQrSSAnAOGwGQFdh/VgBMVRQHrYEp1uSb7z2E/Dropdowns.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";export default function FilterDropdown(props){const[selectedValue,setSelectedValue]=useState(props.defaultValue||\"\");const[isFocused,setIsFocused]=useState(false);const handleChange=e=>{const value=e.target.value;setSelectedValue(value);// Handle navigation mode\nif(props.mode===\"navigation\"&&value){window.location.href=`${props.basePath}/${value}`;}};return /*#__PURE__*/_jsx(\"select\",{className:\"dg_advf_dropdown\",\"data-advf-option-name\":props.optionName,value:selectedValue,onChange:handleChange,onFocus:()=>setIsFocused(true),onBlur:()=>setIsFocused(false),tabIndex:props.tabIndex,style:{width:props.fullWidth?\"100%\":\"auto\",padding:`${props.padding}px ${props.padding*1.6}px`,fontSize:`${props.fontSize}px`,fontFamily:props.fontFamily,color:props.textColor,backgroundColor:props.backgroundColor,border:`${props.borderWidth}px solid ${isFocused?props.focusBorderColor:props.borderColor}`,borderRadius:`${props.borderRadius}px`,outline:isFocused?`${props.focusOutlineWidth}px solid ${props.focusOutlineColor}`:\"none\",outlineOffset:props.focusOutlineOffset,cursor:\"pointer\",appearance:\"none\",backgroundImage:`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E\")`,backgroundRepeat:\"no-repeat\",backgroundPosition:`right ${props.padding}px center`,paddingRight:`${props.padding+24}px`,transition:\"border-color 0.2s ease, outline 0.2s ease\"},children:props.options.map((option,index)=>/*#__PURE__*/_jsx(\"option\",{label:option.label,value:option.value,children:option.label},index))});}FilterDropdown.defaultProps={mode:\"filter\",basePath:\"/state-page\",optionName:\"filter\",defaultValue:\"\",options:[{label:\"All\",value:\"\"},{label:\"Option 1\",value:\"option1\"},{label:\"Option 2\",value:\"option2\"}],fullWidth:true,padding:10,tabIndex:0,fontSize:16,fontFamily:\"inherit\",textColor:\"#000\",backgroundColor:\"#fff\",borderWidth:1,borderColor:\"#ccc\",borderRadius:4,focusBorderColor:\"#0066cc\",focusOutlineWidth:2,focusOutlineColor:\"#0066cc\",focusOutlineOffset:2};addPropertyControls(FilterDropdown,{// Behavior Section\nmode:{type:ControlType.Enum,title:\"Mode\",options:[\"filter\",\"navigation\"],optionTitles:[\"Filter\",\"Navigation\"],defaultValue:\"filter\",description:\"Filter: updates state for filtering. Navigation: redirects to a page.\"},basePath:{type:ControlType.String,title:\"Base Path\",defaultValue:\"/state-page\",description:\"URL base path for navigation mode (e.g., /state-page)\",hidden:props=>props.mode!==\"navigation\"},optionName:{type:ControlType.String,title:\"Filter Name\",description:\"e.g., 'session' or 'subject'\",defaultValue:\"filter\"},defaultValue:{type:ControlType.String,title:\"Default Value\",defaultValue:\"\"},options:{type:ControlType.Array,title:\"Options\",control:{type:ControlType.Object,controls:{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Option\"},value:{type:ControlType.String,title:\"Value\",defaultValue:\"\"}}},defaultValue:[{label:\"All\",value:\"\"},{label:\"Option 1\",value:\"option1\"},{label:\"Option 2\",value:\"option2\"}]},// Layout Section\nfullWidth:{type:ControlType.Boolean,title:\"Full Width\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\"},padding:{type:ControlType.Number,title:\"Padding\",min:0,max:40,defaultValue:10},tabIndex:{type:ControlType.Number,title:\"Tab Index\",min:-1,max:100,defaultValue:0,description:\"Tab order for keyboard navigation (0 = natural order, -1 = not focusable)\"},// Typography Section\nfontSize:{type:ControlType.Number,title:\"Font Size\",min:8,max:48,defaultValue:16},fontFamily:{type:ControlType.String,title:\"Font Family\",defaultValue:\"inherit\"},// Colors Section\ntextColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#fff\"},// Border Section\nborderWidth:{type:ControlType.Number,title:\"Border Width\",min:0,max:10,defaultValue:1},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#ccc\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",min:0,max:50,defaultValue:4},// Focus State Section\nfocusBorderColor:{type:ControlType.Color,title:\"Focus Border Color\",defaultValue:\"#0066cc\"},focusOutlineWidth:{type:ControlType.Number,title:\"Focus Outline Width\",min:0,max:10,defaultValue:2},focusOutlineColor:{type:ControlType.Color,title:\"Focus Outline Color\",defaultValue:\"#0066cc\"},focusOutlineOffset:{type:ControlType.Number,title:\"Focus Outline Offset\",min:0,max:10,defaultValue:2}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FilterDropdown\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Dropdowns.map"],"mappings":"wLAA2H,SAAwB,EAAe,EAAM,CAAC,GAAK,CAAC,EAAc,GAAkBA,EAAS,EAAM,cAAc,GAAG,CAAM,CAAC,EAAU,GAAcA,EAAS,GAAM,CAAO,EAAa,GAAG,CAAC,IAAM,EAAM,EAAE,OAAO,MAAM,EAAiB,EAAM,CACpW,EAAM,OAAO,cAAc,IAAO,EAAO,SAAS,KAAK,GAAG,EAAM,SAAS,GAAG,MAAW,OAAoB,EAAK,SAAS,CAAC,UAAU,mBAAmB,wBAAwB,EAAM,WAAW,MAAM,EAAc,SAAS,EAAa,YAAY,EAAa,GAAK,CAAC,WAAW,EAAa,GAAM,CAAC,SAAS,EAAM,SAAS,MAAM,CAAC,MAAM,EAAM,UAAU,OAAO,OAAO,QAAQ,GAAG,EAAM,QAAQ,KAAK,EAAM,QAAQ,IAAI,IAAI,SAAS,GAAG,EAAM,SAAS,IAAI,WAAW,EAAM,WAAW,MAAM,EAAM,UAAU,gBAAgB,EAAM,gBAAgB,OAAO,GAAG,EAAM,YAAY,WAAW,EAAU,EAAM,iBAAiB,EAAM,cAAc,aAAa,GAAG,EAAM,aAAa,IAAI,QAAQ,EAAU,GAAG,EAAM,kBAAkB,WAAW,EAAM,oBAAoB,OAAO,cAAc,EAAM,mBAAmB,OAAO,UAAU,WAAW,OAAO,gBAAgB,wKAAwK,iBAAiB,YAAY,mBAAmB,SAAS,EAAM,QAAQ,WAAW,aAAa,GAAG,EAAM,QAAQ,GAAG,IAAI,WAAW,4CAA4C,CAAC,SAAS,EAAM,QAAQ,KAAK,EAAO,IAAqB,EAAK,SAAS,CAAC,MAAM,EAAO,MAAM,MAAM,EAAO,MAAM,SAAS,EAAO,MAAM,CAAC,EAAM,CAAC,CAAC,CAAC,sBADxwC,IAAoD,IAA4B,CAC0rC,EAAe,aAAa,CAAC,KAAK,SAAS,SAAS,cAAc,WAAW,SAAS,aAAa,GAAG,QAAQ,CAAC,CAAC,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,WAAW,MAAM,UAAU,CAAC,CAAC,MAAM,WAAW,MAAM,UAAU,CAAC,CAAC,UAAU,GAAK,QAAQ,GAAG,SAAS,EAAE,SAAS,GAAG,WAAW,UAAU,UAAU,OAAO,gBAAgB,OAAO,YAAY,EAAE,YAAY,OAAO,aAAa,EAAE,iBAAiB,UAAU,kBAAkB,EAAE,kBAAkB,UAAU,mBAAmB,EAAE,CAAC,EAAoB,EAAe,CACpyD,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,SAAS,aAAa,CAAC,aAAa,CAAC,SAAS,aAAa,CAAC,aAAa,SAAS,YAAY,wEAAwE,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,cAAc,YAAY,wDAAwD,OAAO,GAAO,EAAM,OAAO,aAAa,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,YAAY,+BAA+B,aAAa,SAAS,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,QAAQ,CAAC,KAAK,EAAY,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,SAAS,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,WAAW,MAAM,UAAU,CAAC,CAAC,MAAM,WAAW,MAAM,UAAU,CAAC,CAAC,CACv6B,UAAU,CAAC,KAAK,EAAY,QAAQ,MAAM,aAAa,aAAa,GAAK,aAAa,MAAM,cAAc,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,GAAG,aAAa,GAAG,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,GAAG,IAAI,IAAI,aAAa,EAAE,YAAY,4EAA4E,CACzW,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,GAAG,aAAa,GAAG,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,UAAU,CACjK,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,OAAO,CACzJ,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,GAAG,aAAa,EAAE,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,OAAO,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,IAAI,EAAE,IAAI,GAAG,aAAa,EAAE,CAC7P,iBAAiB,CAAC,KAAK,EAAY,MAAM,MAAM,qBAAqB,aAAa,UAAU,CAAC,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,sBAAsB,IAAI,EAAE,IAAI,GAAG,aAAa,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAY,MAAM,MAAM,sBAAsB,aAAa,UAAU,CAAC,mBAAmB,CAAC,KAAK,EAAY,OAAO,MAAM,uBAAuB,IAAI,EAAE,IAAI,GAAG,aAAa,EAAE,CAAC,CAAC"}