{"version":3,"file":"Filter_dropdown.CW67YApV.mjs","names":["PROPERTY_CONTROLS","areNumberRangesEqual","areDateRangesEqual","areStringArraysEqual","PROPERTY_CONTROLS","useState","useDebouncedCallback","useMemo","React","_Fragment","_Fragment","PROPERTY_CONTROLS","PROPERTY_CONTROLS"],"sources":["https:/framerusercontent.com/modules/jEeHxpE12KpoFhreAWiq/5O3DGlfpyYBBV86r2msz/Types_controls.js","https:/framerusercontent.com/modules/hfScTR2hRDTQzYjE8Pms/xFVZvXGvKv9aivkd7JZh/Utils.js","https:/framerusercontent.com/modules/B2T5FgmhG8bdSl5WCxfe/rlbCGkJuR4Q31Hwftb4J/Filter_counter.js","https:/framerusercontent.com/modules/DL72b61rsfqk3n44jdra/gqBEu6NqV7mpCpwVoXyf/Discrete_filter_options.js","https:/framerusercontent.com/modules/M51UBvMZTeCLuzkFpxlJ/TGoRYDcL75nD7t4SKtPe/Use_discrete_filter_model.js","https:/framerusercontent.com/modules/y2XChnaUWAri0N3kZs6D/a0LDAJ7m44tgokW5uxWB/Shared_styles.js","https:/framerusercontent.com/modules/xJ7dRpUmMV3VLNZBstqB/1eWDcT1lm26u2pQnqszg/Discrete_filter_controls.js","https:/framerusercontent.com/modules/D9zbrRFGjb9cTziZjs0Y/SgVC0PUST8XH9mPrbIZJ/Custom_button_wrapper.js","https:/framerusercontent.com/modules/t8AdShfi5tIvOIiLndXs/zSqHBU9HC8HbipMdIxU5/Shared_button_props.js","https:/framerusercontent.com/modules/mwNDpsavXc5Mph2xPCwc/EV7Fivo8CCuyYvdX5QBh/Loader.js","https:/framerusercontent.com/modules/FLwqeW8N1nCGQHx5JkWZ/ASICSnwU5z50oIzFYyMz/Loading_spinner.js","https:/framerusercontent.com/modules/m0HaaJEay4gkk0534Jeg/YihkIP0IoVnPLLosth5y/Preset_button.js","https:/framerusercontent.com/modules/3yp7GrDsA6HVgkWOOF81/CZepBLo6HY087ML8Q7Gl/Types_controls.js","https:/framerusercontent.com/modules/JbZRNBKHOCZ1sX48GHjF/JNkHJNZjvO51AZbHnYxs/Filter_reset_button.js","https:/framerusercontent.com/modules/10iDzFZ8nBdgqIV00OHc/8rCx9XNuMAXNdVKUP7QI/Types_controls.js","https:/framerusercontent.com/modules/xEVPzbBHJCmWDo4u1SsM/5qa4zW6rcJ5FIGYTVyVO/Filter_dropdown.js"],"sourcesContent":["import{ControlType}from\"framer\";export const PROPERTY_CONTROLS={setup:{type:ControlType.Object,title:\"Setup\",buttonTitle:\"Filter Group\",defaultValue:{filterGroup:1},controls:{filterGroup:{type:ControlType.Number,title:\"ID Filter Group\",defaultValue:1,min:1,step:1,displayStepper:true,description:\"Must match your Superfields Collection and other filter controls.\"}}},styling:{type:ControlType.Object,title:\"Styling\",buttonTitle:\"Label, Count, Layout\",defaultValue:{label:{text:\"Filters:\",font:{fontSize:14},color:\"#111111\",display:true},count:{font:{fontSize:14},color:\"#111111\",format:\"{{value}}\",zeroState:\"show-zero\"},layout:{direction:\"row\",align:\"center\",justify:\"start\",gap:8}},controls:{label:{type:ControlType.Object,title:\"Label\",buttonTitle:\"Text, Font, Color, Display\",defaultValue:{text:\"Filters:\",font:{fontSize:14},color:\"#111111\",display:true},controls:{text:{type:ControlType.String,title:\"Text\",defaultValue:\"Filters:\",placeholder:\"Filters:\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:14}},color:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#111111\"},display:{type:ControlType.Boolean,title:\"Display\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"}}},count:{type:ControlType.Object,title:\"Count\",buttonTitle:\"Font, Color, Format, Zero\",defaultValue:{font:{fontSize:14},color:\"#111111\",format:\"{{value}}\",zeroState:\"show-zero\"},controls:{font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:14}},color:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#111111\"},format:{type:ControlType.String,title:\"Format\",defaultValue:\"{{value}}\",placeholder:\"{{value}} filters\"},zeroState:{type:ControlType.Enum,title:\"Zero\",options:[\"show-zero\",\"hide-count\",\"hide-component\"],optionTitles:[\"Show 0\",\"Hide Count\",\"Hide Component\"],defaultValue:\"show-zero\"}}},layout:{type:ControlType.Object,title:\"📐 Layout\",buttonTitle:\"Direction, Align, Justify, Gap\",defaultValue:{direction:\"row\",align:\"center\",justify:\"start\",gap:8},controls:{direction:{type:ControlType.Enum,title:\"Direction\",options:[\"row\",\"column\"],optionTitles:[\"Row\",\"Column\"],optionIcons:[\"direction-horizontal\",\"direction-vertical\"],defaultValue:\"row\",displaySegmentedControl:true},align:{type:ControlType.Enum,title:\"Align\",options:[\"start\",\"center\",\"end\"],optionTitles:[\"Start\",\"Center\",\"End\"],optionIcons:[\"align-top\",\"align-middle\",\"align-bottom\"],defaultValue:\"center\",displaySegmentedControl:true},justify:{type:ControlType.Enum,title:\"Justify\",options:[\"start\",\"center\",\"end\",\"space-between\"],optionTitles:[\"Start\",\"Center\",\"End\",\"Space Between\"],defaultValue:\"start\"},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:8,min:0,step:1,displayStepper:true}}}}},canvasPreview:{type:ControlType.Boolean,title:\"Preview\",defaultValue:true,enabledTitle:\"Demo\",disabledTitle:\"Empty\"}};\nexport const __FramerMetadata__ = {\"exports\":{\"FilterCounterStylingProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FilterCounterLayoutDirection\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FilterCounterZeroState\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FilterCounterLayoutAlign\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FilterCounterProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FilterCounterLayoutJustify\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FilterCounterCountProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FilterCounterSetupProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PROPERTY_CONTROLS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FilterCounterLabelProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FilterCounterLayoutProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Types_controls.map","function areNumberRangesEqual(left,right){return left.from===right.from&&left.to===right.to;}function areDateRangesEqual(left,right){return left.from===right.from&&left.to===right.to;}function areStringArraysEqual(left,right){return left.length===right.length&&left.every((value,index)=>value===right[index]);}export function getFilterCounterRootStyle(layout){const gap=Number.isFinite(layout.gap)?layout.gap:8;return{width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:layout.direction===\"column\"?\"column\":\"row\",alignItems:getAlignItems(layout.align),justifyContent:getJustifyContent(layout.justify),gap};}export function getActiveFilterCount(filters){if(!filters){return 0;}return Object.values(filters).reduce((count,filter)=>{if(filter.type===\"numberRange\"){return areNumberRangesEqual(filter.range,filter.defaultRange)?count:count+1;}if(filter.type===\"dateRange\"){return areDateRangesEqual(filter.range,filter.defaultRange)?count:count+1;}if(filter.type===\"discreteValue\"){return areStringArraysEqual(filter.selectedValues,filter.defaultSelectedValues)?count:count+filter.selectedValues.length;}if(filter.type===\"preset\"){return filter.selectedPresetId===filter.defaultPresetId?count:count+1;}if(filter.type===\"search\"){return filter.query.trim().length===0?count:count+1;}return count;},0);}export function formatCountValue(format,count){return format.split(\"{{value}}\").join(String(count));}function getAlignItems(align){if(align===\"start\"){return\"flex-start\";}if(align===\"end\"){return\"flex-end\";}return\"center\";}function getJustifyContent(justify){if(justify===\"space-between\"){return\"space-between\";}if(justify===\"start\"){return\"flex-start\";}if(justify===\"end\"){return\"flex-end\";}return\"center\";}\nexport const __FramerMetadata__ = {\"exports\":{\"getFilterCounterRootStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getActiveFilterCount\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"formatCountValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Utils.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{RenderTarget,addPropertyControls}from\"framer\";import{useFilterGroupSync}from\"https://framerusercontent.com/modules/VXjiNSSbOQrlLPXcE4NP/mEkOPInpIs3FlV0MwQWG/Use_filter_group_sync.js\";import{useDevLogEffect}from\"https://framerusercontent.com/modules/tPL05wpBC2PrBLgy1LOS/0bacFfOAvBPjpGVbz80x/Use_dev_log_effect.js\";import{summarizeFiltersForDevLog}from\"https://framerusercontent.com/modules/joXKSAaH55MHfZKEtspA/oilxiqA64u98N9GYCFQQ/Dev_log.js\";import{useScopedFilterGroupKey,useSuperfieldsFilterStore}from\"https://framerusercontent.com/modules/CScjG2CMIgZRUdQYq0yg/izjc018JtM8felmQftUa/Superfields_filter_store.js\";import{PROPERTY_CONTROLS}from\"https://framerusercontent.com/modules/jEeHxpE12KpoFhreAWiq/5O3DGlfpyYBBV86r2msz/Types_controls.js\";import{formatCountValue,getActiveFilterCount,getFilterCounterRootStyle}from\"https://framerusercontent.com/modules/hfScTR2hRDTQzYjE8Pms/xFVZvXGvKv9aivkd7JZh/Utils.js\";const DEMO_FILTERS={collection:{type:\"discreteValue\",filterKey:\"collection\",fieldName:\"Collection\",fieldType:\"text\",condition:\"equals\",options:[\"Accessories\",\"Shoes\"],optionValueIds:{},multiSelect:true,defaultSelectedValues:[],selectedValues:[\"Accessories\",\"Shoes\"]}};/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n */export default function FilterCounter(props){const isOnFramerCanvas=RenderTarget.current()===RenderTarget.canvas;useFilterGroupSync(isOnFramerCanvas);const filterGroupKey=useScopedFilterGroupKey(props.setup.filterGroup);const filters=useSuperfieldsFilterStore(state=>state.groups[filterGroupKey]?.filters);const count=isOnFramerCanvas&&props.canvasPreview?getActiveFilterCount(DEMO_FILTERS):getActiveFilterCount(filters);useDevLogEffect(\"Filter_counter.tsx\",[props.setup.filterGroup,filters,count,props.canvasPreview,isOnFramerCanvas],()=>({component:\"FilterCounter\",filterGroup:props.setup.filterGroup,isOnFramerCanvas,canvasPreview:props.canvasPreview,activeFilterCount:count,filtersSummary:filters?summarizeFiltersForDevLog(filters):null}));const showLabel=props.styling.label.display&&props.styling.label.text.trim().length>0;const showCount=count>0||props.styling.count.zeroState===\"show-zero\";if(count===0&&props.styling.count.zeroState===\"hide-component\"){return null;}return /*#__PURE__*/_jsxs(\"div\",{style:getFilterCounterRootStyle(props.styling.layout),children:[showLabel?/*#__PURE__*/_jsx(\"span\",{style:{...props.styling.label.font,color:props.styling.label.color,minWidth:0},children:props.styling.label.text}):null,showCount?/*#__PURE__*/_jsx(\"span\",{style:{...props.styling.count.font,color:props.styling.count.color,minWidth:0},children:formatCountValue(props.styling.count.format,count)}):null]});}addPropertyControls(FilterCounter,PROPERTY_CONTROLS);FilterCounter.displayName=\"Filter Counter\";\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FilterCounter\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{canonicalizeDiscreteNumberValue,compareDiscreteNumberValues,findOptionIdByLabel,getOptionDisplayLabel,resolveDefaultDiscreteValue}from\"https://framerusercontent.com/modules/Glmx1JCH2utz2QywKFQS/bhac5XgWrpSjI2DPMVOq/Discrete_filter_display.js\";export function getManualDiscreteOptions(options){const nextOptions=[];for(const option of options){const normalizedOption=option.trim();if(!normalizedOption||nextOptions.includes(normalizedOption)){continue;}nextOptions.push(normalizedOption);}return nextOptions;}export function getManualDiscreteNumberOptions(options){const nextOptions=[];for(const option of options){const normalizedOption=canonicalizeDiscreteNumberValue(option);if(!normalizedOption||nextOptions.includes(normalizedOption)){continue;}nextOptions.push(normalizedOption);}return nextOptions;}export function getManualDiscreteOptionOptions({options,optionLabels}){const nextOptions=[];for(const option of options){const normalizedOption=option.trim();if(!normalizedOption){continue;}const optionId=optionLabels[normalizedOption]!==undefined?normalizedOption:findOptionIdByLabel(normalizedOption,optionLabels);if(!optionId||nextOptions.includes(optionId)){continue;}nextOptions.push(optionId);}return nextOptions;}export function getManualDiscreteReferenceOptions({options,optionLabels,optionValueIds}){const nextOptions=[];const nextOptionValueIds={};for(const option of options){const normalizedOption=option.trim();if(!normalizedOption||nextOptions.includes(normalizedOption)){continue;}const bucketIds=optionValueIds[normalizedOption];if(bucketIds&&bucketIds.length>0){nextOptions.push(normalizedOption);nextOptionValueIds[normalizedOption]=bucketIds;continue;}const matchingIds=Object.entries(optionLabels).filter(([,label])=>label.trim()===normalizedOption).map(([id])=>id);if(matchingIds.length===0){const lowerCaseOption=normalizedOption.toLocaleLowerCase();for(const[id,label]of Object.entries(optionLabels)){if(label.trim().toLocaleLowerCase()===lowerCaseOption){matchingIds.push(id);}}}if(matchingIds.length===0){continue;}nextOptions.push(normalizedOption);nextOptionValueIds[normalizedOption]=matchingIds;}return{options:nextOptions,optionValueIds:nextOptionValueIds};}export function getNormalizedAutoDiscreteOptions(options,commaSeparatedValues){if(!commaSeparatedValues){return options;}const nextOptions=[];for(const option of options){for(const token of option.split(\",\")){const normalizedToken=token.trim();if(!normalizedToken||nextOptions.includes(normalizedToken)){continue;}nextOptions.push(normalizedToken);}}return nextOptions;}export function getResolvedDiscreteOptions({fieldType,useManualOptions,manualOptions,autoResolvedOptions,optionLabels,optionValueIds,commaSeparatedValues}){if(useManualOptions){if(fieldType===\"option\"){return getManualDiscreteOptionOptions({options:manualOptions,optionLabels});}if(fieldType===\"reference\"||fieldType===\"multireference\"){return getManualDiscreteReferenceOptions({options:manualOptions,optionLabels,optionValueIds}).options;}return getManualDiscreteOptions(manualOptions);}return getNormalizedAutoDiscreteOptions(autoResolvedOptions,commaSeparatedValues);}export function getEffectiveDiscreteCondition({useManualOptions,commaSeparatedValues,condition}){if(!useManualOptions&&commaSeparatedValues){return\"contains\";}return condition;}export function getDefaultDiscreteSelectedValues({defaultValue,defaultValueText,defaultValueNumber,defaultValueBoolean,fieldType,resolvedOptions,optionLabels,optionValueIds}){if(!defaultValue){return[];}if(fieldType===\"toggle\"){return[defaultValueBoolean?\"true\":\"false\"];}if(fieldType===\"number\"){const normalizedDefaultValue=canonicalizeDiscreteNumberValue(defaultValueNumber);if(!normalizedDefaultValue){return[];}return resolvedOptions.includes(normalizedDefaultValue)?[normalizedDefaultValue]:[];}const normalizedDefaultValue=defaultValueText.trim();if(!normalizedDefaultValue){return[];}return[resolveDefaultDiscreteValue(normalizedDefaultValue,fieldType,resolvedOptions,optionLabels,optionValueIds)].filter(value=>value.length>0);}export function getSortedDiscreteOptions({options,fieldType,useManualOptions,order,optionLabels,referenceLabelFieldType}){const shouldSortAlphabetically=fieldType===\"option\"&&!useManualOptions||(fieldType===\"reference\"||fieldType===\"multireference\")&&referenceLabelFieldType!==\"number\"||fieldType===\"text\"&&!useManualOptions&&order===\"az\";const shouldSortNumerically=fieldType===\"number\"&&!useManualOptions&&order===\"numeric\"||(fieldType===\"reference\"||fieldType===\"multireference\")&&referenceLabelFieldType===\"number\";if(shouldSortNumerically){return[...options].sort(compareDiscreteNumberValues);}if(!shouldSortAlphabetically){return options;}return[...options].sort((left,right)=>getOptionDisplayLabel(left,optionLabels).localeCompare(getOptionDisplayLabel(right,optionLabels)));}export function toggleDiscreteSelection({selectedValues,value,multiSelect}){if(!multiSelect){return selectedValues.includes(value)?[]:[value];}if(selectedValues.includes(value)){return selectedValues.filter(selectedValue=>selectedValue!==value);}return[...selectedValues,value];}\nexport const __FramerMetadata__ = {\"exports\":{\"getManualDiscreteReferenceOptions\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getManualDiscreteNumberOptions\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"toggleDiscreteSelection\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getDefaultDiscreteSelectedValues\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getResolvedDiscreteOptions\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getEffectiveDiscreteCondition\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getSortedDiscreteOptions\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getManualDiscreteOptionOptions\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getNormalizedAutoDiscreteOptions\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getManualDiscreteOptions\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Discrete_filter_options.map","import{startTransition,useEffect,useMemo,useState}from\"react\";import{useDebouncedCallback}from\"https://framerusercontent.com/modules/BN6OgPhslGH9GJhJ4Ubr/DLubT7xrN4uIUliiypyu/Use_debounce.js\";import{getFilterEntryKey,getFilterInstanceKey}from\"https://framerusercontent.com/modules/qV65rBbu1preaOlqPffD/7vTNoucpwfNHhztJ9iqZ/Filter_keys.js\";import{useScopedFilterGroupKey,useSuperfieldsFilterStore}from\"https://framerusercontent.com/modules/CScjG2CMIgZRUdQYq0yg/izjc018JtM8felmQftUa/Superfields_filter_store.js\";import{getDefaultDiscreteSelectedValues,getEffectiveDiscreteCondition,getManualDiscreteReferenceOptions,getManualDiscreteOptions,getResolvedDiscreteOptions,getSortedDiscreteOptions,toggleDiscreteSelection}from\"https://framerusercontent.com/modules/DL72b61rsfqk3n44jdra/gqBEu6NqV7mpCpwVoXyf/Discrete_filter_options.js\";import{useFieldFilterEntry}from\"https://framerusercontent.com/modules/aAdrR1Cj7TH4w7RxhNU3/CSLEK8u1KflkMYthVGDz/Use_filter_entry.js\";const EMPTY_AUTO_RESOLVED_OPTIONS=[];const EMPTY_AUTO_RESOLVED_OPTION_LABELS={};const EMPTY_AUTO_RESOLVED_OPTION_VALUE_IDS={};const EMPTY_AUTO_RESOLVED_OPTION_IMAGES={};const EMPTY_SELECTED_VALUES=[];const DEFAULT_REFERENCE_TOGGLE_LABELS={yes:\"Yes\",no:\"No\"};export function useDiscreteFilterStoreEntry({filterGroup,fieldName,filterKey,applyMode}){const groupKey=useScopedFilterGroupKey(filterGroup);const autoResolvedOptions=useSuperfieldsFilterStore(state=>{return state.autoDiscreteOptions[groupKey]?.[filterKey]?.options??EMPTY_AUTO_RESOLVED_OPTIONS;});const autoResolvedOptionLabels=useSuperfieldsFilterStore(state=>{return state.autoDiscreteOptions[groupKey]?.[filterKey]?.optionLabels??EMPTY_AUTO_RESOLVED_OPTION_LABELS;});const autoResolvedOptionValueIds=useSuperfieldsFilterStore(state=>{return state.autoDiscreteOptions[groupKey]?.[filterKey]?.optionValueIds??EMPTY_AUTO_RESOLVED_OPTION_VALUE_IDS;});const autoResolvedOptionImages=useSuperfieldsFilterStore(state=>{return state.autoDiscreteOptions[groupKey]?.[filterKey]?.optionImages??EMPTY_AUTO_RESOLVED_OPTION_IMAGES;});const discreteFilter=useFieldFilterEntry({filterGroup,fieldName,filterKey,applyMode,type:\"discreteValue\"});return{discreteFilter,autoResolvedOptions,autoResolvedOptionLabels,autoResolvedOptionValueIds,autoResolvedOptionImages};}export function useDiscreteFilterInit({filterGroup,fieldName,filterKey,fieldType,condition,options,optionValueIds,multiSelect,defaultSelectedValues,useManualOptions,commaSeparatedValues,referenceFieldName,referenceLabelFieldType,imageSource,referenceToggleLabels,isOnFramerCanvas}){const groupKey=useScopedFilterGroupKey(filterGroup);const initializeDiscreteValueFilter=useSuperfieldsFilterStore(state=>state.initializeDiscreteValueFilter);const storeResetVersion=useSuperfieldsFilterStore(state=>state.storeResetVersion);const registerAutoDiscreteOptionsRequest=useSuperfieldsFilterStore(state=>state.registerAutoDiscreteOptionsRequest);useEffect(()=>{if(useManualOptions&&fieldType!==\"option\"&&fieldType!==\"reference\"&&fieldType!==\"multireference\"){return;}startTransition(()=>{registerAutoDiscreteOptionsRequest({filterGroup,fieldName,filterKey,fieldType,commaSeparatedValues,referenceFieldName,referenceLabelFieldType,imageSource,referenceToggleLabels});});},[commaSeparatedValues,fieldName,fieldType,filterKey,filterGroup,groupKey,registerAutoDiscreteOptionsRequest,referenceLabelFieldType,referenceFieldName,imageSource,referenceToggleLabels,useManualOptions,storeResetVersion]);useEffect(()=>{startTransition(()=>{initializeDiscreteValueFilter({filterGroup,fieldName,filterKey,fieldType,condition,options,optionValueIds,multiSelect,defaultSelectedValues,isOnFramerCanvas});});},[condition,defaultSelectedValues,fieldName,filterKey,fieldType,filterGroup,groupKey,initializeDiscreteValueFilter,isOnFramerCanvas,multiSelect,options,optionValueIds,storeResetVersion]);}export function useDiscreteFilterSelection({filterGroup,fieldName,filterKey,selectedValues,isOnFramerCanvas,applyMode}){const clearDiscreteValueFilter=useSuperfieldsFilterStore(state=>state.clearDiscreteValueFilter);const setDiscreteValueFilterValues=useSuperfieldsFilterStore(state=>state.setDiscreteValueFilterValues);const[optimisticSelectedValues,setOptimisticSelectedValues]=useState(selectedValues);useEffect(()=>{setOptimisticSelectedValues(selectedValues);},[selectedValues]);const commitSelectedValues=useDebouncedCallback(values=>{startTransition(()=>{if(values.length===0){clearDiscreteValueFilter({filterGroup,fieldName,filterKey,isOnFramerCanvas,applyMode});return;}setDiscreteValueFilterValues({filterGroup,fieldName,filterKey,values,isOnFramerCanvas,applyMode});});},100);useEffect(()=>()=>{commitSelectedValues.flush();},[commitSelectedValues]);return{effectiveSelectedValues:optimisticSelectedValues,setSelectedValues(nextSelectedValues){setOptimisticSelectedValues(nextSelectedValues);commitSelectedValues(nextSelectedValues);}};}export function useDiscreteFilterModel({setup,isOnFramerCanvas}){const filterInstanceKey=useMemo(()=>getFilterInstanceKey({filterID:setup.filterID,behavior:{type:\"discreteValue\",filterGroup:setup.filterGroup,fieldName:setup.fieldName,fieldType:setup.fieldType,applyMode:setup.applyMode,referenceFieldName:setup.referenceFieldName,referenceLabelFieldType:setup.referenceLabelFieldType,useManualOptions:setup.useManualOptions,manualOptions:setup.useManualOptions?setup.manualOptions:[],defaultValue:setup.defaultValue,defaultValueText:setup.defaultValueText,defaultValueNumber:setup.defaultValueNumber,defaultValueBoolean:setup.defaultValueBoolean,commaSeparatedValues:setup.commaSeparatedValues,condition:setup.condition,multiSelect:setup.multiSelect,instanceKeyExtras:setup.instanceKeyExtras}}),[setup.applyMode,setup.commaSeparatedValues,setup.condition,setup.defaultValue,setup.defaultValueBoolean,setup.defaultValueNumber,setup.defaultValueText,setup.fieldName,setup.fieldType,setup.filterGroup,setup.filterID,setup.instanceKeyExtras,setup.manualOptions,setup.multiSelect,setup.referenceFieldName,setup.referenceLabelFieldType,setup.useManualOptions]);const filterKey=useMemo(()=>getFilterEntryKey(setup.fieldName,filterInstanceKey),[filterInstanceKey,setup.fieldName]);const{discreteFilter,autoResolvedOptions,autoResolvedOptionLabels,autoResolvedOptionValueIds,autoResolvedOptionImages}=useDiscreteFilterStoreEntry({filterGroup:setup.filterGroup,fieldName:setup.fieldName,filterKey,applyMode:setup.applyMode});const resolvedOptions=useMemo(()=>getResolvedDiscreteOptions({fieldType:setup.fieldType,useManualOptions:setup.useManualOptions,manualOptions:setup.manualOptions,autoResolvedOptions,optionLabels:autoResolvedOptionLabels,optionValueIds:autoResolvedOptionValueIds,commaSeparatedValues:setup.commaSeparatedValues}),[autoResolvedOptions,autoResolvedOptionLabels,autoResolvedOptionValueIds,setup.commaSeparatedValues,setup.fieldType,setup.manualOptions,setup.useManualOptions]);const resolvedOptionValueIds=useMemo(()=>{if(!setup.useManualOptions||setup.fieldType!==\"reference\"&&setup.fieldType!==\"multireference\"){return autoResolvedOptionValueIds;}return getManualDiscreteReferenceOptions({options:setup.manualOptions,optionLabels:autoResolvedOptionLabels,optionValueIds:autoResolvedOptionValueIds}).optionValueIds;},[autoResolvedOptionLabels,autoResolvedOptionValueIds,setup.fieldType,setup.manualOptions,setup.useManualOptions]);const canvasManualOptionTitles=useMemo(()=>isOnFramerCanvas&&(setup.fieldType===\"option\"||setup.fieldType===\"reference\"||setup.fieldType===\"multireference\")&&setup.useManualOptions&&resolvedOptions.length===0?getManualDiscreteOptions(setup.manualOptions):[],[isOnFramerCanvas,resolvedOptions.length,setup.fieldType,setup.manualOptions,setup.useManualOptions]);const initializedOptions=canvasManualOptionTitles.length>0?canvasManualOptionTitles:resolvedOptions;const effectiveCondition=useMemo(()=>getEffectiveDiscreteCondition({useManualOptions:setup.useManualOptions,commaSeparatedValues:setup.commaSeparatedValues,condition:setup.condition}),[setup.commaSeparatedValues,setup.condition,setup.useManualOptions]);const defaultSelectedValues=useMemo(()=>getDefaultDiscreteSelectedValues({defaultValue:setup.defaultValue,defaultValueText:setup.defaultValueText,defaultValueNumber:setup.defaultValueNumber,defaultValueBoolean:setup.defaultValueBoolean,fieldType:setup.fieldType,resolvedOptions:initializedOptions,optionLabels:autoResolvedOptionLabels,optionValueIds:resolvedOptionValueIds}),[autoResolvedOptionLabels,resolvedOptionValueIds,initializedOptions,setup.defaultValue,setup.defaultValueBoolean,setup.defaultValueNumber,setup.defaultValueText,setup.fieldType]);useDiscreteFilterInit({filterGroup:setup.filterGroup,fieldName:setup.fieldName,filterKey,fieldType:setup.fieldType,condition:effectiveCondition,options:initializedOptions,optionValueIds:resolvedOptionValueIds,multiSelect:setup.multiSelect,defaultSelectedValues,useManualOptions:setup.useManualOptions,commaSeparatedValues:setup.commaSeparatedValues,referenceFieldName:setup.referenceFieldName,referenceLabelFieldType:setup.referenceLabelFieldType,imageSource:setup.imageSource,referenceToggleLabels:setup.labels??DEFAULT_REFERENCE_TOGGLE_LABELS,isOnFramerCanvas});const selectedValues=discreteFilter?.selectedValues??EMPTY_SELECTED_VALUES;const renderedOptions=canvasManualOptionTitles.length>0?canvasManualOptionTitles:discreteFilter?.options??resolvedOptions;const renderedOptionValues=useMemo(()=>{const optionsWithResolvedLabels=(setup.fieldType===\"reference\"||setup.fieldType===\"multireference\")&&!setup.useManualOptions?renderedOptions.filter(option=>autoResolvedOptionLabels[option]):renderedOptions;return getSortedDiscreteOptions({options:optionsWithResolvedLabels,fieldType:setup.fieldType,useManualOptions:setup.useManualOptions,order:setup.order,optionLabels:autoResolvedOptionLabels,referenceLabelFieldType:setup.referenceLabelFieldType});},[autoResolvedOptionLabels,renderedOptions,setup.fieldType,setup.order,setup.referenceLabelFieldType,setup.useManualOptions]);const{effectiveSelectedValues,setSelectedValues}=useDiscreteFilterSelection({filterGroup:setup.filterGroup,fieldName:setup.fieldName,filterKey,selectedValues,isOnFramerCanvas,applyMode:setup.applyMode});return{filterKey,selectedValues:effectiveSelectedValues,resolvedOptions,renderedOptionValues,optionLabels:autoResolvedOptionLabels,optionImages:autoResolvedOptionImages,allOptionText:setup.allOptionText.trim()||\"All\",isAllActive:effectiveSelectedValues.length===0,showCanvasPlaceholders:isOnFramerCanvas&&!setup.useManualOptions,selectAll(){setSelectedValues([]);},setSelectedValues,toggleValue(value){setSelectedValues(toggleDiscreteSelection({selectedValues:effectiveSelectedValues,value,multiSelect:setup.multiSelect}));}};}\nexport const __FramerMetadata__ = {\"exports\":{\"DiscreteFilterResolvedSetup\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useDiscreteFilterSelection\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useDiscreteFilterModel\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useDiscreteFilterStoreEntry\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useDiscreteFilterInit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","export const Colors={Primary:{color:\"#000000\",placeholderColor:\"rgba(0, 0, 0, 0.5)\",fill:{color:\"#F3F3F3\",colorA:\"#999999\",colorB:\"#F3F3F3\"},hover:{fill:{color:\"#E6E6E6\",colorA:\"#8C8C8C\",colorB:\"#E6E6E6\"}}},Accent:{color:\"#FFFFFF\",fill:{color:\"#111111\",colorA:\"#5E5E5E\",colorB:\"#111111\"},hover:{fill:{color:\"#1F1F1F\",colorA:\"#6B6B6B\",colorB:\"#1F1F1F\"}}}};export const SHARED_COLORS={background:\"#F3F3F3\",backgroundHover:\"#E6E6E6\",backgroundMuted:\"#D9D9D9\",foreground:\"#111111\",foregroundHover:\"#2A2A2A\",foregroundMuted:\"#757575\",primary:\"#40D41A\"};export const SHARED_STYLES={borderRadius:\"10px\",buttonPadding:\"8px 16px 8px 16px\"};\nexport const __FramerMetadata__ = {\"exports\":{\"Colors\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"SHARED_COLORS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"SHARED_STYLES\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Shared_styles.map","import{ControlType}from\"framer\";import{getManualDiscreteOptions,getManualDiscreteNumberOptions}from\"https://framerusercontent.com/modules/DL72b61rsfqk3n44jdra/gqBEu6NqV7mpCpwVoXyf/Discrete_filter_options.js\";import{filterApplyModeControl,resolveFilterApplyMode}from\"https://framerusercontent.com/modules/LLZ1WEE1Vw3WXdNVA0mV/jH3YWVYTPU6dCifAQCS9/Apply_mode_controls.js\";const multiSelectPropertyControl={type:ControlType.Boolean,title:\"Multi Select\",description:\"Allow selecting more than one option at once.\",defaultValue:false};export function mergeDiscreteFilterSetup(props){const{setup}=props;switch(setup.fieldType){case\"text\":{const o=props.textOptions;return{filterGroup:setup.filterGroup,fieldName:setup.fieldName,filterID:setup.filterID,fieldType:\"text\",applyMode:resolveFilterApplyMode(setup.applyMode),referenceFieldName:\"\",referenceLabelFieldType:\"text\",useManualOptions:o.useManualOptions,order:o.order,manualOptions:o.manualOptions,defaultValue:o.defaultValue,defaultValueText:o.defaultValueText,defaultValueNumber:0,defaultValueBoolean:false,placeholders:o.placeholders,commaSeparatedValues:o.commaSeparatedValues,condition:o.condition,showAllOption:o.showAllOption,allOptionText:o.allOptionText,multiSelect:o.multiSelect};}case\"option\":{const o=props.optionOptions;return{filterGroup:setup.filterGroup,fieldName:setup.fieldName,filterID:setup.filterID,fieldType:\"option\",applyMode:resolveFilterApplyMode(setup.applyMode),referenceFieldName:\"\",referenceLabelFieldType:\"text\",useManualOptions:o.useManualOptions,order:\"az\",manualOptions:o.useManualOptions?getManualDiscreteOptions(o.manualOptions):[],defaultValue:o.defaultValue,defaultValueText:o.defaultValueText,defaultValueNumber:0,defaultValueBoolean:false,placeholders:o.placeholders,commaSeparatedValues:false,condition:\"equals\",showAllOption:o.showAllOption,allOptionText:o.allOptionText,multiSelect:o.multiSelect};}case\"number\":{const o=props.numberOptions;return{filterGroup:setup.filterGroup,fieldName:setup.fieldName,filterID:setup.filterID,fieldType:\"number\",applyMode:resolveFilterApplyMode(setup.applyMode),referenceFieldName:\"\",referenceLabelFieldType:\"text\",useManualOptions:o.useManualOptions,order:o.order,manualOptions:o.useManualOptions?getManualDiscreteNumberOptions(o.manualOptions):[],defaultValue:o.defaultValue,defaultValueText:\"\",defaultValueNumber:o.defaultValueNumber,defaultValueBoolean:false,placeholders:o.placeholders,commaSeparatedValues:false,condition:\"equals\",showAllOption:o.showAllOption,allOptionText:o.allOptionText,multiSelect:o.multiSelect};}case\"toggle\":{const o=props.toggleOptions;return{filterGroup:setup.filterGroup,fieldName:setup.fieldName,filterID:setup.filterID,fieldType:\"toggle\",applyMode:resolveFilterApplyMode(setup.applyMode),labels:o.labels,referenceFieldName:\"\",referenceLabelFieldType:\"text\",useManualOptions:false,order:\"default\",manualOptions:[],defaultValue:o.defaultValue,defaultValueText:\"\",defaultValueNumber:0,defaultValueBoolean:o.defaultValueBoolean,placeholders:{selected:\"\",default:\"\"},commaSeparatedValues:false,condition:\"equals\",showAllOption:o.showAllOption,allOptionText:o.allOptionText,multiSelect:o.multiSelect};}case\"reference\":case\"multireference\":{const o=props.referenceOptions;return{filterGroup:setup.filterGroup,fieldName:setup.fieldName,filterID:setup.filterID,fieldType:setup.fieldType,applyMode:resolveFilterApplyMode(setup.applyMode),labels:props.toggleOptions.labels,referenceFieldName:setup.referenceFieldName,referenceLabelFieldType:setup.referenceLabelFieldType??\"text\",useManualOptions:o.useManualOptions,order:o.useManualOptions?\"default\":\"az\",manualOptions:o.useManualOptions?getManualDiscreteOptions(o.manualOptions):[],defaultValue:o.defaultValue,defaultValueText:o.defaultValueText,defaultValueNumber:0,defaultValueBoolean:false,placeholders:o.placeholders,commaSeparatedValues:false,condition:setup.fieldType===\"multireference\"?\"contains\":\"equals\",showAllOption:o.showAllOption,allOptionText:o.allOptionText,multiSelect:o.multiSelect};}}}export function mergeDiscreteFilterSetupSingleSelect(props){const resolved=mergeDiscreteFilterSetup(props);return{...resolved,multiSelect:false};}export function getDiscreteFilterBasePropertyControls(options){const showMultiSelect=options?.showMultiSelect??true;return{setup:{type:ControlType.Object,title:\"Setup\",defaultValue:{filterGroup:1,fieldName:\"\",filterID:\"\",fieldType:\"text\",referenceFieldName:\"\",referenceLabelFieldType:\"text\",applyMode:\"immediately\"},controls:{filterGroup:{type:ControlType.Number,title:\"ID Filter Group\",defaultValue:1,min:1,step:1,displayStepper:true,description:\"If using multiple collections on the same page, use matching IDs.\"},fieldName:{type:ControlType.String,title:\"Field Name\",placeholder:\"Category\",description:\"*✋ IMPORTANT:* Enter the EXACT name of the CMS field you wish to filter by.\"},fieldType:{type:ControlType.Enum,title:\"Field Type\",options:[\"text\",\"number\",\"option\",\"toggle\",\"reference\",\"multireference\"],optionTitles:[\"Text\",\"Number\",\"Option\",\"Toggle\",\"Reference\",\"Multi Reference\"],defaultValue:\"text\",description:\"The type of CMS field that is being filtered.\"},referenceFieldName:{type:ControlType.String,title:\"Reference Field Name\",placeholder:\"Title\",description:\"Exact related collection field name to show on buttons, eg Title or Name.\",hidden(props){return props.fieldType!==\"reference\"&&props.fieldType!==\"multireference\";}},referenceLabelFieldType:{type:ControlType.Enum,title:\"Reference Field Type\",options:[\"text\",\"number\",\"option\",\"toggle\"],optionTitles:[\"Text\",\"Number\",\"Option\",\"Toggle\"],defaultValue:\"text\",description:\"The type of field in the referenced collection used as button label.\",hidden(props){return props.fieldType!==\"reference\"&&props.fieldType!==\"multireference\";}},applyMode:filterApplyModeControl,filterID:{type:ControlType.String,title:\"Filter ID\",defaultValue:\"\",placeholder:\"Optional\",description:\"Optional. Use the same ID to link matching filters, or different IDs to separate same-field filters.\"}}},textOptions:{type:ControlType.Object,title:\"Options\",buttonTitle:\"Text Field\",hidden(props){return props.setup?.fieldType!==\"text\";},defaultValue:{useManualOptions:false,order:\"default\",manualOptions:[\"All\",\"Featured\",\"Popular\"],defaultValue:false,defaultValueText:\"\",placeholders:{selected:\"Selected\",default:\"Default\"},commaSeparatedValues:false,condition:\"equals\",showAllOption:true,allOptionText:\"All\",...showMultiSelect?{multiSelect:false}:{}},controls:{defaultValue:{type:ControlType.Boolean,title:\"Default Value\",defaultValue:false,enabledTitle:\"Enabled\",disabledTitle:\"Disabled\",description:\"Set the default value for your filter.\"},defaultValueText:{type:ControlType.String,title:\" \",defaultValue:\"\",placeholder:\"Default Value\",hidden(props){return!props.defaultValue;}},useManualOptions:{type:ControlType.Boolean,title:\"Manual Options\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\",description:\"Manually set which options to show on filter.\"},order:{type:ControlType.Enum,title:\"Order\",options:[\"default\",\"az\"],optionTitles:[\"Default\",\"A → Z\"],defaultValue:\"default\",displaySegmentedControl:true,hidden(props){return props.useManualOptions;}},manualOptions:{type:ControlType.Array,title:\" \",control:{type:ControlType.String,placeholder:\"Option\"},defaultValue:[\"Featured\",\"Popular\"],hidden(props){return!props.useManualOptions;}},condition:{type:ControlType.Enum,title:\"Condition\",options:[\"equals\",\"contains\"],optionTitles:[\"Equals\",\"Contains\"],defaultValue:\"equals\",description:\"*Equals*: The items which equal the filter value are shown.\\n*Contains*: The items which include the filter value are shown.\"},commaSeparatedValues:{type:ControlType.Boolean,title:\"Comma Split\",defaultValue:false,description:\"If enabled, the filter will split the value by commas and show each option as a separate button.\",hidden:props=>props.useManualOptions},showAllOption:{type:ControlType.Boolean,title:\"All Option\",defaultValue:true},allOptionText:{type:ControlType.String,title:\"All Text\",defaultValue:\"All\",hidden(props){return!props.showAllOption;}},...showMultiSelect?{multiSelect:multiSelectPropertyControl}:{},placeholders:{type:ControlType.Object,title:\"Placeholders\",controls:{selected:{type:ControlType.String,title:\"Selected\",defaultValue:\"Selected\"},default:{type:ControlType.String,title:\"Default\",defaultValue:\"Default\"}},hidden:props=>props.useManualOptions,description:\"This placeholder text is only shown in the Framer editor.\"}}},numberOptions:{type:ControlType.Object,title:\"Options\",buttonTitle:\"Number Field\",hidden(props){return props.setup?.fieldType!==\"number\";},defaultValue:{useManualOptions:false,order:\"default\",manualOptions:[1,2,3],defaultValue:false,defaultValueNumber:1,placeholders:{selected:\"1\",default:\"2\"},showAllOption:true,allOptionText:\"All\",...showMultiSelect?{multiSelect:false}:{}},controls:{defaultValue:{type:ControlType.Boolean,title:\"Default Value\",defaultValue:false,enabledTitle:\"Enabled\",disabledTitle:\"Disabled\",description:\"Set the default value for your filter.\"},defaultValueNumber:{type:ControlType.Number,title:\" \",defaultValue:1,step:1,displayStepper:true,hidden(props){return!props.defaultValue;}},useManualOptions:{type:ControlType.Boolean,title:\"Manual Options\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\",description:\"Manually set which options to show on filter.\"},order:{type:ControlType.Enum,title:\"Order\",options:[\"default\",\"numeric\"],optionTitles:[\"Default\",\"Numeric ↑\"],defaultValue:\"default\",displaySegmentedControl:true,hidden(props){return props.useManualOptions;}},manualOptions:{type:ControlType.Array,title:\" \",control:{type:ControlType.Number,step:1,displayStepper:true},defaultValue:[1,2,3],hidden(props){return!props.useManualOptions;}},showAllOption:{type:ControlType.Boolean,title:\"All Option\",defaultValue:true},allOptionText:{type:ControlType.String,title:\"All Text\",defaultValue:\"All\",hidden(props){return!props.showAllOption;}},...showMultiSelect?{multiSelect:multiSelectPropertyControl}:{},placeholders:{type:ControlType.Object,title:\"Placeholders\",controls:{selected:{type:ControlType.String,title:\"Selected\",defaultValue:\"1\"},default:{type:ControlType.String,title:\"Default\",defaultValue:\"2\"}},hidden:props=>props.useManualOptions,description:\"This placeholder text is only shown in the Framer editor.\"}}},optionOptions:{type:ControlType.Object,title:\"Options\",buttonTitle:\"Option Field\",hidden(props){return props.setup?.fieldType!==\"option\";},defaultValue:{useManualOptions:false,manualOptions:[\"Featured\",\"Popular\"],defaultValue:false,defaultValueText:\"\",placeholders:{selected:\"Selected\",default:\"Default\"},showAllOption:true,allOptionText:\"All\",...showMultiSelect?{multiSelect:false}:{}},controls:{defaultValue:{type:ControlType.Boolean,title:\"Default Value\",defaultValue:false,enabledTitle:\"Enabled\",disabledTitle:\"Disabled\",description:\"Set the default value for your filter.\"},defaultValueText:{type:ControlType.String,title:\" \",defaultValue:\"\",placeholder:\"Default Value\",hidden(props){return!props.defaultValue;}},useManualOptions:{type:ControlType.Boolean,title:\"Manual Options\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\",description:\"Manually set which options to show by their visible title.\"},manualOptions:{type:ControlType.Array,title:\" \",control:{type:ControlType.String,placeholder:\"Option Title\"},defaultValue:[\"Featured\",\"Popular\"],hidden(props){return!props.useManualOptions;}},showAllOption:{type:ControlType.Boolean,title:\"All Option\",defaultValue:true},allOptionText:{type:ControlType.String,title:\"All Text\",defaultValue:\"All\",hidden(props){return!props.showAllOption;}},...showMultiSelect?{multiSelect:multiSelectPropertyControl}:{},placeholders:{type:ControlType.Object,title:\"Placeholders\",controls:{selected:{type:ControlType.String,title:\"Selected\",defaultValue:\"Selected\"},default:{type:ControlType.String,title:\"Default\",defaultValue:\"Default\"}},hidden:props=>props.useManualOptions,description:\"This placeholder text is only shown in the Framer editor.\"}}},toggleOptions:{type:ControlType.Object,title:\"Options\",buttonTitle:\"Toggle Field\",icon:\"boolean\",hidden(props){return props.setup?.fieldType!==\"toggle\";},defaultValue:{defaultValue:false,defaultValueBoolean:true,labels:{yes:\"Yes\",no:\"No\"},showAllOption:true,allOptionText:\"All\",...showMultiSelect?{multiSelect:false}:{}},controls:{defaultValue:{type:ControlType.Boolean,title:\"Default Value\",defaultValue:false,enabledTitle:\"Enabled\",disabledTitle:\"Disabled\",description:\"Set the default value for your filter.\"},defaultValueBoolean:{type:ControlType.Boolean,title:\" \",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden(props){return!props.defaultValue;}},labels:{type:ControlType.Object,title:\"Labels\",defaultValue:{yes:\"Yes\",no:\"No\"},controls:{yes:{type:ControlType.String,title:\"Yes Label\",defaultValue:\"Yes\"},no:{type:ControlType.String,title:\"No Label\",defaultValue:\"No\"}}},showAllOption:{type:ControlType.Boolean,title:\"All Option\",defaultValue:true},allOptionText:{type:ControlType.String,title:\"All Text\",defaultValue:\"All\",hidden(props){return!props.showAllOption;}},...showMultiSelect?{multiSelect:multiSelectPropertyControl}:{}}},referenceOptions:{type:ControlType.Object,title:\"Options\",hidden(props){return props.setup?.fieldType!==\"reference\"&&props.setup?.fieldType!==\"multireference\";},defaultValue:{useManualOptions:false,manualOptions:[\"Featured\",\"Popular\"],defaultValue:false,defaultValueText:\"\",placeholders:{selected:\"Selected\",default:\"Default\"},showAllOption:true,allOptionText:\"All\",...showMultiSelect?{multiSelect:false}:{}},controls:{defaultValue:{type:ControlType.Boolean,title:\"Default Value\",defaultValue:false,enabledTitle:\"Enabled\",disabledTitle:\"Disabled\",description:\"Set the default value for your filter.\"},defaultValueText:{type:ControlType.String,title:\" \",defaultValue:\"\",placeholder:\"Default Value\",hidden(props){return!props.defaultValue;},description:\"Match by related item id first, then by displayed label.\"},useManualOptions:{type:ControlType.Boolean,title:\"Manual Options\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\",description:\"Manually set which references to show by their displayed label.\"},manualOptions:{type:ControlType.Array,title:\" \",control:{type:ControlType.String,placeholder:\"Reference Label\"},defaultValue:[\"Featured\",\"Popular\"],hidden(props){return!props.useManualOptions;}},showAllOption:{type:ControlType.Boolean,title:\"All Option\",defaultValue:true},allOptionText:{type:ControlType.String,title:\"All Text\",defaultValue:\"All\",hidden(props){return!props.showAllOption;}},...showMultiSelect?{multiSelect:multiSelectPropertyControl}:{},placeholders:{type:ControlType.Object,title:\"Placeholders\",controls:{selected:{type:ControlType.String,title:\"Selected\",defaultValue:\"Selected\"},default:{type:ControlType.String,title:\"Default\",defaultValue:\"Default\"}},hidden:props=>props.useManualOptions,description:\"This placeholder text is only shown in the Framer editor.\"}}}};}\nexport const __FramerMetadata__ = {\"exports\":{\"DiscreteFilterOptionOptionsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mergeDiscreteFilterSetup\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DiscreteFilterPropertyControlsOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DiscreteFilterOptionsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DiscreteFilterTextOptionsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DiscreteFilterToggleOptionsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DiscreteFilterNumberOptionsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DiscreteFilterReferenceOptionsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mergeDiscreteFilterSetupSingleSelect\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DiscreteFilterSetupProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getDiscreteFilterBasePropertyControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DiscreteFilterResolvedSetupProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Discrete_filter_controls.map","import{jsx as _jsx,Fragment as _Fragment}from\"react/jsx-runtime\";import React from\"react\";function renderWithSize(children,customButtonSize){return React.Children.map(children,child=>{return /*#__PURE__*/React.cloneElement(child,{style:{...child.props.style,width:customButtonSize?.width===\"fill\"?\"100%\":child.props.width,height:customButtonSize?.height===\"fill\"?\"100%\":child.props.height}});});}export default function CustomButtonWrapper(props){const useDisabledSlot=props.disabled&&props.disabledButton!=null;return /*#__PURE__*/_jsx(\"div\",{onClick:props.disabled?undefined:props.onClick,style:{overflow:\"visible\",width:props.customButtonSize?.width===\"default\"?\"fit-content\":\"100%\",height:props.customButtonSize?.height===\"default\"?\"fit-content\":\"100%\",display:\"flex\",cursor:props.disabled?\"not-allowed\":\"pointer\",opacity:useDisabledSlot?1:props.disabled?.5:1},children:/*#__PURE__*/_jsx(_Fragment,{children:useDisabledSlot?renderWithSize(props.disabledButton,props.customButtonSize):renderWithSize(props.children,props.customButtonSize)})});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CustomButtonWrapper\",\"slots\":[\"disabledButton\",\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Custom_button_wrapper.map","import{ControlType}from\"framer\";import{SHARED_COLORS,SHARED_STYLES}from\"https://framerusercontent.com/modules/y2XChnaUWAri0N3kZs6D/a0LDAJ7m44tgokW5uxWB/Shared_styles.js\";// ------------------------------------------------------------ //\n// DEFAULT VALUES\n// ------------------------------------------------------------ //\nexport const PresetPrimaryButtonStyleDefaultValues={presetButtonStyle:{alignItems:\"center\",justifyContent:\"center\",gap:8,padding:SHARED_STYLES.buttonPadding,border:{borderWidth:0,borderStyle:\"solid\",borderColor:SHARED_COLORS.foregroundMuted},borderRadius:SHARED_STYLES.borderRadius,textColor:SHARED_COLORS.background,backgroundColor:SHARED_COLORS.foreground,shadow:undefined,hover:{textColor:SHARED_COLORS.backgroundHover,backgroundColor:SHARED_COLORS.foregroundHover,shadow:undefined,border:{borderWidth:0,borderStyle:\"solid\",borderColor:SHARED_COLORS.foregroundMuted}},tapScale:.98}};export const PresetSecondaryButtonStyleDefaultValues={presetButtonStyle:{...PresetPrimaryButtonStyleDefaultValues.presetButtonStyle,backgroundColor:SHARED_COLORS.background,textColor:SHARED_COLORS.foreground,hover:{...PresetPrimaryButtonStyleDefaultValues.presetButtonStyle.hover,backgroundColor:SHARED_COLORS.backgroundHover,textColor:SHARED_COLORS.foreground}}};export const PresetPrimaryButtonDisabledStyleDefaultValues={disabledStyle:{alignItems:\"center\",justifyContent:\"center\",gap:8,padding:SHARED_STYLES.buttonPadding,border:{borderWidth:0,borderStyle:\"solid\",borderColor:SHARED_COLORS.foregroundMuted},borderRadius:SHARED_STYLES.borderRadius,textColor:SHARED_COLORS.foregroundMuted,backgroundColor:SHARED_COLORS.backgroundMuted,shadow:undefined,tapScale:1}};// ------------------------------------------------------------ //\n// PROPERTY CONTROLS\n// ------------------------------------------------------------ //\nexport const PresetPrimaryButtonStyleControls={presetButtonStyle:{title:\"🎨 Styling\",type:ControlType.Object,controls:{alignItems:{title:\"Align\",type:ControlType.Enum,defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.alignItems,options:[\"start\",\"center\",\"end\"],optionTitles:[\"Start\",\"Center\",\"End\"],optionIcons:[\"align-bottom\",\"align-middle\",\"align-top\"],displaySegmentedControl:true},justifyContent:{title:\"Distribute\",type:ControlType.Enum,options:[\"center\",\"start\",\"end\",\"space-between\"],optionTitles:[\"Center\",\"Start\",\"End\",\"Space Between\"],defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.justifyContent},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.gap,unit:\"px\"},padding:{// @ts-expect-error - Padding is not a valid control type in this Framer npm version\ntype:ControlType.Padding,title:\"Padding\",defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.padding},border:{// @ts-expect-error - Border is not a valid control type in this Framer npm version\ntype:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:(PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.border).borderWidth,borderStyle:(PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.border).borderStyle,borderColor:(PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.border).borderColor}},borderRadius:{// @ts-expect-error - BorderRadius is not a valid control type in this Framer npm version\ntype:ControlType.BorderRadius,title:\"Radius\",defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.borderRadius},textColor:{title:\"Text Color\",type:ControlType.Color,defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.textColor},backgroundColor:{title:\"Background\",type:ControlType.Color,defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.backgroundColor},shadow:{title:\"Shadow\",// @ts-expect-error - BoxShadow is not a valid control type in this Framer npm version\ntype:ControlType.BoxShadow,defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.shadow},hover:{title:\"Hover\",type:ControlType.Object,controls:{textColor:{title:\"Text\",type:ControlType.Color,defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.hover?.textColor},backgroundColor:{title:\"Background\",type:ControlType.Color,defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.hover?.backgroundColor},shadow:{title:\"Shadow\",// @ts-expect-error - BoxShadow is not a valid control type in this Framer npm version\ntype:ControlType.BoxShadow,defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.hover?.shadow},border:{title:\"Border\",// @ts-expect-error - Border is not a valid control type in this Framer npm version\ntype:ControlType.Border,defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.hover?.border}},buttonTitle:\"Style\"},tapScale:{title:\"Tap Scale\",type:ControlType.Number,defaultValue:PresetPrimaryButtonStyleDefaultValues.presetButtonStyle?.tapScale,min:0,max:1,step:.01},font:{title:\"Font\",type:ControlType.Font,defaultFontType:\"sans-serif\",controls:\"extended\",defaultValue:{// @ts-expect-error - fontSize is a string in this Framer npm version\nfontSize:\"14px\",variant:\"Regular\",lineHeight:\"1em\"},hidden:props=>props.buttonType===\"custom\"}},hidden:props=>props.buttonType===\"custom\"}};export const PresetPrimaryButtonDisabledStyleControls={disabledStyle:{title:\"🎨 Disabled Styling\",description:\"Styles when the button is disabled.\",type:ControlType.Object,controls:{alignItems:{title:\"Align\",type:ControlType.Enum,defaultValue:PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.alignItems,options:[\"start\",\"center\",\"end\"],optionTitles:[\"Start\",\"Center\",\"End\"],optionIcons:[\"align-bottom\",\"align-middle\",\"align-top\"],displaySegmentedControl:true},justifyContent:{title:\"Distribute\",type:ControlType.Enum,options:[\"center\",\"start\",\"end\",\"space-between\"],optionTitles:[\"Center\",\"Start\",\"End\",\"Space Between\"],defaultValue:PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.justifyContent},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.gap,unit:\"px\"},padding:{// @ts-expect-error - Padding is not a valid control type in this Framer npm version\ntype:ControlType.Padding,title:\"Padding\",defaultValue:PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.padding},border:{// @ts-expect-error - Border is not a valid control type in this Framer npm version\ntype:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:(PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.border).borderWidth,borderStyle:(PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.border).borderStyle,borderColor:(PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.border).borderColor}},borderRadius:{// @ts-expect-error - BorderRadius is not a valid control type in this Framer npm version\ntype:ControlType.BorderRadius,title:\"Radius\",defaultValue:PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.borderRadius},textColor:{title:\"Text Color\",type:ControlType.Color,defaultValue:PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.textColor},backgroundColor:{title:\"Background\",type:ControlType.Color,defaultValue:PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.backgroundColor},shadow:{title:\"Shadow\",// @ts-expect-error - BoxShadow is not a valid control type in this Framer npm version\ntype:ControlType.BoxShadow,defaultValue:PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.shadow},tapScale:{title:\"Tap Scale\",type:ControlType.Number,defaultValue:PresetPrimaryButtonDisabledStyleDefaultValues.disabledStyle?.tapScale,min:0,max:1,step:.01},font:{title:\"Font\",type:ControlType.Font,defaultFontType:\"sans-serif\",controls:\"extended\",hidden:props=>props.buttonType===\"custom\"}},hidden:props=>props.buttonType===\"custom\"}};export const PresetSecondaryButtonStyleControls={presetButtonStyle:{title:\"🎨 Styling\",type:ControlType.Object,controls:{alignItems:{title:\"Align\",type:ControlType.Enum,defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.alignItems,options:[\"start\",\"center\",\"end\"],optionTitles:[\"Start\",\"Center\",\"End\"],optionIcons:[\"align-bottom\",\"align-middle\",\"align-top\"],displaySegmentedControl:true},justifyContent:{title:\"Distribute\",type:ControlType.Enum,options:[\"center\",\"start\",\"end\",\"space-between\"],optionTitles:[\"Center\",\"Start\",\"End\",\"Space Between\"],defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.justifyContent},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.gap,unit:\"px\"},padding:{// @ts-expect-error - Padding is not a valid control type in this Framer npm version\ntype:ControlType.Padding,title:\"Padding\",defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.padding},border:{// @ts-expect-error - Border is not a valid control type in this Framer npm version\ntype:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:(PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.border).borderWidth,borderStyle:(PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.border).borderStyle,borderColor:(PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.border).borderColor}},borderRadius:{// @ts-expect-error - BorderRadius is not a valid control type in this Framer npm version\ntype:ControlType.BorderRadius,title:\"Radius\",defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.borderRadius},textColor:{title:\"Text Color\",type:ControlType.Color,defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.textColor},backgroundColor:{title:\"Background\",type:ControlType.Color,defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.backgroundColor},shadow:{title:\"Shadow\",// @ts-expect-error - BoxShadow is not a valid control type in this Framer npm version\ntype:ControlType.BoxShadow,defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.shadow},hover:{title:\"Hover\",type:ControlType.Object,controls:{textColor:{title:\"Text\",type:ControlType.Color,defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.hover?.textColor},backgroundColor:{title:\"Background\",type:ControlType.Color,defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.hover?.backgroundColor},shadow:{title:\"Shadow\",// @ts-expect-error - BoxShadow is not a valid control type in this Framer npm version\ntype:ControlType.BoxShadow,defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.hover?.shadow},border:{title:\"Border\",// @ts-expect-error - Border is not a valid control type in this Framer npm version\ntype:ControlType.Border,defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.hover?.border}},buttonTitle:\"Style\"},tapScale:{title:\"Tap Scale\",type:ControlType.Number,defaultValue:PresetSecondaryButtonStyleDefaultValues.presetButtonStyle?.tapScale,min:0,max:1,step:.01},font:{title:\"Font\",type:ControlType.Font,defaultFontType:\"sans-serif\",controls:\"extended\",hidden:props=>props.buttonType===\"custom\"}},hidden:props=>props.buttonType===\"custom\"}};export const PresetButtonContentControls={showDefaultIcon:{title:\"Default Icon\",description:\"Show or hide the built-in button icon.\",type:ControlType.Boolean,defaultValue:true,hidden:()=>true,// hidden: (props: any) => props.buttonType === \"custom\", // shown only on add to cart button\nenabledTitle:\"Show\",disabledTitle:\"Hide\"},text:{title:\"Text\",type:ControlType.String,defaultValue:\"Button\",description:\"\",hidden:props=>props.buttonType===\"custom\"},leftIcon:{title:\"Left Icon\",type:ControlType.ComponentInstance,hidden:props=>props.buttonType===\"custom\"},rightIcon:{title:\"Right Icon\",type:ControlType.ComponentInstance,hidden:props=>props.buttonType===\"custom\"}};export const CustomButtonControls={buttonType:{title:\"Button Type\",type:ControlType.Enum,options:[\"preset\",\"custom\"],optionTitles:[\"Preset\",\"Custom\"],displaySegmentedControl:true,defaultValue:\"preset\"},customButton:{title:\"Button\",type:ControlType.ComponentInstance,hidden:props=>props.buttonType===\"preset\"},customButtonDisabled:{title:\"Button Disabled\",description:\"Custom component shown when the button is disabled.\",type:ControlType.ComponentInstance,hidden:props=>props.buttonType===\"preset\"},customButtonSize:{title:\"Button Size\",type:ControlType.Object,controls:{width:{type:ControlType.Enum,title:\"Width\",options:[\"default\",\"fill\"],optionTitles:[\"Default\",\"Fill\"],defaultValue:\"default\",displaySegmentedControl:true,segmentedControlDirection:\"vertical\"},height:{type:ControlType.Enum,title:\"Height\",options:[\"default\",\"fill\"],optionTitles:[\"Default\",\"Fill\"],defaultValue:\"default\",displaySegmentedControl:true,segmentedControlDirection:\"vertical\"}},hidden:props=>props.buttonType===\"preset\"}};// ------------------------------------------------------------ //\n// UTILITY FUNCTION FOR OVERRIDING DEFAULTS\n// ------------------------------------------------------------ //\n/**\n * Deep clones property controls and overrides default values, descriptions, hidden properties, and titles at specified paths\n * @param baseControls - The base property controls to clone\n * @param overrides - Object with dot-notation paths to override (e.g., 'presetButtonStyle.backgroundColor', 'controlName.hidden', 'controlName.title', 'controlName.description')\n * @returns New property controls with overridden defaults, descriptions, hidden properties, and titles\n */export function overrideControlDefaults(baseControls,overrides){// Deep clone the controls (preserving functions)\nconst deepClone=obj=>{if(obj===null||typeof obj!==\"object\")return obj;if(typeof obj===\"function\")return obj;if(Array.isArray(obj))return obj.map(deepClone);const cloned={};for(const key in obj){// eslint-disable-next-line no-prototype-builtins\nif(obj.hasOwnProperty(key)){cloned[key]=deepClone(obj[key]);}}return cloned;};const clonedControls=deepClone(baseControls);// Apply overrides\nObject.entries(overrides).forEach(([path,value])=>{const pathParts=path.split(\".\");let current=clonedControls;let controlLevel=null;let lastControlKey=null;// Navigate to the target control\nfor(let i=0;i