npm - @bikdotai/bik-component-library - Versions diffs - 0.0.807-beta.2 → 0.0.808-beta.0 - Mend

@bikdotai/bik-component-library 0.0.807-beta.2 → 0.0.808-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1549) hide show

package/dist/cjs/components/slider/slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"slider.js","sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import React, {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface SliderBikProps {\n\tmin?: number;\n\tmax?: number;\n\tdefaultValue?: number;\n\tonChange: (event: Event, value: number) => void;\n\tstep?: number;\n\tdisabled?: boolean;\n}\n\ninterface SliderStyles {\n\tcontainer: React.CSSProperties;\n\ttrack: React.CSSProperties;\n\tfilledTrack: React.CSSProperties;\n\tfilledTrackDragging: React.CSSProperties;\n\tthumb: React.CSSProperties;\n\tthumbDisabled: React.CSSProperties;\n\tvalueLabel: React.CSSProperties;\n\tvalueLabelVisible: React.CSSProperties;\n\tvalueLabelText: React.CSSProperties;\n}\n\nconst getSliderStyles = (disabled: boolean): SliderStyles => ({\n\tcontainer: {\n\t\tposition: 'relative',\n\t\tmarginTop: '30px',\n\t\theight: '8px',\n\t\twidth: '100%',\n\t\tcursor: disabled ? 'not-allowed' : 'pointer',\n\t\topacity: disabled ? 0.5 : 1,\n\t},\n\ttrack: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: '#E0E0E0',\n\t\tborderRadius: '4px',\n\t},\n\tfilledTrack: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '4px',\n\t\ttransition: 'width 0.1s ease',\n\t},\n\tfilledTrackDragging: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '4px',\n\t\ttransition: 'none',\n\t},\n\tthumb: {\n\t\tposition: 'absolute',\n\t\ttop: '50%',\n\t\twidth: '24px',\n\t\theight: '24px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborder: `2px solid ${COLORS.background.brand}`,\n\t\tborderRadius: '50%',\n\t\ttransform: 'translate(-50%, -50%)',\n\t\tcursor: disabled ? 'not-allowed' : 'grab',\n\t\ttransition: 'box-shadow 0.2s ease',\n\t\toutline: 'none',\n\t\tzIndex: 1,\n\t},\n\tthumbDisabled: {\n\t\tcursor: 'not-allowed',\n\t},\n\tvalueLabel: {\n\t\tposition: 'absolute',\n\t\tbottom: '100%',\n\t\tleft: '50%',\n\t\tmarginBottom: '16px',\n\t\twidth: '32px',\n\t\theight: '32px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '50% 50% 50% 0',\n\t\ttransform: 'translate(0, 0) rotate(-45deg) scale(0)',\n\t\ttransformOrigin: 'bottom left',\n\t\ttransition: 'transform 0.2s ease',\n\t\tpointerEvents: 'none',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t},\n\tvalueLabelVisible: {\n\t\ttransform: 'translate(0, 0) rotate(-45deg) scale(1)',\n\t},\n\tvalueLabelText: {\n\t\ttransform: 'rotate(45deg)',\n\t\tcolor: 'white',\n\t\tfontSize: '12px',\n\t\tlineHeight: 1.2,\n\t\tfontWeight: 500,\n\t},\n});\n\nexport const BikSlider: React.FC<SliderBikProps> = ({\n\tmin = 0,\n\tmax = 100,\n\tdefaultValue,\n\tonChange,\n\tstep = 1,\n\tdisabled = false,\n}: SliderBikProps) => {\n\t// Ensure we always have a valid number for the initial value\n\tconst initialValue = defaultValue !== undefined ? defaultValue : min;\n\tconst [value, setValue] = useState(initialValue);\n\tconst [isDragging, setIsDragging] = useState(false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [showValueLabel, setShowValueLabel] = useState(false);\n\tconst sliderRef = useRef<HTMLDivElement>(null);\n\tconst thumbRef = useRef<HTMLDivElement>(null);\n\n\tconst styles = useMemo(() => getSliderStyles(disabled), [disabled]);\n\n\t// Update value when defaultValue changes\n\tuseEffect(() => {\n\t\tconst newValue = defaultValue !== undefined ? defaultValue : min;\n\t\tsetValue(newValue);\n\t}, [defaultValue, min]);\n\n\tconst calculateValueFromPosition = useCallback(\n\t\t(clientX: number) => {\n\t\t\tif (!sliderRef.current) return min;\n\n\t\t\tconst rect = sliderRef.current.getBoundingClientRect();\n\t\t\tconst percentage = Math.max(\n\t\t\t\t0,\n\t\t\t\tMath.min(1, (clientX - rect.left) / rect.width),\n\t\t\t);\n\t\t\tconst rawValue = min + percentage * (max - min);\n\t\t\tconst steppedValue = Math.round(rawValue / step) * step;\n\t\t\treturn Math.max(min, Math.min(max, steppedValue));\n\t\t},\n\t\t[min, max, step],\n\t);\n\n\tconst handleMouseDown = useCallback(\n\t\t(event: React.MouseEvent) => {\n\t\t\tif (disabled) return;\n\n\t\t\tevent.preventDefault();\n\t\t\tsetIsDragging(true);\n\t\t\tsetShowValueLabel(true);\n\n\t\t\tconst newValue = calculateValueFromPosition(event.clientX);\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[disabled, calculateValueFromPosition, onChange],\n\t);\n\n\tconst handleMouseMove = useCallback(\n\t\t(event: MouseEvent) => {\n\t\t\tif (!isDragging \|\| disabled) return;\n\n\t\t\tconst newValue = calculateValueFromPosition(event.clientX);\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[isDragging, disabled, calculateValueFromPosition, onChange],\n\t);\n\n\tconst handleMouseUp = useCallback(() => {\n\t\tsetIsDragging(false);\n\t\tsetShowValueLabel(false);\n\t}, []);\n\n\tconst handleKeyDown = useCallback(\n\t\t(event: React.KeyboardEvent) => {\n\t\t\tif (disabled) return;\n\n\t\t\tlet newValue = value;\n\n\t\t\tswitch (event.key) {\n\t\t\t\tcase 'ArrowLeft':\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\tnewValue = Math.max(min, value - step);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowRight':\n\t\t\t\tcase 'ArrowUp':\n\t\t\t\t\tnewValue = Math.min(max, value + step);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Home':\n\t\t\t\t\tnewValue = min;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'End':\n\t\t\t\t\tnewValue = max;\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[disabled, value, min, max, step, onChange],\n\t);\n\n\t// Add global mouse event listeners\n\tuseEffect(() => {\n\t\tif (isDragging) {\n\t\t\tdocument.addEventListener('mousemove', handleMouseMove);\n\t\t\tdocument.addEventListener('mouseup', handleMouseUp);\n\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener('mousemove', handleMouseMove);\n\t\t\t\tdocument.removeEventListener('mouseup', handleMouseUp);\n\t\t\t};\n\t\t}\n\t}, [isDragging, handleMouseMove, handleMouseUp]);\n\n\tconst percentage = ((value - min) / (max - min)) * 100;\n\n\t// Safety check to prevent NaN\n\tconst safePercentage = isNaN(percentage)\n\t\t? 0\n\t\t: Math.max(0, Math.min(100, percentage));\n\n\tconst thumbStyle = useMemo((): React.CSSProperties => {\n\t\tconst baseStyle = { ...styles.thumb };\n\n\t\tif (disabled) {\n\t\t\treturn { ...baseStyle, ...styles.thumbDisabled };\n\t\t}\n\n\t\tif (isDragging) {\n\t\t\tbaseStyle.boxShadow = '0px 0px 0px 8px rgba(115, 29, 207, 0.5)';\n\t\t\tbaseStyle.cursor = 'grabbing';\n\t\t} else if (isHovered) {\n\t\t\tbaseStyle.boxShadow = '0px 0px 0px 8px rgba(115, 29, 207, 0.08)';\n\t\t}\n\n\t\tbaseStyle.left = `${safePercentage}%`;\n\n\t\treturn baseStyle;\n\t}, [\n\t\tstyles.thumb,\n\t\tstyles.thumbDisabled,\n\t\tdisabled,\n\t\tisDragging,\n\t\tisHovered,\n\t\tsafePercentage,\n\t]);\n\n\tconst valueLabelStyle = useMemo((): React.CSSProperties => {\n\t\tconst baseStyle = { ...styles.valueLabel };\n\n\t\tif (showValueLabel \|\| isHovered) {\n\t\t\treturn { ...baseStyle, ...styles.valueLabelVisible };\n\t\t}\n\n\t\treturn baseStyle;\n\t}, [styles.valueLabel, styles.valueLabelVisible, showValueLabel, isHovered]);\n\n\treturn (\n\t\t<div\n\t\t\tref={sliderRef}\n\t\t\tstyle={styles.container}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\trole=\"slider\"\n\t\t\taria-label=\"bik slider\"\n\t\t\taria-valuemin={min}\n\t\t\taria-valuemax={max}\n\t\t\taria-valuenow={value}\n\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t<div style={styles.track} />\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...(isDragging ? styles.filledTrackDragging : styles.filledTrack),\n\t\t\t\t\twidth: `${safePercentage}%`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tref={thumbRef}\n\t\t\t\tstyle={thumbStyle}\n\t\t\t\tonMouseEnter={() => !disabled && setIsHovered(true)}\n\t\t\t\tonMouseLeave={() => !disabled && setIsHovered(false)}\n\t\t\t\tonFocus={() => !disabled && setShowValueLabel(true)}\n\t\t\t\tonBlur={() => !disabled && setShowValueLabel(false)}\n\t\t\t>\n\t\t\t\t<div style={valueLabelStyle}>\n\t\t\t\t\t<span style={styles.valueLabelText}>{value}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["_ref","min","max","defaultValue","onChange","step","disabled","initialValue","undefined","value","setValue","useState","isDragging","setIsDragging","isHovered","setIsHovered","showValueLabel","setShowValueLabel","sliderRef","useRef","thumbRef","styles","useMemo","container","position","marginTop","height","width","cursor","opacity","track","top","left","right","backgroundColor","borderRadius","filledTrack","COLORS","background","brand","transition","filledTrackDragging","thumb","border","transform","outline","zIndex","thumbDisabled","valueLabel","bottom","marginBottom","transformOrigin","pointerEvents","display","alignItems","justifyContent","valueLabelVisible","valueLabelText","color","fontSize","lineHeight","fontWeight","getSliderStyles","useEffect","calculateValueFromPosition","useCallback","clientX","current","rect","getBoundingClientRect","percentage","Math","rawValue","steppedValue","round","handleMouseDown","event","preventDefault","newValue","syntheticEvent","Event","bubbles","handleMouseMove","handleMouseUp","handleKeyDown","key","document","addEventListener","removeEventListener","safePercentage","isNaN","thumbStyle","baseStyle","Object","assign","boxShadow","valueLabelStyle","_jsxs","ref","style","onMouseDown","role","tabIndex","onKeyDown","children","_jsx","jsx","onMouseEnter","onMouseLeave","onFocus","onBlur"],"mappings":"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"}
1	+ {"version":3,"file":"slider.js","sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import React, {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface SliderBikProps {\n\tmin?: number;\n\tmax?: number;\n\tdefaultValue?: number;\n\tonChange: (event: Event, value: number) => void;\n\tstep?: number;\n\tdisabled?: boolean;\n}\n\ninterface SliderStyles {\n\tcontainer: React.CSSProperties;\n\ttrack: React.CSSProperties;\n\tfilledTrack: React.CSSProperties;\n\tfilledTrackDragging: React.CSSProperties;\n\tthumb: React.CSSProperties;\n\tthumbDisabled: React.CSSProperties;\n\tvalueLabel: React.CSSProperties;\n\tvalueLabelVisible: React.CSSProperties;\n\tvalueLabelText: React.CSSProperties;\n}\n\nconst getSliderStyles = (disabled: boolean): SliderStyles => ({\n\tcontainer: {\n\t\tposition: 'relative',\n\t\tmarginTop: '30px',\n\t\theight: '8px',\n\t\twidth: '100%',\n\t\tcursor: disabled ? 'not-allowed' : 'pointer',\n\t\topacity: disabled ? 0.5 : 1,\n\t},\n\ttrack: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: '#E0E0E0',\n\t\tborderRadius: '4px',\n\t},\n\tfilledTrack: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '4px',\n\t\ttransition: 'width 0.1s ease',\n\t},\n\tfilledTrackDragging: {\n\t\tposition: 'absolute',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\theight: '8px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '4px',\n\t\ttransition: 'none',\n\t},\n\tthumb: {\n\t\tposition: 'absolute',\n\t\ttop: '50%',\n\t\twidth: '24px',\n\t\theight: '24px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborder: `2px solid ${COLORS.background.brand}`,\n\t\tborderRadius: '50%',\n\t\ttransform: 'translate(-50%, -50%)',\n\t\tcursor: disabled ? 'not-allowed' : 'grab',\n\t\ttransition: 'box-shadow 0.2s ease',\n\t\toutline: 'none',\n\t\tzIndex: 1,\n\t},\n\tthumbDisabled: {\n\t\tcursor: 'not-allowed',\n\t},\n\tvalueLabel: {\n\t\tposition: 'absolute',\n\t\tbottom: '100%',\n\t\tleft: '50%',\n\t\tmarginBottom: '16px',\n\t\twidth: '32px',\n\t\theight: '32px',\n\t\tbackgroundColor: COLORS.background.brand,\n\t\tborderRadius: '50% 50% 50% 0',\n\t\ttransform: 'translate(0, 0) rotate(-45deg) scale(0)',\n\t\ttransformOrigin: 'bottom left',\n\t\ttransition: 'transform 0.2s ease',\n\t\tpointerEvents: 'none',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t},\n\tvalueLabelVisible: {\n\t\ttransform: 'translate(0, 0) rotate(-45deg) scale(1)',\n\t},\n\tvalueLabelText: {\n\t\ttransform: 'rotate(45deg)',\n\t\tcolor: 'white',\n\t\tfontSize: '12px',\n\t\tlineHeight: 1.2,\n\t\tfontWeight: 500,\n\t},\n});\n\nexport const BikSlider: React.FC<SliderBikProps> = ({\n\tmin = 0,\n\tmax = 100,\n\tdefaultValue,\n\tonChange,\n\tstep = 1,\n\tdisabled = false,\n}: SliderBikProps) => {\n\t// Ensure we always have a valid number for the initial value\n\tconst initialValue = defaultValue !== undefined ? defaultValue : min;\n\tconst [value, setValue] = useState(initialValue);\n\tconst [isDragging, setIsDragging] = useState(false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [showValueLabel, setShowValueLabel] = useState(false);\n\tconst sliderRef = useRef<HTMLDivElement>(null);\n\tconst thumbRef = useRef<HTMLDivElement>(null);\n\n\tconst styles = useMemo(() => getSliderStyles(disabled), [disabled]);\n\n\t// Update value when defaultValue changes\n\tuseEffect(() => {\n\t\tconst newValue = defaultValue !== undefined ? defaultValue : min;\n\t\tsetValue(newValue);\n\t}, [defaultValue, min]);\n\n\tconst calculateValueFromPosition = useCallback(\n\t\t(clientX: number) => {\n\t\t\tif (!sliderRef.current) return min;\n\n\t\t\tconst rect = sliderRef.current.getBoundingClientRect();\n\t\t\tconst percentage = Math.max(\n\t\t\t\t0,\n\t\t\t\tMath.min(1, (clientX - rect.left) / rect.width),\n\t\t\t);\n\t\t\tconst rawValue = min + percentage * (max - min);\n\t\t\tconst steppedValue = Math.round(rawValue / step) * step;\n\t\t\treturn Math.max(min, Math.min(max, steppedValue));\n\t\t},\n\t\t[min, max, step],\n\t);\n\n\tconst handleMouseDown = useCallback(\n\t\t(event: React.MouseEvent) => {\n\t\t\tif (disabled) return;\n\n\t\t\tevent.preventDefault();\n\t\t\tsetIsDragging(true);\n\t\t\tsetShowValueLabel(true);\n\n\t\t\tconst newValue = calculateValueFromPosition(event.clientX);\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[disabled, calculateValueFromPosition, onChange],\n\t);\n\n\tconst handleMouseMove = useCallback(\n\t\t(event: MouseEvent) => {\n\t\t\tif (!isDragging \|\| disabled) return;\n\n\t\t\tconst newValue = calculateValueFromPosition(event.clientX);\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[isDragging, disabled, calculateValueFromPosition, onChange],\n\t);\n\n\tconst handleMouseUp = useCallback(() => {\n\t\tsetIsDragging(false);\n\t\tsetShowValueLabel(false);\n\t}, []);\n\n\tconst handleKeyDown = useCallback(\n\t\t(event: React.KeyboardEvent) => {\n\t\t\tif (disabled) return;\n\n\t\t\tlet newValue = value;\n\n\t\t\tswitch (event.key) {\n\t\t\t\tcase 'ArrowLeft':\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\tnewValue = Math.max(min, value - step);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowRight':\n\t\t\t\tcase 'ArrowUp':\n\t\t\t\t\tnewValue = Math.min(max, value + step);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Home':\n\t\t\t\t\tnewValue = min;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'End':\n\t\t\t\t\tnewValue = max;\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tsetValue(newValue);\n\n\t\t\tconst syntheticEvent = new Event('change', { bubbles: true });\n\t\t\tonChange(syntheticEvent, newValue);\n\t\t},\n\t\t[disabled, value, min, max, step, onChange],\n\t);\n\n\t// Add global mouse event listeners\n\tuseEffect(() => {\n\t\tif (isDragging) {\n\t\t\tdocument.addEventListener('mousemove', handleMouseMove);\n\t\t\tdocument.addEventListener('mouseup', handleMouseUp);\n\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener('mousemove', handleMouseMove);\n\t\t\t\tdocument.removeEventListener('mouseup', handleMouseUp);\n\t\t\t};\n\t\t}\n\t}, [isDragging, handleMouseMove, handleMouseUp]);\n\n\tconst percentage = ((value - min) / (max - min)) * 100;\n\n\t// Safety check to prevent NaN\n\tconst safePercentage = isNaN(percentage)\n\t\t? 0\n\t\t: Math.max(0, Math.min(100, percentage));\n\n\tconst thumbStyle = useMemo((): React.CSSProperties => {\n\t\tconst baseStyle = { ...styles.thumb };\n\n\t\tif (disabled) {\n\t\t\treturn { ...baseStyle, ...styles.thumbDisabled };\n\t\t}\n\n\t\tif (isDragging) {\n\t\t\tbaseStyle.boxShadow = '0px 0px 0px 8px rgba(115, 29, 207, 0.5)';\n\t\t\tbaseStyle.cursor = 'grabbing';\n\t\t} else if (isHovered) {\n\t\t\tbaseStyle.boxShadow = '0px 0px 0px 8px rgba(115, 29, 207, 0.08)';\n\t\t}\n\n\t\tbaseStyle.left = `${safePercentage}%`;\n\n\t\treturn baseStyle;\n\t}, [\n\t\tstyles.thumb,\n\t\tstyles.thumbDisabled,\n\t\tdisabled,\n\t\tisDragging,\n\t\tisHovered,\n\t\tsafePercentage,\n\t]);\n\n\tconst valueLabelStyle = useMemo((): React.CSSProperties => {\n\t\tconst baseStyle = { ...styles.valueLabel };\n\n\t\tif (showValueLabel \|\| isHovered) {\n\t\t\treturn { ...baseStyle, ...styles.valueLabelVisible };\n\t\t}\n\n\t\treturn baseStyle;\n\t}, [styles.valueLabel, styles.valueLabelVisible, showValueLabel, isHovered]);\n\n\treturn (\n\t\t<div\n\t\t\tref={sliderRef}\n\t\t\tstyle={styles.container}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\trole=\"slider\"\n\t\t\taria-label=\"bik slider\"\n\t\t\taria-valuemin={min}\n\t\t\taria-valuemax={max}\n\t\t\taria-valuenow={value}\n\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t<div style={styles.track} />\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...(isDragging ? styles.filledTrackDragging : styles.filledTrack),\n\t\t\t\t\twidth: `${safePercentage}%`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tref={thumbRef}\n\t\t\t\tstyle={thumbStyle}\n\t\t\t\tonMouseEnter={() => !disabled && setIsHovered(true)}\n\t\t\t\tonMouseLeave={() => !disabled && setIsHovered(false)}\n\t\t\t\tonFocus={() => !disabled && setShowValueLabel(true)}\n\t\t\t\tonBlur={() => !disabled && setShowValueLabel(false)}\n\t\t\t>\n\t\t\t\t<div style={valueLabelStyle}>\n\t\t\t\t\t<span style={styles.valueLabelText}>{value}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["BikSlider","min","max","defaultValue","onChange","step","disabled","initialValue","undefined","value","setValue","useState","isDragging","setIsDragging","isHovered","setIsHovered","showValueLabel","setShowValueLabel","sliderRef","useRef","thumbRef","styles","useMemo","container","position","marginTop","height","width","cursor","opacity","track","top","left","right","backgroundColor","borderRadius","filledTrack","COLORS","background","brand","transition","filledTrackDragging","thumb","border","transform","outline","zIndex","thumbDisabled","valueLabel","bottom","marginBottom","transformOrigin","pointerEvents","display","alignItems","justifyContent","valueLabelVisible","valueLabelText","color","fontSize","lineHeight","fontWeight","getSliderStyles","useEffect","calculateValueFromPosition","useCallback","clientX","current","rect","getBoundingClientRect","percentage","Math","rawValue","steppedValue","round","handleMouseDown","event","preventDefault","newValue","syntheticEvent","Event","bubbles","handleMouseMove","handleMouseUp","handleKeyDown","key","document","addEventListener","removeEventListener","safePercentage","isNaN","thumbStyle","baseStyle","Object","assign","boxShadow","valueLabelStyle","_jsxs","ref","style","onMouseDown","role","tabIndex","onKeyDown","children","_jsx","jsx","onMouseEnter","onMouseLeave","onFocus","onBlur"],"mappings":"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"}

package/dist/cjs/components/spinner/Spinner.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("./themes.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);const s=r=>{let{size:n,color:o,className:s}=r;return e.jsx("div",Object.assign({className:`spinner-container ${s}`},{children:e.jsx(a,{width:`${i.SizeMap[n]}px`,height:`${i.SizeMap[n]}px`,size:n,color:null!=o?o:t.COLORS.stroke.brand})}))};s.displayName="Spinner";const a=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("./themes.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r);const s=({size:r,color:o,className:n})=>e.jsx("div",Object.assign({className:`spinner-container ${n}`},{children:e.jsx(a,{width:`${i.SizeMap[r]}px`,height:`${i.SizeMap[r]}px`,size:r,color:null!=o?o:t.COLORS.stroke.brand})}));s.displayName="Spinner";const a=n.default.div`
 	width: ${e=>e.width};
 	height: ${e=>e.height};
 	border: ${e=>e.size?i.BorderMap[e.size]:5}px solid

package/dist/cjs/components/spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.js","sources":["../../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-var-requires */\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { SpinnerProps } from './model';\nimport { BorderMap, SizeMap } from './themes';\n\nexport const Spinner = ({ size, color, className }: SpinnerProps) => {\n\treturn (\n\t\t<div className={`spinner-container ${className}`}>\n\t\t\t<PureSpinner\n\t\t\t\twidth={`${SizeMap[size]}px`}\n\t\t\t\theight={`${SizeMap[size]}px`}\n\t\t\t\tsize={size}\n\t\t\t\tcolor={color ?? COLORS.stroke.brand}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nSpinner.displayName = 'Spinner';\n\nexport const PureSpinner = styled.div<{\n\twidth: string;\n\theight: string;\n\tsize?: 'small' \| 'large';\n\tcolor?: string;\n\tbackgroundColor?: string;\n}>`\n\twidth: ${(props) => props.width};\n\theight: ${(props) => props.height};\n\tborder: ${(props) => (props.size ? BorderMap[props.size] : 5)}px solid\n\t\t${(props) => props.backgroundColor ?? 'transparent'};\n\tborder-bottom-color: ${(props) => props.color ?? COLORS.stroke.brand};\n\tborder-radius: 50%;\n\tdisplay: inline-block;\n\tanimation: rotation 1s linear infinite;\n\n\t@keyframes rotation {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Spinner","~~_ref","~~size","color","className","_jsx","children","jsx","PureSpinner","width","SizeMap","height","COLORS","stroke","brand","displayName","styled","div","props","BorderMap","_a","backgroundColor"],"mappings":"~~wRAMaA~~,~~MAAAA~~,~~EAAUC~~,~~IAA6C~~,~~IAA5CC~~,~~KAAEA~~,~~EAAIC~~,~~MAAEA~~,~~EAAKC~~,~~UAAEA~~,~~GAAyBH,EAC/D,OACCI,2BAAKD,+BAAgCA,~~KACpC,CAAAE,SAAAD,EAAAE,IAACC,EAAW,CACXC,MAAO,GAAGC,EAAAA,QAAQR,OAClBS,~~OAAW~~,~~GAAAD~~,EAAAA,QAAQR,OACnBA,KAAMA,EACNC,MAAOA,QAAAA,EAASS,SAAOC,OAAOC,~~UAE1B~~,~~EAIRd~~,~~EAAQe,~~YAAc,UAETP,MAAAA,EAAcQ,EAAM,QAACC,GAMhC;UACSC,GAAUA,EAAMT;WACfS,GAAUA,EAAMP;WAChBO,GAAWA,EAAMhB,KAAOiB,EAASA,UAACD,EAAMhB,MAAQ;IACvDgB,IAAS,IAAAE,EAAC,OAAqB,QAArBA,EAAAF,EAAMG,uBAAe,IAAAD,EAAAA,EAAI,aAAa;wBAC5BF,IAAU,IAAAE,EAAA,OAAW,UAAXF,EAAMf,aAAK,IAAAiB,EAAAA,EAAIR,SAAOC,OAAOC,KAAK;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Spinner.js","sources":["../../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-var-requires */\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { SpinnerProps } from './model';\nimport { BorderMap, SizeMap } from './themes';\n\nexport const Spinner = ({ size, color, className }: SpinnerProps) => {\n\treturn (\n\t\t<div className={`spinner-container ${className}`}>\n\t\t\t<PureSpinner\n\t\t\t\twidth={`${SizeMap[size]}px`}\n\t\t\t\theight={`${SizeMap[size]}px`}\n\t\t\t\tsize={size}\n\t\t\t\tcolor={color ?? COLORS.stroke.brand}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nSpinner.displayName = 'Spinner';\n\nexport const PureSpinner = styled.div<{\n\twidth: string;\n\theight: string;\n\tsize?: 'small' \| 'large';\n\tcolor?: string;\n\tbackgroundColor?: string;\n}>`\n\twidth: ${(props) => props.width};\n\theight: ${(props) => props.height};\n\tborder: ${(props) => (props.size ? BorderMap[props.size] : 5)}px solid\n\t\t${(props) => props.backgroundColor ?? 'transparent'};\n\tborder-bottom-color: ${(props) => props.color ?? COLORS.stroke.brand};\n\tborder-radius: 50%;\n\tdisplay: inline-block;\n\tanimation: rotation 1s linear infinite;\n\n\t@keyframes rotation {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Spinner","size","color","className","_jsx","children","jsx","PureSpinner","width","SizeMap","height","COLORS","stroke","brand","displayName","styled","div","props","BorderMap","_a","backgroundColor"],"mappings":"wRAMO,MAAMA,EAAUA,EAAGC,OAAMC,QAAOC,eAErCC,2BAAKD,UAAW,qBAAqBA,KACpC,CAAAE,SAAAD,EAAAE,IAACC,EAAW,CACXC,MAAO,GAAGC,EAAAA,QAAQR,OAClBS,OAAQ,GAAGD,EAAAA,QAAQR,OACnBA,KAAMA,EACNC,MAAOA,QAAAA,EAASS,SAAOC,OAAOC,WAMlCb,EAAQc,YAAc,UAETP,MAAAA,EAAcQ,EAAM,QAACC,GAMhC;UACSC,GAAUA,EAAMT;WACfS,GAAUA,EAAMP;WAChBO,GAAWA,EAAMhB,KAAOiB,EAASA,UAACD,EAAMhB,MAAQ;IACvDgB,IAAS,IAAAE,EAAC,OAAqB,QAArBA,EAAAF,EAAMG,uBAAe,IAAAD,EAAAA,EAAI,aAAa;wBAC5BF,IAAU,IAAAE,EAAA,OAAW,UAAXF,EAAMf,aAAK,IAAAiB,EAAAA,EAAIR,SAAOC,OAAOC,KAAK;;;;;;;;;;;;;"}

package/dist/cjs/components/star-rating/Star.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/starEmpty.svg.js"),o=require("../../assets/icons/starFilled.svg.js"),n=require("../../assets/icons/starFilledV2.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);exports.Star=l=>{let{size:i,filled:a,emptyColor:c,filledColor:d,onClick:f,asHovered:v,onHover:E,mode:g,version:h="v1"}=l;const[j,C]=t.useState(!1);t.useEffect((()=>{null==E||E(j)}),[j]),t.useEffect((()=>{v||C(!1)}),[v]);const p=u.default.useMemo((()=>(e=>"v1"===e?o.default:n.default)(h)),[h]);return v?e.jsx(p,{onClick:()=>{null==f||f("select")},onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{cursor:"pointer"},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):j?e.jsx(p,{onMouseLeave:()=>C(!1),onMouseEnter:()=>C(!0),style:{cursor:"pointer"},onClick:()=>{null==f||f("select")},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):a?e.jsx(p,{onMouseEnter:()=>"VIEW"!==g&&C(!0),onMouseLeave:()=>"VIEW"!==g&&C(!1),style:{cursor:"VIEW"!==g?"pointer":"default"},onClick:()=>{"VIEW"!==g&&(null==f||f("de-select"))},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):e.jsx(s.default,{onMouseEnter:()=>"VIEW"!==g&&C(!0),onMouseLeave:()=>"VIEW"!==g&&C(!1),style:{cursor:"VIEW"!==g?"pointer":"default"},onClick:()=>{"VIEW"!==g&&(null==f||f("select"))},width:i,height:i,color:null!=c?c:r.COLORS.surface.standard})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/starEmpty.svg.js"),o=require("../../assets/icons/starFilled.svg.js"),n=require("../../assets/icons/starFilledV2.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);exports.Star=({size:l,filled:i,emptyColor:a,filledColor:c,onClick:d,asHovered:f,onHover:v,mode:E,version:g="v1"})=>{const[h,j]=t.useState(!1);t.useEffect((()=>{null==v||v(h)}),[h]),t.useEffect((()=>{f||j(!1)}),[f]);const C=u.default.useMemo((()=>(e=>"v1"===e?o.default:n.default)(g)),[g]);return f?e.jsx(C,{onClick:()=>{null==d||d("select")},onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),style:{cursor:"pointer"},width:l,height:l,color:null!=c?c:r.COLORS.background.warning.vibrant}):h?e.jsx(C,{onMouseLeave:()=>j(!1),onMouseEnter:()=>j(!0),style:{cursor:"pointer"},onClick:()=>{null==d||d("select")},width:l,height:l,color:null!=c?c:r.COLORS.background.warning.vibrant}):i?e.jsx(C,{onMouseEnter:()=>"VIEW"!==E&&j(!0),onMouseLeave:()=>"VIEW"!==E&&j(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&(null==d||d("de-select"))},width:l,height:l,color:null!=c?c:r.COLORS.background.warning.vibrant}):e.jsx(s.default,{onMouseEnter:()=>"VIEW"!==E&&j(!0),onMouseLeave:()=>"VIEW"!==E&&j(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&(null==d||d("select"))},width:l,height:l,color:null!=a?a:r.COLORS.surface.standard})};
 //# sourceMappingURL=Star.js.map

package/dist/cjs/components/star-rating/Star.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Star.js","sources":["../../../../src/components/star-rating/Star.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport StarEmpty from '../../assets/icons/starEmpty.svg';\nimport StarFilledV1 from '../../assets/icons/starFilled.svg';\nimport StarFilledV2 from '../../assets/icons/starFilledV2.svg';\n\nconst GetStar = (version: 'v1' \| 'v2') => {\n\tif (version === 'v1') {\n\t\treturn StarFilledV1;\n\t}\n\treturn StarFilledV2;\n};\n\nexport const Star: React.FC<{\n\tfilled?: boolean;\n\tsize?: number;\n\temptyColor?: string;\n\tfilledColor?: string;\n\tonClick?: (action: 'de-select' \| 'select') => void;\n\tonHover?: (hovered: boolean) => void;\n\t/** this means this star is hovered-active cause there is a star hovered after this */\n\tasHovered?: boolean;\n\tmode?: 'VIEW' \| 'EDIT';\n\tversion?: 'v1' \| 'v2';\n}> = ({\n\tsize,\n\tfilled,\n\temptyColor,\n\tfilledColor,\n\tonClick,\n\tasHovered,\n\tonHover,\n\tmode,\n\tversion = 'v1',\n}) => {\n\tconst [hovered, setHovered] = useState(false);\n\n\tuseEffect(() => {\n\t\tonHover?.(hovered);\n\t}, [hovered]);\n\n\tuseEffect(() => {\n\t\tif (!asHovered) {\n\t\t\tsetHovered(false);\n\t\t}\n\t}, [asHovered]);\n\n\tconst StarFilled = React.useMemo(() => GetStar(version), [version]);\n\n\tif (asHovered) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.('select');\n\t\t\t\t}}\n\t\t\t\tonMouseEnter={() => setHovered(true)}\n\t\t\t\tonMouseLeave={() => setHovered(false)}\n\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (hovered) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonMouseLeave={() => setHovered(false)}\n\t\t\t\tonMouseEnter={() => setHovered(true)}\n\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.('select');\n\t\t\t\t}}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (filled) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonMouseEnter={() => mode !== 'VIEW' && setHovered(true)}\n\t\t\t\tonMouseLeave={() => mode !== 'VIEW' && setHovered(false)}\n\t\t\t\tstyle={{ cursor: mode !== 'VIEW' ? 'pointer' : 'default' }}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tmode !== 'VIEW' && onClick?.('de-select');\n\t\t\t\t}}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<StarEmpty\n\t\t\tonMouseEnter={() => mode !== 'VIEW' && setHovered(true)}\n\t\t\tonMouseLeave={() => mode !== 'VIEW' && setHovered(false)}\n\t\t\tstyle={{ cursor: mode !== 'VIEW' ? 'pointer' : 'default' }}\n\t\t\tonClick={() => {\n\t\t\t\tmode !== 'VIEW' && onClick?.('select');\n\t\t\t}}\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tcolor={emptyColor ?? COLORS.surface.standard}\n\t\t/>\n\t);\n};\n"],"names":["~~_ref~~","size","filled","emptyColor","filledColor","onClick","asHovered","onHover","mode","version","hovered","setHovered","useState","useEffect","StarFilled","React","useMemo","StarFilledV1","StarFilledV2","GetStar","_jsx","onMouseEnter","onMouseLeave","style","cursor","width","height","color","COLORS","background","warning","vibrant","StarEmpty","surface","standard"],"mappings":"uZAwBKA,~~IAUA~~,~~IAVCC~~,~~KACLA~~,~~EAAIC~~,~~OACJA~~,~~EAAMC~~,~~WACNA~~,~~EAAUC~~,~~YACVA~~,~~EAAWC~~,~~QACXA~~,~~EAAOC~~,~~UACPA,~~EAASC,~~QACTA,EAAOC,KACPA,EAAIC,QACJA,EAAU,MACVT,EACA,MAAOU,EAASC,~~GAAcC,EAAQA,UAAC,GAEvCC,EAAAA,WAAU,KACTN,SAAAA,EAAUG,EAAQ,GAChB,CAACA,IAEJG,EAAAA,WAAU,KACJP,GACJK,GAAW,EACX,GACC,CAACL,IAEJ,MAAMQ,EAAaC,EAAK,QAACC,SAAQ,IAzCjBP,IACA,OAAZA,EACIQ,UAEDC,UAqCgCC,CAAQV,IAAU,CAACA,IAE1D,OAAIH,EAEFc,EAAAA,IAACN,GACAT,QAASA,KACRA,SAAAA,EAAU,SAAS,EAEpBgB,aAAcA,IAAMV,GAAW,GAC/BW,aAAcA,IAAMX,GAAW,GAC/BY,MAAO,CAAEC,OAAQ,WACjBC,MAAOxB,EACPyB,OAAQzB,EACR0B,MAAOvB,QAAAA,EAAewB,EAAMA,OAACC,WAAWC,QAAQC,UAK/CrB,EAEFU,EAAAA,IAACN,EAAU,CACVQ,aAAcA,IAAMX,GAAW,GAC/BU,aAAcA,IAAMV,GAAW,GAC/BY,MAAO,CAAEC,OAAQ,WACjBnB,QAASA,KACRA,SAAAA,EAAU,SAAS,EAEpBoB,MAAOxB,EACPyB,OAAQzB,EACR0B,MAAOvB,QAAAA,EAAewB,EAAMA,OAACC,WAAWC,QAAQC,UAK/C7B,EAEFkB,EAAAA,IAACN,EACA,CAAAO,aAAcA,IAAe,SAATb,GAAmBG,GAAW,GAClDW,aAAcA,IAAe,SAATd,GAAmBG,GAAW,GAClDY,MAAO,CAAEC,OAAiB,SAAThB,EAAkB,UAAY,WAC/CH,QAASA,KACC,SAATG,IAAmBH,SAAAA,EAAU,aAAY,EAE1CoB,MAAOxB,EACPyB,OAAQzB,EACR0B,MAAOvB,QAAAA,EAAewB,EAAMA,OAACC,WAAWC,QAAQC,UAMlDX,EAAAA,IAACY,EAAAA,QACA,CAAAX,aAAcA,IAAe,SAATb,GAAmBG,GAAW,GAClDW,aAAcA,IAAe,SAATd,GAAmBG,GAAW,GAClDY,MAAO,CAAEC,OAAiB,SAAThB,EAAkB,UAAY,WAC/CH,QAASA,KACC,SAATG,IAAmBH,SAAAA,EAAU,UAAS,EAEvCoB,MAAOxB,EACPyB,OAAQzB,EACR0B,MAAOxB,QAAAA,EAAcyB,SAAOK,QAAQC,UACnC"}
1	+ {"version":3,"file":"Star.js","sources":["../../../../src/components/star-rating/Star.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport StarEmpty from '../../assets/icons/starEmpty.svg';\nimport StarFilledV1 from '../../assets/icons/starFilled.svg';\nimport StarFilledV2 from '../../assets/icons/starFilledV2.svg';\n\nconst GetStar = (version: 'v1' \| 'v2') => {\n\tif (version === 'v1') {\n\t\treturn StarFilledV1;\n\t}\n\treturn StarFilledV2;\n};\n\nexport const Star: React.FC<{\n\tfilled?: boolean;\n\tsize?: number;\n\temptyColor?: string;\n\tfilledColor?: string;\n\tonClick?: (action: 'de-select' \| 'select') => void;\n\tonHover?: (hovered: boolean) => void;\n\t/** this means this star is hovered-active cause there is a star hovered after this */\n\tasHovered?: boolean;\n\tmode?: 'VIEW' \| 'EDIT';\n\tversion?: 'v1' \| 'v2';\n}> = ({\n\tsize,\n\tfilled,\n\temptyColor,\n\tfilledColor,\n\tonClick,\n\tasHovered,\n\tonHover,\n\tmode,\n\tversion = 'v1',\n}) => {\n\tconst [hovered, setHovered] = useState(false);\n\n\tuseEffect(() => {\n\t\tonHover?.(hovered);\n\t}, [hovered]);\n\n\tuseEffect(() => {\n\t\tif (!asHovered) {\n\t\t\tsetHovered(false);\n\t\t}\n\t}, [asHovered]);\n\n\tconst StarFilled = React.useMemo(() => GetStar(version), [version]);\n\n\tif (asHovered) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.('select');\n\t\t\t\t}}\n\t\t\t\tonMouseEnter={() => setHovered(true)}\n\t\t\t\tonMouseLeave={() => setHovered(false)}\n\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (hovered) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonMouseLeave={() => setHovered(false)}\n\t\t\t\tonMouseEnter={() => setHovered(true)}\n\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.('select');\n\t\t\t\t}}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (filled) {\n\t\treturn (\n\t\t\t<StarFilled\n\t\t\t\tonMouseEnter={() => mode !== 'VIEW' && setHovered(true)}\n\t\t\t\tonMouseLeave={() => mode !== 'VIEW' && setHovered(false)}\n\t\t\t\tstyle={{ cursor: mode !== 'VIEW' ? 'pointer' : 'default' }}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tmode !== 'VIEW' && onClick?.('de-select');\n\t\t\t\t}}\n\t\t\t\twidth={size}\n\t\t\t\theight={size}\n\t\t\t\tcolor={filledColor ?? COLORS.background.warning.vibrant}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<StarEmpty\n\t\t\tonMouseEnter={() => mode !== 'VIEW' && setHovered(true)}\n\t\t\tonMouseLeave={() => mode !== 'VIEW' && setHovered(false)}\n\t\t\tstyle={{ cursor: mode !== 'VIEW' ? 'pointer' : 'default' }}\n\t\t\tonClick={() => {\n\t\t\t\tmode !== 'VIEW' && onClick?.('select');\n\t\t\t}}\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tcolor={emptyColor ?? COLORS.surface.standard}\n\t\t/>\n\t);\n};\n"],"names":["Star","size","filled","emptyColor","filledColor","onClick","asHovered","onHover","mode","version","hovered","setHovered","useState","useEffect","StarFilled","React","useMemo","StarFilledV1","StarFilledV2","GetStar","_jsx","onMouseEnter","onMouseLeave","style","cursor","width","height","color","COLORS","background","warning","vibrant","StarEmpty","surface","standard"],"mappings":"uZAwBKA,EACJC,OACAC,SACAC,aACAC,cACAC,UACAC,YACAC,UACAC,OACAC,UAAU,SAEV,MAAOC,EAASC,GAAcC,EAAQA,UAAC,GAEvCC,EAAAA,WAAU,KACTN,SAAAA,EAAUG,EAAQ,GAChB,CAACA,IAEJG,EAAAA,WAAU,KACJP,GACJK,GAAW,EACX,GACC,CAACL,IAEJ,MAAMQ,EAAaC,EAAK,QAACC,SAAQ,IAzCjBP,IACA,OAAZA,EACIQ,UAEDC,UAqCgCC,CAAQV,IAAU,CAACA,IAE1D,OAAIH,EAEFc,EAAAA,IAACN,GACAT,QAASA,KACRA,SAAAA,EAAU,SAAS,EAEpBgB,aAAcA,IAAMV,GAAW,GAC/BW,aAAcA,IAAMX,GAAW,GAC/BY,MAAO,CAAEC,OAAQ,WACjBC,MAAOxB,EACPyB,OAAQzB,EACR0B,MAAOvB,QAAAA,EAAewB,EAAMA,OAACC,WAAWC,QAAQC,UAK/CrB,EAEFU,EAAAA,IAACN,EAAU,CACVQ,aAAcA,IAAMX,GAAW,GAC/BU,aAAcA,IAAMV,GAAW,GAC/BY,MAAO,CAAEC,OAAQ,WACjBnB,QAASA,KACRA,SAAAA,EAAU,SAAS,EAEpBoB,MAAOxB,EACPyB,OAAQzB,EACR0B,MAAOvB,QAAAA,EAAewB,EAAMA,OAACC,WAAWC,QAAQC,UAK/C7B,EAEFkB,EAAAA,IAACN,EACA,CAAAO,aAAcA,IAAe,SAATb,GAAmBG,GAAW,GAClDW,aAAcA,IAAe,SAATd,GAAmBG,GAAW,GAClDY,MAAO,CAAEC,OAAiB,SAAThB,EAAkB,UAAY,WAC/CH,QAASA,KACC,SAATG,IAAmBH,SAAAA,EAAU,aAAY,EAE1CoB,MAAOxB,EACPyB,OAAQzB,EACR0B,MAAOvB,QAAAA,EAAewB,EAAMA,OAACC,WAAWC,QAAQC,UAMlDX,EAAAA,IAACY,EAAAA,QACA,CAAAX,aAAcA,IAAe,SAATb,GAAmBG,GAAW,GAClDW,aAAcA,IAAe,SAATd,GAAmBG,GAAW,GAClDY,MAAO,CAAEC,OAAiB,SAAThB,EAAkB,UAAY,WAC/CH,QAASA,KACC,SAATG,IAAmBH,SAAAA,EAAU,UAAS,EAEvCoB,MAAOxB,EACPyB,OAAQzB,EACR0B,MAAOxB,QAAAA,EAAcyB,SAAOK,QAAQC,UACnC"}

package/dist/cjs/components/star-rating/StarRating.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),C=require("react"),A=require("./Star.js");function e(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}const c=e(I).default("div","production"===process.env.NODE_ENV?{target:"e1yh3w250"}:{target:"e1yh3w250",label:"Container"})("production"===process.env.NODE_ENV?{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center"}:{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhclJhdGluZyA9ICh7IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yLCBvbkNoYW5nZSwgdmFsdWUsIG1heFZhbHVlLCBzdGFyU2l6ZSwgbW9kZSwgdmVyc2lvbiA9ICd2MScsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzdGFycywgc2V0U3RhcnNdID0gdXNlU3RhdGUodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHZvaWQgMCA/IHZhbHVlIDogMCk7XHJcbiAgICBjb25zdCBbbW91bnRlZCwgc2V0TW91bnRlZEZsYWddID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW2hvdmVyZWRTdGFyLCBzZXRIb3ZlcmVkU3Rhcl0gPSB1c2VTdGF0ZSgwKTtcclxuICAgIGNvbnN0IGFyciA9IHVzZU1lbW8oKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGxpbWl0ID0gbWF4VmFsdWUgIT09IG51bGwgJiYgbWF4VmFsdWUgIT09IHZvaWQgMCA/IG1heFZhbHVlIDogNTtcclxuICAgICAgICByZXR1cm4gQXJyYXkobGltaXQpXHJcbiAgICAgICAgICAgIC5maWxsKG51bGwpXHJcbiAgICAgICAgICAgIC5tYXAoKF8sIGlkeCkgPT4gaWR4ICsgMSk7XHJcbiAgICB9LCBbbWF4VmFsdWVdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKG1vdW50ZWQpIHtcclxuICAgICAgICAgICAgb25DaGFuZ2Uoc3RhcnMpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtzdGFyc10pO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRNb3VudGVkRmxhZyh0cnVlKTtcclxuICAgIH0sIFtdKTtcclxuICAgIHJldHVybiAoX2pzeChDb250YWluZXIsIHsgY2hpbGRyZW46IGFyci5tYXAoKGlkeCkgPT4gKF9qc3goU3RhciwgeyBhc0hvdmVyZWQ6IGhvdmVyZWRTdGFyID8gaWR4IDw9IGhvdmVyZWRTdGFyIDogZmFsc2UsIHNpemU6IHN0YXJTaXplICE9PSBudWxsICYmIHN0YXJTaXplICE9PSB2b2lkIDAgPyBzdGFyU2l6ZSA6IDI0LCBmaWxsZWQ6IGhvdmVyZWRTdGFyID8gdW5kZWZpbmVkIDogaWR4IDw9IHN0YXJzLCBlbXB0eUNvbG9yOiBlbXB0eUNvbG9yLCBmaWxsZWRDb2xvcjogZmlsbGVkQ29sb3IsIG9uQ2xpY2s6IChhY3Rpb24pID0+IHtcclxuICAgICAgICAgICAgICAgIGlmIChhY3Rpb24gPT09ICdkZS1zZWxlY3QnKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlkeCA8IHN0YXJzKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHggLSAxKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHgpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBvbkhvdmVyOiAoaG92ZXJlZCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgaWYgKGhvdmVyZWQpXHJcbiAgICAgICAgICAgICAgICAgICAgc2V0SG92ZXJlZFN0YXIoaWR4KTtcclxuICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIHNldEhvdmVyZWRTdGFyKDApO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBtb2RlOiBtb2RlLCB2ZXJzaW9uOiB2ZXJzaW9uIH0sIGlkeCkpKSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN0YXJSYXRpbmcuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.StarRating=I=>{let{emptyColor:e,filledColor:l,onChange:t,value:b,maxValue:d,starSize:s,mode:G,version:a="v1"}=I;const[i,o]=C.useState(null!=b?b:0),[n,u]=C.useState(!1),[y,X]=C.useState(0),Z=C.useMemo((()=>Array(null!=d?d:5).fill(null).map(((I,g)=>g+1))),[d]);return C.useEffect((()=>{n&&t(i)}),[i]),C.useEffect((()=>{u(!0)}),[]),g.jsx(c,{children:Z.map((I=>g.jsx(A.Star,{asHovered:!!y&&I<=y,size:null!=s?s:24,filled:y?void 0:I<=i,emptyColor:e,filledColor:l,onClick:g=>{o("de-select"===g?I<i?I:I-1:I)},onHover:g=>{X(g?I:0)},mode:G,version:a},I)))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),C=require("react"),A=require("./Star.js");function e(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}const c=e(I).default("div","production"===process.env.NODE_ENV?{target:"e1yh3w250"}:{target:"e1yh3w250",label:"Container"})("production"===process.env.NODE_ENV?{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center"}:{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhclJhdGluZyA9ICh7IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yLCBvbkNoYW5nZSwgdmFsdWUsIG1heFZhbHVlLCBzdGFyU2l6ZSwgbW9kZSwgdmVyc2lvbiA9ICd2MScsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzdGFycywgc2V0U3RhcnNdID0gdXNlU3RhdGUodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHZvaWQgMCA/IHZhbHVlIDogMCk7XHJcbiAgICBjb25zdCBbbW91bnRlZCwgc2V0TW91bnRlZEZsYWddID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW2hvdmVyZWRTdGFyLCBzZXRIb3ZlcmVkU3Rhcl0gPSB1c2VTdGF0ZSgwKTtcclxuICAgIGNvbnN0IGFyciA9IHVzZU1lbW8oKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGxpbWl0ID0gbWF4VmFsdWUgIT09IG51bGwgJiYgbWF4VmFsdWUgIT09IHZvaWQgMCA/IG1heFZhbHVlIDogNTtcclxuICAgICAgICByZXR1cm4gQXJyYXkobGltaXQpXHJcbiAgICAgICAgICAgIC5maWxsKG51bGwpXHJcbiAgICAgICAgICAgIC5tYXAoKF8sIGlkeCkgPT4gaWR4ICsgMSk7XHJcbiAgICB9LCBbbWF4VmFsdWVdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKG1vdW50ZWQpIHtcclxuICAgICAgICAgICAgb25DaGFuZ2Uoc3RhcnMpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtzdGFyc10pO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRNb3VudGVkRmxhZyh0cnVlKTtcclxuICAgIH0sIFtdKTtcclxuICAgIHJldHVybiAoX2pzeChDb250YWluZXIsIHsgY2hpbGRyZW46IGFyci5tYXAoKGlkeCkgPT4gKF9qc3goU3RhciwgeyBhc0hvdmVyZWQ6IGhvdmVyZWRTdGFyID8gaWR4IDw9IGhvdmVyZWRTdGFyIDogZmFsc2UsIHNpemU6IHN0YXJTaXplICE9PSBudWxsICYmIHN0YXJTaXplICE9PSB2b2lkIDAgPyBzdGFyU2l6ZSA6IDI0LCBmaWxsZWQ6IGhvdmVyZWRTdGFyID8gdW5kZWZpbmVkIDogaWR4IDw9IHN0YXJzLCBlbXB0eUNvbG9yOiBlbXB0eUNvbG9yLCBmaWxsZWRDb2xvcjogZmlsbGVkQ29sb3IsIG9uQ2xpY2s6IChhY3Rpb24pID0+IHtcclxuICAgICAgICAgICAgICAgIGlmIChhY3Rpb24gPT09ICdkZS1zZWxlY3QnKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlkeCA8IHN0YXJzKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHggLSAxKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHgpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBvbkhvdmVyOiAoaG92ZXJlZCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgaWYgKGhvdmVyZWQpXHJcbiAgICAgICAgICAgICAgICAgICAgc2V0SG92ZXJlZFN0YXIoaWR4KTtcclxuICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIHNldEhvdmVyZWRTdGFyKDApO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBtb2RlOiBtb2RlLCB2ZXJzaW9uOiB2ZXJzaW9uIH0sIGlkeCkpKSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN0YXJSYXRpbmcuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.StarRating=({emptyColor:I,filledColor:e,onChange:l,value:t,maxValue:b,starSize:d,mode:s,version:G="v1"})=>{const[a,i]=C.useState(null!=t?t:0),[o,n]=C.useState(!1),[u,y]=C.useState(0),X=C.useMemo((()=>Array(null!=b?b:5).fill(null).map(((I,g)=>g+1))),[b]);return C.useEffect((()=>{o&&l(a)}),[a]),C.useEffect((()=>{n(!0)}),[]),g.jsx(c,{children:X.map((C=>g.jsx(A.Star,{asHovered:!!u&&C<=u,size:null!=d?d:24,filled:u?void 0:C<=a,emptyColor:I,filledColor:e,onClick:I=>{i("de-select"===I?C<a?C:C-1:C)},onHover:I=>{y(I?C:0)},mode:s,version:G},C)))})};
 //# sourceMappingURL=StarRating.js.map

package/dist/cjs/components/star-rating/StarRating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StarRating.js","sources":["../../../../src/components/star-rating/StarRating.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { Star } from './Star';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\tjustify-content: start;\n\talign-items: center;\n`;\n\nexport const StarRating: React.FC<{\n\temptyColor?: string;\n\tfilledColor?: string;\n\tonChange: (stars: number) => void;\n\tvalue?: number;\n\tmaxValue?: number;\n\tstarSize?: number;\n\tmode?: 'VIEW' \| 'EDIT';\n\tversion?: 'v1' \| 'v2';\n}> = ({\n\temptyColor,\n\tfilledColor,\n\tonChange,\n\tvalue,\n\tmaxValue,\n\tstarSize,\n\tmode,\n\tversion = 'v1',\n}) => {\n\tconst [stars, setStars] = useState(value ?? 0);\n\tconst [mounted, setMountedFlag] = useState(false);\n\tconst [hoveredStar, setHoveredStar] = useState(0);\n\n\tconst arr = useMemo(() => {\n\t\tconst limit = maxValue ?? 5;\n\t\treturn Array(limit)\n\t\t\t.fill(null)\n\t\t\t.map((_, idx) => idx + 1);\n\t}, [maxValue]);\n\n\tuseEffect(() => {\n\t\tif (mounted) {\n\t\t\tonChange(stars);\n\t\t}\n\t}, [stars]);\n\n\tuseEffect(() => {\n\t\tsetMountedFlag(true);\n\t}, []);\n\n\treturn (\n\t\t<Container>\n\t\t\t{arr.map((idx) => (\n\t\t\t\t<Star\n\t\t\t\t\tasHovered={hoveredStar ? idx <= hoveredStar : false}\n\t\t\t\t\tkey={idx}\n\t\t\t\t\tsize={starSize ?? 24}\n\t\t\t\t\tfilled={hoveredStar ? undefined : idx <= stars}\n\t\t\t\t\temptyColor={emptyColor}\n\t\t\t\t\tfilledColor={filledColor}\n\t\t\t\t\tonClick={(action) => {\n\t\t\t\t\t\tif (action === 'de-select') {\n\t\t\t\t\t\t\tif (idx < stars) {\n\t\t\t\t\t\t\t\tsetStars(idx);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetStars(idx - 1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetStars(idx);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonHover={(hovered) => {\n\t\t\t\t\t\tif (hovered) setHoveredStar(idx);\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tsetHoveredStar(0);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tmode={mode}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","process","env","NODE_ENV","target","label","_styled","name","styles","map","toString","~~_ref~~","emptyColor","filledColor","onChange","value","maxValue","starSize","mode","version","stars","setStars","useState","mounted","setMountedFlag","hoveredStar","setHoveredStar","arr","useMemo","Array","fill","_","idx","useEffect","_jsx","children","Star","asHovered","size","filled","undefined","onClick","action","onHover","hovered"],"mappings":"2PAIA,MAAMA,OAAS,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAC,CAAA,eAAAL,QAAAC,IAAAC,SAAA,CAAAI,KAAA,SAAAC,OAAA,qFAAA,CAAAD,KAAA,SAAAC,OAAA,oFAAAC,IAAA,07FAAAC,kRAiBVC,~~IASA~~,~~IATCC~~,~~WACLA~~,~~EAAUC~~,~~YACVA~~,~~EAAWC~~,~~SACXA~~,~~EAAQC~~,~~MACRA~~,~~EAAKC~~,~~SACLA~~,~~EAAQC,SACRA,EAAQC,KACRA,EAAIC,QACJA,EAAU,MACVR,EACA,MAAOS,~~EAAOC,GAAYC,EAAQA,SAACP,QAAAA,EAAS,IACrCQ,EAASC,GAAkBF,EAAQA,UAAC,IACpCG,EAAaC,GAAkBJ,EAAQA,SAAC,GAEzCK,EAAMC,EAAAA,SAAQ,IAEZC,MADOb,QAAAA,EAAY,GAExBc,KAAK,MACLrB,KAAI,CAACsB,EAAGC,IAAQA,EAAM,KACtB,CAAChB,IAYJ,OAVAiB,EAAAA,WAAU,KACLV,GACHT,EAASM,EACT,GACC,CAACA,IAEJa,EAAAA,WAAU,KACTT,GAAe,EAAK,GAClB,IAGFU,EAAAA,IAAClC,EAAS,CAAAmC,SACRR,EAAIlB,KAAKuB,GACTE,EAAAA,IAACE,EAAAA,KACA,CAAAC,YAAWZ,GAAcO,GAAOP,EAEhCa,KAAMrB,QAAAA,EAAY,GAClBsB,OAAQd,OAAce,EAAYR,GAAOZ,EACzCR,WAAYA,EACZC,YAAaA,EACb4B,QAAUC,IAGPrB,EAFa,cAAXqB,EACCV,EAAMZ,EACAY,EAEAA,EAAM,EAGPA,EACT,EAEFW,QAAUC,IACIlB,EAATkB,EAAwBZ,EAEZ,EACf,EAEFd,KAAMA,EACNC,QAASA,GAvBJa,MA0BI"}
1	+ {"version":3,"file":"StarRating.js","sources":["../../../../src/components/star-rating/StarRating.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { Star } from './Star';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\tjustify-content: start;\n\talign-items: center;\n`;\n\nexport const StarRating: React.FC<{\n\temptyColor?: string;\n\tfilledColor?: string;\n\tonChange: (stars: number) => void;\n\tvalue?: number;\n\tmaxValue?: number;\n\tstarSize?: number;\n\tmode?: 'VIEW' \| 'EDIT';\n\tversion?: 'v1' \| 'v2';\n}> = ({\n\temptyColor,\n\tfilledColor,\n\tonChange,\n\tvalue,\n\tmaxValue,\n\tstarSize,\n\tmode,\n\tversion = 'v1',\n}) => {\n\tconst [stars, setStars] = useState(value ?? 0);\n\tconst [mounted, setMountedFlag] = useState(false);\n\tconst [hoveredStar, setHoveredStar] = useState(0);\n\n\tconst arr = useMemo(() => {\n\t\tconst limit = maxValue ?? 5;\n\t\treturn Array(limit)\n\t\t\t.fill(null)\n\t\t\t.map((_, idx) => idx + 1);\n\t}, [maxValue]);\n\n\tuseEffect(() => {\n\t\tif (mounted) {\n\t\t\tonChange(stars);\n\t\t}\n\t}, [stars]);\n\n\tuseEffect(() => {\n\t\tsetMountedFlag(true);\n\t}, []);\n\n\treturn (\n\t\t<Container>\n\t\t\t{arr.map((idx) => (\n\t\t\t\t<Star\n\t\t\t\t\tasHovered={hoveredStar ? idx <= hoveredStar : false}\n\t\t\t\t\tkey={idx}\n\t\t\t\t\tsize={starSize ?? 24}\n\t\t\t\t\tfilled={hoveredStar ? undefined : idx <= stars}\n\t\t\t\t\temptyColor={emptyColor}\n\t\t\t\t\tfilledColor={filledColor}\n\t\t\t\t\tonClick={(action) => {\n\t\t\t\t\t\tif (action === 'de-select') {\n\t\t\t\t\t\t\tif (idx < stars) {\n\t\t\t\t\t\t\t\tsetStars(idx);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetStars(idx - 1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetStars(idx);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonHover={(hovered) => {\n\t\t\t\t\t\tif (hovered) setHoveredStar(idx);\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tsetHoveredStar(0);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tmode={mode}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","process","env","NODE_ENV","target","label","_styled","name","styles","map","toString","StarRating","emptyColor","filledColor","onChange","value","maxValue","starSize","mode","version","stars","setStars","useState","mounted","setMountedFlag","hoveredStar","setHoveredStar","arr","useMemo","Array","fill","_","idx","useEffect","_jsx","children","Star","asHovered","size","filled","undefined","onClick","action","onHover","hovered"],"mappings":"2PAIA,MAAMA,OAAS,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAC,CAAA,eAAAL,QAAAC,IAAAC,SAAA,CAAAI,KAAA,SAAAC,OAAA,qFAAA,CAAAD,KAAA,SAAAC,OAAA,oFAAAC,IAAA,07FAAAC,kRAiBVC,EACJC,aACAC,cACAC,WACAC,QACAC,WACAC,WACAC,OACAC,UAAU,SAEV,MAAOC,EAAOC,GAAYC,EAAQA,SAACP,QAAAA,EAAS,IACrCQ,EAASC,GAAkBF,EAAQA,UAAC,IACpCG,EAAaC,GAAkBJ,EAAQA,SAAC,GAEzCK,EAAMC,EAAAA,SAAQ,IAEZC,MADOb,QAAAA,EAAY,GAExBc,KAAK,MACLrB,KAAI,CAACsB,EAAGC,IAAQA,EAAM,KACtB,CAAChB,IAYJ,OAVAiB,EAAAA,WAAU,KACLV,GACHT,EAASM,EACT,GACC,CAACA,IAEJa,EAAAA,WAAU,KACTT,GAAe,EAAK,GAClB,IAGFU,EAAAA,IAAClC,EAAS,CAAAmC,SACRR,EAAIlB,KAAKuB,GACTE,EAAAA,IAACE,EAAAA,KACA,CAAAC,YAAWZ,GAAcO,GAAOP,EAEhCa,KAAMrB,QAAAA,EAAY,GAClBsB,OAAQd,OAAce,EAAYR,GAAOZ,EACzCR,WAAYA,EACZC,YAAaA,EACb4B,QAAUC,IAGPrB,EAFa,cAAXqB,EACCV,EAAMZ,EACAY,EAEAA,EAAM,EAGPA,EACT,EAEFW,QAAUC,IACIlB,EAATkB,EAAwBZ,EAEZ,EACf,EAEFd,KAAMA,EACNC,QAASA,GAvBJa,MA0BI"}

package/dist/cjs/components/states/StateComponent.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StateComponent.styled.js","sources":["../../../../src/components/states/StateComponent.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StateComponentContainer = styled.div<{ width: number }>`\n\twidth: ${(props) => (props.width ? `${props.width}px` : '400px')};\n\tposition: relative;\n\tborder-radius: 4px;\n\tpadding: 32px 24px 24px 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n`;\n\nexport const StateIcon = styled.div<{\n\ticonWidth?: number;\n\ticonHeight?: number;\n}>`\n\twidth: ${(props) => (props.iconWidth ? props.iconWidth : 64)}px;\n\theight: ${(props) => (props.iconHeight ? props.iconHeight : 64)}px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: end;\n`;\n\nexport const StateHeading = styled.div<{ size?: 'SMALL' \| 'DEFAULT' }>`\n\tmargin-top: ${(props) => (props.size === 'SMALL' ? 8 : 16)}px;\n\ttext-align: center;\n\tmax-width: 100%;\n`;\n\nexport const ButtonContainer = styled.div<{ size?: 'SMALL' \| 'DEFAULT' }>`\n\tdisplay: flex;\n\tmargin-top: ${(props) => (props.size === 'SMALL' ? 8 : 24)}px;\n\tgap: 12px;\n\twidth: 100%;\n`;\n\nexport const StateSubline = styled.div`\n\tmargin-top: 4px;\n\tmax-width: 100%;\n\ttext-align: center;\n\tmax-width: 100%;\n`;\n"],"names":["StateComponentContainer","styled","div","props","width","StateIcon","iconWidth","iconHeight","StateHeading","size","ButtonContainer","StateSubline"],"mappings":"kLAEaA,MAAAA,EAA0BC,EAAM,QAACC,GAAsB;UACzDC,GAAWA,EAAMC,~~MAAW~~,~~GAAAD~~,EAAMC,UAAY;;;;;;;EAS5CC,EAAYJ,EAAM,QAACC,GAG9B;UACSC,GAAWA,EAAMG,UAAYH,EAAMG,UAAY;WAC9CH,GAAWA,EAAMI,WAAaJ,EAAMI,WAAa;;;;EAMhDC,EAAeP,EAAM,QAACC,GAAmC;eACtDC,GAA0B,UAAfA,EAAMM,KAAmB,EAAI;;;EAK3CC,EAAkBT,EAAM,QAACC,GAAmC;;eAEzDC,GAA0B,UAAfA,EAAMM,KAAmB,EAAI;;;EAK3CE,EAAeV,EAAM,QAACC,GAAG;;;;;"}
1	+ {"version":3,"file":"StateComponent.styled.js","sources":["../../../../src/components/states/StateComponent.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StateComponentContainer = styled.div<{ width: number }>`\n\twidth: ${(props) => (props.width ? `${props.width}px` : '400px')};\n\tposition: relative;\n\tborder-radius: 4px;\n\tpadding: 32px 24px 24px 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n`;\n\nexport const StateIcon = styled.div<{\n\ticonWidth?: number;\n\ticonHeight?: number;\n}>`\n\twidth: ${(props) => (props.iconWidth ? props.iconWidth : 64)}px;\n\theight: ${(props) => (props.iconHeight ? props.iconHeight : 64)}px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: end;\n`;\n\nexport const StateHeading = styled.div<{ size?: 'SMALL' \| 'DEFAULT' }>`\n\tmargin-top: ${(props) => (props.size === 'SMALL' ? 8 : 16)}px;\n\ttext-align: center;\n\tmax-width: 100%;\n`;\n\nexport const ButtonContainer = styled.div<{ size?: 'SMALL' \| 'DEFAULT' }>`\n\tdisplay: flex;\n\tmargin-top: ${(props) => (props.size === 'SMALL' ? 8 : 24)}px;\n\tgap: 12px;\n\twidth: 100%;\n`;\n\nexport const StateSubline = styled.div`\n\tmargin-top: 4px;\n\tmax-width: 100%;\n\ttext-align: center;\n\tmax-width: 100%;\n`;\n"],"names":["StateComponentContainer","styled","div","props","width","StateIcon","iconWidth","iconHeight","StateHeading","size","ButtonContainer","StateSubline"],"mappings":"kLAEaA,MAAAA,EAA0BC,EAAM,QAACC,GAAsB;UACzDC,GAAWA,EAAMC,MAAQ,GAAGD,EAAMC,UAAY;;;;;;;EAS5CC,EAAYJ,EAAM,QAACC,GAG9B;UACSC,GAAWA,EAAMG,UAAYH,EAAMG,UAAY;WAC9CH,GAAWA,EAAMI,WAAaJ,EAAMI,WAAa;;;;EAMhDC,EAAeP,EAAM,QAACC,GAAmC;eACtDC,GAA0B,UAAfA,EAAMM,KAAmB,EAAI;;;EAK3CC,EAAkBT,EAAM,QAACC,GAAmC;;eAEzDC,GAA0B,UAAfA,EAAMM,KAAmB,EAAI;;;EAK3CE,EAAeV,EAAM,QAACC,GAAG;;;;;"}

package/dist/cjs/components/stepper/Stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport Check from '../../assets/icons/check.svg';\nimport ErrorInfo from '../../assets/icons/errorInfo.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { EachStep, SingleStepperProps } from './Stepper.model';\nimport {\n\tSingleStepperChildContainer,\n\tStepperContainer,\n} from './Stepper.styled';\n\nexport interface StepperProps {\n\tsteps: EachStep[];\n\tactiveStep: EachStep;\n\tonClickingEachStep: (step: EachStep) => void;\n\thideHoverState?: boolean;\n}\n\nexport const Stepper = (stepperDetails: StepperProps) => {\n\tconst { steps, activeStep, onClickingEachStep, hideHoverState } =\n\t\tstepperDetails;\n\n\treturn (\n\t\t<StepperContainer>\n\t\t\t{steps.map((eachStepper, index) => (\n\t\t\t\t<SingleStepper\n\t\t\t\t\tstepsCount={steps.length}\n\t\t\t\t\teachStep={eachStepper}\n\t\t\t\t\tonClickingStep={(step) => {\n\t\t\t\t\t\tonClickingEachStep(step);\n\t\t\t\t\t}}\n\t\t\t\t\tisActive={activeStep?.stepKey == eachStepper?.stepKey}\n\t\t\t\t\tkey={index}\n\t\t\t\t\tisLastElement={index == steps.length - 1}\n\t\t\t\t\tindex={index}\n\t\t\t\t\thideHoverState={hideHoverState}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</StepperContainer>\n\t);\n};\n\nconst SingleStepper = (props: SingleStepperProps) => {\n\tconst {\n\t\teachStep,\n\t\tisLastElement,\n\t\tindex,\n\t\tisActive,\n\t\tonClickingStep,\n\t\thideHoverState,\n\t} = props;\n\tconst { stepName, isCompleted, isError, isInActive } = eachStep;\n\tconst OnClicking = () => {\n\t\t!isInActive && onClickingStep(eachStep);\n\t};\n\tconst ClassMapping = () => {\n\t\tif (isActive) {\n\t\t\treturn 'active';\n\t\t}\n\t\tif (isCompleted) {\n\t\t\treturn 'completed';\n\t\t}\n\t\tif (isError) {\n\t\t\treturn 'error';\n\t\t}\n\t\tif (isInActive) {\n\t\t\treturn 'inactive';\n\t\t}\n\t\treturn 'default';\n\t};\n\treturn (\n\t\t<SingleStepperChildContainer\n\t\t\tstepsCount={props.stepsCount}\n\t\t\tonClick={OnClicking}\n\t\t\tselectedState={ClassMapping()}\n\t\t\tisInActive={isInActive \|\| hideHoverState}\n\t\t>\n\t\t\t<div className={`hover-container ${isInActive ? 'blocked' : 'pointer'} `}>\n\t\t\t\t<div className=\"badge\">\n\t\t\t\t\t{ClassMapping() == 'completed' ? (\n\t\t\t\t\t\t<Check height={16} width={16} color={COLORS.content.positive} />\n\t\t\t\t\t) : ClassMapping() == 'error' ? (\n\t\t\t\t\t\t<ErrorInfo height={16} width={16} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary className=\"badge-text\">{index + 1}</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<BodyPrimary className=\"step-text\" title={stepName}>\n\t\t\t\t\t{stepName}\n\t\t\t\t</BodyPrimary>\n\t\t\t</div>\n\t\t\t<div className={!isLastElement ? 'horizontal-divider' : ''} />\n\t\t</SingleStepperChildContainer>\n\t);\n};\n"],"names":["Stepper","SingleStepper","props","eachStep","isLastElement","index","isActive","onClickingStep","hideHoverState","stepName","isCompleted","isError","isInActive","ClassMapping","_jsxs","SingleStepperChildContainer","Object","assign","stepsCount","onClick","OnClicking","selectedState","children","jsxs","className","_jsx","jsx","Check","height","width","color","COLORS","content","positive","ErrorInfo","BodySecondary","BodyPrimary","title","stepperDetails","steps","activeStep","onClickingEachStep","StepperContainer","map","eachStepper","length","step","stepKey"],"mappings":"+SAiBaA,MAwBPC,EAAiBC,IACtB,MAAMC,SACLA,EAAQC,cACRA,EAAaC,MACbA,EAAKC,SACLA,EAAQC,eACRA,EAAcC,eACdA,GACGN,GACEO,SAAEA,EAAQC,YAAEA,EAAWC,QAAEA,EAAOC,WAAEA,GAAeT,EAIjDU,EAAeA,IAChBP,EACI,SAEJI,EACI,YAEJC,EACI,QAEJC,EACI,WAED,UAER,OACCE,OAACC,EAAAA,4BAA2BC,OAAAC,OAAA,CAC3BC,WAAYhB,EAAMgB,WAClBC,QArBiBC,MACjBR,GAAcL,EAAeJ,EAAS,EAqBtCkB,cAAeR,IACfD,WAAYA,GAAcJ,GAAc,CAAAc,SAAA,CAExCR,EAAKS,KAAA,MAAAP,OAAAC,OAAA,CAAAO,~~UAA8B~~,~~mBAAAZ~~,EAAa,UAAY,cAC3D,CAAAU,SAAA,CAAAG,EAAAC,IAAA,MAAAV,OAAAC,OAAA,CAAKO,UAAU,SACb,CAAAF,SAAkB,aAAlBT,IACAY,EAAAA,IAACE,EAAAA,QAAM,CAAAC,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,WAC/B,SAAlBpB,IACHY,EAAAA,IAACS,EAAAA,QAAS,CAACN,OAAQ,GAAIC,MAAO,KAE9BJ,EAAAC,IAACS,gBAAcnB,OAAAC,OAAA,CAAAO,UAAU,wBAAcnB,EAAQ,QAGjDoB,EAAAC,IAACU,cAAYpB,OAAAC,OAAA,CAAAO,UAAU,YAAYa,MAAO5B,GAAQ,CAAAa,SAChDb,SAGHgB,EAAAC,IAAA,MAAA,CAAKF,UAAYpB,EAAuC,GAAvB,0BACJ,kBA1ERkC,IACvB,MAAMC,MAAEA,EAAKC,WAAEA,EAAUC,mBAAEA,EAAkBjC,eAAEA,GAC9C8B,EAED,OACCb,EAAAA,IAACiB,EAAAA,iBAAgB,CAAApB,SACfiB,EAAMI,KAAI,CAACC,EAAavC,IACxBoB,EAAAC,IAACzB,EAAa,CACbiB,WAAYqB,EAAMM,OAClB1C,SAAUyC,EACVrC,eAAiBuC,IAChBL,EAAmBK,EAAK,EAEzBxC,UAAUkC,eAAAA,EAAYO,WAAWH,aAAW,EAAXA,EAAaG,SAE9C3C,cAAeC,GAASkC,EAAMM,OAAS,EACvCxC,MAAOA,EACPG,eAAgBA,GAHXH,MAMW"}
1	+ {"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport Check from '../../assets/icons/check.svg';\nimport ErrorInfo from '../../assets/icons/errorInfo.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { EachStep, SingleStepperProps } from './Stepper.model';\nimport {\n\tSingleStepperChildContainer,\n\tStepperContainer,\n} from './Stepper.styled';\n\nexport interface StepperProps {\n\tsteps: EachStep[];\n\tactiveStep: EachStep;\n\tonClickingEachStep: (step: EachStep) => void;\n\thideHoverState?: boolean;\n}\n\nexport const Stepper = (stepperDetails: StepperProps) => {\n\tconst { steps, activeStep, onClickingEachStep, hideHoverState } =\n\t\tstepperDetails;\n\n\treturn (\n\t\t<StepperContainer>\n\t\t\t{steps.map((eachStepper, index) => (\n\t\t\t\t<SingleStepper\n\t\t\t\t\tstepsCount={steps.length}\n\t\t\t\t\teachStep={eachStepper}\n\t\t\t\t\tonClickingStep={(step) => {\n\t\t\t\t\t\tonClickingEachStep(step);\n\t\t\t\t\t}}\n\t\t\t\t\tisActive={activeStep?.stepKey == eachStepper?.stepKey}\n\t\t\t\t\tkey={index}\n\t\t\t\t\tisLastElement={index == steps.length - 1}\n\t\t\t\t\tindex={index}\n\t\t\t\t\thideHoverState={hideHoverState}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</StepperContainer>\n\t);\n};\n\nconst SingleStepper = (props: SingleStepperProps) => {\n\tconst {\n\t\teachStep,\n\t\tisLastElement,\n\t\tindex,\n\t\tisActive,\n\t\tonClickingStep,\n\t\thideHoverState,\n\t} = props;\n\tconst { stepName, isCompleted, isError, isInActive } = eachStep;\n\tconst OnClicking = () => {\n\t\t!isInActive && onClickingStep(eachStep);\n\t};\n\tconst ClassMapping = () => {\n\t\tif (isActive) {\n\t\t\treturn 'active';\n\t\t}\n\t\tif (isCompleted) {\n\t\t\treturn 'completed';\n\t\t}\n\t\tif (isError) {\n\t\t\treturn 'error';\n\t\t}\n\t\tif (isInActive) {\n\t\t\treturn 'inactive';\n\t\t}\n\t\treturn 'default';\n\t};\n\treturn (\n\t\t<SingleStepperChildContainer\n\t\t\tstepsCount={props.stepsCount}\n\t\t\tonClick={OnClicking}\n\t\t\tselectedState={ClassMapping()}\n\t\t\tisInActive={isInActive \|\| hideHoverState}\n\t\t>\n\t\t\t<div className={`hover-container ${isInActive ? 'blocked' : 'pointer'} `}>\n\t\t\t\t<div className=\"badge\">\n\t\t\t\t\t{ClassMapping() == 'completed' ? (\n\t\t\t\t\t\t<Check height={16} width={16} color={COLORS.content.positive} />\n\t\t\t\t\t) : ClassMapping() == 'error' ? (\n\t\t\t\t\t\t<ErrorInfo height={16} width={16} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary className=\"badge-text\">{index + 1}</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<BodyPrimary className=\"step-text\" title={stepName}>\n\t\t\t\t\t{stepName}\n\t\t\t\t</BodyPrimary>\n\t\t\t</div>\n\t\t\t<div className={!isLastElement ? 'horizontal-divider' : ''} />\n\t\t</SingleStepperChildContainer>\n\t);\n};\n"],"names":["Stepper","SingleStepper","props","eachStep","isLastElement","index","isActive","onClickingStep","hideHoverState","stepName","isCompleted","isError","isInActive","ClassMapping","_jsxs","SingleStepperChildContainer","Object","assign","stepsCount","onClick","OnClicking","selectedState","children","jsxs","className","_jsx","jsx","Check","height","width","color","COLORS","content","positive","ErrorInfo","BodySecondary","BodyPrimary","title","stepperDetails","steps","activeStep","onClickingEachStep","StepperContainer","map","eachStepper","length","step","stepKey"],"mappings":"+SAiBaA,MAwBPC,EAAiBC,IACtB,MAAMC,SACLA,EAAQC,cACRA,EAAaC,MACbA,EAAKC,SACLA,EAAQC,eACRA,EAAcC,eACdA,GACGN,GACEO,SAAEA,EAAQC,YAAEA,EAAWC,QAAEA,EAAOC,WAAEA,GAAeT,EAIjDU,EAAeA,IAChBP,EACI,SAEJI,EACI,YAEJC,EACI,QAEJC,EACI,WAED,UAER,OACCE,OAACC,EAAAA,4BAA2BC,OAAAC,OAAA,CAC3BC,WAAYhB,EAAMgB,WAClBC,QArBiBC,MACjBR,GAAcL,EAAeJ,EAAS,EAqBtCkB,cAAeR,IACfD,WAAYA,GAAcJ,GAAc,CAAAc,SAAA,CAExCR,EAAKS,KAAA,MAAAP,OAAAC,OAAA,CAAAO,UAAW,mBAAmBZ,EAAa,UAAY,cAC3D,CAAAU,SAAA,CAAAG,EAAAC,IAAA,MAAAV,OAAAC,OAAA,CAAKO,UAAU,SACb,CAAAF,SAAkB,aAAlBT,IACAY,EAAAA,IAACE,EAAAA,QAAM,CAAAC,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,WAC/B,SAAlBpB,IACHY,EAAAA,IAACS,EAAAA,QAAS,CAACN,OAAQ,GAAIC,MAAO,KAE9BJ,EAAAC,IAACS,gBAAcnB,OAAAC,OAAA,CAAAO,UAAU,wBAAcnB,EAAQ,QAGjDoB,EAAAC,IAACU,cAAYpB,OAAAC,OAAA,CAAAO,UAAU,YAAYa,MAAO5B,GAAQ,CAAAa,SAChDb,SAGHgB,EAAAC,IAAA,MAAA,CAAKF,UAAYpB,EAAuC,GAAvB,0BACJ,kBA1ERkC,IACvB,MAAMC,MAAEA,EAAKC,WAAEA,EAAUC,mBAAEA,EAAkBjC,eAAEA,GAC9C8B,EAED,OACCb,EAAAA,IAACiB,EAAAA,iBAAgB,CAAApB,SACfiB,EAAMI,KAAI,CAACC,EAAavC,IACxBoB,EAAAC,IAACzB,EAAa,CACbiB,WAAYqB,EAAMM,OAClB1C,SAAUyC,EACVrC,eAAiBuC,IAChBL,EAAmBK,EAAK,EAEzBxC,UAAUkC,eAAAA,EAAYO,WAAWH,aAAW,EAAXA,EAAaG,SAE9C3C,cAAeC,GAASkC,EAAMM,OAAS,EACvCxC,MAAOA,EACPG,eAAgBA,GAHXH,MAMW"}

package/dist/cjs/components/stepper/themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"themes.js","sources":["../../../../src/components/stepper/themes.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport type { StepperStates } from './Stepper.model';\n\nexport function getTheme(step: StepperStates) {\n\tswitch (step) {\n\t\tcase 'active':\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.positive}`,\n\t\t\t\tbadgeColor: `${COLORS.content.primaryInverse}`,\n\t\t\t\tbadgeBackground: `${COLORS.background.positive.vibrant}`,\n\t\t\t\tbadgeBorder: `transparent`,\n\t\t\t\tdividerBackground: `${COLORS.content.positive}`,\n\t\t\t\tfontWeight: '600',\n\t\t\t};\n\t\tcase 'completed':\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.positive}`,\n\t\t\t\tbadgeColor: `${COLORS.content.positive}`,\n\t\t\t\tbadgeBackground: `${COLORS.background.positive.light}`,\n\t\t\t\tbadgeBorder: `${COLORS.content.positive}`,\n\t\t\t\tdividerBackground: `${COLORS.content.positive}`,\n\t\t\t\tfontWeight: '400',\n\t\t\t};\n\t\tcase 'error':\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.negative}`,\n\t\t\t\tbadgeBackground: `${COLORS.background.negative.light}`,\n\t\t\t\tbadgeColor: `${COLORS.content.negative}`,\n\t\t\t\tbadgeBorder: `${COLORS.content.negative}`,\n\t\t\t\tdividerBackground: `${COLORS.content.negative}`,\n\t\t\t\tfontWeight: '400',\n\t\t\t};\n\t\tcase 'inactive':\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.inactive}`,\n\t\t\t\tbadgeBackground: 'transparent',\n\t\t\t\tbadgeColor: `${COLORS.content.inactive}`,\n\t\t\t\tbadgeBorder: `${COLORS.content.inactive}`,\n\t\t\t\tdividerBackground: `${COLORS.content.inactive}`,\n\t\t\t\tfontWeight: '400',\n\t\t\t};\n\t\tcase 'default':\n\t\tdefault:\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.secondary}`,\n\t\t\t\tbackground: 'trasparent',\n\t\t\t\tbadgeColor: `${COLORS.content.secondary}`,\n\t\t\t\tbadgeBorder: `${COLORS.content.secondary}`,\n\t\t\t\tdividerBackground: `${COLORS.content.secondary}`,\n\t\t\t\tfontWeight: '400',\n\t\t\t};\n\t}\n}\n"],"names":["step","textColor","COLORS","content","positive","badgeColor","primaryInverse","badgeBackground","background","vibrant","badgeBorder","dividerBackground","fontWeight","light","negative","inactive","secondary"],"mappings":"+HAGM,SAAmBA,GACxB,OAAQA,GACP,IAAK,SACJ,MAAO,CACNC,~~UAAc~~,~~GAAAC~~,EAAAA,OAAOC,QAAQC,WAC7BC,~~WAAe~~,~~GAAAH~~,EAAAA,OAAOC,QAAQG,iBAC9BC,~~mBAAoBL~~,EAAMA,OAACM,WAAWJ,SAASK,UAC/CC,~~YAA0B~~,~~cAC1BC~~,~~kBAAsB~~,~~GAAAT~~,EAAAA,OAAOC,QAAQC,WACrCQ,WAAY,OAEd,IAAK,YACJ,MAAO,CACNX,~~UAAc~~,~~GAAAC~~,EAAAA,OAAOC,QAAQC,WAC7BC,~~WAAe~~,~~GAAAH~~,EAAAA,OAAOC,QAAQC,WAC9BG,~~mBAAoBL~~,EAAMA,OAACM,WAAWJ,SAASS,QAC/CH,~~YAAgB~~,~~GAAAR~~,EAAAA,OAAOC,QAAQC,WAC/BO,~~kBAAsB~~,~~GAAAT~~,EAAAA,OAAOC,QAAQC,WACrCQ,WAAY,OAEd,IAAK,QACJ,MAAO,CACNX,~~UAAc~~,~~GAAAC~~,EAAAA,OAAOC,QAAQW,WAC7BP,~~mBAAoBL~~,EAAMA,OAACM,WAAWM,SAASD,QAC/CR,~~WAAe~~,~~GAAAH~~,EAAAA,OAAOC,QAAQW,WAC9BJ,~~YAAgB~~,~~GAAAR~~,EAAAA,OAAOC,QAAQW,WAC/BH,~~kBAAsB~~,~~GAAAT~~,EAAAA,OAAOC,QAAQW,WACrCF,WAAY,OAEd,IAAK,WACJ,MAAO,CACNX,~~UAAc~~,~~GAAAC~~,EAAAA,OAAOC,QAAQY,WAC7BR,gBAAiB,cACjBF,~~WAAe~~,~~GAAAH~~,EAAAA,OAAOC,QAAQY,WAC9BL,~~YAAgB~~,~~GAAAR~~,EAAAA,OAAOC,QAAQY,WAC/BJ,~~kBAAsB~~,~~GAAAT~~,EAAAA,OAAOC,QAAQY,WACrCH,WAAY,OAGd,QACC,MAAO,CACNX,~~UAAc~~,~~GAAAC~~,EAAAA,OAAOC,QAAQa,YAC7BR,WAAY,aACZH,~~WAAe~~,~~GAAAH~~,EAAAA,OAAOC,QAAQa,YAC9BN,~~YAAgB~~,~~GAAAR~~,EAAAA,OAAOC,QAAQa,YAC/BL,~~kBAAsB~~,~~GAAAT~~,EAAAA,OAAOC,QAAQa,YACrCJ,WAAY,OAGhB"}
1	+ {"version":3,"file":"themes.js","sources":["../../../../src/components/stepper/themes.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport type { StepperStates } from './Stepper.model';\n\nexport function getTheme(step: StepperStates) {\n\tswitch (step) {\n\t\tcase 'active':\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.positive}`,\n\t\t\t\tbadgeColor: `${COLORS.content.primaryInverse}`,\n\t\t\t\tbadgeBackground: `${COLORS.background.positive.vibrant}`,\n\t\t\t\tbadgeBorder: `transparent`,\n\t\t\t\tdividerBackground: `${COLORS.content.positive}`,\n\t\t\t\tfontWeight: '600',\n\t\t\t};\n\t\tcase 'completed':\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.positive}`,\n\t\t\t\tbadgeColor: `${COLORS.content.positive}`,\n\t\t\t\tbadgeBackground: `${COLORS.background.positive.light}`,\n\t\t\t\tbadgeBorder: `${COLORS.content.positive}`,\n\t\t\t\tdividerBackground: `${COLORS.content.positive}`,\n\t\t\t\tfontWeight: '400',\n\t\t\t};\n\t\tcase 'error':\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.negative}`,\n\t\t\t\tbadgeBackground: `${COLORS.background.negative.light}`,\n\t\t\t\tbadgeColor: `${COLORS.content.negative}`,\n\t\t\t\tbadgeBorder: `${COLORS.content.negative}`,\n\t\t\t\tdividerBackground: `${COLORS.content.negative}`,\n\t\t\t\tfontWeight: '400',\n\t\t\t};\n\t\tcase 'inactive':\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.inactive}`,\n\t\t\t\tbadgeBackground: 'transparent',\n\t\t\t\tbadgeColor: `${COLORS.content.inactive}`,\n\t\t\t\tbadgeBorder: `${COLORS.content.inactive}`,\n\t\t\t\tdividerBackground: `${COLORS.content.inactive}`,\n\t\t\t\tfontWeight: '400',\n\t\t\t};\n\t\tcase 'default':\n\t\tdefault:\n\t\t\treturn {\n\t\t\t\ttextColor: `${COLORS.content.secondary}`,\n\t\t\t\tbackground: 'trasparent',\n\t\t\t\tbadgeColor: `${COLORS.content.secondary}`,\n\t\t\t\tbadgeBorder: `${COLORS.content.secondary}`,\n\t\t\t\tdividerBackground: `${COLORS.content.secondary}`,\n\t\t\t\tfontWeight: '400',\n\t\t\t};\n\t}\n}\n"],"names":["step","textColor","COLORS","content","positive","badgeColor","primaryInverse","badgeBackground","background","vibrant","badgeBorder","dividerBackground","fontWeight","light","negative","inactive","secondary"],"mappings":"+HAGM,SAAmBA,GACxB,OAAQA,GACP,IAAK,SACJ,MAAO,CACNC,UAAW,GAAGC,EAAAA,OAAOC,QAAQC,WAC7BC,WAAY,GAAGH,EAAAA,OAAOC,QAAQG,iBAC9BC,gBAAiB,GAAGL,EAAMA,OAACM,WAAWJ,SAASK,UAC/CC,YAAa,cACbC,kBAAmB,GAAGT,EAAAA,OAAOC,QAAQC,WACrCQ,WAAY,OAEd,IAAK,YACJ,MAAO,CACNX,UAAW,GAAGC,EAAAA,OAAOC,QAAQC,WAC7BC,WAAY,GAAGH,EAAAA,OAAOC,QAAQC,WAC9BG,gBAAiB,GAAGL,EAAMA,OAACM,WAAWJ,SAASS,QAC/CH,YAAa,GAAGR,EAAAA,OAAOC,QAAQC,WAC/BO,kBAAmB,GAAGT,EAAAA,OAAOC,QAAQC,WACrCQ,WAAY,OAEd,IAAK,QACJ,MAAO,CACNX,UAAW,GAAGC,EAAAA,OAAOC,QAAQW,WAC7BP,gBAAiB,GAAGL,EAAMA,OAACM,WAAWM,SAASD,QAC/CR,WAAY,GAAGH,EAAAA,OAAOC,QAAQW,WAC9BJ,YAAa,GAAGR,EAAAA,OAAOC,QAAQW,WAC/BH,kBAAmB,GAAGT,EAAAA,OAAOC,QAAQW,WACrCF,WAAY,OAEd,IAAK,WACJ,MAAO,CACNX,UAAW,GAAGC,EAAAA,OAAOC,QAAQY,WAC7BR,gBAAiB,cACjBF,WAAY,GAAGH,EAAAA,OAAOC,QAAQY,WAC9BL,YAAa,GAAGR,EAAAA,OAAOC,QAAQY,WAC/BJ,kBAAmB,GAAGT,EAAAA,OAAOC,QAAQY,WACrCH,WAAY,OAGd,QACC,MAAO,CACNX,UAAW,GAAGC,EAAAA,OAAOC,QAAQa,YAC7BR,WAAY,aACZH,WAAY,GAAGH,EAAAA,OAAOC,QAAQa,YAC9BN,YAAa,GAAGR,EAAAA,OAAOC,QAAQa,YAC/BL,kBAAmB,GAAGT,EAAAA,OAAOC,QAAQa,YACrCJ,WAAY,OAGhB"}

package/dist/cjs/components/switch/Switch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("../../_virtual/_tslib.js"),c=require("react/jsx-runtime"),b=require("react"),C=require("../../constants/Theme.js");function A(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var l=A(I);const d=b.forwardRef((I=>{let{customThumbColor:A,trackColor:l,trackHeight:d,trackLength:y,disabled:X,value:i,onValueChange:m,duration:x,containerStyle:B,type:W,isLoading:Y,"data-test":n}=I;var u,J,t,v;const{colorsV2:a}=C.DEFAULT_THEME,[o,R]=b.useState(i),[s,V]=b.useState(null!=Y&&Y),p=null!=x?x:200;b.useEffect((()=>{"boolean"==typeof Y&&V(Y)}),[Y]),b.useEffect((()=>{R(i)}),[i]);const N=X?{false:a.background.inactive,true:a.background.inactive}:{false:(null!==(u=null==l?void 0:l.false)&&void 0!==u?u:"greenred"===W)?a.background.negative.light:a.background.base,true:(null!==(J=null==l?void 0:l.true)&&void 0!==J?J:"greenred"===W)?a.background.positive.vibrant:a.background.brand},e={false:"greenred"===W?a.stroke.negative.lightAlt:a.stroke.primary,true:"greenred"===W?a.background.positive.vibrant:a.background.brand},h=X?{false:a.content.inactive,true:a.content.inactive}:{false:(null!==(t=null==A?void 0:A.false)&&void 0!==t?t:"greenred"===W)?a.content.negative:a.text.primary,true:null!==(v=null==A?void 0:A.true)&&void 0!==v?v:a.surface.standard},F=W?{false:"greenred"===W?a.stroke.negative.lightAlt:a.stroke.primary,true:"greenred"===W?a.stroke.positive.lightAlt:a.background.brandLight}:{false:a.stroke.primary,true:a.stroke.primary};return c.jsx(c.Fragment,{children:c.jsx(H,Object.assign({"data-test":n,trackLength:null!=y?y:40,trackHeight:null!=d?d:20,onClick:()=>function(){return g.__awaiter(this,void 0,void 0,(function*(){if(!X){"boolean"!=typeof Y&&V(!0);try{yield null==m?void 0:m(!o),R(!o)}catch(I){console.log(I)}"boolean"!=typeof Y&&V(!1)}}))}(),trackColor:N,value:o,style:B,borderColor:e,duration:p,disabled:X,outlineColor:F},{children:s?c.jsx(Z,{value:o,trackColor:N}):c.jsx(G,{value:o,duration:p,thumbColor:h})}))})}));d.displayName="Switch";const H=l.default("div","production"===process.env.NODE_ENV?{target:"e1u17pni2"}:{target:"e1u17pni2",label:"SwitchContainer"})("display:flex;flex-direction:row;margin-top:5px;margin-bottom:5px;border-radius:30px;background-color:red;background-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";width:",(I=>I.trackLength+"px"),";height:",(I=>I.trackHeight+"px"),";border-width:",(I=>I.disabled?"0px":"1px"),";border-style:solid;border-color:",(I=>I.value?I.borderColor.true:I.borderColor.false),";transition:",(I=>I.duration/1e3+"s ease all"),";align-items:center;cursor:",(I=>I.disabled?"default":"pointer"),";:focus{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),G=l.default("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";transition:",(I=>I.duration/1e3+"s ease all"),";background-color:",(I=>I.value?I.thumbColor.true:I.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),Z=l.default("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(I=>I.value?C.COLORS.text.white:C.COLORS.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */"));exports.Loader=Z,exports.Switch=d,exports.SwitchContainer=H,exports.Thumb=G;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("../../_virtual/_tslib.js"),c=require("react/jsx-runtime"),b=require("react"),C=require("../../constants/Theme.js");function A(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var l=A(I);const d=b.forwardRef((({customThumbColor:I,trackColor:A,trackHeight:l,trackLength:d,disabled:y,value:X,onValueChange:i,duration:m,containerStyle:x,type:B,isLoading:W,"data-test":Y})=>{var n,u,J,t;const{colorsV2:v}=C.DEFAULT_THEME,[a,o]=b.useState(X),[R,s]=b.useState(null!=W&&W),V=null!=m?m:200;b.useEffect((()=>{"boolean"==typeof W&&s(W)}),[W]),b.useEffect((()=>{o(X)}),[X]);const p=y?{false:v.background.inactive,true:v.background.inactive}:{false:(null!==(n=null==A?void 0:A.false)&&void 0!==n?n:"greenred"===B)?v.background.negative.light:v.background.base,true:(null!==(u=null==A?void 0:A.true)&&void 0!==u?u:"greenred"===B)?v.background.positive.vibrant:v.background.brand},N={false:"greenred"===B?v.stroke.negative.lightAlt:v.stroke.primary,true:"greenred"===B?v.background.positive.vibrant:v.background.brand},e=y?{false:v.content.inactive,true:v.content.inactive}:{false:(null!==(J=null==I?void 0:I.false)&&void 0!==J?J:"greenred"===B)?v.content.negative:v.text.primary,true:null!==(t=null==I?void 0:I.true)&&void 0!==t?t:v.surface.standard},h=B?{false:"greenred"===B?v.stroke.negative.lightAlt:v.stroke.primary,true:"greenred"===B?v.stroke.positive.lightAlt:v.background.brandLight}:{false:v.stroke.primary,true:v.stroke.primary};return c.jsx(c.Fragment,{children:c.jsx(H,Object.assign({"data-test":Y,trackLength:null!=d?d:40,trackHeight:null!=l?l:20,onClick:()=>function(){return g.__awaiter(this,void 0,void 0,(function*(){if(!y){"boolean"!=typeof W&&s(!0);try{yield null==i?void 0:i(!a),o(!a)}catch(I){console.log(I)}"boolean"!=typeof W&&s(!1)}}))}(),trackColor:p,value:a,style:x,borderColor:N,duration:V,disabled:y,outlineColor:h},{children:R?c.jsx(Z,{value:a,trackColor:p}):c.jsx(G,{value:a,duration:V,thumbColor:e})}))})}));d.displayName="Switch";const H=l.default("div","production"===process.env.NODE_ENV?{target:"e1u17pni2"}:{target:"e1u17pni2",label:"SwitchContainer"})("display:flex;flex-direction:row;margin-top:5px;margin-bottom:5px;border-radius:30px;background-color:red;background-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";width:",(I=>I.trackLength+"px"),";height:",(I=>I.trackHeight+"px"),";border-width:",(I=>I.disabled?"0px":"1px"),";border-style:solid;border-color:",(I=>I.value?I.borderColor.true:I.borderColor.false),";transition:",(I=>I.duration/1e3+"s ease all"),";align-items:center;cursor:",(I=>I.disabled?"default":"pointer"),";:focus{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(I=>I.value?I.outlineColor.true:I.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),G=l.default("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";transition:",(I=>I.duration/1e3+"s ease all"),";background-color:",(I=>I.value?I.thumbColor.true:I.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),Z=l.default("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(I=>I.value?I.trackColor.true:I.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(I=>I.value?C.COLORS.text.white:C.COLORS.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(I=>I.value?"calc(100% - 20px)":"0px"),";animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgJ2RhdGEtdGVzdCc6IGRhdGFUZXN0LCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iLCBfYywgX2Q7XHJcbiAgICBjb25zdCB7IGNvbG9yc1YyIH0gPSBERUZBVUxUX1RIRU1FO1xyXG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wc1ZhbHVlKTtcclxuICAgIGNvbnN0IFtpc2xvYWRpbmcsIHNldExvYWRpbmddID0gdXNlU3RhdGUoaXNMb2FkaW5nICE9PSBudWxsICYmIGlzTG9hZGluZyAhPT0gdm9pZCAwID8gaXNMb2FkaW5nIDogZmFsc2UpO1xyXG4gICAgY29uc3QgZHVyYXRpb25UaW1lID0gZHVyYXRpb24gIT09IG51bGwgJiYgZHVyYXRpb24gIT09IHZvaWQgMCA/IGR1cmF0aW9uIDogMjAwO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyA9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgc2V0TG9hZGluZyhpc0xvYWRpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtpc0xvYWRpbmddKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0VmFsdWUocHJvcHNWYWx1ZSk7XHJcbiAgICB9LCBbcHJvcHNWYWx1ZV0pO1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkVHJhY2tDb2xvciA9IGRpc2FibGVkXHJcbiAgICAgICAgPyB7XHJcbiAgICAgICAgICAgIGZhbHNlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgICAgICB0cnVlOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlLFxyXG4gICAgICAgIH1cclxuICAgICAgICA6IHtcclxuICAgICAgICAgICAgZmFsc2U6ICgoX2EgPSB0cmFja0NvbG9yID09PSBudWxsIHx8IHRyYWNrQ29sb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHRyYWNrQ29sb3IuZmFsc2UpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlLFxyXG4gICAgICAgICAgICB0cnVlOiAoKF9iID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLnRydWUpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHR5cGUgPT09ICdncmVlbnJlZCcpXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLmJhY2tncm91bmQucG9zaXRpdmUudmlicmFudFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciA9IHtcclxuICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICA6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LFxyXG4gICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8geyBmYWxzZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSwgdHJ1ZTogY29sb3JzVjIuY29udGVudC5pbmFjdGl2ZSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9jID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5jb250ZW50Lm5lZ2F0aXZlXHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLnRleHQucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogKF9kID0gY3VzdG9tVGh1bWJDb2xvciA9PT0gbnVsbCB8fCBjdXN0b21UaHVtYkNvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjdXN0b21UaHVtYkNvbG9yLnRydWUpICE9PSBudWxsICYmIF9kICE9PSB2b2lkIDAgPyBfZCA6IGNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmQsXHJcbiAgICAgICAgfTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yID0gIXR5cGVcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5LCB0cnVlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgICAgICA/IGNvbG9yc1YyLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdFxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICAgICAgdHJ1ZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UucG9zaXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0LFxyXG4gICAgICAgIH07XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVQcmVzcygpIHtcclxuICAgICAgICByZXR1cm4gX19hd2FpdGVyKHRoaXMsIHZvaWQgMCwgdm9pZCAwLCBmdW5jdGlvbiogKCkge1xyXG4gICAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKHRydWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRyeSB7XHJcbiAgICAgICAgICAgICAgICB5aWVsZCAob25WYWx1ZUNoYW5nZSA9PT0gbnVsbCB8fCBvblZhbHVlQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblZhbHVlQ2hhbmdlKCF2YWx1ZSkpO1xyXG4gICAgICAgICAgICAgICAgc2V0VmFsdWUoIXZhbHVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjYXRjaCAoZXJyKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmICh0eXBlb2YgaXNMb2FkaW5nICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICAgICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IFwiZGF0YS10ZXN0XCI6IGRhdGFUZXN0LCB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */"));exports.Loader=Z,exports.Switch=d,exports.SwitchContainer=H,exports.Thumb=G;
 //# sourceMappingURL=Switch.js.map

package/dist/cjs/components/switch/Switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { forwardRef, useEffect, useState } from 'react';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.d';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","_ref","customThumbColor","trackColor","trackHeight","trackLength","disabled","value","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","false","background","inactive","true","_a","negative","light","base","_b","positive","vibrant","brand","consolidatedBorderColor","stroke","lightAlt","primary","consolidatedThumbColor","content","_c","text","_d","surface","standard","consolidateOutlineColor","brandLight","_jsx","jsx","SwitchContainer","onClick","err","console","log","handlePress","style","borderColor","outlineColor","children","Loader","Thumb","thumbColor","displayName","_styled","process","env","NODE_ENV","target","label","props","COLORS","white"],"mappings":"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"}
1	+ {"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { forwardRef, useEffect, useState } from 'react';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.d';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","value","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","false","background","inactive","true","_a","negative","light","base","_b","positive","vibrant","brand","consolidatedBorderColor","stroke","lightAlt","primary","consolidatedThumbColor","content","_c","text","_d","surface","standard","consolidateOutlineColor","brandLight","_jsx","jsx","SwitchContainer","onClick","err","console","log","handlePress","style","borderColor","outlineColor","children","Loader","Thumb","thumbColor","displayName","_styled","process","env","NODE_ENV","target","label","props","COLORS","white"],"mappings":"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"}

package/dist/cjs/components/tabs/Tabs.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/tabs/Tabs.styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { ButtonLarge } from '../TypographyStyle';\nimport { TabItemProps, TabItemTextProps } from './Tabs.model';\n\nexport const TabHeader = styled.div<{ bgColor?: string }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tbackground-color: ${(props) => props.bgColor};\n`;\n\nexport const TabItem = styled.div<TabItemProps>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 8px;\n\tpadding: ${(props) => (props.isSquared ? '8px 24px' : '14px 24px 12px 24px')};\n\tpadding-bottom: ${(props) =>\n\t\tprops.isSquared ? '' : props.selected ? '12px' : '13px'};\n\talign-items: center;\n\tjustify-content: center;\n\twidth: ${(props) => (props.hasEqualSpacing ? '50%' : 'auto')};\n\tborder-bottom-color: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? ''\n\t\t\t: props.selected\n\t\t\t? props.selectedTextColor\n\t\t\t: DEFAULT_THEME.colorsV2.background.inactive};\n\tborder-bottom-width: ${(props) =>\n\t\tprops.isSquared ? '' : props.selected ? '2px' : '1px'};\n\tborder-bottom-style: ${(props) => (props.isSquared ? '' : 'solid')};\n\tborder: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? props.selected\n\t\t\t\t? `1px solid ${props.selectedTextColor}`\n\t\t\t\t: `1px solid ${DEFAULT_THEME.colorsV2.background.inactive}`\n\t\t\t: ''};\n\tflex-direction: row;\n\tcursor: pointer;\n\tmin-width: ${(props) => (props.isSquared ? '120px' : '')};\n\t&:hover {\n\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t}\n\tbackground-color: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? props.selected\n\t\t\t\t? `${DEFAULT_THEME.colorsV2.background.brandLight}`\n\t\t\t\t: ''\n\t\t\t: ''};\n`;\n\nexport const TrailingNumberContainer = styled.div<{\n\tselected: boolean;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 6px;\n\tjustify-content: center;\n\tmin-width: 20px;\n\theight: 20px;\n\tbackground: ${(props) =>\n\t\tprops.selected\n\t\t\t? DEFAULT_THEME.colorsV2.background.inverseLight\n\t\t\t: DEFAULT_THEME.colorsV2.content.secondary};\n\tcolor: ${DEFAULT_THEME.colorsV2.content.primaryInverse};\n\tborder-radius: 10px;\n`;\n\nexport const TabItemText = styled(ButtonLarge)<TabItemTextProps>`\n\tcolor: ${(props) =>\n\t\tprops.selected ? props.selectedTextColor : props.textColor};\n`;\n\nexport const EmptyTab = styled.div`\n\tflex-grow: 1;\n\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.background.inactive};\n`;\n\nexport const RightComponent = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.background.inactive};\n`;\n"],"names":["TabHeader","_styled","process","env","NODE_ENV","target","label","props","bgColor","TabItem","isSquared","selected","hasEqualSpacing","selectedTextColor","DEFAULT_THEME","colorsV2","background","inactive","brandLight","TrailingNumberContainer","inverseLight","content","secondary","primaryInverse","TabItemText","ButtonLarge","textColor","EmptyTab","RightComponent"],"mappings":"sQAKO,MAAMA,EAASC,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAL,CAGAM,qDAAAA,GAAUA,EAAMC,SAAON,KAC5C,eAD4CA,QAAAC,IAAAC,SAC5C,GAAA,o+GAEYK,EAAOR,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,WAAAL,CAAA,2DAIPM,GAAWA,EAAMG,UAAY,WAAa,2CACnCH,GAClBA,EAAMG,UAAY,GAAKH,EAAMI,SAAW,OAAS,QAGxCJ,qDAAAA,GAAWA,EAAMK,gBAAkB,MAAQ,QAC7BL,yBAAAA,GACvBA,EAAMG,UACH,GACAH,EAAMI,SACNJ,EAAMM,kBACNC,EAAaA,cAACC,SAASC,WAAWC,UACdV,yBAAAA,GACvBA,EAAMG,UAAY,GAAKH,EAAMI,SAAW,MAAQ,OAAK,yBAC9BJ,GAAWA,EAAMG,UAAY,GAAK,SAC/CH,YAAAA,GACVA,EAAMG,UACHH,EAAMI,SACL,aAAaJ,EAAMM,~~iCACNC~~,EAAAA,cAAcC,SAASC,WAAWC,WAChD,IAGUV,iDAAAA,GAAWA,EAAMG,UAAY,QAAU,IAIhCH,oEAAAA,GACpBA,EAAMG,WACHH,EAAMI,~~YACFG~~,EAAaA,cAACC,SAASC,WAAWE,aAEtC,SACJ,eADMhB,QAAAC,IAAAC,SACN,GAAA,o+GAEYe,EAAuBlB,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,2BAAAL,CAAA,4HAUpBM,GACdA,EAAMI,SACHG,EAAAA,cAAcC,SAASC,WAAWI,aAClCN,gBAAcC,SAASM,QAAQC,WAAS,UACnCR,gBAAcC,SAASM,QAAQE,uCAExC,eAFsDrB,QAAAC,IAAAC,SAEtD,GAAA,o+GAEYoB,EAAcvB,EAAA,QAAOwB,EAAWA,YAAA,eAAAvB,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,eAAlBL,CAAmB,UACnCM,GACTA,EAAMI,SAAWJ,EAAMM,kBAAoBN,EAAMmB,WAASxB,KAC3D,eAD2DA,QAAAC,IAAAC,SAC3D,GAAA,o+GAEYuB,EAAQ1B,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,YAAAL,CAAA,uCAEOa,EAAAA,cAAcC,SAASC,WAAWC,SAAQ,KACrE,eADqEf,QAAAC,IAAAC,SACrE,GAAA,o+GAEYwB,EAAc3B,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,kBAAAL,CAAA,2DAGCa,EAAAA,cAAcC,SAASC,WAAWC,SAAQ,KACrE,eADqEf,QAAAC,IAAAC,SACrE,GAAA"}
1	+ {"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/tabs/Tabs.styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { ButtonLarge } from '../TypographyStyle';\nimport { TabItemProps, TabItemTextProps } from './Tabs.model';\n\nexport const TabHeader = styled.div<{ bgColor?: string }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tbackground-color: ${(props) => props.bgColor};\n`;\n\nexport const TabItem = styled.div<TabItemProps>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 8px;\n\tpadding: ${(props) => (props.isSquared ? '8px 24px' : '14px 24px 12px 24px')};\n\tpadding-bottom: ${(props) =>\n\t\tprops.isSquared ? '' : props.selected ? '12px' : '13px'};\n\talign-items: center;\n\tjustify-content: center;\n\twidth: ${(props) => (props.hasEqualSpacing ? '50%' : 'auto')};\n\tborder-bottom-color: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? ''\n\t\t\t: props.selected\n\t\t\t? props.selectedTextColor\n\t\t\t: DEFAULT_THEME.colorsV2.background.inactive};\n\tborder-bottom-width: ${(props) =>\n\t\tprops.isSquared ? '' : props.selected ? '2px' : '1px'};\n\tborder-bottom-style: ${(props) => (props.isSquared ? '' : 'solid')};\n\tborder: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? props.selected\n\t\t\t\t? `1px solid ${props.selectedTextColor}`\n\t\t\t\t: `1px solid ${DEFAULT_THEME.colorsV2.background.inactive}`\n\t\t\t: ''};\n\tflex-direction: row;\n\tcursor: pointer;\n\tmin-width: ${(props) => (props.isSquared ? '120px' : '')};\n\t&:hover {\n\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t}\n\tbackground-color: ${(props) =>\n\t\tprops.isSquared\n\t\t\t? props.selected\n\t\t\t\t? `${DEFAULT_THEME.colorsV2.background.brandLight}`\n\t\t\t\t: ''\n\t\t\t: ''};\n`;\n\nexport const TrailingNumberContainer = styled.div<{\n\tselected: boolean;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 6px;\n\tjustify-content: center;\n\tmin-width: 20px;\n\theight: 20px;\n\tbackground: ${(props) =>\n\t\tprops.selected\n\t\t\t? DEFAULT_THEME.colorsV2.background.inverseLight\n\t\t\t: DEFAULT_THEME.colorsV2.content.secondary};\n\tcolor: ${DEFAULT_THEME.colorsV2.content.primaryInverse};\n\tborder-radius: 10px;\n`;\n\nexport const TabItemText = styled(ButtonLarge)<TabItemTextProps>`\n\tcolor: ${(props) =>\n\t\tprops.selected ? props.selectedTextColor : props.textColor};\n`;\n\nexport const EmptyTab = styled.div`\n\tflex-grow: 1;\n\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.background.inactive};\n`;\n\nexport const RightComponent = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.background.inactive};\n`;\n"],"names":["TabHeader","_styled","process","env","NODE_ENV","target","label","props","bgColor","TabItem","isSquared","selected","hasEqualSpacing","selectedTextColor","DEFAULT_THEME","colorsV2","background","inactive","brandLight","TrailingNumberContainer","inverseLight","content","secondary","primaryInverse","TabItemText","ButtonLarge","textColor","EmptyTab","RightComponent"],"mappings":"sQAKO,MAAMA,EAASC,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAL,CAGAM,qDAAAA,GAAUA,EAAMC,SAAON,KAC5C,eAD4CA,QAAAC,IAAAC,SAC5C,GAAA,o+GAEYK,EAAOR,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,WAAAL,CAAA,2DAIPM,GAAWA,EAAMG,UAAY,WAAa,2CACnCH,GAClBA,EAAMG,UAAY,GAAKH,EAAMI,SAAW,OAAS,QAGxCJ,qDAAAA,GAAWA,EAAMK,gBAAkB,MAAQ,QAC7BL,yBAAAA,GACvBA,EAAMG,UACH,GACAH,EAAMI,SACNJ,EAAMM,kBACNC,EAAaA,cAACC,SAASC,WAAWC,UACdV,yBAAAA,GACvBA,EAAMG,UAAY,GAAKH,EAAMI,SAAW,MAAQ,OAAK,yBAC9BJ,GAAWA,EAAMG,UAAY,GAAK,SAC/CH,YAAAA,GACVA,EAAMG,UACHH,EAAMI,SACL,aAAaJ,EAAMM,oBACnB,aAAaC,EAAAA,cAAcC,SAASC,WAAWC,WAChD,IAGUV,iDAAAA,GAAWA,EAAMG,UAAY,QAAU,IAIhCH,oEAAAA,GACpBA,EAAMG,WACHH,EAAMI,SACL,GAAGG,EAAaA,cAACC,SAASC,WAAWE,aAEtC,SACJ,eADMhB,QAAAC,IAAAC,SACN,GAAA,o+GAEYe,EAAuBlB,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,2BAAAL,CAAA,4HAUpBM,GACdA,EAAMI,SACHG,EAAAA,cAAcC,SAASC,WAAWI,aAClCN,gBAAcC,SAASM,QAAQC,WAAS,UACnCR,gBAAcC,SAASM,QAAQE,uCAExC,eAFsDrB,QAAAC,IAAAC,SAEtD,GAAA,o+GAEYoB,EAAcvB,EAAA,QAAOwB,EAAWA,YAAA,eAAAvB,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,eAAlBL,CAAmB,UACnCM,GACTA,EAAMI,SAAWJ,EAAMM,kBAAoBN,EAAMmB,WAASxB,KAC3D,eAD2DA,QAAAC,IAAAC,SAC3D,GAAA,o+GAEYuB,EAAQ1B,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,YAAAL,CAAA,uCAEOa,EAAAA,cAAcC,SAASC,WAAWC,SAAQ,KACrE,eADqEf,QAAAC,IAAAC,SACrE,GAAA,o+GAEYwB,EAAc3B,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,kBAAAL,CAAA,2DAGCa,EAAAA,cAAcC,SAASC,WAAWC,SAAQ,KACrE,eADqEf,QAAAC,IAAAC,SACrE,GAAA"}

package/dist/cjs/components/tag/Tag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js"),a=require("./model.js"),t=require("./Tag.styled.js"),r=require("./themes.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(i);const o=i=>{let{tagText:c,LeadingIcon:o,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:j,trailingIconId:b,onTrailingIconClicked:u,theme:p="light",type:m="neutral",variant:O="regular",version:h,cursor:x,alignIcon:y,noBorder:T,tagHtmlText:f,contentPadding:C,leadingIconTooltip:I,trailingIconTooltip:L,tagColor:B,numberOfLines:N,backgroundColor:k,borderRadius:w,size:v="regular"}=i,q=c;const A=p;let E=m;a.ValidTagTypeMap[O][m]||(E="neutral"),"circle"===O&&"number"==typeof q&&q>99&&(q="99+");const $={height:"compressed"===O?12:16,width:"compressed"===O?12:16,color:r.getTagIconColor(p,E),style:{display:"block"}};return e.jsx(t.Tag,Object.assign({cursor:x,theme:A,type:E,variant:O,version:h,alignIcon:y,noBorder:T,contentPadding:C,backgroundColor:k,borderRadius:w,size:v},{children:e.jsxs("div",Object.assign({className:"container"},{children:[o&&(I?e.jsx(n.Tooltip,Object.assign({},I,{children:e.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${j}-wrapper`||"leading-icon-wrapper"},{children:l.default.createElement(o,Object.assign(Object.assign({},$),{id:j||"leading-icon"}))}))})):e.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${j}-wrapper`||"leading-icon-wrapper"},{children:l.default.createElement(o,Object.assign(Object.assign({},$),{id:j||"leading-icon"}))}))),f&&("ai"===m&&"light"===p?"small"===v?e.jsx(s.AiBodyTiny,Object.assign({numberOfLines:N},{children:f})):e.jsx(s.AiBodyCaption,Object.assign({numberOfLines:N},{children:f})):"small"===v?e.jsx(s.BodyTiny,Object.assign({className:"text",numberOfLines:N},{children:f})):e.jsx(s.BodyCaption,Object.assign({className:"text",numberOfLines:N},{children:f}))),!f&&""!==q&&("ai"===m&&"light"===p?"small"===v?e.jsx(s.AiBodyTiny,Object.assign({numberOfLines:N},{children:q})):e.jsx(s.AiBodyCaption,Object.assign({numberOfLines:N},{children:q})):"small"===v?e.jsx(s.BodyTiny,Object.assign({className:"text",color:B,numberOfLines:N},{children:q})):e.jsx(s.BodyCaption,Object.assign({className:"text",color:B,numberOfLines:N},{children:q}))),d&&(L?e.jsx(n.Tooltip,Object.assign({},L,{children:e.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${b}-wrapper`||"trailing-icon-wrapper"},{children:l.default.createElement(d,Object.assign(Object.assign({},$),{id:b||"trailing-icon"}))}))})):e.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${b}-wrapper`||"trailing-icon-wrapper"},{children:l.default.createElement(d,Object.assign(Object.assign({},$),{id:b||"trailing-icon"}))})))]}))}))};o.displayName="Tag",exports.Tag=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js"),a=require("./model.js"),t=require("./Tag.styled.js"),r=require("./themes.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(i);const o=({tagText:i,LeadingIcon:c,TrailingIcon:o,onLeadingIconClicked:d,leadingIconId:g,trailingIconId:j,onTrailingIconClicked:b,theme:u="light",type:p="neutral",variant:m="regular",version:O,cursor:h,alignIcon:x,noBorder:y,tagHtmlText:T,contentPadding:f,leadingIconTooltip:C,trailingIconTooltip:I,tagColor:L,numberOfLines:B,backgroundColor:N,borderRadius:k,size:w="regular"})=>{let v=i;const q=u;let A=p;a.ValidTagTypeMap[m][p]||(A="neutral"),"circle"===m&&"number"==typeof v&&v>99&&(v="99+");const E={height:"compressed"===m?12:16,width:"compressed"===m?12:16,color:r.getTagIconColor(u,A),style:{display:"block"}};return e.jsx(t.Tag,Object.assign({cursor:h,theme:q,type:A,variant:m,version:O,alignIcon:x,noBorder:y,contentPadding:f,backgroundColor:N,borderRadius:k,size:w},{children:e.jsxs("div",Object.assign({className:"container"},{children:[c&&(C?e.jsx(n.Tooltip,Object.assign({},C,{children:e.jsx("button",Object.assign({className:"icon-leading",onClick:d,id:`${g}-wrapper`||"leading-icon-wrapper"},{children:l.default.createElement(c,Object.assign(Object.assign({},E),{id:g||"leading-icon"}))}))})):e.jsx("button",Object.assign({className:"icon-leading",onClick:d,id:`${g}-wrapper`||"leading-icon-wrapper"},{children:l.default.createElement(c,Object.assign(Object.assign({},E),{id:g||"leading-icon"}))}))),T&&("ai"===p&&"light"===u?"small"===w?e.jsx(s.AiBodyTiny,Object.assign({numberOfLines:B},{children:T})):e.jsx(s.AiBodyCaption,Object.assign({numberOfLines:B},{children:T})):"small"===w?e.jsx(s.BodyTiny,Object.assign({className:"text",numberOfLines:B},{children:T})):e.jsx(s.BodyCaption,Object.assign({className:"text",numberOfLines:B},{children:T}))),!T&&""!==v&&("ai"===p&&"light"===u?"small"===w?e.jsx(s.AiBodyTiny,Object.assign({numberOfLines:B},{children:v})):e.jsx(s.AiBodyCaption,Object.assign({numberOfLines:B},{children:v})):"small"===w?e.jsx(s.BodyTiny,Object.assign({className:"text",color:L,numberOfLines:B},{children:v})):e.jsx(s.BodyCaption,Object.assign({className:"text",color:L,numberOfLines:B},{children:v}))),o&&(I?e.jsx(n.Tooltip,Object.assign({},I,{children:e.jsx("button",Object.assign({className:"icon-trailing",onClick:b,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:l.default.createElement(o,Object.assign(Object.assign({},E),{id:j||"trailing-icon"}))}))})):e.jsx("button",Object.assign({className:"icon-trailing",onClick:b,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:l.default.createElement(o,Object.assign(Object.assign({},E),{id:j||"trailing-icon"}))})))]}))}))};o.displayName="Tag",exports.Tag=o;
 //# sourceMappingURL=Tag.js.map