@tamagui/slider 2.7.7 → 3.0.0-beta.643.1
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.
- package/dist/cjs/Slider.cjs +455 -512
- package/dist/cjs/Slider.native.cjs +469 -0
- package/dist/cjs/Slider.native.js +424 -498
- package/dist/cjs/Slider.native.js.map +1 -1
- package/dist/cjs/SliderImpl.cjs +111 -128
- package/dist/cjs/SliderImpl.native.cjs +154 -0
- package/dist/cjs/SliderImpl.native.js +127 -143
- package/dist/cjs/SliderImpl.native.js.map +1 -1
- package/dist/cjs/constants.cjs +59 -45
- package/dist/cjs/constants.native.cjs +79 -0
- package/dist/cjs/constants.native.js +59 -44
- package/dist/cjs/constants.native.js.map +1 -1
- package/dist/cjs/helpers.cjs +59 -60
- package/dist/cjs/helpers.native.cjs +99 -0
- package/dist/cjs/helpers.native.js +66 -68
- package/dist/cjs/helpers.native.js.map +1 -1
- package/dist/cjs/index.cjs +16 -17
- package/dist/cjs/index.native.cjs +33 -0
- package/dist/cjs/index.native.js +16 -16
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +10 -11
- package/dist/cjs/types.native.cjs +19 -0
- package/dist/cjs/types.native.js +10 -10
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/esm/Slider.mjs +427 -474
- package/dist/esm/Slider.mjs.map +1 -1
- package/dist/esm/Slider.native.js +396 -463
- package/dist/esm/Slider.native.js.map +1 -1
- package/dist/esm/SliderImpl.mjs +92 -102
- package/dist/esm/SliderImpl.mjs.map +1 -1
- package/dist/esm/SliderImpl.native.js +109 -119
- package/dist/esm/SliderImpl.native.js.map +1 -1
- package/dist/esm/constants.mjs +38 -21
- package/dist/esm/constants.mjs.map +1 -1
- package/dist/esm/constants.native.js +38 -21
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/helpers.mjs +37 -36
- package/dist/esm/helpers.mjs.map +1 -1
- package/dist/esm/helpers.native.js +44 -45
- package/dist/esm/helpers.native.js.map +1 -1
- package/dist/esm/index.js +4 -3
- package/dist/esm/index.mjs +4 -3
- package/dist/esm/index.native.js +4 -3
- package/dist/esm/types.mjs +0 -2
- package/dist/esm/types.native.js +0 -2
- package/dist/jsx/Slider.mjs +427 -474
- package/dist/jsx/Slider.mjs.map +1 -1
- package/dist/jsx/Slider.native.cjs +469 -0
- package/dist/jsx/Slider.native.js +424 -498
- package/dist/jsx/Slider.native.js.map +1 -1
- package/dist/jsx/SliderImpl.mjs +92 -102
- package/dist/jsx/SliderImpl.mjs.map +1 -1
- package/dist/jsx/SliderImpl.native.cjs +154 -0
- package/dist/jsx/SliderImpl.native.js +127 -143
- package/dist/jsx/SliderImpl.native.js.map +1 -1
- package/dist/jsx/constants.mjs +38 -21
- package/dist/jsx/constants.mjs.map +1 -1
- package/dist/jsx/constants.native.cjs +79 -0
- package/dist/jsx/constants.native.js +59 -44
- package/dist/jsx/constants.native.js.map +1 -1
- package/dist/jsx/helpers.mjs +37 -36
- package/dist/jsx/helpers.mjs.map +1 -1
- package/dist/jsx/helpers.native.cjs +99 -0
- package/dist/jsx/helpers.native.js +66 -68
- package/dist/jsx/helpers.native.js.map +1 -1
- package/dist/jsx/index.js +4 -3
- package/dist/jsx/index.mjs +4 -3
- package/dist/jsx/index.native.cjs +33 -0
- package/dist/jsx/index.native.js +16 -16
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/types.mjs +0 -2
- package/dist/jsx/types.native.cjs +19 -0
- package/dist/jsx/types.native.js +10 -10
- package/dist/jsx/types.native.js.map +1 -1
- package/package.json +15 -14
- package/src/Slider.tsx +126 -171
- package/src/SliderImpl.tsx +3 -2
- package/src/constants.tsx +16 -6
- package/src/types.ts +6 -4
- package/types/Slider.d.ts +218 -200
- package/types/Slider.d.ts.map +1 -1
- package/types/SliderImpl.d.ts +16 -5
- package/types/SliderImpl.d.ts.map +1 -1
- package/types/constants.d.ts +10 -10
- package/types/constants.d.ts.map +1 -1
- package/types/helpers.d.ts.map +1 -1
- package/types/types.d.ts +6 -4
- package/types/types.d.ts.map +1 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/types.mjs.map +0 -1
- package/dist/esm/types.native.js.map +0 -1
- package/dist/jsx/index.js.map +0 -1
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/types.mjs.map +0 -1
package/dist/jsx/Slider.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["composeRefs","useComposedRefs","isIos","isWeb","getTokens","getVariableValue","styled","useConfiguration","useCreateShallowSetState","getSize","clamp","composeEventHandlers","withStaticProperties","ThemeableStack","useControllableState","useDirection","React","ARROW_KEYS","BACK_KEYS","PAGE_KEYS","SLIDER_NAME","SliderOrientationProvider","SliderProvider","useSliderContext","useSliderOrientationContext","convertValueToPercentage","getClosestValueIndex","getDecimalCount","getLabel","getNextSortedValues","getThumbInBoundsOffset","hasMinStepsBetweenValues","linearScale","roundValue","SliderFrame","SliderImpl","jsx","activeSliderMeasureListeners","Set","process","env","TAMAGUI_DISABLE_SLIDER_INTERVAL","setInterval","forEach","cb","SliderHorizontal","forwardRef","props","forwardedRef","min","max","dir","onSlideStart","onSlideMove","onStepKeyDown","onSlideEnd","sliderProps","direction","isDirectionLTR","sliderRef","useRef","state","setState_","useState","size","offset","setState","getValueFromPointer","pointerPosition","measure","current","_x","_y","width","_height","pageX","_pageY","useSliderMeasure","scope","__scopeSlider","startEdge","endEdge","sizeProp","children","ref","orientation","onLayout","event","target","value","nativeEvent","locationX","isBackKey","includes","key","useOnDebouncedWindowResize","callback","amt","useEffect","last","onResize","clearTimeout","setTimeout","window","addEventListener","removeEventListener","node","measureTm","debouncedMeasure","io","IntersectionObserver","entries","isIntersecting","add","delete","root","rootMargin","threshold","observe","disconnect","SliderVertical","configuration","insets","top","bottom","_width","height","_pageX","pageY","locationY","ltr","SliderTrackFrame","name","variants","unstyled","false","backgroundColor","position","borderRadius","overflow","defaultVariants","TAMAGUI_HEADLESS","SliderTrack","SliderTrack2","trackProps","context","disabled","SliderActiveFrame","pointerEvents","SliderActive","SliderActive2","rangeProps","composedRefs","valuesCount","values","length","percentages","map","offsetStart","Math","offsetEnd","animateOnly","left","right","getThumbSize","val","tokens","shift","minWidth","minHeight","SliderThumbFrame","borderWidth","borderColor","pressStyle","hoverStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","SliderThumb","styleable","SliderThumb2","index","circular","thumbProps","thumb","setThumb","percent","label","sizeIn","setSize","thumbInBoundsOffset","thumbs","set","positionalStyles","x","y","role","tabIndex","e","layout","onFocus","valueIndexToChangeRef","staticConfig","memo","Slider","step","minStepsBetweenThumbs","defaultValue","onValueChange","thumbRefs","Map","isHorizontal","setValues","prop","defaultProp","transition","onChange","value2","updateThumbFocus","preventDefault","focusIndex","focus","handleSlideMove","updateValues","atIndex","decimalCount","nextValue","round","prevValues","nextValues","indexOf","String","SliderOriented","onHomeKeyDown","onEndKeyDown","stepDirection","multiplier","shiftKey","Track","TrackActive","Thumb","displayName","Range"],"sources":["Slider.mjs"],"sourcesContent":["import { composeRefs, useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isIos, isWeb } from \"@tamagui/constants\";\nimport { getTokens, getVariableValue, styled, useConfiguration, useCreateShallowSetState } from \"@tamagui/core\";\nimport { getSize } from \"@tamagui/get-token\";\nimport { clamp, composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { ThemeableStack } from \"@tamagui/stacks\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport * as React from \"react\";\nimport { ARROW_KEYS, BACK_KEYS, PAGE_KEYS, SLIDER_NAME, SliderOrientationProvider, SliderProvider, useSliderContext, useSliderOrientationContext } from \"./constants\";\nimport { convertValueToPercentage, getClosestValueIndex, getDecimalCount, getLabel, getNextSortedValues, getThumbInBoundsOffset, hasMinStepsBetweenValues, linearScale, roundValue } from \"./helpers\";\nimport { SliderFrame, SliderImpl } from \"./SliderImpl\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst activeSliderMeasureListeners = /* @__PURE__ */ new Set();\nif (!process.env.TAMAGUI_DISABLE_SLIDER_INTERVAL) setInterval?.(() => {\n\tactiveSliderMeasureListeners.forEach((cb) => cb());\n}, 1e3);\nconst SliderHorizontal = React.forwardRef((props, forwardedRef) => {\n\tconst { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;\n\tconst direction = useDirection(dir);\n\tconst isDirectionLTR = direction === \"ltr\";\n\tconst sliderRef = React.useRef(null);\n\tconst [state, setState_] = React.useState(() => ({\n\t\tsize: 0,\n\t\toffset: 0\n\t}));\n\tconst setState = useCreateShallowSetState(setState_);\n\tfunction getValueFromPointer(pointerPosition) {\n\t\treturn linearScale([0, state.size], isDirectionLTR ? [min, max] : [max, min])(pointerPosition);\n\t}\n\tconst measure = () => {\n\t\tsliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {\n\t\t\tsetState({\n\t\t\t\tsize: width,\n\t\t\t\toffset: pageX\n\t\t\t});\n\t\t});\n\t};\n\tuseSliderMeasure(sliderRef, measure);\n\treturn /* @__PURE__ */ jsx(SliderOrientationProvider, {\n\t\tscope: props.__scopeSlider,\n\t\tstartEdge: isDirectionLTR ? \"left\" : \"right\",\n\t\tendEdge: isDirectionLTR ? \"right\" : \"left\",\n\t\tdirection: isDirectionLTR ? 1 : -1,\n\t\tsizeProp: \"width\",\n\t\tsize: state.size,\n\t\tchildren: /* @__PURE__ */ jsx(SliderImpl, {\n\t\t\tref: composeRefs(forwardedRef, sliderRef),\n\t\t\tdir: direction,\n\t\t\t...sliderProps,\n\t\t\torientation: \"horizontal\",\n\t\t\tonLayout: measure,\n\t\t\tonSlideStart: (event, target) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.locationX);\n\t\t\t\tif (value) onSlideStart?.(value, target, event);\n\t\t\t},\n\t\t\tonSlideMove: (event) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.pageX - state.offset);\n\t\t\t\tif (value) onSlideMove?.(value, event);\n\t\t\t},\n\t\t\tonSlideEnd: (event) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.pageX - state.offset);\n\t\t\t\tif (value) onSlideEnd?.(event, value);\n\t\t\t},\n\t\t\tonStepKeyDown: (event) => {\n\t\t\t\tconst isBackKey = BACK_KEYS[direction].includes(event.key);\n\t\t\t\tonStepKeyDown?.({\n\t\t\t\t\tevent,\n\t\t\t\t\tdirection: isBackKey ? -1 : 1\n\t\t\t\t});\n\t\t\t}\n\t\t})\n\t});\n});\nfunction useOnDebouncedWindowResize(callback, amt = 200) {\n\tReact.useEffect(() => {\n\t\tlet last;\n\t\tconst onResize = () => {\n\t\t\tclearTimeout(last);\n\t\t\tlast = setTimeout(callback, amt);\n\t\t};\n\t\twindow.addEventListener(\"resize\", onResize);\n\t\treturn () => {\n\t\t\tclearTimeout(last);\n\t\t\twindow.removeEventListener(\"resize\", onResize);\n\t\t};\n\t}, []);\n}\nfunction useSliderMeasure(sliderRef, measure) {\n\tuseOnDebouncedWindowResize(measure);\n\tReact.useEffect(() => {\n\t\tconst node = sliderRef.current;\n\t\tif (!node) return;\n\t\tlet measureTm;\n\t\tconst debouncedMeasure = () => {\n\t\t\tclearTimeout(measureTm);\n\t\t\tmeasureTm = setTimeout(() => {\n\t\t\t\tmeasure();\n\t\t\t}, 200);\n\t\t};\n\t\tconst io = new IntersectionObserver((entries) => {\n\t\t\tdebouncedMeasure();\n\t\t\tif (entries?.[0].isIntersecting) activeSliderMeasureListeners.add(debouncedMeasure);\n\t\t\telse activeSliderMeasureListeners.delete(debouncedMeasure);\n\t\t}, {\n\t\t\troot: null,\n\t\t\trootMargin: \"0px\",\n\t\t\tthreshold: [\n\t\t\t\t0,\n\t\t\t\t.5,\n\t\t\t\t1\n\t\t\t]\n\t\t});\n\t\tio.observe(node);\n\t\treturn () => {\n\t\t\tactiveSliderMeasureListeners.delete(debouncedMeasure);\n\t\t\tio.disconnect();\n\t\t};\n\t}, []);\n}\nconst SliderVertical = React.forwardRef((props, forwardedRef) => {\n\tconst { min, max, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;\n\tconst [state, setState_] = React.useState(() => ({\n\t\tsize: 0,\n\t\toffset: 0\n\t}));\n\tconst setState = useCreateShallowSetState(setState_);\n\tconst sliderRef = React.useRef(null);\n\tconst configuration = useConfiguration();\n\tconst insets = isIos && configuration.insets ? configuration.insets : {\n\t\ttop: 0,\n\t\tbottom: 0\n\t};\n\tfunction getValueFromPointer(pointerPosition) {\n\t\treturn linearScale([0, state.size], [max, min])(pointerPosition);\n\t}\n\tconst measure = () => {\n\t\tsliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {\n\t\t\tsetState({\n\t\t\t\tsize: height,\n\t\t\t\toffset: pageY + (isIos ? insets.top : 0)\n\t\t\t});\n\t\t});\n\t};\n\tuseSliderMeasure(sliderRef, measure);\n\treturn /* @__PURE__ */ jsx(SliderOrientationProvider, {\n\t\tscope: props.__scopeSlider,\n\t\tstartEdge: \"bottom\",\n\t\tendEdge: \"top\",\n\t\tsizeProp: \"height\",\n\t\tsize: state.size,\n\t\tdirection: 1,\n\t\tchildren: /* @__PURE__ */ jsx(SliderImpl, {\n\t\t\tref: composeRefs(forwardedRef, sliderRef),\n\t\t\t...sliderProps,\n\t\t\torientation: \"vertical\",\n\t\t\tonLayout: measure,\n\t\t\tonSlideStart: (event, target) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.locationY);\n\t\t\t\tif (value) onSlideStart?.(value, target, event);\n\t\t\t},\n\t\t\tonSlideMove: (event) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.pageY - state.offset);\n\t\t\t\tif (value) onSlideMove?.(value, event);\n\t\t\t},\n\t\t\tonSlideEnd: (event) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.pageY - state.offset);\n\t\t\t\tonSlideEnd?.(event, value);\n\t\t\t},\n\t\t\tonStepKeyDown: (event) => {\n\t\t\t\tconst isBackKey = BACK_KEYS.ltr.includes(event.key);\n\t\t\t\tonStepKeyDown?.({\n\t\t\t\t\tevent,\n\t\t\t\t\tdirection: isBackKey ? -1 : 1\n\t\t\t\t});\n\t\t\t}\n\t\t})\n\t});\n});\nconst SliderTrackFrame = styled(SliderFrame, {\n\tname: \"Slider\",\n\tvariants: { unstyled: { false: {\n\t\theight: \"100%\",\n\t\twidth: \"100%\",\n\t\tbackgroundColor: \"$background\",\n\t\tposition: \"relative\",\n\t\tborderRadius: 1e5,\n\t\toverflow: \"hidden\"\n\t} } },\n\tdefaultVariants: { unstyled: process.env.TAMAGUI_HEADLESS === \"1\" }\n});\nconst SliderTrack = React.forwardRef(function SliderTrack2(props, forwardedRef) {\n\tconst { __scopeSlider, ...trackProps } = props;\n\tconst context = useSliderContext(__scopeSlider);\n\treturn /* @__PURE__ */ jsx(SliderTrackFrame, {\n\t\t\"data-disabled\": context.disabled ? \"\" : void 0,\n\t\t\"data-orientation\": context.orientation,\n\t\torientation: context.orientation,\n\t\tsize: context.size,\n\t\t...trackProps,\n\t\tref: forwardedRef\n\t});\n});\nconst SliderActiveFrame = styled(SliderFrame, {\n\tname: \"SliderActive\",\n\tposition: \"absolute\",\n\tpointerEvents: \"box-none\",\n\tvariants: { unstyled: { false: {\n\t\tbackgroundColor: \"$background\",\n\t\tborderRadius: 1e5\n\t} } },\n\tdefaultVariants: { unstyled: process.env.TAMAGUI_HEADLESS === \"1\" }\n});\nconst SliderActive = React.forwardRef(function SliderActive2(props, forwardedRef) {\n\tconst { __scopeSlider, ...rangeProps } = props;\n\tconst context = useSliderContext(__scopeSlider);\n\tconst orientation = useSliderOrientationContext(__scopeSlider);\n\tconst composedRefs = useComposedRefs(forwardedRef, React.useRef(null));\n\tconst valuesCount = context.values.length;\n\tconst percentages = context.values.map((value) => convertValueToPercentage(value, context.min, context.max));\n\tconst offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;\n\tconst offsetEnd = 100 - Math.max(...percentages);\n\treturn /* @__PURE__ */ jsx(SliderActiveFrame, {\n\t\torientation: context.orientation,\n\t\t\"data-orientation\": context.orientation,\n\t\t\"data-disabled\": context.disabled ? \"\" : void 0,\n\t\tsize: context.size,\n\t\tanimateOnly: [\n\t\t\t\"left\",\n\t\t\t\"top\",\n\t\t\t\"right\",\n\t\t\t\"bottom\"\n\t\t],\n\t\t...rangeProps,\n\t\tref: composedRefs,\n\t\t[orientation.startEdge]: `${offsetStart}%`,\n\t\t[orientation.endEdge]: `${offsetEnd}%`,\n\t\t...orientation.sizeProp === \"width\" ? { height: \"100%\" } : {\n\t\t\tleft: 0,\n\t\t\tright: 0\n\t\t}\n\t});\n});\nconst getThumbSize = (val) => {\n\tconst tokens = getTokens();\n\tconst size = typeof val === \"number\" ? val : getSize(tokens.size[val], { shift: -1 });\n\treturn {\n\t\twidth: size,\n\t\theight: size,\n\t\tminWidth: size,\n\t\tminHeight: size\n\t};\n};\nconst SliderThumbFrame = styled(ThemeableStack, {\n\tname: \"SliderThumb\",\n\tvariants: {\n\t\tsize: {\n\t\t\t\"...size\": getThumbSize,\n\t\t\t\":number\": getThumbSize\n\t\t},\n\t\tunstyled: { false: {\n\t\t\tposition: \"absolute\",\n\t\t\tborderWidth: 2,\n\t\t\tborderColor: \"$borderColor\",\n\t\t\tbackgroundColor: \"$background\",\n\t\t\tpressStyle: {\n\t\t\t\tbackgroundColor: \"$backgroundPress\",\n\t\t\t\tborderColor: \"$borderColorPress\"\n\t\t\t},\n\t\t\thoverStyle: {\n\t\t\t\tbackgroundColor: \"$backgroundHover\",\n\t\t\t\tborderColor: \"$borderColorHover\"\n\t\t\t},\n\t\t\tfocusVisibleStyle: {\n\t\t\t\toutlineStyle: \"solid\",\n\t\t\t\toutlineWidth: 2,\n\t\t\t\toutlineColor: \"$outlineColor\"\n\t\t\t}\n\t\t} }\n\t},\n\tdefaultVariants: { unstyled: process.env.TAMAGUI_HEADLESS === \"1\" }\n});\nconst SliderThumb = SliderThumbFrame.styleable(function SliderThumb2(props, forwardedRef) {\n\tconst { __scopeSlider, index = 0, circular, size: sizeProp, ...thumbProps } = props;\n\tconst context = useSliderContext(__scopeSlider);\n\tconst orientation = useSliderOrientationContext(__scopeSlider);\n\tconst [thumb, setThumb] = React.useState(null);\n\tconst composedRefs = useComposedRefs(forwardedRef, setThumb);\n\tconst value = context.values[index];\n\tconst percent = value === void 0 ? 0 : convertValueToPercentage(value, context.min, context.max);\n\tconst label = getLabel(index, context.values.length);\n\tconst sizeIn = sizeProp ?? context.size ?? \"$true\";\n\tconst [size, setSize] = React.useState(() => {\n\t\treturn getVariableValue(getThumbSize(sizeIn).width);\n\t});\n\tconst thumbInBoundsOffset = size ? getThumbInBoundsOffset(size, percent, orientation.direction) : 0;\n\tReact.useEffect(() => {\n\t\tif (thumb) {\n\t\t\tcontext.thumbs.set(thumb, index);\n\t\t\treturn () => {\n\t\t\t\tcontext.thumbs.delete(thumb);\n\t\t\t};\n\t\t}\n\t}, [\n\t\tthumb,\n\t\tcontext.thumbs,\n\t\tindex\n\t]);\n\tconst positionalStyles = context.orientation === \"horizontal\" ? {\n\t\tx: (thumbInBoundsOffset - size / 2) * orientation.direction,\n\t\ty: -size / 2,\n\t\ttop: \"50%\",\n\t\t...size === 0 && {\n\t\t\ttop: \"auto\",\n\t\t\tbottom: \"auto\"\n\t\t}\n\t} : {\n\t\tx: -size / 2,\n\t\ty: size / 2,\n\t\tleft: \"50%\",\n\t\t...size === 0 && {\n\t\t\tleft: \"auto\",\n\t\t\tright: \"auto\"\n\t\t}\n\t};\n\treturn /* @__PURE__ */ jsx(SliderThumbFrame, {\n\t\tref: composedRefs,\n\t\trole: \"slider\",\n\t\t\"aria-label\": props[\"aria-label\"] || label,\n\t\t\"aria-valuemin\": context.min,\n\t\t\"aria-valuenow\": value,\n\t\t\"aria-valuemax\": context.max,\n\t\t\"aria-orientation\": context.orientation,\n\t\t\"data-orientation\": context.orientation,\n\t\t\"data-disabled\": context.disabled ? \"\" : void 0,\n\t\ttabIndex: context.disabled ? void 0 : 0,\n\t\tanimateOnly: [\n\t\t\t\"transform\",\n\t\t\t\"left\",\n\t\t\t\"top\",\n\t\t\t\"right\",\n\t\t\t\"bottom\"\n\t\t],\n\t\t...positionalStyles,\n\t\t[orientation.startEdge]: `${percent}%`,\n\t\tsize: sizeIn,\n\t\tcircular,\n\t\t...thumbProps,\n\t\tonLayout: (e) => {\n\t\t\tsetSize(e.nativeEvent.layout[orientation.sizeProp]);\n\t\t},\n\t\tonFocus: composeEventHandlers(props.onFocus, () => {\n\t\t\tcontext.valueIndexToChangeRef.current = index;\n\t\t})\n\t});\n}, { staticConfig: { memo: true } });\nconst Slider = withStaticProperties(React.forwardRef((props, forwardedRef) => {\n\tconst { name, min = 0, max = 100, step = 1, orientation = \"horizontal\", disabled = false, minStepsBetweenThumbs = 0, defaultValue = [min], value, onValueChange = () => {}, size: sizeProp, onSlideEnd, onSlideMove, onSlideStart, ...sliderProps } = props;\n\tconst sliderRef = React.useRef(null);\n\tconst composedRefs = useComposedRefs(sliderRef, forwardedRef);\n\tconst thumbRefs = React.useRef(/* @__PURE__ */ new Map());\n\tconst valueIndexToChangeRef = React.useRef(0);\n\tconst isHorizontal = orientation === \"horizontal\";\n\tconst [values = [], setValues] = useControllableState({\n\t\tprop: value,\n\t\tdefaultProp: defaultValue,\n\t\ttransition: true,\n\t\tonChange: (value2) => {\n\t\t\tupdateThumbFocus(valueIndexToChangeRef.current);\n\t\t\tonValueChange(value2);\n\t\t}\n\t});\n\tif (isWeb) React.useEffect(() => {\n\t\tconst node = sliderRef.current;\n\t\tif (!node) return;\n\t\tconst preventDefault = (e) => {\n\t\t\te.preventDefault();\n\t\t};\n\t\tnode.addEventListener(\"touchstart\", preventDefault);\n\t\treturn () => {\n\t\t\tnode.removeEventListener(\"touchstart\", preventDefault);\n\t\t};\n\t}, []);\n\tfunction updateThumbFocus(focusIndex) {\n\t\tif (!isWeb) return;\n\t\tfor (const [node, index] of thumbRefs.current.entries()) if (index === focusIndex) {\n\t\t\tnode.focus();\n\t\t\treturn;\n\t\t}\n\t}\n\tfunction handleSlideMove(value2, event) {\n\t\tupdateValues(value2, valueIndexToChangeRef.current);\n\t\tonSlideMove?.(event, value2);\n\t}\n\tfunction updateValues(value2, atIndex) {\n\t\tconst decimalCount = getDecimalCount(step);\n\t\tconst nextValue = clamp(roundValue(Math.round((value2 - min) / step) * step + min, decimalCount), [min, max]);\n\t\tsetValues((prevValues = []) => {\n\t\t\tconst nextValues = getNextSortedValues(prevValues, nextValue, atIndex);\n\t\t\tif (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {\n\t\t\t\tvalueIndexToChangeRef.current = nextValues.indexOf(nextValue);\n\t\t\t\treturn String(nextValues) === String(prevValues) ? prevValues : nextValues;\n\t\t\t}\n\t\t\treturn prevValues;\n\t\t});\n\t}\n\tconst SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;\n\treturn /* @__PURE__ */ jsx(SliderProvider, {\n\t\tscope: props.__scopeSlider,\n\t\tdisabled,\n\t\tmin,\n\t\tmax,\n\t\tvalueIndexToChangeRef,\n\t\tthumbs: thumbRefs.current,\n\t\tvalues,\n\t\torientation,\n\t\tsize: sizeProp,\n\t\tchildren: /* @__PURE__ */ jsx(SliderOriented, {\n\t\t\t\"aria-disabled\": disabled,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t\t...sliderProps,\n\t\t\tref: composedRefs,\n\t\t\tmin,\n\t\t\tmax,\n\t\t\tonSlideEnd,\n\t\t\tonSlideStart: disabled ? void 0 : (value2, target, event) => {\n\t\t\t\tif (target !== \"thumb\") updateValues(value2, getClosestValueIndex(values, value2));\n\t\t\t\tonSlideStart?.(event, value2, target);\n\t\t\t},\n\t\t\tonSlideMove: disabled ? void 0 : handleSlideMove,\n\t\t\tonHomeKeyDown: () => !disabled && updateValues(min, 0),\n\t\t\tonEndKeyDown: () => !disabled && updateValues(max, values.length - 1),\n\t\t\tonStepKeyDown: ({ event, direction: stepDirection }) => {\n\t\t\t\tif (!disabled) {\n\t\t\t\t\tconst multiplier = PAGE_KEYS.includes(event.key) || event.shiftKey && ARROW_KEYS.includes(event.key) ? 10 : 1;\n\t\t\t\t\tconst atIndex = valueIndexToChangeRef.current;\n\t\t\t\t\tconst value2 = values[atIndex];\n\t\t\t\t\tupdateValues(value2 + step * multiplier * stepDirection, atIndex);\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t});\n}), {\n\tTrack: SliderTrack,\n\tTrackActive: SliderActive,\n\tThumb: SliderThumb\n});\nSlider.displayName = SLIDER_NAME;\nconst Track = SliderTrack;\nconst Range = SliderActive;\nconst Thumb = SliderThumb;\n\nexport { Range, Slider, SliderActive, SliderActiveFrame, SliderThumb, SliderThumbFrame, SliderTrack, SliderTrackFrame, Thumb, Track };"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Slider.js","names":[],"sources":["jsx/Slider.js"],"sourcesContent":["import { composeRefs, useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isIos, isWeb } from \"@tamagui/constants\";\nimport { createRefComponent, createStyledHOC, getTokens, getVariableValue, resolveSizeToken, styled, useConfiguration, useCreateShallowSetState } from \"@tamagui/core\";\nimport { clamp, composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport * as React from \"react\";\nimport { ARROW_KEYS, BACK_KEYS, PAGE_KEYS, SLIDER_NAME, SliderOrientationProvider, SliderProvider, useSliderContext, useSliderOrientationContext } from \"./constants\";\nimport { convertValueToPercentage, getClosestValueIndex, getDecimalCount, getLabel, getNextSortedValues, getThumbInBoundsOffset, hasMinStepsBetweenValues, linearScale, roundValue } from \"./helpers\";\nimport { SliderFrame, SliderImpl } from \"./SliderImpl\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\nconst activeSliderMeasureListeners = /* @__PURE__ */ new Set();\nlet activeSliderMeasureInterval;\nfunction startSliderMeasureInterval() {\n\tif (activeSliderMeasureInterval !== void 0 || process.env.TAMAGUI_DISABLE_SLIDER_INTERVAL) return;\n\tactiveSliderMeasureInterval = setInterval(() => {\n\t\tactiveSliderMeasureListeners.forEach((cb) => cb());\n\t}, 1e3);\n}\nfunction addActiveSliderMeasureListener(listener) {\n\tactiveSliderMeasureListeners.add(listener);\n\tstartSliderMeasureInterval();\n}\nfunction removeActiveSliderMeasureListener(listener) {\n\tactiveSliderMeasureListeners.delete(listener);\n\tif (!activeSliderMeasureListeners.size && activeSliderMeasureInterval !== void 0) {\n\t\tclearInterval(activeSliderMeasureInterval);\n\t\tactiveSliderMeasureInterval = void 0;\n\t}\n}\nconst SliderHorizontal = createRefComponent((props, forwardedRef) => {\n\tconst { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;\n\tconst direction = useDirection(dir);\n\tconst isDirectionLTR = direction === \"ltr\";\n\tconst sliderRef = React.useRef(null);\n\tconst [state, setState_] = React.useState(() => ({\n\t\tsize: 0,\n\t\toffset: 0\n\t}));\n\tconst setState = useCreateShallowSetState(setState_);\n\tfunction getValueFromPointer(pointerPosition) {\n\t\treturn linearScale([0, state.size], isDirectionLTR ? [min, max] : [max, min])(pointerPosition);\n\t}\n\tconst measure = () => {\n\t\tsliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {\n\t\t\tsetState({\n\t\t\t\tsize: width,\n\t\t\t\toffset: pageX\n\t\t\t});\n\t\t});\n\t};\n\tuseSliderMeasure(sliderRef, measure);\n\treturn /* @__PURE__ */ jsx(SliderOrientationProvider, {\n\t\tscope: props.__scopeSlider,\n\t\tstartEdge: isDirectionLTR ? \"left\" : \"right\",\n\t\tendEdge: isDirectionLTR ? \"right\" : \"left\",\n\t\tdirection: isDirectionLTR ? 1 : -1,\n\t\tsizeProp: \"width\",\n\t\tsize: state.size,\n\t\tchildren: /* @__PURE__ */ jsx(SliderImpl, {\n\t\t\tref: composeRefs(forwardedRef, sliderRef),\n\t\t\tdir: direction,\n\t\t\t...sliderProps,\n\t\t\torientation: \"horizontal\",\n\t\t\tonLayout: measure,\n\t\t\tonSlideStart: (event, target) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.locationX);\n\t\t\t\tif (value) onSlideStart?.(value, target, event);\n\t\t\t},\n\t\t\tonSlideMove: (event) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.pageX - state.offset);\n\t\t\t\tif (value) onSlideMove?.(value, event);\n\t\t\t},\n\t\t\tonSlideEnd: (event) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.pageX - state.offset);\n\t\t\t\tif (value) onSlideEnd?.(event, value);\n\t\t\t},\n\t\t\tonStepKeyDown: (event) => {\n\t\t\t\tconst isBackKey = BACK_KEYS[direction].includes(event.key);\n\t\t\t\tonStepKeyDown?.({\n\t\t\t\t\tevent,\n\t\t\t\t\tdirection: isBackKey ? -1 : 1\n\t\t\t\t});\n\t\t\t}\n\t\t})\n\t});\n});\nfunction useOnDebouncedWindowResize(callback, amt = 200) {\n\tReact.useEffect(() => {\n\t\tlet last;\n\t\tconst onResize = () => {\n\t\t\tclearTimeout(last);\n\t\t\tlast = setTimeout(callback, amt);\n\t\t};\n\t\twindow.addEventListener(\"resize\", onResize);\n\t\treturn () => {\n\t\t\tclearTimeout(last);\n\t\t\twindow.removeEventListener(\"resize\", onResize);\n\t\t};\n\t}, []);\n}\nfunction useSliderMeasure(sliderRef, measure) {\n\tuseOnDebouncedWindowResize(measure);\n\tReact.useEffect(() => {\n\t\tconst node = sliderRef.current;\n\t\tif (!node) return;\n\t\tlet measureTm;\n\t\tconst debouncedMeasure = () => {\n\t\t\tclearTimeout(measureTm);\n\t\t\tmeasureTm = setTimeout(() => {\n\t\t\t\tmeasure();\n\t\t\t}, 200);\n\t\t};\n\t\tconst io = new IntersectionObserver((entries) => {\n\t\t\tdebouncedMeasure();\n\t\t\tif (entries?.[0].isIntersecting) addActiveSliderMeasureListener(debouncedMeasure);\n\t\t\telse removeActiveSliderMeasureListener(debouncedMeasure);\n\t\t}, {\n\t\t\troot: null,\n\t\t\trootMargin: \"0px\",\n\t\t\tthreshold: [\n\t\t\t\t0,\n\t\t\t\t.5,\n\t\t\t\t1\n\t\t\t]\n\t\t});\n\t\tio.observe(node);\n\t\treturn () => {\n\t\t\tremoveActiveSliderMeasureListener(debouncedMeasure);\n\t\t\tio.disconnect();\n\t\t};\n\t}, []);\n}\nconst SliderVertical = createRefComponent((props, forwardedRef) => {\n\tconst { min, max, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;\n\tconst [state, setState_] = React.useState(() => ({\n\t\tsize: 0,\n\t\toffset: 0\n\t}));\n\tconst setState = useCreateShallowSetState(setState_);\n\tconst sliderRef = React.useRef(null);\n\tconst configuration = useConfiguration();\n\tconst insets = isIos && configuration.insets ? configuration.insets : {\n\t\ttop: 0,\n\t\tbottom: 0\n\t};\n\tfunction getValueFromPointer(pointerPosition) {\n\t\treturn linearScale([0, state.size], [max, min])(pointerPosition);\n\t}\n\tconst measure = () => {\n\t\tsliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {\n\t\t\tsetState({\n\t\t\t\tsize: height,\n\t\t\t\toffset: pageY + (isIos ? insets.top : 0)\n\t\t\t});\n\t\t});\n\t};\n\tuseSliderMeasure(sliderRef, measure);\n\treturn /* @__PURE__ */ jsx(SliderOrientationProvider, {\n\t\tscope: props.__scopeSlider,\n\t\tstartEdge: \"bottom\",\n\t\tendEdge: \"top\",\n\t\tsizeProp: \"height\",\n\t\tsize: state.size,\n\t\tdirection: 1,\n\t\tchildren: /* @__PURE__ */ jsx(SliderImpl, {\n\t\t\tref: composeRefs(forwardedRef, sliderRef),\n\t\t\t...sliderProps,\n\t\t\torientation: \"vertical\",\n\t\t\tonLayout: measure,\n\t\t\tonSlideStart: (event, target) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.locationY);\n\t\t\t\tif (value) onSlideStart?.(value, target, event);\n\t\t\t},\n\t\t\tonSlideMove: (event) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.pageY - state.offset);\n\t\t\t\tif (value) onSlideMove?.(value, event);\n\t\t\t},\n\t\t\tonSlideEnd: (event) => {\n\t\t\t\tconst value = getValueFromPointer(event.nativeEvent.pageY - state.offset);\n\t\t\t\tonSlideEnd?.(event, value);\n\t\t\t},\n\t\t\tonStepKeyDown: (event) => {\n\t\t\t\tconst isBackKey = BACK_KEYS.ltr.includes(event.key);\n\t\t\t\tonStepKeyDown?.({\n\t\t\t\t\tevent,\n\t\t\t\t\tdirection: isBackKey ? -1 : 1\n\t\t\t\t});\n\t\t\t}\n\t\t})\n\t});\n});\nconst SliderTrackFrame = styled(SliderFrame, {\n\tdisplayName: \"Slider\",\n\theight: \"100%\",\n\twidth: \"100%\",\n\tposition: \"relative\",\n\toverflow: \"hidden\"\n});\nconst SliderTrack = createStyledHOC(SliderTrackFrame, function SliderTrack2(props, forwardedRef) {\n\tconst { __scopeSlider, ...trackProps } = props;\n\tconst context = useSliderContext(__scopeSlider);\n\treturn /* @__PURE__ */ jsx(SliderTrackFrame, {\n\t\t\"data-disabled\": context.disabled ? \"\" : void 0,\n\t\t\"data-orientation\": context.orientation,\n\t\torientation: context.orientation,\n\t\tsize: context.size,\n\t\t...trackProps,\n\t\tref: forwardedRef\n\t});\n});\nconst SliderActiveFrame = styled(SliderFrame, {\n\tdisplayName: \"SliderActive\",\n\tposition: \"absolute\",\n\tpointerEvents: \"box-none\"\n});\nconst SliderActive = createStyledHOC(SliderActiveFrame, function SliderActive2(props, forwardedRef) {\n\tconst { __scopeSlider, ...rangeProps } = props;\n\tconst context = useSliderContext(__scopeSlider);\n\tconst orientation = useSliderOrientationContext(__scopeSlider);\n\tconst composedRefs = useComposedRefs(forwardedRef, React.useRef(null));\n\tconst valuesCount = context.values.length;\n\tconst percentages = context.values.map((value) => convertValueToPercentage(value, context.min, context.max));\n\tconst offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;\n\tconst offsetEnd = 100 - Math.max(...percentages);\n\treturn /* @__PURE__ */ jsx(SliderActiveFrame, {\n\t\torientation: context.orientation,\n\t\t\"data-orientation\": context.orientation,\n\t\t\"data-disabled\": context.disabled ? \"\" : void 0,\n\t\tsize: context.size,\n\t\tanimateOnly: [\n\t\t\t\"left\",\n\t\t\t\"top\",\n\t\t\t\"right\",\n\t\t\t\"bottom\"\n\t\t],\n\t\t...rangeProps,\n\t\tref: composedRefs,\n\t\t[orientation.startEdge]: `${offsetStart}%`,\n\t\t[orientation.endEdge]: `${offsetEnd}%`,\n\t\t...orientation.sizeProp === \"width\" ? { height: \"100%\" } : {\n\t\t\tleft: 0,\n\t\t\tright: 0\n\t\t}\n\t});\n});\nconst getThumbSize = (val) => {\n\tconst tokens = getTokens();\n\tconst sizeToken = resolveSizeToken(val ?? true, \"size\");\n\tconst resolved = typeof sizeToken === \"number\" ? sizeToken : tokens.size[sizeToken];\n\tconst size = typeof val === \"number\" ? val : getVariableValue(resolved) * .86;\n\treturn {\n\t\twidth: size,\n\t\theight: size,\n\t\tminWidth: size,\n\t\tminHeight: size\n\t};\n};\nconst SliderThumbFrame = styled(YStack, {\n\tdisplayName: \"SliderThumb\",\n\tposition: \"absolute\",\n\tvariants: {\n\t\tsize: {\n\t\t\tnumber: getThumbSize,\n\t\t\tSize: getThumbSize\n\t\t},\n\t\tcircular: { true: {\n\t\t\tborderRadius: 1e5,\n\t\t\tpadding: 0\n\t\t} },\n\t\televate: { true: {\n\t\t\tshadowColor: \"shadow-color\",\n\t\t\tshadowRadius: 4,\n\t\t\tshadowOffset: {\n\t\t\t\twidth: 0,\n\t\t\t\theight: 2\n\t\t\t}\n\t\t} }\n\t}\n});\nconst SliderThumb = createStyledHOC(SliderThumbFrame, function SliderThumb2(props, forwardedRef) {\n\tconst { __scopeSlider, index = 0, circular, size: sizeProp, ...thumbProps } = props;\n\tconst context = useSliderContext(__scopeSlider);\n\tconst orientation = useSliderOrientationContext(__scopeSlider);\n\tconst [thumb, setThumb] = React.useState(null);\n\tconst composedRefs = useComposedRefs(forwardedRef, setThumb);\n\tconst value = context.values[index];\n\tconst percent = value === void 0 ? 0 : convertValueToPercentage(value, context.min, context.max);\n\tconst label = getLabel(index, context.values.length);\n\tconst sizeIn = sizeProp ?? context.size ?? true;\n\tconst [size, setSize] = React.useState(() => {\n\t\treturn getVariableValue(getThumbSize(sizeIn).width);\n\t});\n\tconst thumbInBoundsOffset = size ? getThumbInBoundsOffset(size, percent, orientation.direction) : 0;\n\tReact.useEffect(() => {\n\t\tif (thumb) {\n\t\t\tcontext.thumbs.set(thumb, index);\n\t\t\treturn () => {\n\t\t\t\tcontext.thumbs.delete(thumb);\n\t\t\t};\n\t\t}\n\t}, [\n\t\tthumb,\n\t\tcontext.thumbs,\n\t\tindex\n\t]);\n\tconst positionalStyles = context.orientation === \"horizontal\" ? {\n\t\tx: (thumbInBoundsOffset - size / 2) * orientation.direction,\n\t\ty: -size / 2,\n\t\ttop: \"50%\",\n\t\t...size === 0 && {\n\t\t\ttop: \"auto\",\n\t\t\tbottom: \"auto\"\n\t\t}\n\t} : {\n\t\tx: -size / 2,\n\t\ty: size / 2,\n\t\tleft: \"50%\",\n\t\t...size === 0 && {\n\t\t\tleft: \"auto\",\n\t\t\tright: \"auto\"\n\t\t}\n\t};\n\treturn /* @__PURE__ */ jsx(SliderThumbFrame, {\n\t\tref: composedRefs,\n\t\trole: \"slider\",\n\t\t\"aria-label\": props[\"aria-label\"] || label,\n\t\t\"aria-valuemin\": context.min,\n\t\t\"aria-valuenow\": value,\n\t\t\"aria-valuemax\": context.max,\n\t\t\"aria-orientation\": context.orientation,\n\t\t\"data-orientation\": context.orientation,\n\t\t\"data-disabled\": context.disabled ? \"\" : void 0,\n\t\ttabIndex: context.disabled ? void 0 : 0,\n\t\tanimateOnly: [\n\t\t\t\"transform\",\n\t\t\t\"left\",\n\t\t\t\"top\",\n\t\t\t\"right\",\n\t\t\t\"bottom\"\n\t\t],\n\t\t...positionalStyles,\n\t\t[orientation.startEdge]: `${percent}%`,\n\t\tsize: sizeIn,\n\t\tcircular,\n\t\t...thumbProps,\n\t\tonLayout: (e) => {\n\t\t\tsetSize(e.nativeEvent.layout[orientation.sizeProp]);\n\t\t},\n\t\tonFocus: composeEventHandlers(props.onFocus, () => {\n\t\t\tcontext.valueIndexToChangeRef.current = index;\n\t\t})\n\t});\n}, { staticConfig: { memo: true } });\nconst Slider = withStaticProperties(createRefComponent((props, forwardedRef) => {\n\tconst { name, min = 0, max = 100, step = 1, orientation = \"horizontal\", disabled = false, minStepsBetweenThumbs = 0, defaultValue = [min], value, onValueChange = () => {}, size: sizeProp, onSlideEnd, onSlideMove, onSlideStart, ...sliderProps } = props;\n\tconst sliderRef = React.useRef(null);\n\tconst composedRefs = useComposedRefs(sliderRef, forwardedRef);\n\tconst thumbRefs = React.useRef(/* @__PURE__ */ new Map());\n\tconst valueIndexToChangeRef = React.useRef(0);\n\tconst isHorizontal = orientation === \"horizontal\";\n\tconst [values = [], setValues] = useControllableState({\n\t\tprop: value,\n\t\tdefaultProp: defaultValue,\n\t\ttransition: true,\n\t\tonChange: (value2) => {\n\t\t\tupdateThumbFocus(valueIndexToChangeRef.current);\n\t\t\tonValueChange(value2);\n\t\t}\n\t});\n\tif (isWeb) React.useEffect(() => {\n\t\tconst node = sliderRef.current;\n\t\tif (!node) return;\n\t\tconst preventDefault = (e) => {\n\t\t\te.preventDefault();\n\t\t};\n\t\tnode.addEventListener(\"touchstart\", preventDefault);\n\t\treturn () => {\n\t\t\tnode.removeEventListener(\"touchstart\", preventDefault);\n\t\t};\n\t}, []);\n\tfunction updateThumbFocus(focusIndex) {\n\t\tif (!isWeb) return;\n\t\tfor (const [node, index] of thumbRefs.current.entries()) if (index === focusIndex) {\n\t\t\tnode.focus();\n\t\t\treturn;\n\t\t}\n\t}\n\tfunction handleSlideMove(value2, event) {\n\t\tupdateValues(value2, valueIndexToChangeRef.current);\n\t\tonSlideMove?.(event, value2);\n\t}\n\tfunction updateValues(value2, atIndex) {\n\t\tconst decimalCount = getDecimalCount(step);\n\t\tconst nextValue = clamp(roundValue(Math.round((value2 - min) / step) * step + min, decimalCount), [min, max]);\n\t\tsetValues((prevValues = []) => {\n\t\t\tconst nextValues = getNextSortedValues(prevValues, nextValue, atIndex);\n\t\t\tif (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {\n\t\t\t\tvalueIndexToChangeRef.current = nextValues.indexOf(nextValue);\n\t\t\t\treturn String(nextValues) === String(prevValues) ? prevValues : nextValues;\n\t\t\t}\n\t\t\treturn prevValues;\n\t\t});\n\t}\n\tconst SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;\n\treturn /* @__PURE__ */ jsxs(SliderProvider, {\n\t\tscope: props.__scopeSlider,\n\t\tdisabled,\n\t\tmin,\n\t\tmax,\n\t\tvalueIndexToChangeRef,\n\t\tthumbs: thumbRefs.current,\n\t\tvalues,\n\t\torientation,\n\t\tsize: sizeProp,\n\t\tchildren: [/* @__PURE__ */ jsx(SliderOriented, {\n\t\t\t\"aria-disabled\": disabled,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t\t...sliderProps,\n\t\t\tref: composedRefs,\n\t\t\tmin,\n\t\t\tmax,\n\t\t\tonSlideEnd,\n\t\t\tonSlideStart: disabled ? void 0 : (value2, target, event) => {\n\t\t\t\tif (target !== \"thumb\") updateValues(value2, getClosestValueIndex(values, value2));\n\t\t\t\tonSlideStart?.(event, value2, target);\n\t\t\t},\n\t\t\tonSlideMove: disabled ? void 0 : handleSlideMove,\n\t\t\tonHomeKeyDown: () => !disabled && updateValues(min, 0),\n\t\t\tonEndKeyDown: () => !disabled && updateValues(max, values.length - 1),\n\t\t\tonStepKeyDown: ({ event, direction: stepDirection }) => {\n\t\t\t\tif (!disabled) {\n\t\t\t\t\tconst multiplier = PAGE_KEYS.includes(event.key) || event.shiftKey && ARROW_KEYS.includes(event.key) ? 10 : 1;\n\t\t\t\t\tconst atIndex = valueIndexToChangeRef.current;\n\t\t\t\t\tconst value2 = values[atIndex];\n\t\t\t\t\tupdateValues(value2 + step * multiplier * stepDirection, atIndex);\n\t\t\t\t}\n\t\t\t}\n\t\t}), isWeb && name && values.map((value2, index) => /* @__PURE__ */ jsx(\"input\", {\n\t\t\ttype: \"hidden\",\n\t\t\tname,\n\t\t\tvalue: value2\n\t\t}, index))]\n\t});\n}), {\n\tTrack: SliderTrack,\n\tTrackActive: SliderActive,\n\tThumb: SliderThumb\n});\nSlider.displayName = SLIDER_NAME;\nconst Track = SliderTrack;\nconst Range = SliderActive;\nconst Thumb = SliderThumb;\n\nexport { Range, Slider, SliderActive, SliderActiveFrame, SliderThumb, SliderThumbFrame, SliderTrack, SliderTrackFrame, Thumb, Track };"],"mappings":"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"}
|
|
@@ -0,0 +1,469 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var __create = Object.create;
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __export = (target, all) => {
|
|
11
|
+
for (var name in all) __defProp(target, name, {
|
|
12
|
+
get: all[name],
|
|
13
|
+
enumerable: true
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
var __copyProps = (to, from, except, desc) => {
|
|
17
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
18
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
19
|
+
get: () => from[key],
|
|
20
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return to;
|
|
24
|
+
};
|
|
25
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: true
|
|
28
|
+
}) : target, mod));
|
|
29
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
+
var Slider_exports = {};
|
|
31
|
+
__export(Slider_exports, {
|
|
32
|
+
Range: () => Range,
|
|
33
|
+
Slider: () => Slider,
|
|
34
|
+
SliderActive: () => SliderActive,
|
|
35
|
+
SliderActiveFrame: () => SliderActiveFrame,
|
|
36
|
+
SliderThumb: () => SliderThumb,
|
|
37
|
+
SliderThumbFrame: () => SliderThumbFrame,
|
|
38
|
+
SliderTrack: () => SliderTrack,
|
|
39
|
+
SliderTrackFrame: () => SliderTrackFrame,
|
|
40
|
+
Thumb: () => Thumb,
|
|
41
|
+
Track: () => Track
|
|
42
|
+
});
|
|
43
|
+
module.exports = __toCommonJS(Slider_exports);
|
|
44
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
45
|
+
var import_compose_refs = require("@tamagui/compose-refs");
|
|
46
|
+
var import_constants = require("@tamagui/constants");
|
|
47
|
+
var import_core = require("@tamagui/core");
|
|
48
|
+
var import_helpers = require("@tamagui/helpers");
|
|
49
|
+
var import_stacks = require("@tamagui/stacks");
|
|
50
|
+
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
51
|
+
var import_use_direction = require("@tamagui/use-direction");
|
|
52
|
+
var React = __toESM(require("react"), 1);
|
|
53
|
+
var import_constants2 = require("./constants.native.js");
|
|
54
|
+
var import_helpers2 = require("./helpers.native.js");
|
|
55
|
+
var import_SliderImpl = require("./SliderImpl.native.js");
|
|
56
|
+
var SliderHorizontal = (0, import_core.createRefComponent)(function(props, forwardedRef) {
|
|
57
|
+
var { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;
|
|
58
|
+
var direction = (0, import_use_direction.useDirection)(dir);
|
|
59
|
+
var isDirectionLTR = direction === "ltr";
|
|
60
|
+
var sliderRef = React.useRef(null);
|
|
61
|
+
var [state, setState_] = React.useState(function() {
|
|
62
|
+
return {
|
|
63
|
+
size: 0,
|
|
64
|
+
offset: 0
|
|
65
|
+
};
|
|
66
|
+
});
|
|
67
|
+
var setState = (0, import_core.useCreateShallowSetState)(setState_);
|
|
68
|
+
function getValueFromPointer(pointerPosition) {
|
|
69
|
+
var input = [0, state.size];
|
|
70
|
+
var output = isDirectionLTR ? [min, max] : [max, min];
|
|
71
|
+
return (0, import_helpers2.linearScale)(input, output)(pointerPosition);
|
|
72
|
+
}
|
|
73
|
+
var measure = function() {
|
|
74
|
+
var _sliderRef_current;
|
|
75
|
+
(_sliderRef_current = sliderRef.current) === null || _sliderRef_current === void 0 || _sliderRef_current.measure(function(_x, _y, width, _height, pageX, _pageY) {
|
|
76
|
+
setState({
|
|
77
|
+
size: width,
|
|
78
|
+
offset: pageX
|
|
79
|
+
});
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_constants2.SliderOrientationProvider, {
|
|
83
|
+
scope: props.__scopeSlider,
|
|
84
|
+
startEdge: isDirectionLTR ? "left" : "right",
|
|
85
|
+
endEdge: isDirectionLTR ? "right" : "left",
|
|
86
|
+
direction: isDirectionLTR ? 1 : -1,
|
|
87
|
+
sizeProp: "width",
|
|
88
|
+
size: state.size,
|
|
89
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SliderImpl.SliderImpl, {
|
|
90
|
+
ref: (0, import_compose_refs.composeRefs)(forwardedRef, sliderRef),
|
|
91
|
+
dir: direction,
|
|
92
|
+
...sliderProps,
|
|
93
|
+
orientation: "horizontal",
|
|
94
|
+
onLayout: measure,
|
|
95
|
+
onSlideStart: function(event, target) {
|
|
96
|
+
var value = getValueFromPointer(event.nativeEvent.locationX);
|
|
97
|
+
if (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);
|
|
98
|
+
},
|
|
99
|
+
onSlideMove: function(event) {
|
|
100
|
+
var value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
|
|
101
|
+
if (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);
|
|
102
|
+
},
|
|
103
|
+
onSlideEnd: function(event) {
|
|
104
|
+
var value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
|
|
105
|
+
if (value) onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);
|
|
106
|
+
},
|
|
107
|
+
onStepKeyDown: function(event) {
|
|
108
|
+
var isBackKey = import_constants2.BACK_KEYS[direction].includes(event.key);
|
|
109
|
+
onStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({
|
|
110
|
+
event,
|
|
111
|
+
direction: isBackKey ? -1 : 1
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
})
|
|
115
|
+
});
|
|
116
|
+
});
|
|
117
|
+
var SliderVertical = (0, import_core.createRefComponent)(function(props, forwardedRef) {
|
|
118
|
+
var { min, max, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;
|
|
119
|
+
var [state, setState_] = React.useState(function() {
|
|
120
|
+
return {
|
|
121
|
+
size: 0,
|
|
122
|
+
offset: 0
|
|
123
|
+
};
|
|
124
|
+
});
|
|
125
|
+
var setState = (0, import_core.useCreateShallowSetState)(setState_);
|
|
126
|
+
var sliderRef = React.useRef(null);
|
|
127
|
+
var configuration = (0, import_core.useConfiguration)();
|
|
128
|
+
var insets = import_constants.isIos && configuration.insets ? configuration.insets : {
|
|
129
|
+
top: 0,
|
|
130
|
+
bottom: 0
|
|
131
|
+
};
|
|
132
|
+
function getValueFromPointer(pointerPosition) {
|
|
133
|
+
var input = [0, state.size];
|
|
134
|
+
var output = [max, min];
|
|
135
|
+
return (0, import_helpers2.linearScale)(input, output)(pointerPosition);
|
|
136
|
+
}
|
|
137
|
+
var measure = function() {
|
|
138
|
+
var _sliderRef_current;
|
|
139
|
+
(_sliderRef_current = sliderRef.current) === null || _sliderRef_current === void 0 || _sliderRef_current.measure(function(_x, _y, _width, height, _pageX, pageY) {
|
|
140
|
+
setState({
|
|
141
|
+
size: height,
|
|
142
|
+
offset: pageY + (import_constants.isIos ? insets.top : 0)
|
|
143
|
+
});
|
|
144
|
+
});
|
|
145
|
+
};
|
|
146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_constants2.SliderOrientationProvider, {
|
|
147
|
+
scope: props.__scopeSlider,
|
|
148
|
+
startEdge: "bottom",
|
|
149
|
+
endEdge: "top",
|
|
150
|
+
sizeProp: "height",
|
|
151
|
+
size: state.size,
|
|
152
|
+
direction: 1,
|
|
153
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SliderImpl.SliderImpl, {
|
|
154
|
+
ref: (0, import_compose_refs.composeRefs)(forwardedRef, sliderRef),
|
|
155
|
+
...sliderProps,
|
|
156
|
+
orientation: "vertical",
|
|
157
|
+
onLayout: measure,
|
|
158
|
+
onSlideStart: function(event, target) {
|
|
159
|
+
var value = getValueFromPointer(event.nativeEvent.locationY);
|
|
160
|
+
if (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);
|
|
161
|
+
},
|
|
162
|
+
onSlideMove: function(event) {
|
|
163
|
+
var value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
|
|
164
|
+
if (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);
|
|
165
|
+
},
|
|
166
|
+
onSlideEnd: function(event) {
|
|
167
|
+
var value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
|
|
168
|
+
onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);
|
|
169
|
+
},
|
|
170
|
+
onStepKeyDown: function(event) {
|
|
171
|
+
var isBackKey = import_constants2.BACK_KEYS.ltr.includes(event.key);
|
|
172
|
+
onStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({
|
|
173
|
+
event,
|
|
174
|
+
direction: isBackKey ? -1 : 1
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
})
|
|
178
|
+
});
|
|
179
|
+
});
|
|
180
|
+
var SliderTrackFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {
|
|
181
|
+
displayName: "Slider",
|
|
182
|
+
height: "100%",
|
|
183
|
+
width: "100%",
|
|
184
|
+
position: "relative",
|
|
185
|
+
overflow: "hidden"
|
|
186
|
+
});
|
|
187
|
+
var SliderTrack = (0, import_core.createStyledHOC)(SliderTrackFrame, function SliderTrack2(props, forwardedRef) {
|
|
188
|
+
var { __scopeSlider, ...trackProps } = props;
|
|
189
|
+
var context = (0, import_constants2.useSliderContext)(__scopeSlider);
|
|
190
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderTrackFrame, {
|
|
191
|
+
"data-disabled": context.disabled ? "" : void 0,
|
|
192
|
+
"data-orientation": context.orientation,
|
|
193
|
+
orientation: context.orientation,
|
|
194
|
+
size: context.size,
|
|
195
|
+
...trackProps,
|
|
196
|
+
ref: forwardedRef
|
|
197
|
+
});
|
|
198
|
+
});
|
|
199
|
+
var SliderActiveFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {
|
|
200
|
+
displayName: "SliderActive",
|
|
201
|
+
position: "absolute",
|
|
202
|
+
pointerEvents: "box-none"
|
|
203
|
+
});
|
|
204
|
+
var SliderActive = (0, import_core.createStyledHOC)(SliderActiveFrame, function SliderActive2(props, forwardedRef) {
|
|
205
|
+
var { __scopeSlider, ...rangeProps } = props;
|
|
206
|
+
var context = (0, import_constants2.useSliderContext)(__scopeSlider);
|
|
207
|
+
var orientation = (0, import_constants2.useSliderOrientationContext)(__scopeSlider);
|
|
208
|
+
var ref = React.useRef(null);
|
|
209
|
+
var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
|
|
210
|
+
var valuesCount = context.values.length;
|
|
211
|
+
var percentages = context.values.map(function(value) {
|
|
212
|
+
return (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max);
|
|
213
|
+
});
|
|
214
|
+
var offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
|
|
215
|
+
var offsetEnd = 100 - Math.max(...percentages);
|
|
216
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderActiveFrame, {
|
|
217
|
+
orientation: context.orientation,
|
|
218
|
+
"data-orientation": context.orientation,
|
|
219
|
+
"data-disabled": context.disabled ? "" : void 0,
|
|
220
|
+
size: context.size,
|
|
221
|
+
animateOnly: [
|
|
222
|
+
"left",
|
|
223
|
+
"top",
|
|
224
|
+
"right",
|
|
225
|
+
"bottom"
|
|
226
|
+
],
|
|
227
|
+
...rangeProps,
|
|
228
|
+
ref: composedRefs,
|
|
229
|
+
[orientation.startEdge]: `${offsetStart}%`,
|
|
230
|
+
[orientation.endEdge]: `${offsetEnd}%`,
|
|
231
|
+
...orientation.sizeProp === "width" ? { height: "100%" } : {
|
|
232
|
+
left: 0,
|
|
233
|
+
right: 0
|
|
234
|
+
}
|
|
235
|
+
});
|
|
236
|
+
});
|
|
237
|
+
var getThumbSize = function(val) {
|
|
238
|
+
var tokens = (0, import_core.getTokens)();
|
|
239
|
+
var sizeToken = (0, import_core.resolveSizeToken)(val !== null && val !== void 0 ? val : true, "size");
|
|
240
|
+
var resolved = typeof sizeToken === "number" ? sizeToken : tokens.size[sizeToken];
|
|
241
|
+
var size = typeof val === "number" ? val : (0, import_core.getVariableValue)(resolved) * .86;
|
|
242
|
+
return {
|
|
243
|
+
width: size,
|
|
244
|
+
height: size,
|
|
245
|
+
minWidth: size,
|
|
246
|
+
minHeight: size
|
|
247
|
+
};
|
|
248
|
+
};
|
|
249
|
+
var SliderThumbFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
250
|
+
displayName: "SliderThumb",
|
|
251
|
+
position: "absolute",
|
|
252
|
+
variants: {
|
|
253
|
+
size: {
|
|
254
|
+
number: getThumbSize,
|
|
255
|
+
Size: getThumbSize
|
|
256
|
+
},
|
|
257
|
+
circular: { true: {
|
|
258
|
+
borderRadius: 1e5,
|
|
259
|
+
padding: 0
|
|
260
|
+
} },
|
|
261
|
+
elevate: { true: {
|
|
262
|
+
shadowColor: "shadow-color",
|
|
263
|
+
shadowRadius: 4,
|
|
264
|
+
shadowOffset: {
|
|
265
|
+
width: 0,
|
|
266
|
+
height: 2
|
|
267
|
+
}
|
|
268
|
+
} }
|
|
269
|
+
}
|
|
270
|
+
});
|
|
271
|
+
var SliderThumb = (0, import_core.createStyledHOC)(SliderThumbFrame, function SliderThumb2(props, forwardedRef) {
|
|
272
|
+
var { __scopeSlider, index = 0, circular, size: sizeProp, ...thumbProps } = props;
|
|
273
|
+
var context = (0, import_constants2.useSliderContext)(__scopeSlider);
|
|
274
|
+
var orientation = (0, import_constants2.useSliderOrientationContext)(__scopeSlider);
|
|
275
|
+
var [thumb, setThumb] = React.useState(null);
|
|
276
|
+
var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb);
|
|
277
|
+
var value = context.values[index];
|
|
278
|
+
var percent = value === void 0 ? 0 : (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max);
|
|
279
|
+
var label = (0, import_helpers2.getLabel)(index, context.values.length);
|
|
280
|
+
var _ref;
|
|
281
|
+
var sizeIn = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : context.size) !== null && _ref !== void 0 ? _ref : true;
|
|
282
|
+
var [size, setSize] = React.useState(function() {
|
|
283
|
+
return (0, import_core.getVariableValue)(getThumbSize(sizeIn).width);
|
|
284
|
+
});
|
|
285
|
+
var thumbInBoundsOffset = size ? (0, import_helpers2.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;
|
|
286
|
+
React.useEffect(function() {
|
|
287
|
+
if (thumb) {
|
|
288
|
+
context.thumbs.set(thumb, index);
|
|
289
|
+
return function() {
|
|
290
|
+
context.thumbs.delete(thumb);
|
|
291
|
+
};
|
|
292
|
+
}
|
|
293
|
+
}, [
|
|
294
|
+
thumb,
|
|
295
|
+
context.thumbs,
|
|
296
|
+
index
|
|
297
|
+
]);
|
|
298
|
+
var positionalStyles = context.orientation === "horizontal" ? {
|
|
299
|
+
x: (thumbInBoundsOffset - size / 2) * orientation.direction,
|
|
300
|
+
y: -size / 2,
|
|
301
|
+
top: "50%",
|
|
302
|
+
...size === 0 && {
|
|
303
|
+
top: "auto",
|
|
304
|
+
bottom: "auto"
|
|
305
|
+
}
|
|
306
|
+
} : {
|
|
307
|
+
x: -size / 2,
|
|
308
|
+
y: size / 2,
|
|
309
|
+
left: "50%",
|
|
310
|
+
...size === 0 && {
|
|
311
|
+
left: "auto",
|
|
312
|
+
right: "auto"
|
|
313
|
+
}
|
|
314
|
+
};
|
|
315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderThumbFrame, {
|
|
316
|
+
ref: composedRefs,
|
|
317
|
+
role: "slider",
|
|
318
|
+
"aria-label": props["aria-label"] || label,
|
|
319
|
+
"aria-valuemin": context.min,
|
|
320
|
+
"aria-valuenow": value,
|
|
321
|
+
"aria-valuemax": context.max,
|
|
322
|
+
"aria-orientation": context.orientation,
|
|
323
|
+
"data-orientation": context.orientation,
|
|
324
|
+
"data-disabled": context.disabled ? "" : void 0,
|
|
325
|
+
tabIndex: context.disabled ? void 0 : 0,
|
|
326
|
+
animateOnly: [
|
|
327
|
+
"transform",
|
|
328
|
+
"left",
|
|
329
|
+
"top",
|
|
330
|
+
"right",
|
|
331
|
+
"bottom"
|
|
332
|
+
],
|
|
333
|
+
...positionalStyles,
|
|
334
|
+
[orientation.startEdge]: `${percent}%`,
|
|
335
|
+
size: sizeIn,
|
|
336
|
+
circular,
|
|
337
|
+
...thumbProps,
|
|
338
|
+
onLayout: function(e) {
|
|
339
|
+
setSize(e.nativeEvent.layout[orientation.sizeProp]);
|
|
340
|
+
},
|
|
341
|
+
onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, function() {
|
|
342
|
+
context.valueIndexToChangeRef.current = index;
|
|
343
|
+
})
|
|
344
|
+
});
|
|
345
|
+
}, { staticConfig: { memo: true } });
|
|
346
|
+
var SliderComponent = (0, import_core.createRefComponent)(function(props, forwardedRef) {
|
|
347
|
+
var { name, min = 0, max = 100, step = 1, orientation = "horizontal", disabled = false, minStepsBetweenThumbs = 0, defaultValue = [min], value, onValueChange = function() {}, size: sizeProp, onSlideEnd, onSlideMove, onSlideStart, ...sliderProps } = props;
|
|
348
|
+
var sliderRef = React.useRef(null);
|
|
349
|
+
var composedRefs = (0, import_compose_refs.useComposedRefs)(sliderRef, forwardedRef);
|
|
350
|
+
var thumbRefs = React.useRef(/* @__PURE__ */ new Map());
|
|
351
|
+
var valueIndexToChangeRef = React.useRef(0);
|
|
352
|
+
var isHorizontal = orientation === "horizontal";
|
|
353
|
+
var [values = [], setValues] = (0, import_use_controllable_state.useControllableState)({
|
|
354
|
+
prop: value,
|
|
355
|
+
defaultProp: defaultValue,
|
|
356
|
+
transition: true,
|
|
357
|
+
onChange: function(value2) {
|
|
358
|
+
updateThumbFocus(valueIndexToChangeRef.current);
|
|
359
|
+
onValueChange(value2);
|
|
360
|
+
}
|
|
361
|
+
});
|
|
362
|
+
if (import_constants.isWeb) React.useEffect(function() {
|
|
363
|
+
var node = sliderRef.current;
|
|
364
|
+
if (!node) return;
|
|
365
|
+
var preventDefault = function(e) {
|
|
366
|
+
e.preventDefault();
|
|
367
|
+
};
|
|
368
|
+
node.addEventListener("touchstart", preventDefault);
|
|
369
|
+
return function() {
|
|
370
|
+
node.removeEventListener("touchstart", preventDefault);
|
|
371
|
+
};
|
|
372
|
+
}, []);
|
|
373
|
+
function updateThumbFocus(focusIndex) {
|
|
374
|
+
if (!import_constants.isWeb) return;
|
|
375
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
376
|
+
try {
|
|
377
|
+
for (var _iterator = thumbRefs.current.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
378
|
+
var [node, index] = _step.value;
|
|
379
|
+
if (index === focusIndex) {
|
|
380
|
+
node.focus();
|
|
381
|
+
return;
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
} catch (err) {
|
|
385
|
+
_didIteratorError = true;
|
|
386
|
+
_iteratorError = err;
|
|
387
|
+
} finally {
|
|
388
|
+
try {
|
|
389
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
|
|
390
|
+
} finally {
|
|
391
|
+
if (_didIteratorError) throw _iteratorError;
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
}
|
|
395
|
+
function handleSlideMove(value2, event) {
|
|
396
|
+
updateValues(value2, valueIndexToChangeRef.current);
|
|
397
|
+
onSlideMove === null || onSlideMove === void 0 || onSlideMove(event, value2);
|
|
398
|
+
}
|
|
399
|
+
function updateValues(value2, atIndex) {
|
|
400
|
+
var decimalCount = (0, import_helpers2.getDecimalCount)(step);
|
|
401
|
+
var snapToStep = (0, import_helpers2.roundValue)(Math.round((value2 - min) / step) * step + min, decimalCount);
|
|
402
|
+
var nextValue = (0, import_helpers.clamp)(snapToStep, [min, max]);
|
|
403
|
+
setValues(function() {
|
|
404
|
+
var prevValues = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
405
|
+
var nextValues = (0, import_helpers2.getNextSortedValues)(prevValues, nextValue, atIndex);
|
|
406
|
+
if ((0, import_helpers2.hasMinStepsBetweenValues)(nextValues, minStepsBetweenThumbs * step)) {
|
|
407
|
+
valueIndexToChangeRef.current = nextValues.indexOf(nextValue);
|
|
408
|
+
return String(nextValues) === String(prevValues) ? prevValues : nextValues;
|
|
409
|
+
}
|
|
410
|
+
return prevValues;
|
|
411
|
+
});
|
|
412
|
+
}
|
|
413
|
+
var SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;
|
|
414
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_constants2.SliderProvider, {
|
|
415
|
+
scope: props.__scopeSlider,
|
|
416
|
+
disabled,
|
|
417
|
+
min,
|
|
418
|
+
max,
|
|
419
|
+
valueIndexToChangeRef,
|
|
420
|
+
thumbs: thumbRefs.current,
|
|
421
|
+
values,
|
|
422
|
+
orientation,
|
|
423
|
+
size: sizeProp,
|
|
424
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderOriented, {
|
|
425
|
+
"aria-disabled": disabled,
|
|
426
|
+
"data-disabled": disabled ? "" : void 0,
|
|
427
|
+
...sliderProps,
|
|
428
|
+
ref: composedRefs,
|
|
429
|
+
min,
|
|
430
|
+
max,
|
|
431
|
+
onSlideEnd,
|
|
432
|
+
onSlideStart: disabled ? void 0 : function(value2, target, event) {
|
|
433
|
+
if (target !== "thumb") updateValues(value2, (0, import_helpers2.getClosestValueIndex)(values, value2));
|
|
434
|
+
onSlideStart === null || onSlideStart === void 0 || onSlideStart(event, value2, target);
|
|
435
|
+
},
|
|
436
|
+
onSlideMove: disabled ? void 0 : handleSlideMove,
|
|
437
|
+
onHomeKeyDown: function() {
|
|
438
|
+
return !disabled && updateValues(min, 0);
|
|
439
|
+
},
|
|
440
|
+
onEndKeyDown: function() {
|
|
441
|
+
return !disabled && updateValues(max, values.length - 1);
|
|
442
|
+
},
|
|
443
|
+
onStepKeyDown: function(param) {
|
|
444
|
+
var { event, direction: stepDirection } = param;
|
|
445
|
+
if (!disabled) {
|
|
446
|
+
var multiplier = import_constants2.PAGE_KEYS.includes(event.key) || event.shiftKey && import_constants2.ARROW_KEYS.includes(event.key) ? 10 : 1;
|
|
447
|
+
var atIndex = valueIndexToChangeRef.current;
|
|
448
|
+
var value2 = values[atIndex];
|
|
449
|
+
updateValues(value2 + step * multiplier * stepDirection, atIndex);
|
|
450
|
+
}
|
|
451
|
+
}
|
|
452
|
+
}), import_constants.isWeb && name && values.map(function(value2, index) {
|
|
453
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
|
|
454
|
+
type: "hidden",
|
|
455
|
+
name,
|
|
456
|
+
value: value2
|
|
457
|
+
}, index);
|
|
458
|
+
})]
|
|
459
|
+
});
|
|
460
|
+
});
|
|
461
|
+
var Slider = (0, import_helpers.withStaticProperties)(SliderComponent, {
|
|
462
|
+
Track: SliderTrack,
|
|
463
|
+
TrackActive: SliderActive,
|
|
464
|
+
Thumb: SliderThumb
|
|
465
|
+
});
|
|
466
|
+
Slider.displayName = import_constants2.SLIDER_NAME;
|
|
467
|
+
var Track = SliderTrack;
|
|
468
|
+
var Range = SliderActive;
|
|
469
|
+
var Thumb = SliderThumb;
|