@tamagui/slider 2.0.0-rc.9 → 2.0.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 (89) hide show
  1. package/dist/cjs/Slider.cjs +450 -429
  2. package/dist/cjs/Slider.native.js +452 -458
  3. package/dist/cjs/Slider.native.js.map +1 -1
  4. package/dist/cjs/SliderImpl.cjs +127 -100
  5. package/dist/cjs/SliderImpl.native.js +147 -117
  6. package/dist/cjs/SliderImpl.native.js.map +1 -1
  7. package/dist/cjs/constants.cjs +39 -37
  8. package/dist/cjs/constants.native.js +40 -38
  9. package/dist/cjs/constants.native.js.map +1 -1
  10. package/dist/cjs/helpers.cjs +32 -20
  11. package/dist/cjs/helpers.native.js +34 -26
  12. package/dist/cjs/helpers.native.js.map +1 -1
  13. package/dist/cjs/index.cjs +15 -13
  14. package/dist/cjs/index.native.js +15 -13
  15. package/dist/cjs/index.native.js.map +1 -1
  16. package/dist/cjs/types.cjs +7 -5
  17. package/dist/cjs/types.native.js +7 -5
  18. package/dist/cjs/types.native.js.map +1 -1
  19. package/dist/esm/Slider.mjs +407 -395
  20. package/dist/esm/Slider.mjs.map +1 -1
  21. package/dist/esm/Slider.native.js +408 -423
  22. package/dist/esm/Slider.native.js.map +1 -1
  23. package/dist/esm/SliderImpl.mjs +95 -70
  24. package/dist/esm/SliderImpl.mjs.map +1 -1
  25. package/dist/esm/SliderImpl.native.js +115 -87
  26. package/dist/esm/SliderImpl.native.js.map +1 -1
  27. package/dist/esm/constants.mjs +27 -27
  28. package/dist/esm/constants.mjs.map +1 -1
  29. package/dist/esm/constants.native.js +27 -27
  30. package/dist/esm/constants.native.js.map +1 -1
  31. package/dist/esm/helpers.mjs +20 -10
  32. package/dist/esm/helpers.mjs.map +1 -1
  33. package/dist/esm/helpers.native.js +22 -16
  34. package/dist/esm/helpers.native.js.map +1 -1
  35. package/dist/esm/index.js +4 -7
  36. package/dist/esm/index.js.map +1 -6
  37. package/dist/jsx/Slider.mjs +407 -395
  38. package/dist/jsx/Slider.mjs.map +1 -1
  39. package/dist/jsx/Slider.native.js +452 -458
  40. package/dist/jsx/Slider.native.js.map +1 -1
  41. package/dist/jsx/SliderImpl.mjs +95 -70
  42. package/dist/jsx/SliderImpl.mjs.map +1 -1
  43. package/dist/jsx/SliderImpl.native.js +147 -117
  44. package/dist/jsx/SliderImpl.native.js.map +1 -1
  45. package/dist/jsx/constants.mjs +27 -27
  46. package/dist/jsx/constants.mjs.map +1 -1
  47. package/dist/jsx/constants.native.js +40 -38
  48. package/dist/jsx/constants.native.js.map +1 -1
  49. package/dist/jsx/helpers.mjs +20 -10
  50. package/dist/jsx/helpers.mjs.map +1 -1
  51. package/dist/jsx/helpers.native.js +34 -26
  52. package/dist/jsx/helpers.native.js.map +1 -1
  53. package/dist/jsx/index.js +4 -7
  54. package/dist/jsx/index.js.map +1 -6
  55. package/dist/jsx/index.native.js +15 -13
  56. package/dist/jsx/types.native.js +7 -5
  57. package/package.json +16 -16
  58. package/dist/cjs/Slider.js +0 -486
  59. package/dist/cjs/Slider.js.map +0 -6
  60. package/dist/cjs/SliderImpl.js +0 -115
  61. package/dist/cjs/SliderImpl.js.map +0 -6
  62. package/dist/cjs/constants.js +0 -47
  63. package/dist/cjs/constants.js.map +0 -6
  64. package/dist/cjs/helpers.js +0 -74
  65. package/dist/cjs/helpers.js.map +0 -6
  66. package/dist/cjs/index.js +0 -23
  67. package/dist/cjs/index.js.map +0 -6
  68. package/dist/cjs/types.js +0 -14
  69. package/dist/cjs/types.js.map +0 -6
  70. package/dist/esm/Slider.js +0 -499
  71. package/dist/esm/Slider.js.map +0 -6
  72. package/dist/esm/SliderImpl.js +0 -98
  73. package/dist/esm/SliderImpl.js.map +0 -6
  74. package/dist/esm/constants.js +0 -31
  75. package/dist/esm/constants.js.map +0 -6
  76. package/dist/esm/helpers.js +0 -58
  77. package/dist/esm/helpers.js.map +0 -6
  78. package/dist/esm/types.js +0 -1
  79. package/dist/esm/types.js.map +0 -6
  80. package/dist/jsx/Slider.js +0 -499
  81. package/dist/jsx/Slider.js.map +0 -6
  82. package/dist/jsx/SliderImpl.js +0 -98
  83. package/dist/jsx/SliderImpl.js.map +0 -6
  84. package/dist/jsx/constants.js +0 -31
  85. package/dist/jsx/constants.js.map +0 -6
  86. package/dist/jsx/helpers.js +0 -58
  87. package/dist/jsx/helpers.js.map +0 -6
  88. package/dist/jsx/types.js +0 -1
  89. package/dist/jsx/types.js.map +0 -6
@@ -1,499 +0,0 @@
1
- import { composeRefs, useComposedRefs } from "@tamagui/compose-refs";
2
- import { isIos, isWeb } from "@tamagui/constants";
3
- import {
4
- getTokens,
5
- getVariableValue,
6
- styled,
7
- useConfiguration,
8
- useCreateShallowSetState
9
- } from "@tamagui/core";
10
- import { getSize } from "@tamagui/get-token";
11
- import { clamp, composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
12
- import { ThemeableStack } from "@tamagui/stacks";
13
- import { useControllableState } from "@tamagui/use-controllable-state";
14
- import { useDirection } from "@tamagui/use-direction";
15
- import * as React from "react";
16
- import {
17
- ARROW_KEYS,
18
- BACK_KEYS,
19
- PAGE_KEYS,
20
- SLIDER_NAME,
21
- SliderOrientationProvider,
22
- SliderProvider,
23
- useSliderContext,
24
- useSliderOrientationContext
25
- } from "./constants";
26
- import {
27
- convertValueToPercentage,
28
- getClosestValueIndex,
29
- getDecimalCount,
30
- getLabel,
31
- getNextSortedValues,
32
- getThumbInBoundsOffset,
33
- hasMinStepsBetweenValues,
34
- linearScale,
35
- roundValue
36
- } from "./helpers";
37
- import { SliderFrame, SliderImpl } from "./SliderImpl";
38
- import { jsx } from "react/jsx-runtime";
39
- const activeSliderMeasureListeners = /* @__PURE__ */ new Set();
40
- process.env.TAMAGUI_DISABLE_SLIDER_INTERVAL || setInterval?.(
41
- () => {
42
- activeSliderMeasureListeners.forEach((cb) => cb());
43
- },
44
- // really doesn't need to be super often
45
- 1e3
46
- );
47
- const SliderHorizontal = React.forwardRef(
48
- (props, forwardedRef) => {
49
- const {
50
- min,
51
- max,
52
- dir,
53
- onSlideStart,
54
- onSlideMove,
55
- onStepKeyDown,
56
- onSlideEnd,
57
- ...sliderProps
58
- } = props, direction = useDirection(dir), isDirectionLTR = direction === "ltr", sliderRef = React.useRef(null), [state, setState_] = React.useState(() => ({ size: 0, offset: 0 })), setState = useCreateShallowSetState(setState_);
59
- function getValueFromPointer(pointerPosition) {
60
- const input = [0, state.size];
61
- return linearScale(input, isDirectionLTR ? [min, max] : [max, min])(pointerPosition);
62
- }
63
- const measure = () => {
64
- sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
65
- setState({
66
- size: width,
67
- offset: pageX
68
- });
69
- });
70
- };
71
- return useSliderMeasure(sliderRef, measure), /* @__PURE__ */ jsx(
72
- SliderOrientationProvider,
73
- {
74
- scope: props.__scopeSlider,
75
- startEdge: isDirectionLTR ? "left" : "right",
76
- endEdge: isDirectionLTR ? "right" : "left",
77
- direction: isDirectionLTR ? 1 : -1,
78
- sizeProp: "width",
79
- size: state.size,
80
- children: /* @__PURE__ */ jsx(
81
- SliderImpl,
82
- {
83
- ref: composeRefs(forwardedRef, sliderRef),
84
- dir: direction,
85
- ...sliderProps,
86
- orientation: "horizontal",
87
- onLayout: measure,
88
- onSlideStart: (event, target) => {
89
- const value = getValueFromPointer(event.nativeEvent.locationX);
90
- value && onSlideStart?.(value, target, event);
91
- },
92
- onSlideMove: (event) => {
93
- const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
94
- value && onSlideMove?.(value, event);
95
- },
96
- onSlideEnd: (event) => {
97
- const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
98
- value && onSlideEnd?.(event, value);
99
- },
100
- onStepKeyDown: (event) => {
101
- const isBackKey = BACK_KEYS[direction].includes(event.key);
102
- onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 });
103
- }
104
- }
105
- )
106
- }
107
- );
108
- }
109
- );
110
- function useOnDebouncedWindowResize(callback, amt = 200) {
111
- React.useEffect(() => {
112
- let last;
113
- const onResize = () => {
114
- clearTimeout(last), last = setTimeout(callback, amt);
115
- };
116
- return window.addEventListener("resize", onResize), () => {
117
- clearTimeout(last), window.removeEventListener("resize", onResize);
118
- };
119
- }, []);
120
- }
121
- function useSliderMeasure(sliderRef, measure) {
122
- useOnDebouncedWindowResize(measure), React.useEffect(() => {
123
- const node = sliderRef.current;
124
- if (!node) return;
125
- let measureTm;
126
- const debouncedMeasure = () => {
127
- clearTimeout(measureTm), measureTm = setTimeout(() => {
128
- measure();
129
- }, 200);
130
- }, io = new IntersectionObserver(
131
- (entries) => {
132
- debouncedMeasure(), entries?.[0].isIntersecting ? activeSliderMeasureListeners.add(debouncedMeasure) : activeSliderMeasureListeners.delete(debouncedMeasure);
133
- },
134
- {
135
- root: null,
136
- rootMargin: "0px",
137
- threshold: [0, 0.5, 1]
138
- }
139
- );
140
- return io.observe(node), () => {
141
- activeSliderMeasureListeners.delete(debouncedMeasure), io.disconnect();
142
- };
143
- }, []);
144
- }
145
- const SliderVertical = React.forwardRef(
146
- (props, forwardedRef) => {
147
- const {
148
- min,
149
- max,
150
- onSlideStart,
151
- onSlideMove,
152
- onStepKeyDown,
153
- onSlideEnd,
154
- ...sliderProps
155
- } = props, [state, setState_] = React.useState(() => ({ size: 0, offset: 0 })), setState = useCreateShallowSetState(setState_), sliderRef = React.useRef(null), configuration = useConfiguration(), insets = isIos && configuration.insets ? configuration.insets : { top: 0, bottom: 0 };
156
- function getValueFromPointer(pointerPosition) {
157
- const input = [0, state.size];
158
- return linearScale(input, [max, min])(pointerPosition);
159
- }
160
- const measure = () => {
161
- sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
162
- setState({
163
- size: height,
164
- offset: pageY + (isIos ? insets.top : 0)
165
- });
166
- });
167
- };
168
- return useSliderMeasure(sliderRef, measure), /* @__PURE__ */ jsx(
169
- SliderOrientationProvider,
170
- {
171
- scope: props.__scopeSlider,
172
- startEdge: "bottom",
173
- endEdge: "top",
174
- sizeProp: "height",
175
- size: state.size,
176
- direction: 1,
177
- children: /* @__PURE__ */ jsx(
178
- SliderImpl,
179
- {
180
- ref: composeRefs(forwardedRef, sliderRef),
181
- ...sliderProps,
182
- orientation: "vertical",
183
- onLayout: measure,
184
- onSlideStart: (event, target) => {
185
- const value = getValueFromPointer(event.nativeEvent.locationY);
186
- value && onSlideStart?.(value, target, event);
187
- },
188
- onSlideMove: (event) => {
189
- const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
190
- value && onSlideMove?.(value, event);
191
- },
192
- onSlideEnd: (event) => {
193
- const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
194
- onSlideEnd?.(event, value);
195
- },
196
- onStepKeyDown: (event) => {
197
- const isBackKey = BACK_KEYS.ltr.includes(event.key);
198
- onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 });
199
- }
200
- }
201
- )
202
- }
203
- );
204
- }
205
- ), SliderTrackFrame = styled(SliderFrame, {
206
- name: "Slider",
207
- variants: {
208
- unstyled: {
209
- false: {
210
- height: "100%",
211
- width: "100%",
212
- backgroundColor: "$background",
213
- position: "relative",
214
- borderRadius: 1e5,
215
- overflow: "hidden"
216
- }
217
- }
218
- },
219
- defaultVariants: {
220
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
221
- }
222
- }), SliderTrack = React.forwardRef(
223
- function(props, forwardedRef) {
224
- const { __scopeSlider, ...trackProps } = props, context = useSliderContext(__scopeSlider);
225
- return /* @__PURE__ */ jsx(
226
- SliderTrackFrame,
227
- {
228
- "data-disabled": context.disabled ? "" : void 0,
229
- "data-orientation": context.orientation,
230
- orientation: context.orientation,
231
- size: context.size,
232
- ...trackProps,
233
- ref: forwardedRef
234
- }
235
- );
236
- }
237
- ), SliderActiveFrame = styled(SliderFrame, {
238
- name: "SliderActive",
239
- position: "absolute",
240
- pointerEvents: "box-none",
241
- variants: {
242
- unstyled: {
243
- false: {
244
- backgroundColor: "$background",
245
- borderRadius: 1e5
246
- }
247
- }
248
- },
249
- defaultVariants: {
250
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
251
- }
252
- }), SliderActive = React.forwardRef(function(props, forwardedRef) {
253
- const { __scopeSlider, ...rangeProps } = props, context = useSliderContext(__scopeSlider), orientation = useSliderOrientationContext(__scopeSlider), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(
254
- (value) => convertValueToPercentage(value, context.min, context.max)
255
- ), offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0, offsetEnd = 100 - Math.max(...percentages);
256
- return /* @__PURE__ */ jsx(
257
- SliderActiveFrame,
258
- {
259
- orientation: context.orientation,
260
- "data-orientation": context.orientation,
261
- "data-disabled": context.disabled ? "" : void 0,
262
- size: context.size,
263
- animateOnly: ["left", "top", "right", "bottom"],
264
- ...rangeProps,
265
- ref: composedRefs,
266
- [orientation.startEdge]: `${offsetStart}%`,
267
- [orientation.endEdge]: `${offsetEnd}%`,
268
- ...orientation.sizeProp === "width" ? {
269
- height: "100%"
270
- } : {
271
- left: 0,
272
- right: 0
273
- }
274
- }
275
- );
276
- }), getThumbSize = (val) => {
277
- const tokens = getTokens(), size = typeof val == "number" ? val : getSize(tokens.size[val], {
278
- shift: -1
279
- });
280
- return {
281
- width: size,
282
- height: size,
283
- minWidth: size,
284
- minHeight: size
285
- };
286
- }, SliderThumbFrame = styled(ThemeableStack, {
287
- name: "SliderThumb",
288
- variants: {
289
- size: {
290
- "...size": getThumbSize,
291
- ":number": getThumbSize
292
- },
293
- unstyled: {
294
- false: {
295
- position: "absolute",
296
- borderWidth: 2,
297
- borderColor: "$borderColor",
298
- backgroundColor: "$background",
299
- pressStyle: {
300
- backgroundColor: "$backgroundPress",
301
- borderColor: "$borderColorPress"
302
- },
303
- hoverStyle: {
304
- backgroundColor: "$backgroundHover",
305
- borderColor: "$borderColorHover"
306
- },
307
- focusVisibleStyle: {
308
- outlineStyle: "solid",
309
- outlineWidth: 2,
310
- outlineColor: "$outlineColor"
311
- }
312
- }
313
- }
314
- },
315
- defaultVariants: {
316
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
317
- }
318
- }), SliderThumb = SliderThumbFrame.styleable(
319
- function(props, forwardedRef) {
320
- const { __scopeSlider, index = 0, circular, size: sizeProp, ...thumbProps } = props, context = useSliderContext(__scopeSlider), orientation = useSliderOrientationContext(__scopeSlider), [thumb, setThumb] = React.useState(null), composedRefs = useComposedRefs(forwardedRef, setThumb), value = context.values[index], percent = value === void 0 ? 0 : convertValueToPercentage(value, context.min, context.max), label = getLabel(index, context.values.length), sizeIn = sizeProp ?? context.size ?? "$true", [size, setSize] = React.useState(() => getVariableValue(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size ? getThumbInBoundsOffset(size, percent, orientation.direction) : 0;
321
- React.useEffect(() => {
322
- if (thumb)
323
- return context.thumbs.set(thumb, index), () => {
324
- context.thumbs.delete(thumb);
325
- };
326
- }, [thumb, context.thumbs, index]);
327
- const positionalStyles = context.orientation === "horizontal" ? {
328
- x: (thumbInBoundsOffset - size / 2) * orientation.direction,
329
- y: -size / 2,
330
- top: "50%",
331
- ...size === 0 && {
332
- top: "auto",
333
- bottom: "auto"
334
- }
335
- } : {
336
- x: -size / 2,
337
- y: size / 2,
338
- left: "50%",
339
- ...size === 0 && {
340
- left: "auto",
341
- right: "auto"
342
- }
343
- };
344
- return /* @__PURE__ */ jsx(
345
- SliderThumbFrame,
346
- {
347
- ref: composedRefs,
348
- role: "slider",
349
- "aria-label": props["aria-label"] || label,
350
- "aria-valuemin": context.min,
351
- "aria-valuenow": value,
352
- "aria-valuemax": context.max,
353
- "aria-orientation": context.orientation,
354
- "data-orientation": context.orientation,
355
- "data-disabled": context.disabled ? "" : void 0,
356
- tabIndex: context.disabled ? void 0 : 0,
357
- animateOnly: ["transform", "left", "top", "right", "bottom"],
358
- ...positionalStyles,
359
- [orientation.startEdge]: `${percent}%`,
360
- size: sizeIn,
361
- circular,
362
- ...thumbProps,
363
- onLayout: (e) => {
364
- setSize(e.nativeEvent.layout[orientation.sizeProp]);
365
- },
366
- onFocus: composeEventHandlers(props.onFocus, () => {
367
- context.valueIndexToChangeRef.current = index;
368
- })
369
- }
370
- );
371
- },
372
- {
373
- staticConfig: {
374
- memo: !0
375
- }
376
- }
377
- ), SliderComponent = React.forwardRef(
378
- (props, forwardedRef) => {
379
- const {
380
- name,
381
- min = 0,
382
- max = 100,
383
- step = 1,
384
- orientation = "horizontal",
385
- disabled = !1,
386
- minStepsBetweenThumbs = 0,
387
- defaultValue = [min],
388
- value,
389
- onValueChange = () => {
390
- },
391
- size: sizeProp,
392
- onSlideEnd,
393
- onSlideMove,
394
- onSlideStart,
395
- ...sliderProps
396
- } = props, sliderRef = React.useRef(null), composedRefs = useComposedRefs(sliderRef, forwardedRef), thumbRefs = React.useRef(/* @__PURE__ */ new Map()), valueIndexToChangeRef = React.useRef(0), isHorizontal = orientation === "horizontal", [values = [], setValues] = useControllableState({
397
- prop: value,
398
- defaultProp: defaultValue,
399
- transition: !0,
400
- onChange: (value2) => {
401
- updateThumbFocus(valueIndexToChangeRef.current), onValueChange(value2);
402
- }
403
- });
404
- isWeb && React.useEffect(() => {
405
- const node = sliderRef.current;
406
- if (!node) return;
407
- const preventDefault = (e) => {
408
- e.preventDefault();
409
- };
410
- return node.addEventListener("touchstart", preventDefault), () => {
411
- node.removeEventListener("touchstart", preventDefault);
412
- };
413
- }, []);
414
- function updateThumbFocus(focusIndex) {
415
- if (isWeb) {
416
- for (const [node, index] of thumbRefs.current.entries())
417
- if (index === focusIndex) {
418
- node.focus();
419
- return;
420
- }
421
- }
422
- }
423
- function handleSlideMove(value2, event) {
424
- updateValues(value2, valueIndexToChangeRef.current), onSlideMove?.(event, value2);
425
- }
426
- function updateValues(value2, atIndex) {
427
- const decimalCount = getDecimalCount(step), snapToStep = roundValue(
428
- Math.round((value2 - min) / step) * step + min,
429
- decimalCount
430
- ), nextValue = clamp(snapToStep, [min, max]);
431
- setValues((prevValues = []) => {
432
- const nextValues = getNextSortedValues(prevValues, nextValue, atIndex);
433
- return hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step) ? (valueIndexToChangeRef.current = nextValues.indexOf(nextValue), String(nextValues) === String(prevValues) ? prevValues : nextValues) : prevValues;
434
- });
435
- }
436
- const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;
437
- return /* @__PURE__ */ jsx(
438
- SliderProvider,
439
- {
440
- scope: props.__scopeSlider,
441
- disabled,
442
- min,
443
- max,
444
- valueIndexToChangeRef,
445
- thumbs: thumbRefs.current,
446
- values,
447
- orientation,
448
- size: sizeProp,
449
- children: /* @__PURE__ */ jsx(
450
- SliderOriented,
451
- {
452
- "aria-disabled": disabled,
453
- "data-disabled": disabled ? "" : void 0,
454
- ...sliderProps,
455
- ref: composedRefs,
456
- min,
457
- max,
458
- onSlideEnd,
459
- onSlideStart: disabled ? void 0 : (value2, target, event) => {
460
- if (target !== "thumb") {
461
- const closestIndex = getClosestValueIndex(values, value2);
462
- updateValues(value2, closestIndex);
463
- }
464
- onSlideStart?.(event, value2, target);
465
- },
466
- onSlideMove: disabled ? void 0 : handleSlideMove,
467
- onHomeKeyDown: () => !disabled && updateValues(min, 0),
468
- onEndKeyDown: () => !disabled && updateValues(max, values.length - 1),
469
- onStepKeyDown: ({ event, direction: stepDirection }) => {
470
- if (!disabled) {
471
- const multiplier = PAGE_KEYS.includes(event.key) || event.shiftKey && ARROW_KEYS.includes(event.key) ? 10 : 1, atIndex = valueIndexToChangeRef.current, value2 = values[atIndex], stepInDirection = step * multiplier * stepDirection;
472
- updateValues(value2 + stepInDirection, atIndex);
473
- }
474
- }
475
- }
476
- )
477
- }
478
- );
479
- }
480
- ), Slider = withStaticProperties(SliderComponent, {
481
- Track: SliderTrack,
482
- TrackActive: SliderActive,
483
- Thumb: SliderThumb
484
- });
485
- Slider.displayName = SLIDER_NAME;
486
- const Track = SliderTrack, Range = SliderActive, Thumb = SliderThumb;
487
- export {
488
- Range,
489
- Slider,
490
- SliderActive,
491
- SliderActiveFrame,
492
- SliderThumb,
493
- SliderThumbFrame,
494
- SliderTrack,
495
- SliderTrackFrame,
496
- Thumb,
497
- Track
498
- };
499
- //# sourceMappingURL=Slider.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Slider.tsx"],
4
- "mappings": "AAEA,SAAS,aAAa,uBAAuB;AAC7C,SAAS,OAAO,aAAa;AAO7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,OAAO,sBAAsB,4BAA4B;AAElE,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,YAAY,WAAW;AAGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,kBAAkB;AA8EhC;AApER,MAAM,+BAA+B,oBAAI,IAAc;AAMhD,QAAQ,IAAI,mCACf;AAAA,EACE,MAAM;AACJ,iCAA6B,QAAQ,CAAC,OAAO,GAAG,CAAC;AAAA,EACnD;AAAA;AAAA,EAEA;AACF;AAQJ,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAA2C,iBAAiB;AAC3D,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,YAAY,aAAa,GAAG,GAC5B,iBAAiB,cAAc,OAC/B,YAAY,MAAM,OAAa,IAAI,GACnC,CAAC,OAAO,SAAS,IAAI,MAAM,SAAS,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE,GAClE,WAAW,yBAAyB,SAAS;AAEnD,aAAS,oBAAoB,iBAAyB;AACpD,YAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAG9C,aADc,YAAY,OADO,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CACjC,EAC1B,eAAe;AAAA,IAC9B;AAEA,UAAM,UAAU,MAAM;AACpB,gBAAU,SAAS,QAAQ,CAAC,IAAI,IAAI,OAAO,SAAS,OAAO,WAAW;AACpE,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQ;AAAA,QACV,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAGE,4BAAiB,WAAW,OAAO,GAInC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb,WAAW,iBAAiB,SAAS;AAAA,QACrC,SAAS,iBAAiB,UAAU;AAAA,QACpC,WAAW,iBAAiB,IAAI;AAAA,QAChC,UAAS;AAAA,QACT,MAAM,MAAM;AAAA,QAEZ;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,YAAY,cAAc,SAAS;AAAA,YACxC,KAAK;AAAA,YACJ,GAAG;AAAA,YACJ,aAAY;AAAA,YACZ,UAAU;AAAA,YACV,cAAc,CAAC,OAAO,WAAW;AAC/B,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,SAAS;AAC7D,cAAI,SACF,eAAe,OAAO,QAAQ,KAAK;AAAA,YAEvC;AAAA,YACA,aAAa,CAAC,UAAU;AACtB,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;AACxE,cAAI,SACF,cAAc,OAAO,KAAK;AAAA,YAE9B;AAAA,YACA,YAAY,CAAC,UAAU;AACrB,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;AACxE,cAAI,SACF,aAAa,OAAO,KAAK;AAAA,YAE7B;AAAA,YACA,eAAe,CAAC,UAAU;AACxB,oBAAM,YAAY,UAAU,SAAS,EAAE,SAAS,MAAM,GAAG;AACzD,8BAAgB,EAAE,OAAO,WAAW,YAAY,KAAK,EAAE,CAAC;AAAA,YAC1D;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,SAAS,2BAA2B,UAAoB,MAAM,KAAK;AACjE,QAAM,UAAU,MAAM;AACpB,QAAI;AACJ,UAAM,WAAW,MAAM;AACrB,mBAAa,IAAI,GACjB,OAAO,WAAW,UAAU,GAAG;AAAA,IACjC;AACA,kBAAO,iBAAiB,UAAU,QAAQ,GACnC,MAAM;AACX,mBAAa,IAAI,GACjB,OAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC;AACP;AAEA,SAAS,iBAAiB,WAAyC,SAAqB;AACtF,6BAA2B,OAAO,GAElC,MAAM,UAAU,MAAM;AACpB,UAAM,OAAO,UAAU;AACvB,QAAI,CAAC,KAAM;AAEX,QAAI;AACJ,UAAM,mBAAmB,MAAM;AAC7B,mBAAa,SAAS,GACtB,YAAY,WAAW,MAAM;AAC3B,gBAAQ;AAAA,MACV,GAAG,GAAG;AAAA,IACR,GAEM,KAAK,IAAI;AAAA,MACb,CAAC,YAAY;AACX,yBAAiB,GACb,UAAU,CAAC,EAAE,iBACf,6BAA6B,IAAI,gBAAgB,IAEjD,6BAA6B,OAAO,gBAAgB;AAAA,MAExD;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW,CAAC,GAAG,KAAK,CAAG;AAAA,MACzB;AAAA,IACF;AAEA,cAAG,QAAQ,IAAI,GAER,MAAM;AACX,mCAA6B,OAAO,gBAAgB,GACpD,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AACP;AAMA,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAyC,iBAAiB;AACzD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,CAAC,OAAO,SAAS,IAAI,MAAM,SAAS,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE,GAClE,WAAW,yBAAyB,SAAS,GAC7C,YAAY,MAAM,OAAa,IAAI,GACnC,gBAAgB,iBAAiB,GAEjC,SACJ,SAAS,cAAc,SAAS,cAAc,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE;AAE7E,aAAS,oBAAoB,iBAAyB;AACpD,YAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAG9C,aADc,YAAY,OADO,CAAC,KAAK,GAAG,CACH,EAC1B,eAAe;AAAA,IAC9B;AAEA,UAAM,UAAU,MAAM;AACpB,gBAAU,SAAS,QAAQ,CAAC,IAAI,IAAI,QAAQ,QAAQ,QAAQ,UAAU;AACpE,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQ,SAAS,QAAQ,OAAO,MAAM;AAAA,QACxC,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAGE,4BAAiB,WAAW,OAAO,GAInC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAS;AAAA,QACT,MAAM,MAAM;AAAA,QACZ,WAAW;AAAA,QAEX;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,YAAY,cAAc,SAAS;AAAA,YACvC,GAAG;AAAA,YACJ,aAAY;AAAA,YACZ,UAAU;AAAA,YACV,cAAc,CAAC,OAAO,WAAW;AAC/B,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,SAAS;AAC7D,cAAI,SACF,eAAe,OAAO,QAAQ,KAAK;AAAA,YAEvC;AAAA,YACA,aAAa,CAAC,UAAU;AACtB,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;AACxE,cAAI,SACF,cAAc,OAAO,KAAK;AAAA,YAE9B;AAAA,YACA,YAAY,CAAC,UAAU;AACrB,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;AACxE,2BAAa,OAAO,KAAK;AAAA,YAC3B;AAAA,YACA,eAAe,CAAC,UAAU;AACxB,oBAAM,YAAY,UAAU,IAAI,SAAS,MAAM,GAAG;AAClD,8BAAgB,EAAE,OAAO,WAAW,YAAY,KAAK,EAAE,CAAC;AAAA,YAC1D;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF,GAQa,mBAAmB,OAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,cAAc;AAAA,QACd,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,cAAc,MAAM;AAAA,EACxB,SAAqB,OAAsC,cAAc;AACvE,UAAM,EAAE,eAAe,GAAG,WAAW,IAAI,OACnC,UAAU,iBAAiB,aAAa;AAC9C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,oBAAkB,QAAQ;AAAA,QAC1B,aAAa,QAAQ;AAAA,QACrB,MAAM,QAAQ;AAAA,QACb,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ;AACF,GAMa,oBAAoB,OAAO,aAAa;AAAA,EACnD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAIK,eAAe,MAAM,WAAoC,SAC7D,OACA,cACA;AACA,QAAM,EAAE,eAAe,GAAG,WAAW,IAAI,OACnC,UAAU,iBAAiB,aAAa,GACxC,cAAc,4BAA4B,aAAa,GACvD,MAAM,MAAM,OAAa,IAAI,GAC7B,eAAe,gBAAgB,cAAc,GAAG,GAChD,cAAc,QAAQ,OAAO,QAC7B,cAAc,QAAQ,OAAO;AAAA,IAAI,CAAC,UACtC,yBAAyB,OAAO,QAAQ,KAAK,QAAQ,GAAG;AAAA,EAC1D,GACM,cAAc,cAAc,IAAI,KAAK,IAAI,GAAG,WAAW,IAAI,GAC3D,YAAY,MAAM,KAAK,IAAI,GAAG,WAAW;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa,QAAQ;AAAA,MACrB,oBAAkB,QAAQ;AAAA,MAC1B,iBAAe,QAAQ,WAAW,KAAK;AAAA,MACvC,MAAM,QAAQ;AAAA,MACd,aAAa,CAAC,QAAQ,OAAO,SAAS,QAAQ;AAAA,MAC7C,GAAG;AAAA,MACJ,KAAK;AAAA,MAEH,CAAC,YAAY,SAAS,GAAG,GAAG,WAAW;AAAA,MACvC,CAAC,YAAY,OAAO,GAAG,GAAG,SAAS;AAAA,MAEpC,GAAI,YAAY,aAAa,UAC1B;AAAA,QACE,QAAQ;AAAA,MACV,IACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA;AAAA,EACN;AAEJ,CAAC,GAQK,eAAe,CAAC,QAA8B;AAClD,QAAM,SAAS,UAAU,GACnB,OACJ,OAAO,OAAQ,WACX,MACA,QAAQ,OAAO,KAAK,GAAU,GAAU;AAAA,IACtC,OAAO;AAAA,EACT,CAAC;AACP,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF,GAEa,mBAAmB,OAAO,gBAAgB;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,aAAa;AAAA,QACb,aAAa;AAAA,QACb,iBAAiB;AAAA,QACjB,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,QACA,mBAAmB;AAAA,UACjB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAQK,cAAc,iBAAiB;AAAA,EACnC,SAAqB,OAAsC,cAAc;AACvE,UAAM,EAAE,eAAe,QAAQ,GAAG,UAAU,MAAM,UAAU,GAAG,WAAW,IAAI,OACxE,UAAU,iBAAiB,aAAa,GACxC,cAAc,4BAA4B,aAAa,GACvD,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAgC,IAAI,GAC9D,eAAe,gBAAgB,cAAc,QAAe,GAG5D,QAAQ,QAAQ,OAAO,KAAK,GAC5B,UACJ,UAAU,SAAY,IAAI,yBAAyB,OAAO,QAAQ,KAAK,QAAQ,GAAG,GAC9E,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM,GAC7C,SAAS,YAAY,QAAQ,QAAQ,SACrC,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,MAEf,iBAAiB,aAAa,MAAM,EAAE,KAAK,CAElE,GAEK,sBAAsB,OACxB,uBAAuB,MAAM,SAAS,YAAY,SAAS,IAC3D;AAEJ,UAAM,UAAU,MAAM;AACpB,UAAI;AACF,uBAAQ,OAAO,IAAI,OAAO,KAAK,GACxB,MAAM;AACX,kBAAQ,OAAO,OAAO,KAAK;AAAA,QAC7B;AAAA,IAEJ,GAAG,CAAC,OAAO,QAAQ,QAAQ,KAAK,CAAC;AAEjC,UAAM,mBACJ,QAAQ,gBAAgB,eACpB;AAAA,MACE,IAAI,sBAAsB,OAAO,KAAK,YAAY;AAAA,MAClD,GAAG,CAAC,OAAO;AAAA,MACX,KAAK;AAAA,MACL,GAAI,SAAS,KAAK;AAAA,QAChB,KAAK;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF,IACA;AAAA,MACE,GAAG,CAAC,OAAO;AAAA,MACX,GAAG,OAAO;AAAA,MACV,MAAM;AAAA,MACN,GAAI,SAAS,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAEN,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,cAAY,MAAM,YAAY,KAAK;AAAA,QACnC,iBAAe,QAAQ;AAAA,QACvB,iBAAe;AAAA,QACf,iBAAe,QAAQ;AAAA,QACvB,oBAAkB,QAAQ;AAAA,QAC1B,oBAAkB,QAAQ;AAAA,QAC1B,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,UAAU,QAAQ,WAAW,SAAY;AAAA,QACzC,aAAa,CAAC,aAAa,QAAQ,OAAO,SAAS,QAAQ;AAAA,QAC1D,GAAG;AAAA,QAEF,CAAC,YAAY,SAAS,GAAG,GAAG,OAAO;AAAA,QAErC,MAAM;AAAA,QACN;AAAA,QACC,GAAG;AAAA,QACJ,UAAU,CAAC,MAAM;AACf,kBAAQ,EAAE,YAAY,OAAO,YAAY,QAAQ,CAAC;AAAA,QACpD;AAAA,QAQA,SAAS,qBAAqB,MAAM,SAAS,MAAM;AACjD,kBAAQ,sBAAsB,UAAU;AAAA,QAC1C,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAMM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAiC,iBAAiB;AACjD,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,WAAW;AAAA,MACX,wBAAwB;AAAA,MACxB,eAAe,CAAC,GAAG;AAAA,MACnB;AAAA,MACA,gBAAgB,MAAM;AAAA,MAAC;AAAA,MACvB,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,YAAY,MAAM,OAAa,IAAI,GACnC,eAAe,gBAAgB,WAAW,YAAY,GACtD,YAAY,MAAM,OAAqC,oBAAI,IAAI,CAAC,GAChE,wBAAwB,MAAM,OAAe,CAAC,GAC9C,eAAe,gBAAgB,cAK/B,CAAC,SAAS,CAAC,GAAG,SAAS,IAAI,qBAAqB;AAAA,MACpD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,UAAU,CAACA,WAAoB;AAC7B,yBAAiB,sBAAsB,OAAO,GAC9C,cAAcA,MAAK;AAAA,MACrB;AAAA,IACF,CAAC;AAED,IAAI,SACF,MAAM,UAAU,MAAM;AAEpB,YAAM,OAAO,UAAU;AACvB,UAAI,CAAC,KAAM;AACX,YAAM,iBAAiB,CAAC,MAAM;AAC5B,UAAE,eAAe;AAAA,MACnB;AACA,kBAAK,iBAAiB,cAAc,cAAc,GAC3C,MAAM;AACX,aAAK,oBAAoB,cAAc,cAAc;AAAA,MACvD;AAAA,IACF,GAAG,CAAC,CAAC;AAGP,aAAS,iBAAiB,YAAoB;AAE5C,UAAK;AAEL,mBAAW,CAAC,MAAM,KAAK,KAAK,UAAU,QAAQ,QAAQ;AACpD,cAAI,UAAU,YAAY;AACxB,iBAAK,MAAM;AACX;AAAA,UACF;AAAA;AAAA,IAEJ;AAEA,aAAS,gBAAgBA,QAAe,OAA6B;AACnE,mBAAaA,QAAO,sBAAsB,OAAO,GACjD,cAAc,OAAOA,MAAK;AAAA,IAC5B;AAEA,aAAS,aAAaA,QAAe,SAAiB;AACpD,YAAM,eAAe,gBAAgB,IAAI,GACnC,aAAa;AAAA,QACjB,KAAK,OAAOA,SAAQ,OAAO,IAAI,IAAI,OAAO;AAAA,QAC1C;AAAA,MACF,GACM,YAAY,MAAM,YAAY,CAAC,KAAK,GAAG,CAAC;AAC9C,gBAAU,CAAC,aAAa,CAAC,MAAM;AAC7B,cAAM,aAAa,oBAAoB,YAAY,WAAW,OAAO;AACrE,eAAI,yBAAyB,YAAY,wBAAwB,IAAI,KACnE,sBAAsB,UAAU,WAAW,QAAQ,SAAS,GACrD,OAAO,UAAU,MAAM,OAAO,UAAU,IAAI,aAAa,cAE3D;AAAA,MACT,CAAC;AAAA,IACH;AAEA,UAAM,iBAAiB,eAAe,mBAAmB;AAEzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,UAAU;AAAA,QAClB;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QAEN;AAAA,UAAC;AAAA;AAAA,YACC,iBAAe;AAAA,YACf,iBAAe,WAAW,KAAK;AAAA,YAC9B,GAAG;AAAA,YACJ,KAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA,cACE,WACI,SACA,CAACA,QAAe,QAAQ,UAAU;AAGhC,kBAAI,WAAW,SAAS;AACtB,sBAAM,eAAe,qBAAqB,QAAQA,MAAK;AACvD,6BAAaA,QAAO,YAAY;AAAA,cAClC;AACA,6BAAe,OAAOA,QAAO,MAAM;AAAA,YACrC;AAAA,YAEN,aAAa,WAAW,SAAY;AAAA,YACpC,eAAe,MAAM,CAAC,YAAY,aAAa,KAAK,CAAC;AAAA,YACrD,cAAc,MAAM,CAAC,YAAY,aAAa,KAAK,OAAO,SAAS,CAAC;AAAA,YACpE,eAAe,CAAC,EAAE,OAAO,WAAW,cAAc,MAAM;AACtD,kBAAI,CAAC,UAAU;AAIb,sBAAM,aAHY,UAAU,SAAS,MAAM,GAAG,KAE9B,MAAM,YAAY,WAAW,SAAS,MAAM,GAAG,IAChC,KAAK,GAC9B,UAAU,sBAAsB,SAChCA,SAAQ,OAAO,OAAO,GACtB,kBAAkB,OAAO,aAAa;AAC5C,6BAAaA,SAAQ,iBAAiB,OAAO;AAAA,cAC/C;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IASF;AAAA,EAEJ;AACF,GAEM,SAAS,qBAAqB,iBAAiB;AAAA,EACnD,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AACT,CAAC;AAED,OAAO,cAAc;AAqCrB,MAAM,QAAQ,aACR,QAAQ,cACR,QAAQ;",
5
- "names": ["value"]
6
- }
@@ -1,98 +0,0 @@
1
- import { isWeb } from "@tamagui/constants";
2
- import { getVariableValue, styled } from "@tamagui/core";
3
- import { getSize } from "@tamagui/get-token";
4
- import { YStack } from "@tamagui/stacks";
5
- import * as React from "react";
6
- import { View } from "react-native-web";
7
- import { ARROW_KEYS, PAGE_KEYS, useSliderContext } from "./constants";
8
- import { jsx } from "react/jsx-runtime";
9
- const SliderFrame = styled(YStack, {
10
- position: "relative",
11
- variants: {
12
- orientation: {
13
- horizontal: {},
14
- vertical: {}
15
- },
16
- size: (val, extras) => {
17
- if (!val)
18
- return;
19
- const orientation = extras.props.orientation, size = Math.round(getVariableValue(getSize(val)) / 6);
20
- return orientation === "horizontal" ? {
21
- height: size,
22
- borderRadius: size,
23
- justifyContent: "center"
24
- } : {
25
- width: size,
26
- borderRadius: size,
27
- alignItems: "center"
28
- };
29
- }
30
- }
31
- }), SliderImpl = React.forwardRef(
32
- (props, forwardedRef) => {
33
- const {
34
- __scopeSlider,
35
- onSlideStart,
36
- onSlideMove,
37
- onSlideEnd,
38
- onHomeKeyDown,
39
- onEndKeyDown,
40
- onStepKeyDown,
41
- children,
42
- ...sliderProps
43
- } = props, context = useSliderContext(__scopeSlider), handleResponderGrant = React.useCallback(
44
- (event) => {
45
- props.onResponderGrant?.(event);
46
- const target = event.target, thumbIndex = context.thumbs.get(target), isStartingOnThumb = thumbIndex !== void 0;
47
- isWeb && target instanceof HTMLElement && context.thumbs.has(target) && target.focus(), !isWeb && isStartingOnThumb && (context.valueIndexToChangeRef.current = thumbIndex), onSlideStart(event, isStartingOnThumb ? "thumb" : "track");
48
- },
49
- [context, onSlideStart, props.onResponderGrant]
50
- ), handleResponderMove = React.useCallback(
51
- (event) => {
52
- props.onResponderMove?.(event), event.stopPropagation(), onSlideMove(event);
53
- },
54
- [onSlideMove, props.onResponderMove]
55
- ), handleResponderRelease = React.useCallback(
56
- (event) => {
57
- props.onResponderRelease?.(event), onSlideEnd(event);
58
- },
59
- [onSlideEnd, props.onResponderRelease]
60
- );
61
- return (
62
- // wrap with plain RN View for responder events - tamagui views no longer handle responder events on web
63
- /* @__PURE__ */ jsx(
64
- SliderFrame,
65
- {
66
- size: "$4",
67
- ref: forwardedRef,
68
- ...sliderProps,
69
- "data-orientation": sliderProps.orientation,
70
- ...isWeb && {
71
- onKeyDown: (event) => {
72
- event.key === "Home" ? (onHomeKeyDown(event), event.preventDefault()) : event.key === "End" ? (onEndKeyDown(event), event.preventDefault()) : PAGE_KEYS.concat(ARROW_KEYS).includes(event.key) && (onStepKeyDown(event), event.preventDefault());
73
- }
74
- },
75
- children: /* @__PURE__ */ jsx(
76
- View,
77
- {
78
- onMoveShouldSetResponderCapture: () => !0,
79
- onMoveShouldSetResponder: () => !0,
80
- onStartShouldSetResponder: () => !0,
81
- onResponderTerminationRequest: () => !1,
82
- onResponderGrant: handleResponderGrant,
83
- onResponderMove: handleResponderMove,
84
- onResponderRelease: handleResponderRelease,
85
- style: { inset: 0, position: "absolute" },
86
- children
87
- }
88
- )
89
- }
90
- )
91
- );
92
- }
93
- );
94
- export {
95
- SliderFrame,
96
- SliderImpl
97
- };
98
- //# sourceMappingURL=SliderImpl.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/SliderImpl.tsx"],
4
- "mappings": "AAIA,SAAS,aAAa;AAEtB,SAAS,kBAAkB,cAAc;AACzC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,SAAS,YAAY;AAErB,SAAS,YAAY,WAAwB,wBAAwB;AAuH7D;AApHD,MAAM,cAAc,OAAO,QAAQ;AAAA,EACxC,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY,CAAC;AAAA,MACb,UAAU,CAAC;AAAA,IACb;AAAA,IAEA,MAAM,CAAC,KAAK,WAAW;AACrB,UAAI,CAAC;AACH;AAEF,YAAM,cAAc,OAAO,MAAM,aAC3B,OAAO,KAAK,MAAM,iBAAiB,QAAQ,GAAG,CAAC,IAAI,CAAC;AAC1D,aAAI,gBAAgB,eACX;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,gBAAgB;AAAA,MAClB,IAEK;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEY,aAAa,MAAM;AAAA,EAC9B,CAAC,OAAqC,iBAAiB;AACrD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,UAAU,iBAAiB,aAAa,GAExC,uBAAuB,MAAM;AAAA,MACjC,CAAC,UAAe;AACd,cAAM,mBAAmB,KAAK;AAC9B,cAAM,SAAS,MAAM,QACf,aAAa,QAAQ,OAAO,IAAI,MAAwB,GACxD,oBAAoB,eAAe;AAKzC,QAAI,SAAS,kBAAkB,eACzB,QAAQ,OAAO,IAAI,MAAM,KAC3B,OAAO,MAAM,GAMb,CAAC,SAAS,sBACZ,QAAQ,sBAAsB,UAAU,aAG1C,aAAa,OAAO,oBAAoB,UAAU,OAAO;AAAA,MAC3D;AAAA,MACA,CAAC,SAAS,cAAc,MAAM,gBAAgB;AAAA,IAChD,GAEM,sBAAsB,MAAM;AAAA,MAChC,CAAC,UAAe;AACd,cAAM,kBAAkB,KAAK,GAC7B,MAAM,gBAAgB,GACtB,YAAY,KAAK;AAAA,MACnB;AAAA,MACA,CAAC,aAAa,MAAM,eAAe;AAAA,IACrC,GAEM,yBAAyB,MAAM;AAAA,MACnC,CAAC,UAAe;AACd,cAAM,qBAAqB,KAAK,GAChC,WAAW,KAAK;AAAA,MAClB;AAAA,MACA,CAAC,YAAY,MAAM,kBAAkB;AAAA,IACvC;AAEA;AAAA;AAAA,MAGE;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAK;AAAA,UACJ,GAAG;AAAA,UACJ,oBAAkB,YAAY;AAAA,UAC7B,GAAI,SAAS;AAAA,YACZ,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,UAChB,cAAc,KAAK,GAEnB,MAAM,eAAe,KACZ,MAAM,QAAQ,SACvB,aAAa,KAAK,GAElB,MAAM,eAAe,KACZ,UAAU,OAAO,UAAU,EAAE,SAAS,MAAM,GAAG,MACxD,cAAc,KAAK,GAEnB,MAAM,eAAe;AAAA,YAEzB;AAAA,UACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,iCAAiC,MAAM;AAAA,cACvC,0BAA0B,MAAM;AAAA,cAChC,2BAA2B,MAAM;AAAA,cACjC,+BAA+B,MAAM;AAAA,cACrC,kBAAkB;AAAA,cAClB,iBAAiB;AAAA,cACjB,oBAAoB;AAAA,cACpB,OAAO,EAAE,OAAO,GAAG,UAAU,WAAW;AAAA,cAEvC;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AACF;",
5
- "names": []
6
- }
@@ -1,31 +0,0 @@
1
- import { createStyledContext } from "@tamagui/core";
2
- const SLIDER_NAME = "Slider", SliderContext = createStyledContext({
3
- size: "$true",
4
- min: 0,
5
- max: 100,
6
- orientation: "horizontal"
7
- }), { Provider: SliderProvider, useStyledContext: useSliderContext } = SliderContext, {
8
- Provider: SliderOrientationProvider,
9
- useStyledContext: useSliderOrientationContext
10
- } = createStyledContext({
11
- startEdge: "left",
12
- endEdge: "right",
13
- sizeProp: "width",
14
- size: 0,
15
- direction: 1
16
- }), PAGE_KEYS = ["PageUp", "PageDown"], ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], BACK_KEYS = {
17
- ltr: ["ArrowDown", "Home", "ArrowLeft", "PageDown"],
18
- rtl: ["ArrowDown", "Home", "ArrowRight", "PageDown"]
19
- };
20
- export {
21
- ARROW_KEYS,
22
- BACK_KEYS,
23
- PAGE_KEYS,
24
- SLIDER_NAME,
25
- SliderContext,
26
- SliderOrientationProvider,
27
- SliderProvider,
28
- useSliderContext,
29
- useSliderOrientationContext
30
- };
31
- //# sourceMappingURL=constants.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/constants.tsx"],
4
- "mappings": "AAAA,SAAS,2BAA4C;AAI9C,MAAM,cAAc,UAEd,gBAAgB,oBAAwC;AAAA,EACnE,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,aAAa;AACf,CAAuB,GAEV,EAAE,UAAU,gBAAgB,kBAAkB,iBAAiB,IAC1E,eAEW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB;AACpB,IAAI,oBAMD;AAAA,EACD,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AACb,CAAC,GAEY,YAAY,CAAC,UAAU,UAAU,GACjC,aAAa,CAAC,WAAW,aAAa,aAAa,YAAY,GAC/D,YAAyC;AAAA,EACpD,KAAK,CAAC,aAAa,QAAQ,aAAa,UAAU;AAAA,EAClD,KAAK,CAAC,aAAa,QAAQ,cAAc,UAAU;AACrD;",
5
- "names": []
6
- }