{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/fsl9YcyCK6ElCyDYQXkv/KmoLUwAy5qju4qX8cmzA/SegmentedControl.js"],
  "sourcesContent": ["import { fontStack , fontControls , fontSizeOptions , colorTokentoValue , useFontControls } from \"https://framer.com/m/framer/default-utils.js\"; import * as React from \"react\"; import { Frame , Stack , addPropertyControls , ControlType , Color } from \"framer\"; export function SegmentedControl (props) { const { slide, segments, defaultSegment, disabled, activeTextColor, activeBackground, activeBorderColor, shadow, inactiveTextColor, inactiveBackground, inactiveBorderColor, inactiveBorderSize, disabledTextColor, disabledBackground, disabledBorderColor, disabledBorderSize, fontSize, trackColor, divider, dividerColor, segmentTransition, onChange, onSegment1Tap, onSegment2Tap, onSegment3Tap, onSegment4Tap, onSegment5Tap, distribution, id, fontFamily, fontWeight, ...stackProps } = props; delete stackProps.height; delete stackProps.width; const { radius, isMixedBorderRadius, topLeftBorderRadius, topRightBorderRadius, bottomRightBorderRadius, bottomLeftBorderRadius, gap, padding, activeBorderSize, isMixedActiveBorder, topActiveBorderSize, rightActiveBorderSize, bottomActiveBorderSize, leftActiveBorderSize, direction } = props; const outerBorderRadius = isMixedBorderRadius ? `${topLeftBorderRadius}px ${topRightBorderRadius}px ${bottomRightBorderRadius}px ${bottomLeftBorderRadius}px` : `${radius}px`; const innerBorderRadius = isMixedBorderRadius ? `${topLeftBorderRadius - padding}px ${topRightBorderRadius - padding}px ${bottomRightBorderRadius - padding}px ${bottomLeftBorderRadius - padding}px` : `${radius - padding}px`; const allSegments = [{text: segments[0], defaultEvent: onChange, event: onSegment1Tap}, {text: segments[1], defaultEvent: onChange, event: onSegment2Tap}, {text: segments[2], defaultEvent: onChange, event: onSegment3Tap}, {text: segments[3], defaultEvent: onChange, event: onSegment4Tap}, {text: segments[4], defaultEvent: onChange, event: onSegment5Tap}].slice(0, segments.length); const [selected,setSelected] = React.useState(defaultSegment - 1); React.useEffect(() => { setSelected(defaultSegment - 1); }, [defaultSegment]); const fontStyles = useFontControls(props); const variants = {selected: {background: colorTokentoValue(activeBackground), color: colorTokentoValue(activeTextColor), boxShadow: shadow ? \"0px 2px 6px rgba(0,0,0,0.1), 0px 4px 16px rgba(0,0,0,0.1)\" : \"0px 0px 0px rgba(0,0,0,0)\", border: !isMixedActiveBorder && `${activeBorderSize}px solid ${activeBorderColor}`, borderTop: isMixedActiveBorder && `${topActiveBorderSize}px solid ${activeBorderColor}`, borderRight: isMixedActiveBorder && `${rightActiveBorderSize}px solid ${activeBorderColor}`, borderBottom: isMixedActiveBorder && `${bottomActiveBorderSize}px solid ${activeBorderColor}`, borderLeft: isMixedActiveBorder && `${leftActiveBorderSize}px solid ${activeBorderColor}`}, notSelected: {background: colorTokentoValue(inactiveBackground), color: colorTokentoValue(inactiveTextColor), boxShadow: \"0px 0px 0px rgba(0,0,0,0), 0px 0px 0px rgba(0,0,0,0)\", border: `${inactiveBorderSize}px solid ${inactiveBorderColor}`}, disabled: {background: colorTokentoValue(disabledBackground), color: colorTokentoValue(disabledTextColor), boxShadow: \"0px 0px 0px rgba(0,0,0,0)\", border: `${disabledBorderSize}px solid ${disabledBorderColor}`}}; return segments.length > 0 ? React.createElement(React.Fragment, null, React.createElement(Stack, Object.assign({}, stackProps, {name: \"track\", background: trackColor, size: \"100%\"}), allSegments.map((segment, index) => { return React.createElement(Frame, {key: index, height: direction === \"horizontal\" ? \"100%\" : `${100 / segments.length}% `, width: direction === \"horizontal\" ? \"1fr\" : \"100%\", radius: outerBorderRadius, style: {WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\", display: \"flex\"}, variants, transition: {ease: \"linear\"}, initial: disabled ? \"disabled\" : slide ? \"notSelected\" : index === defaultSegment - 1 ? \"selected\" : \"notSelected\", animate: disabled ? \"disabled\" : slide ? \"notSelected\" : selected === index ? \"selected\" : \"notSelected\", \"data-framer-highlight\": !disabled, onClick: disabled ? undefined : () => { setSelected(index); if (segment.event) { segment.event() }; if (segment.defaultEvent) { segment.defaultEvent(index) }; }}, React.createElement(\"h3\", {style: {...segmentTextStyle, fontSize, ...fontStyles}}, segment === null || segment === void 0 ? void 0 : segment.text), segments.length > 1 && index !== segments.length - 1 && React.createElement(Frame, {name: \"divider\", size: 1, height: !divider ? 0 : direction === \"horizontal\" ? \"calc(100% - 16px)\" : 1, width: !divider ? 0 : direction === \"horizontal\" ? 1 : \"calc(100% - 16px)\", background: divider ? dividerColor : null, right: -2 + index - gap * 0.5, center: \"y\"})); })), !disabled && slide && React.createElement(Stack, Object.assign({}, stackProps, {name: \"segment\", layoutId: \"segment\", size: \"100%\", padding}), allSegments.map((segment, index) => { var ref; const isSelected = index === selected; return React.createElement(Stack, {name: \"top-selector\", distribution: \"space-around\", key: isSelected ? \"selected_segment\" : index, positionTransition: isSelected && segmentTransition, height: \"1fr\", width: \"1fr\", radius: innerBorderRadius, style: {pointerEvents: \"none\", WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\", boxShadow: shadow && isSelected ? \"0px 2px 6px rgba(0,0,0,0.1), 0px 4px 16px rgba(0,0,0,0.1)\" : \"0px 0px 0px rgba(0,0,0,0)\", display: \"flex\", color: isSelected ? colorTokentoValue(activeTextColor) : \"transparent\", background: isSelected ? colorTokentoValue(activeBackground) : \"transparent\"}, border: isSelected ? `${activeBorderSize}px solid ${activeBorderColor}` : \"0px solid rgba(0,0,0,0)\", onTap: () => { setSelected(index); if (segment.event) { segment.event() }; if (segment.defaultEvent) { segment.defaultEvent(index) }; }}, React.createElement(\"h3\", {style: {...segmentTextStyle, fontSize, ...fontStyles, pointerEvents: \"none\"}}, (ref = allSegments[selected]) === null || ref === void 0 ? void 0 : ref.text)); }))) : React.createElement(\"div\", {style: segmentsHelperContainer}, React.createElement(\"p\", {style: {...segmentsHelperTextStyle, fontWeight: 600}}, \"Segments\"), React.createElement(\"p\", {style: segmentsHelperTextStyle}, \"Use the properties panel to add segments.\")); }; SegmentedControl.defaultProps = {height: 50, width: 320, direction: \"horizontal\", segments: [\"Item 1\", \"Item 2\", \"Item 3\"], slide: true, defaultSegment: 1, disabled: false, variant: \"active\", activeTextColor: \"#0099ff\", activeBackground: \"#ffffff\", activeBorderColor: \"rgba(0, 0, 0, 0)\", activeBorderSize: 1, shadow: true, inactiveTextColor: \"#BBBBBB\", inactiveBackground: \"rgba(0, 0, 0, 0)\", inactiveBorderColor: \"rgba(0, 0, 0, 0)\", inactiveBorderSize: 1, disabledTextColor: \"#AAAAAA\", disabledBackground: \"#ebebeb\", disabledBorderColor: \"rgba(0, 0, 0, 0)\", disabledBorderSize: 1, fontSize: 14, radius: 8, padding: 3, trackColor: \"#ebebeb\", divider: true, dividerColor: \"rgba(0,0,0,0.05)\", fontWeight: 600}; addPropertyControls(SegmentedControl, {direction: {type: ControlType.Enum, displaySegmentedControl: true, options: [\"horizontal\", \"vertical\"], defaultValue: SegmentedControl.defaultProps.direction}, defaultSegment: {type: ControlType.Number, title: \"Selected\", defaultValue: SegmentedControl.defaultProps.defaultSegment, displayStepper: true, step: 1, min: 1, max: 5}, variant: {type: ControlType.Enum, title: \"Variants\", defaultValue: SegmentedControl.defaultProps.variant, options: [\"active\", \"inactive\", \"disabled\"], optionTitles: [\"Active\", \"Inactive\", \"Disabled\"]}, activeTextColor: {type: ControlType.Color, title: \"Text Color\", defaultValue: SegmentedControl.defaultProps.activeTextColor, hidden: ({ variant }) => { return variant !== \"active\"; }}, activeBackground: {title: \"Bg Color\", type: ControlType.Color, defaultValue: SegmentedControl.defaultProps.activeBackground, hidden: ({ variant }) => { return variant !== \"active\"; }}, activeBorderColor: {type: ControlType.Color, title: \"Border Color\", defaultValue: SegmentedControl.defaultProps.activeBorderColor, hidden: ({ variant }) => { return variant !== \"active\"; }}, activeBorderSize: {title: \"Border Width\", type: ControlType.FusedNumber, defaultValue: SegmentedControl.defaultProps.activeBorderSize, toggleKey: \"isMixedActiveBorder\", toggleTitles: [\"Border\", \"Border per side\"], valueKeys: [\"topActiveBorderSize\", \"rightActiveBorderSize\", \"bottomActiveBorderSize\", \"leftActiveBorderSize\"], valueLabels: [\"T\", \"R\", \"B\", \"L\"], min: 0, hidden: ({ variant }) => { return variant !== \"active\"; }}, shadow: {title: \"Shadow\", type: ControlType.Boolean, defaultValue: SegmentedControl.defaultProps.shadow, enabledTitle: \"Show\", disabledTitle: \"Hide\", hidden: ({ variant }) => { return variant !== \"active\"; }}, inactiveTextColor: {type: ControlType.Color, title: \"Text Color\", defaultValue: SegmentedControl.defaultProps.inactiveTextColor, hidden: ({ variant }) => { return variant !== \"inactive\"; }}, inactiveBackground: {title: \"Bg Color\", type: ControlType.Color, defaultValue: SegmentedControl.defaultProps.inactiveBackground, hidden: ({ variant }) => { return variant !== \"inactive\"; }}, inactiveBorderColor: {type: ControlType.Color, title: \"Border Color\", defaultValue: SegmentedControl.defaultProps.inactiveBorderColor, hidden: ({ variant }) => { return variant !== \"inactive\"; }}, inactiveBorderSize: {type: ControlType.Number, title: \"Border Size\", displayStepper: true, step: 1, min: 1, max: 25, defaultValue: SegmentedControl.defaultProps.inactiveBorderSize, hidden: ({ variant }) => { return variant !== \"inactive\"; }}, disabledTextColor: {type: ControlType.Color, title: \"Text Color\", defaultValue: SegmentedControl.defaultProps.disabledTextColor, hidden: ({ variant }) => { return variant !== \"disabled\"; }}, disabledBackground: {type: ControlType.Color, title: \"Bg Color\", defaultValue: SegmentedControl.defaultProps.disabledBackground, hidden: ({ variant }) => { return variant !== \"disabled\"; }}, disabledBorderColor: {type: ControlType.Color, title: \"Border Color\", defaultValue: SegmentedControl.defaultProps.disabledBorderColor, hidden: ({ variant }) => { return variant !== \"disabled\"; }}, disabledBorderSize: {type: ControlType.Number, title: \"Border Size\", displayStepper: true, step: 1, min: 1, max: 25, defaultValue: SegmentedControl.defaultProps.disabledBorderSize, hidden: ({ variant }) => { return variant !== \"disabled\"; }}, slide: {type: ControlType.Boolean, title: \"Slide\", enabledTitle: \"Yes\", disabledTitle: \"No\", defaultValue: SegmentedControl.defaultProps.slide}, segmentTransition: {title: \"Transition\", type: ControlType.Transition, hidden: ({ slide }) => { return slide === false; }}, trackColor: {type: ControlType.Color, title: \"Track Color\", defaultValue: SegmentedControl.defaultProps.trackColor}, radius: {title: \"Radius\", type: ControlType.FusedNumber, defaultValue: SegmentedControl.defaultProps.radius, toggleKey: \"isMixedBorderRadius\", toggleTitles: [\"Radius\", \"Radius per corner\"], valueKeys: [\"topLeftBorderRadius\", \"topRightBorderRadius\", \"bottomRightBorderRadius\", \"bottomLeftBorderRadius\"], valueLabels: [\"TL\", \"TR\", \"BR\", \"BL\"], min: 0}, gap: {displayStepper: true, type: ControlType.Number}, fontSize: {...fontSizeOptions, defaultValue: SegmentedControl.defaultProps.fontSize}, ...fontControls, disabled: {type: ControlType.Boolean, title: \"Disabled\", enabledTitle: \"Yes\", disabledTitle: \"No\", defaultValue: SegmentedControl.defaultProps.disabled}, divider: {type: ControlType.Boolean, title: \"Dividers\", defaultValue: SegmentedControl.defaultProps.divider, enabledTitle: \"Show\", disabledTitle: \"Hide\"}, dividerColor: {type: ControlType.Color, title: \"Color\", defaultValue: SegmentedControl.defaultProps.dividerColor, hidden: ({ divider }) => { return divider === false; }}, onChange: {title: \"On Change\", type: ControlType.EventHandler}, onSegment1Tap: {title: \"Segment 1 Tap\", type: ControlType.EventHandler}, onSegment2Tap: {title: \"Segment 2 Tap\", type: ControlType.EventHandler}, onSegment3Tap: {title: \"Segment 3 Tap\", type: ControlType.EventHandler}, onSegment4Tap: {title: \"Segment 4 Tap\", type: ControlType.EventHandler}, onSegment5Tap: {title: \"Segment 5 Tap\", type: ControlType.EventHandler}, segments: {type: ControlType.Array, title: \"Segments\", maxCount: 5, defaultValue: SegmentedControl.defaultProps.segments, propertyControl: {type: ControlType.String}}}); const segmentTextStyle = {fontFamily: fontStack, letterSpacing: 0, fontWeight: 600, textAlign: \"center\", margin: \"auto auto\"}; const segmentsHelperContainer = {width: \"100%\", height: \"100%\", borderRadius: 6, background: \"rgba(136, 85, 255, 0.3)\", border: \"1px dashed #85F\", display: \"flex\", flexDirection: \"column\", justifyContent: \"center\", alignItems: \"center\"}; const segmentsHelperTextStyle = {fontFamily: fontStack, color: \"#8856FF\", fontSize: 10, letterSpacing: 0, lineHeight: 1.4, fontWeight: 400, marginTop: 0, marginBottom: 0, maxWidth: \"300px\", textAlign: \"center\"}; SegmentedControl.displayName = \"Segmented Control\"; export const __FramerMetadata__ = {exports: {SegmentedControl: {type: \"reactComponent\", slots: [], annotations: {framerIntrinsicHeight: \"50\", framerSupportedLayoutWidth: \"fixed\", framerSupportedLayoutHeight: \"fixed\", framerIntrinsicWidth: \"320\"}}, SegmentedControlProps: {type: \"tsType\"}}}; "],
  "mappings": "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",
  "names": ["SegmentedControl", "props", "slide", "segments", "defaultSegment", "disabled", "activeTextColor", "activeBackground", "activeBorderColor", "shadow", "inactiveTextColor", "inactiveBackground", "inactiveBorderColor", "inactiveBorderSize", "disabledTextColor", "disabledBackground", "disabledBorderColor", "disabledBorderSize", "fontSize", "trackColor", "divider", "dividerColor", "segmentTransition", "onChange", "onSegment1Tap", "onSegment2Tap", "onSegment3Tap", "onSegment4Tap", "onSegment5Tap", "distribution", "id", "fontFamily", "fontWeight", "stackProps", "radius", "isMixedBorderRadius", "topLeftBorderRadius", "topRightBorderRadius", "bottomRightBorderRadius", "bottomLeftBorderRadius", "gap", "padding", "activeBorderSize", "isMixedActiveBorder", "topActiveBorderSize", "rightActiveBorderSize", "bottomActiveBorderSize", "leftActiveBorderSize", "direction", "outerBorderRadius", "innerBorderRadius", "allSegments", "selected", "setSelected", "ye", "ue", "fontStyles", "useFontControls", "variants", "colorTokentoValue", "B", "x", "Stack", "segment", "index", "Frame", "segmentTextStyle", "ref", "isSelected", "segmentsHelperContainer", "segmentsHelperTextStyle", "addPropertyControls", "ControlType", "variant", "fontSizeOptions", "fontControls", "fontStack"]
}