@tamagui/slider 3.0.0-beta.924.1 → 3.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.
- package/dist/cjs/Slider.cjs +25 -36
- package/dist/cjs/Slider.native.cjs +27 -37
- package/dist/cjs/Slider.native.js +27 -37
- package/dist/cjs/Slider.native.js.map +1 -1
- package/dist/cjs/SliderImpl.cjs +9 -35
- package/dist/cjs/SliderImpl.native.cjs +10 -51
- package/dist/cjs/SliderImpl.native.js +10 -51
- package/dist/cjs/SliderImpl.native.js.map +1 -1
- package/dist/cjs/SliderResponder.cjs +53 -0
- package/dist/cjs/SliderResponder.native.cjs +54 -0
- package/dist/cjs/SliderResponder.native.js +56 -0
- package/dist/cjs/SliderResponder.native.js.map +1 -0
- package/dist/esm/Slider.mjs +26 -37
- package/dist/esm/Slider.mjs.map +1 -1
- package/dist/esm/Slider.native.js +28 -38
- package/dist/esm/Slider.native.js.map +1 -1
- package/dist/esm/SliderImpl.mjs +10 -36
- package/dist/esm/SliderImpl.mjs.map +1 -1
- package/dist/esm/SliderImpl.native.js +11 -52
- package/dist/esm/SliderImpl.native.js.map +1 -1
- package/dist/esm/SliderResponder.mjs +28 -0
- package/dist/esm/SliderResponder.mjs.map +1 -0
- package/dist/esm/SliderResponder.native.js +33 -0
- package/dist/esm/SliderResponder.native.js.map +1 -0
- package/dist/jsx/Slider.mjs +26 -37
- package/dist/jsx/Slider.mjs.map +1 -1
- package/dist/jsx/Slider.native.cjs +27 -37
- package/dist/jsx/Slider.native.js +27 -37
- package/dist/jsx/Slider.native.js.map +1 -1
- package/dist/jsx/SliderImpl.mjs +10 -36
- package/dist/jsx/SliderImpl.mjs.map +1 -1
- package/dist/jsx/SliderImpl.native.cjs +10 -51
- package/dist/jsx/SliderImpl.native.js +10 -51
- package/dist/jsx/SliderImpl.native.js.map +1 -1
- package/dist/jsx/SliderResponder.mjs +28 -0
- package/dist/jsx/SliderResponder.mjs.map +1 -0
- package/dist/jsx/SliderResponder.native.cjs +54 -0
- package/dist/jsx/SliderResponder.native.js +56 -0
- package/dist/jsx/SliderResponder.native.js.map +1 -0
- package/package.json +18 -14
- package/src/Slider.tsx +67 -44
- package/src/SliderImpl.tsx +10 -32
- package/src/SliderResponder.native.tsx +30 -0
- package/src/SliderResponder.tsx +43 -0
- package/src/constants.tsx +2 -2
- package/src/types.ts +11 -6
- package/types/Slider.d.ts +42 -196
- package/types/Slider.d.ts.map +1 -1
- package/types/SliderImpl.d.ts +12 -6
- package/types/SliderImpl.d.ts.map +1 -1
- package/types/SliderResponder.d.ts +10 -0
- package/types/SliderResponder.d.ts.map +1 -0
- package/types/SliderResponder.native.d.ts +3 -0
- package/types/SliderResponder.native.d.ts.map +1 -0
- package/types/constants.d.ts +3 -4
- package/types/constants.d.ts.map +1 -1
- package/types/types.d.ts +10 -6
- package/types/types.d.ts.map +1 -1
package/dist/cjs/Slider.cjs
CHANGED
|
@@ -69,6 +69,11 @@ function removeActiveSliderMeasureListener(listener) {
|
|
|
69
69
|
activeSliderMeasureInterval = void 0;
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
+
const getTrackPosition = (event, offset, orientation) => {
|
|
73
|
+
const { locationX, locationY, pageX, pageY } = event.nativeEvent;
|
|
74
|
+
if (import_constants.isWeb) return orientation === "horizontal" ? locationX : locationY;
|
|
75
|
+
return (orientation === "horizontal" ? pageX : pageY) - offset;
|
|
76
|
+
};
|
|
72
77
|
const SliderHorizontal = (0, import_core.createRefComponent)((props, forwardedRef) => {
|
|
73
78
|
const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;
|
|
74
79
|
const direction = (0, import_use_direction.useDirection)(dir);
|
|
@@ -111,11 +116,11 @@ const SliderHorizontal = (0, import_core.createRefComponent)((props, forwardedRe
|
|
|
111
116
|
if (value) onSlideStart?.(value, target, event);
|
|
112
117
|
},
|
|
113
118
|
onSlideMove: (event) => {
|
|
114
|
-
const value = getValueFromPointer(event
|
|
119
|
+
const value = getValueFromPointer(getTrackPosition(event, state.offset, "horizontal"));
|
|
115
120
|
if (value) onSlideMove?.(value, event);
|
|
116
121
|
},
|
|
117
122
|
onSlideEnd: (event) => {
|
|
118
|
-
const value = getValueFromPointer(event
|
|
123
|
+
const value = getValueFromPointer(getTrackPosition(event, state.offset, "horizontal"));
|
|
119
124
|
if (value) onSlideEnd?.(event, value);
|
|
120
125
|
},
|
|
121
126
|
onStepKeyDown: (event) => {
|
|
@@ -218,11 +223,11 @@ const SliderVertical = (0, import_core.createRefComponent)((props, forwardedRef)
|
|
|
218
223
|
if (value) onSlideStart?.(value, target, event);
|
|
219
224
|
},
|
|
220
225
|
onSlideMove: (event) => {
|
|
221
|
-
const value = getValueFromPointer(event
|
|
226
|
+
const value = getValueFromPointer(getTrackPosition(event, state.offset, "vertical"));
|
|
222
227
|
if (value) onSlideMove?.(value, event);
|
|
223
228
|
},
|
|
224
229
|
onSlideEnd: (event) => {
|
|
225
|
-
const value = getValueFromPointer(event
|
|
230
|
+
const value = getValueFromPointer(getTrackPosition(event, state.offset, "vertical"));
|
|
226
231
|
onSlideEnd?.(event, value);
|
|
227
232
|
},
|
|
228
233
|
onStepKeyDown: (event) => {
|
|
@@ -249,7 +254,6 @@ const SliderTrack = (0, import_core.createStyledHOC)(SliderTrackFrame, function
|
|
|
249
254
|
"data-disabled": context.disabled ? "" : void 0,
|
|
250
255
|
"data-orientation": context.orientation,
|
|
251
256
|
orientation: context.orientation,
|
|
252
|
-
size: context.size ?? void 0,
|
|
253
257
|
...trackProps,
|
|
254
258
|
ref: forwardedRef
|
|
255
259
|
});
|
|
@@ -273,13 +277,6 @@ const SliderActive = (0, import_core.createStyledHOC)(SliderActiveFrame, functio
|
|
|
273
277
|
orientation: context.orientation,
|
|
274
278
|
"data-orientation": context.orientation,
|
|
275
279
|
"data-disabled": context.disabled ? "" : void 0,
|
|
276
|
-
size: context.size ?? void 0,
|
|
277
|
-
animateOnly: [
|
|
278
|
-
"left",
|
|
279
|
-
"top",
|
|
280
|
-
"right",
|
|
281
|
-
"bottom"
|
|
282
|
-
],
|
|
283
280
|
...rangeProps,
|
|
284
281
|
ref: composedRefs,
|
|
285
282
|
[orientation.startEdge]: `${offsetStart}%`,
|
|
@@ -290,23 +287,25 @@ const SliderActive = (0, import_core.createStyledHOC)(SliderActiveFrame, functio
|
|
|
290
287
|
}
|
|
291
288
|
});
|
|
292
289
|
});
|
|
293
|
-
const
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
}
|
|
290
|
+
const thumbSize = (val) => {
|
|
291
|
+
if (typeof val === "number") return val;
|
|
292
|
+
if (typeof val === "string") {
|
|
293
|
+
const conf = (0, import_core.getConfig)();
|
|
294
|
+
const font = conf.fontsParsed[conf.defaultFontToken];
|
|
295
|
+
const fontSize = font?.size[val];
|
|
296
|
+
if (fontSize != null) {
|
|
297
|
+
const metrics = { fontSize: Number.parseFloat(String((0, import_core.getVariableValue)(fontSize))) };
|
|
298
|
+
const lineHeight = font?.lineHeight?.[val];
|
|
299
|
+
(0, import_core.resolveTextMetrics)(metrics, typeof lineHeight === "number" ? `${lineHeight}px` : lineHeight);
|
|
300
|
+
return metrics.lineHeight ?? metrics.fontSize;
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
return 20;
|
|
304
|
+
};
|
|
305
305
|
const SliderThumbFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
306
306
|
displayName: "SliderThumb",
|
|
307
307
|
position: "absolute",
|
|
308
308
|
variants: {
|
|
309
|
-
size: getThumbSize,
|
|
310
309
|
circular: { true: {
|
|
311
310
|
borderRadius: 1e5,
|
|
312
311
|
padding: 0
|
|
@@ -331,9 +330,7 @@ const SliderThumb = (0, import_core.createStyledHOC)(SliderThumbFrame, function
|
|
|
331
330
|
const percent = value === void 0 ? 0 : (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max);
|
|
332
331
|
const label = (0, import_helpers2.getLabel)(index, context.values.length);
|
|
333
332
|
const sizeIn = sizeProp ?? context.size ?? true;
|
|
334
|
-
const [size, setSize] = React.useState(() =>
|
|
335
|
-
return (0, import_core.getVariableValue)(getThumbSize(sizeIn, {})?.width);
|
|
336
|
-
});
|
|
333
|
+
const [size, setSize] = React.useState(() => thumbSize(sizeIn));
|
|
337
334
|
const thumbInBoundsOffset = size ? (0, import_helpers2.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;
|
|
338
335
|
React.useEffect(() => {
|
|
339
336
|
if (thumb) {
|
|
@@ -375,16 +372,8 @@ const SliderThumb = (0, import_core.createStyledHOC)(SliderThumbFrame, function
|
|
|
375
372
|
"data-orientation": context.orientation,
|
|
376
373
|
"data-disabled": context.disabled ? "" : void 0,
|
|
377
374
|
tabIndex: context.disabled ? void 0 : 0,
|
|
378
|
-
animateOnly: [
|
|
379
|
-
"transform",
|
|
380
|
-
"left",
|
|
381
|
-
"top",
|
|
382
|
-
"right",
|
|
383
|
-
"bottom"
|
|
384
|
-
],
|
|
385
375
|
...positionalStyles,
|
|
386
376
|
[orientation.startEdge]: `${percent}%`,
|
|
387
|
-
size: sizeIn,
|
|
388
377
|
circular,
|
|
389
378
|
...thumbProps,
|
|
390
379
|
onLayout: (e) => {
|
|
@@ -52,6 +52,11 @@ var React = __toESM(require("react"), 1);
|
|
|
52
52
|
var import_constants2 = require("./constants.native.js");
|
|
53
53
|
var import_helpers2 = require("./helpers.native.js");
|
|
54
54
|
var import_SliderImpl = require("./SliderImpl.native.js");
|
|
55
|
+
var getTrackPosition = function(event, offset, orientation) {
|
|
56
|
+
var { locationX, locationY, pageX, pageY } = event.nativeEvent;
|
|
57
|
+
if (import_constants.isWeb) return orientation === "horizontal" ? locationX : locationY;
|
|
58
|
+
return (orientation === "horizontal" ? pageX : pageY) - offset;
|
|
59
|
+
};
|
|
55
60
|
var SliderHorizontal = (0, import_core.createRefComponent)(function(props, forwardedRef) {
|
|
56
61
|
var { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;
|
|
57
62
|
var direction = (0, import_use_direction.useDirection)(dir);
|
|
@@ -96,11 +101,11 @@ var SliderHorizontal = (0, import_core.createRefComponent)(function(props, forwa
|
|
|
96
101
|
if (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);
|
|
97
102
|
},
|
|
98
103
|
onSlideMove: function(event) {
|
|
99
|
-
var value = getValueFromPointer(event
|
|
104
|
+
var value = getValueFromPointer(getTrackPosition(event, state.offset, "horizontal"));
|
|
100
105
|
if (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);
|
|
101
106
|
},
|
|
102
107
|
onSlideEnd: function(event) {
|
|
103
|
-
var value = getValueFromPointer(event
|
|
108
|
+
var value = getValueFromPointer(getTrackPosition(event, state.offset, "horizontal"));
|
|
104
109
|
if (value) onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);
|
|
105
110
|
},
|
|
106
111
|
onStepKeyDown: function(event) {
|
|
@@ -159,11 +164,11 @@ var SliderVertical = (0, import_core.createRefComponent)(function(props, forward
|
|
|
159
164
|
if (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);
|
|
160
165
|
},
|
|
161
166
|
onSlideMove: function(event) {
|
|
162
|
-
var value = getValueFromPointer(event
|
|
167
|
+
var value = getValueFromPointer(getTrackPosition(event, state.offset, "vertical"));
|
|
163
168
|
if (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);
|
|
164
169
|
},
|
|
165
170
|
onSlideEnd: function(event) {
|
|
166
|
-
var value = getValueFromPointer(event
|
|
171
|
+
var value = getValueFromPointer(getTrackPosition(event, state.offset, "vertical"));
|
|
167
172
|
onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);
|
|
168
173
|
},
|
|
169
174
|
onStepKeyDown: function(event) {
|
|
@@ -186,12 +191,10 @@ var SliderTrackFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {
|
|
|
186
191
|
var SliderTrack = (0, import_core.createStyledHOC)(SliderTrackFrame, function SliderTrack2(props, forwardedRef) {
|
|
187
192
|
var { __scopeSlider, ...trackProps } = props;
|
|
188
193
|
var context = (0, import_constants2.useSliderContext)(__scopeSlider);
|
|
189
|
-
var _context_size;
|
|
190
194
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderTrackFrame, {
|
|
191
195
|
"data-disabled": context.disabled ? "" : void 0,
|
|
192
196
|
"data-orientation": context.orientation,
|
|
193
197
|
orientation: context.orientation,
|
|
194
|
-
size: (_context_size = context.size) !== null && _context_size !== void 0 ? _context_size : void 0,
|
|
195
198
|
...trackProps,
|
|
196
199
|
ref: forwardedRef
|
|
197
200
|
});
|
|
@@ -213,18 +216,10 @@ var SliderActive = (0, import_core.createStyledHOC)(SliderActiveFrame, function
|
|
|
213
216
|
});
|
|
214
217
|
var offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
|
|
215
218
|
var offsetEnd = 100 - Math.max(...percentages);
|
|
216
|
-
var _context_size;
|
|
217
219
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderActiveFrame, {
|
|
218
220
|
orientation: context.orientation,
|
|
219
221
|
"data-orientation": context.orientation,
|
|
220
222
|
"data-disabled": context.disabled ? "" : void 0,
|
|
221
|
-
size: (_context_size = context.size) !== null && _context_size !== void 0 ? _context_size : void 0,
|
|
222
|
-
animateOnly: [
|
|
223
|
-
"left",
|
|
224
|
-
"top",
|
|
225
|
-
"right",
|
|
226
|
-
"bottom"
|
|
227
|
-
],
|
|
228
223
|
...rangeProps,
|
|
229
224
|
ref: composedRefs,
|
|
230
225
|
[orientation.startEdge]: `${offsetStart}%`,
|
|
@@ -235,23 +230,27 @@ var SliderActive = (0, import_core.createStyledHOC)(SliderActiveFrame, function
|
|
|
235
230
|
}
|
|
236
231
|
});
|
|
237
232
|
});
|
|
238
|
-
var
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
233
|
+
var thumbSize = function(val) {
|
|
234
|
+
if (typeof val === "number") return val;
|
|
235
|
+
if (typeof val === "string") {
|
|
236
|
+
var conf = (0, import_core.getConfig)();
|
|
237
|
+
var font = conf.fontsParsed[conf.defaultFontToken];
|
|
238
|
+
var fontSize = font === null || font === void 0 ? void 0 : font.size[val];
|
|
239
|
+
if (fontSize != null) {
|
|
240
|
+
var _font_lineHeight;
|
|
241
|
+
var metrics = { fontSize: Number.parseFloat(String((0, import_core.getVariableValue)(fontSize))) };
|
|
242
|
+
var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[val];
|
|
243
|
+
(0, import_core.resolveTextMetrics)(metrics, typeof lineHeight === "number" ? `${lineHeight}px` : lineHeight);
|
|
244
|
+
var _metrics_lineHeight;
|
|
245
|
+
return (_metrics_lineHeight = metrics.lineHeight) !== null && _metrics_lineHeight !== void 0 ? _metrics_lineHeight : metrics.fontSize;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
return 20;
|
|
249
|
+
};
|
|
250
250
|
var SliderThumbFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
251
251
|
displayName: "SliderThumb",
|
|
252
252
|
position: "absolute",
|
|
253
253
|
variants: {
|
|
254
|
-
size: getThumbSize,
|
|
255
254
|
circular: { true: {
|
|
256
255
|
borderRadius: 1e5,
|
|
257
256
|
padding: 0
|
|
@@ -278,8 +277,7 @@ var SliderThumb = (0, import_core.createStyledHOC)(SliderThumbFrame, function Sl
|
|
|
278
277
|
var _ref;
|
|
279
278
|
var sizeIn = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : context.size) !== null && _ref !== void 0 ? _ref : true;
|
|
280
279
|
var [size, setSize] = React.useState(function() {
|
|
281
|
-
|
|
282
|
-
return (0, import_core.getVariableValue)((_getThumbSize = getThumbSize(sizeIn, {})) === null || _getThumbSize === void 0 ? void 0 : _getThumbSize.width);
|
|
280
|
+
return thumbSize(sizeIn);
|
|
283
281
|
});
|
|
284
282
|
var thumbInBoundsOffset = size ? (0, import_helpers2.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;
|
|
285
283
|
React.useEffect(function() {
|
|
@@ -322,16 +320,8 @@ var SliderThumb = (0, import_core.createStyledHOC)(SliderThumbFrame, function Sl
|
|
|
322
320
|
"data-orientation": context.orientation,
|
|
323
321
|
"data-disabled": context.disabled ? "" : void 0,
|
|
324
322
|
tabIndex: context.disabled ? void 0 : 0,
|
|
325
|
-
animateOnly: [
|
|
326
|
-
"transform",
|
|
327
|
-
"left",
|
|
328
|
-
"top",
|
|
329
|
-
"right",
|
|
330
|
-
"bottom"
|
|
331
|
-
],
|
|
332
323
|
...positionalStyles,
|
|
333
324
|
[orientation.startEdge]: `${percent}%`,
|
|
334
|
-
size: sizeIn,
|
|
335
325
|
circular,
|
|
336
326
|
...thumbProps,
|
|
337
327
|
onLayout: function(e) {
|
|
@@ -52,6 +52,11 @@ var React = __toESM(require("react"), 1);
|
|
|
52
52
|
var import_constants2 = require("./constants.native.js");
|
|
53
53
|
var import_helpers2 = require("./helpers.native.js");
|
|
54
54
|
var import_SliderImpl = require("./SliderImpl.native.js");
|
|
55
|
+
var getTrackPosition = function(event, offset, orientation) {
|
|
56
|
+
var { locationX, locationY, pageX, pageY } = event.nativeEvent;
|
|
57
|
+
if (import_constants.isWeb) return orientation === "horizontal" ? locationX : locationY;
|
|
58
|
+
return (orientation === "horizontal" ? pageX : pageY) - offset;
|
|
59
|
+
};
|
|
55
60
|
var SliderHorizontal = (0, import_core.createRefComponent)(function(props, forwardedRef) {
|
|
56
61
|
var { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;
|
|
57
62
|
var direction = (0, import_use_direction.useDirection)(dir);
|
|
@@ -96,11 +101,11 @@ var SliderHorizontal = (0, import_core.createRefComponent)(function(props, forwa
|
|
|
96
101
|
if (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);
|
|
97
102
|
},
|
|
98
103
|
onSlideMove: function(event) {
|
|
99
|
-
var value = getValueFromPointer(event
|
|
104
|
+
var value = getValueFromPointer(getTrackPosition(event, state.offset, "horizontal"));
|
|
100
105
|
if (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);
|
|
101
106
|
},
|
|
102
107
|
onSlideEnd: function(event) {
|
|
103
|
-
var value = getValueFromPointer(event
|
|
108
|
+
var value = getValueFromPointer(getTrackPosition(event, state.offset, "horizontal"));
|
|
104
109
|
if (value) onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);
|
|
105
110
|
},
|
|
106
111
|
onStepKeyDown: function(event) {
|
|
@@ -159,11 +164,11 @@ var SliderVertical = (0, import_core.createRefComponent)(function(props, forward
|
|
|
159
164
|
if (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);
|
|
160
165
|
},
|
|
161
166
|
onSlideMove: function(event) {
|
|
162
|
-
var value = getValueFromPointer(event
|
|
167
|
+
var value = getValueFromPointer(getTrackPosition(event, state.offset, "vertical"));
|
|
163
168
|
if (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);
|
|
164
169
|
},
|
|
165
170
|
onSlideEnd: function(event) {
|
|
166
|
-
var value = getValueFromPointer(event
|
|
171
|
+
var value = getValueFromPointer(getTrackPosition(event, state.offset, "vertical"));
|
|
167
172
|
onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);
|
|
168
173
|
},
|
|
169
174
|
onStepKeyDown: function(event) {
|
|
@@ -186,12 +191,10 @@ var SliderTrackFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {
|
|
|
186
191
|
var SliderTrack = (0, import_core.createStyledHOC)(SliderTrackFrame, function SliderTrack2(props, forwardedRef) {
|
|
187
192
|
var { __scopeSlider, ...trackProps } = props;
|
|
188
193
|
var context = (0, import_constants2.useSliderContext)(__scopeSlider);
|
|
189
|
-
var _context_size;
|
|
190
194
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderTrackFrame, {
|
|
191
195
|
"data-disabled": context.disabled ? "" : void 0,
|
|
192
196
|
"data-orientation": context.orientation,
|
|
193
197
|
orientation: context.orientation,
|
|
194
|
-
size: (_context_size = context.size) !== null && _context_size !== void 0 ? _context_size : void 0,
|
|
195
198
|
...trackProps,
|
|
196
199
|
ref: forwardedRef
|
|
197
200
|
});
|
|
@@ -213,18 +216,10 @@ var SliderActive = (0, import_core.createStyledHOC)(SliderActiveFrame, function
|
|
|
213
216
|
});
|
|
214
217
|
var offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
|
|
215
218
|
var offsetEnd = 100 - Math.max(...percentages);
|
|
216
|
-
var _context_size;
|
|
217
219
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderActiveFrame, {
|
|
218
220
|
orientation: context.orientation,
|
|
219
221
|
"data-orientation": context.orientation,
|
|
220
222
|
"data-disabled": context.disabled ? "" : void 0,
|
|
221
|
-
size: (_context_size = context.size) !== null && _context_size !== void 0 ? _context_size : void 0,
|
|
222
|
-
animateOnly: [
|
|
223
|
-
"left",
|
|
224
|
-
"top",
|
|
225
|
-
"right",
|
|
226
|
-
"bottom"
|
|
227
|
-
],
|
|
228
223
|
...rangeProps,
|
|
229
224
|
ref: composedRefs,
|
|
230
225
|
[orientation.startEdge]: `${offsetStart}%`,
|
|
@@ -235,23 +230,27 @@ var SliderActive = (0, import_core.createStyledHOC)(SliderActiveFrame, function
|
|
|
235
230
|
}
|
|
236
231
|
});
|
|
237
232
|
});
|
|
238
|
-
var
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
233
|
+
var thumbSize = function(val) {
|
|
234
|
+
if (typeof val === "number") return val;
|
|
235
|
+
if (typeof val === "string") {
|
|
236
|
+
var conf = (0, import_core.getConfig)();
|
|
237
|
+
var font = conf.fontsParsed[conf.defaultFontToken];
|
|
238
|
+
var fontSize = font === null || font === void 0 ? void 0 : font.size[val];
|
|
239
|
+
if (fontSize != null) {
|
|
240
|
+
var _font_lineHeight;
|
|
241
|
+
var metrics = { fontSize: Number.parseFloat(String((0, import_core.getVariableValue)(fontSize))) };
|
|
242
|
+
var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[val];
|
|
243
|
+
(0, import_core.resolveTextMetrics)(metrics, typeof lineHeight === "number" ? `${lineHeight}px` : lineHeight);
|
|
244
|
+
var _metrics_lineHeight;
|
|
245
|
+
return (_metrics_lineHeight = metrics.lineHeight) !== null && _metrics_lineHeight !== void 0 ? _metrics_lineHeight : metrics.fontSize;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
return 20;
|
|
249
|
+
};
|
|
250
250
|
var SliderThumbFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
251
251
|
displayName: "SliderThumb",
|
|
252
252
|
position: "absolute",
|
|
253
253
|
variants: {
|
|
254
|
-
size: getThumbSize,
|
|
255
254
|
circular: { true: {
|
|
256
255
|
borderRadius: 1e5,
|
|
257
256
|
padding: 0
|
|
@@ -278,8 +277,7 @@ var SliderThumb = (0, import_core.createStyledHOC)(SliderThumbFrame, function Sl
|
|
|
278
277
|
var _ref;
|
|
279
278
|
var sizeIn = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : context.size) !== null && _ref !== void 0 ? _ref : true;
|
|
280
279
|
var [size, setSize] = React.useState(function() {
|
|
281
|
-
|
|
282
|
-
return (0, import_core.getVariableValue)((_getThumbSize = getThumbSize(sizeIn, {})) === null || _getThumbSize === void 0 ? void 0 : _getThumbSize.width);
|
|
280
|
+
return thumbSize(sizeIn);
|
|
283
281
|
});
|
|
284
282
|
var thumbInBoundsOffset = size ? (0, import_helpers2.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;
|
|
285
283
|
React.useEffect(function() {
|
|
@@ -322,16 +320,8 @@ var SliderThumb = (0, import_core.createStyledHOC)(SliderThumbFrame, function Sl
|
|
|
322
320
|
"data-orientation": context.orientation,
|
|
323
321
|
"data-disabled": context.disabled ? "" : void 0,
|
|
324
322
|
tabIndex: context.disabled ? void 0 : 0,
|
|
325
|
-
animateOnly: [
|
|
326
|
-
"transform",
|
|
327
|
-
"left",
|
|
328
|
-
"top",
|
|
329
|
-
"right",
|
|
330
|
-
"bottom"
|
|
331
|
-
],
|
|
332
323
|
...positionalStyles,
|
|
333
324
|
[orientation.startEdge]: `${percent}%`,
|
|
334
|
-
size: sizeIn,
|
|
335
325
|
circular,
|
|
336
326
|
...thumbProps,
|
|
337
327
|
onLayout: function(e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.native.js","names":[],"sources":["cjs/Slider.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n\t// If the importer is in node compatibility mode or this is not an ESM\n\t// file that has been converted to a CommonJS file using a Babel-\n\t// compatible transform (i.e. \"__esModule\" has not been set), then set\n\t// \"default\" to the CommonJS \"module.exports\" for node compatibility.\n\tisNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", {\n\t\tvalue: mod,\n\t\tenumerable: true\n\t}) : target,\n\tmod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Slider_exports = {};\n__export(Slider_exports, {\n\tRange: () => Range,\n\tSlider: () => Slider,\n\tSliderActive: () => SliderActive,\n\tSliderActiveFrame: () => SliderActiveFrame,\n\tSliderThumb: () => SliderThumb,\n\tSliderThumbFrame: () => SliderThumbFrame,\n\tSliderTrack: () => SliderTrack,\n\tSliderTrackFrame: () => SliderTrackFrame,\n\tThumb: () => Thumb,\n\tTrack: () => Track\n});\nmodule.exports = __toCommonJS(Slider_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_constants2 = require(\"./constants\");\nvar import_helpers2 = require(\"./helpers\");\nvar import_SliderImpl = require(\"./SliderImpl\");\nvar SliderHorizontal = (0, import_core.createRefComponent)(function(props, forwardedRef) {\n\tvar { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;\n\tvar direction = (0, import_use_direction.useDirection)(dir);\n\tvar isDirectionLTR = direction === \"ltr\";\n\tvar sliderRef = React.useRef(null);\n\tvar [state, setState_] = React.useState(function() {\n\t\treturn {\n\t\t\tsize: 0,\n\t\t\toffset: 0\n\t\t};\n\t});\n\tvar setState = (0, import_core.useCreateShallowSetState)(setState_);\n\tfunction getValueFromPointer(pointerPosition) {\n\t\tvar input = [0, state.size];\n\t\tvar output = isDirectionLTR ? [min, max] : [max, min];\n\t\treturn (0, import_helpers2.linearScale)(input, output)(pointerPosition);\n\t}\n\tvar measure = function() {\n\t\tvar _sliderRef_current;\n\t\t(_sliderRef_current = sliderRef.current) === null || _sliderRef_current === void 0 || _sliderRef_current.measure(function(_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\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_constants2.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__ */ (0, import_jsx_runtime.jsx)(import_SliderImpl.SliderImpl, {\n\t\t\tref: (0, import_compose_refs.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: function(event, target) {\n\t\t\t\tvar value = getValueFromPointer(event.nativeEvent.locationX);\n\t\t\t\tif (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);\n\t\t\t},\n\t\t\tonSlideMove: function(event) {\n\t\t\t\tvar value = getValueFromPointer(event.nativeEvent.pageX - state.offset);\n\t\t\t\tif (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);\n\t\t\t},\n\t\t\tonSlideEnd: function(event) {\n\t\t\t\tvar value = getValueFromPointer(event.nativeEvent.pageX - state.offset);\n\t\t\t\tif (value) onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);\n\t\t\t},\n\t\t\tonStepKeyDown: function(event) {\n\t\t\t\tvar isBackKey = import_constants2.BACK_KEYS[direction].includes(event.key);\n\t\t\t\tonStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({\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});\nvar SliderVertical = (0, import_core.createRefComponent)(function(props, forwardedRef) {\n\tvar { min, max, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;\n\tvar [state, setState_] = React.useState(function() {\n\t\treturn {\n\t\t\tsize: 0,\n\t\t\toffset: 0\n\t\t};\n\t});\n\tvar setState = (0, import_core.useCreateShallowSetState)(setState_);\n\tvar sliderRef = React.useRef(null);\n\tvar configuration = (0, import_core.useConfiguration)();\n\tvar insets = import_constants.isIos && configuration.insets ? configuration.insets : {\n\t\ttop: 0,\n\t\tbottom: 0\n\t};\n\tfunction getValueFromPointer(pointerPosition) {\n\t\tvar input = [0, state.size];\n\t\tvar output = [max, min];\n\t\treturn (0, import_helpers2.linearScale)(input, output)(pointerPosition);\n\t}\n\tvar measure = function() {\n\t\tvar _sliderRef_current;\n\t\t(_sliderRef_current = sliderRef.current) === null || _sliderRef_current === void 0 || _sliderRef_current.measure(function(_x, _y, _width, height, _pageX, pageY) {\n\t\t\tsetState({\n\t\t\t\tsize: height,\n\t\t\t\toffset: pageY + (import_constants.isIos ? insets.top : 0)\n\t\t\t});\n\t\t});\n\t};\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_constants2.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__ */ (0, import_jsx_runtime.jsx)(import_SliderImpl.SliderImpl, {\n\t\t\tref: (0, import_compose_refs.composeRefs)(forwardedRef, sliderRef),\n\t\t\t...sliderProps,\n\t\t\torientation: \"vertical\",\n\t\t\tonLayout: measure,\n\t\t\tonSlideStart: function(event, target) {\n\t\t\t\tvar value = getValueFromPointer(event.nativeEvent.locationY);\n\t\t\t\tif (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);\n\t\t\t},\n\t\t\tonSlideMove: function(event) {\n\t\t\t\tvar value = getValueFromPointer(event.nativeEvent.pageY - state.offset);\n\t\t\t\tif (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);\n\t\t\t},\n\t\t\tonSlideEnd: function(event) {\n\t\t\t\tvar value = getValueFromPointer(event.nativeEvent.pageY - state.offset);\n\t\t\t\tonSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);\n\t\t\t},\n\t\t\tonStepKeyDown: function(event) {\n\t\t\t\tvar isBackKey = import_constants2.BACK_KEYS.ltr.includes(event.key);\n\t\t\t\tonStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({\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});\nvar SliderTrackFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {\n\tdisplayName: \"Slider\",\n\theight: \"100%\",\n\twidth: \"100%\",\n\tposition: \"relative\",\n\toverflow: \"hidden\"\n});\nvar SliderTrack = (0, import_core.createStyledHOC)(SliderTrackFrame, function SliderTrack2(props, forwardedRef) {\n\tvar { __scopeSlider, ...trackProps } = props;\n\tvar context = (0, import_constants2.useSliderContext)(__scopeSlider);\n\tvar _context_size;\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.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 = context.size) !== null && _context_size !== void 0 ? _context_size : void 0,\n\t\t...trackProps,\n\t\tref: forwardedRef\n\t});\n});\nvar SliderActiveFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {\n\tdisplayName: \"SliderActive\",\n\tposition: \"absolute\",\n\tpointerEvents: \"box-none\"\n});\nvar SliderActive = (0, import_core.createStyledHOC)(SliderActiveFrame, function SliderActive2(props, forwardedRef) {\n\tvar { __scopeSlider, ...rangeProps } = props;\n\tvar context = (0, import_constants2.useSliderContext)(__scopeSlider);\n\tvar orientation = (0, import_constants2.useSliderOrientationContext)(__scopeSlider);\n\tvar ref = React.useRef(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);\n\tvar valuesCount = context.values.length;\n\tvar percentages = context.values.map(function(value) {\n\t\treturn (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max);\n\t});\n\tvar offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;\n\tvar offsetEnd = 100 - Math.max(...percentages);\n\tvar _context_size;\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.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 = context.size) !== null && _context_size !== void 0 ? _context_size : void 0,\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});\nvar getThumbSize = import_core.styled.dynamic(function(val) {\n\tvar tokens = (0, import_core.getTokens)();\n\tvar sizeToken = (0, import_core.resolveSizeToken)(val !== null && val !== void 0 ? val : true, \"size\");\n\tvar resolved = typeof sizeToken === \"number\" ? sizeToken : tokens.size[sizeToken];\n\tvar size = typeof val === \"number\" ? val : (0, import_core.getVariableValue)(resolved) * .86;\n\treturn {\n\t\twidth: size,\n\t\theight: size,\n\t\tminWidth: size,\n\t\tminHeight: size\n\t};\n});\nvar SliderThumbFrame = (0, import_core.styled)(import_stacks.YStack, {\n\tdisplayName: \"SliderThumb\",\n\tposition: \"absolute\",\n\tvariants: {\n\t\tsize: getThumbSize,\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});\nvar SliderThumb = (0, import_core.createStyledHOC)(SliderThumbFrame, function SliderThumb2(props, forwardedRef) {\n\tvar { __scopeSlider, index = 0, circular, size: sizeProp, ...thumbProps } = props;\n\tvar context = (0, import_constants2.useSliderContext)(__scopeSlider);\n\tvar orientation = (0, import_constants2.useSliderOrientationContext)(__scopeSlider);\n\tvar [thumb, setThumb] = React.useState(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb);\n\tvar value = context.values[index];\n\tvar percent = value === void 0 ? 0 : (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max);\n\tvar label = (0, import_helpers2.getLabel)(index, context.values.length);\n\tvar _ref;\n\tvar sizeIn = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : context.size) !== null && _ref !== void 0 ? _ref : true;\n\tvar [size, setSize] = React.useState(function() {\n\t\tvar _getThumbSize;\n\t\treturn (0, import_core.getVariableValue)((_getThumbSize = getThumbSize(sizeIn, {})) === null || _getThumbSize === void 0 ? void 0 : _getThumbSize.width);\n\t});\n\tvar thumbInBoundsOffset = size ? (0, import_helpers2.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;\n\tReact.useEffect(function() {\n\t\tif (thumb) {\n\t\t\tcontext.thumbs.set(thumb, index);\n\t\t\treturn function() {\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\tvar 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__ */ (0, import_jsx_runtime.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: function(e) {\n\t\t\tsetSize(e.nativeEvent.layout[orientation.sizeProp]);\n\t\t},\n\t\tonFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, function() {\n\t\t\tcontext.valueIndexToChangeRef.current = index;\n\t\t})\n\t});\n}, { staticConfig: { memo: true } });\nvar SliderComponent = (0, import_core.createRefComponent)(function(props, forwardedRef) {\n\tvar { 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;\n\tvar sliderRef = React.useRef(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(sliderRef, forwardedRef);\n\tvar thumbRefs = React.useRef(/* @__PURE__ */ new Map());\n\tvar valueIndexToChangeRef = React.useRef(0);\n\tvar isHorizontal = orientation === \"horizontal\";\n\tvar [values = [], setValues] = (0, import_use_controllable_state.useControllableState)({\n\t\tprop: value,\n\t\tdefaultProp: defaultValue,\n\t\ttransition: true,\n\t\tonChange: function(value2) {\n\t\t\tupdateThumbFocus(valueIndexToChangeRef.current);\n\t\t\tonValueChange(value2);\n\t\t}\n\t});\n\tif (import_constants.isWeb) React.useEffect(function() {\n\t\tvar node = sliderRef.current;\n\t\tif (!node) return;\n\t\tvar preventDefault = function(e) {\n\t\t\te.preventDefault();\n\t\t};\n\t\tnode.addEventListener(\"touchstart\", preventDefault);\n\t\treturn function() {\n\t\t\tnode.removeEventListener(\"touchstart\", preventDefault);\n\t\t};\n\t}, []);\n\tfunction updateThumbFocus(focusIndex) {\n\t\tif (!import_constants.isWeb) return;\n\t\tvar _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n\t\ttry {\n\t\t\tfor (var _iterator = thumbRefs.current.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n\t\t\t\tvar [node, index] = _step.value;\n\t\t\t\tif (index === focusIndex) {\n\t\t\t\t\tnode.focus();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (err) {\n\t\t\t_didIteratorError = true;\n\t\t\t_iteratorError = err;\n\t\t} finally {\n\t\t\ttry {\n\t\t\t\tif (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();\n\t\t\t} finally {\n\t\t\t\tif (_didIteratorError) throw _iteratorError;\n\t\t\t}\n\t\t}\n\t}\n\tfunction handleSlideMove(value2, event) {\n\t\tupdateValues(value2, valueIndexToChangeRef.current);\n\t\tonSlideMove === null || onSlideMove === void 0 || onSlideMove(event, value2);\n\t}\n\tfunction updateValues(value2, atIndex) {\n\t\tvar decimalCount = (0, import_helpers2.getDecimalCount)(step);\n\t\tvar snapToStep = (0, import_helpers2.roundValue)(Math.round((value2 - min) / step) * step + min, decimalCount);\n\t\tvar nextValue = (0, import_helpers.clamp)(snapToStep, [min, max]);\n\t\tsetValues(function() {\n\t\t\tvar prevValues = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n\t\t\tvar nextValues = (0, import_helpers2.getNextSortedValues)(prevValues, nextValue, atIndex);\n\t\t\tif ((0, import_helpers2.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\tvar SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_constants2.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__ */ (0, import_jsx_runtime.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 : function(value2, target, event) {\n\t\t\t\tif (target !== \"thumb\") updateValues(value2, (0, import_helpers2.getClosestValueIndex)(values, value2));\n\t\t\t\tonSlideStart === null || onSlideStart === void 0 || onSlideStart(event, value2, target);\n\t\t\t},\n\t\t\tonSlideMove: disabled ? void 0 : handleSlideMove,\n\t\t\tonHomeKeyDown: function() {\n\t\t\t\treturn !disabled && updateValues(min, 0);\n\t\t\t},\n\t\t\tonEndKeyDown: function() {\n\t\t\t\treturn !disabled && updateValues(max, values.length - 1);\n\t\t\t},\n\t\t\tonStepKeyDown: function(param) {\n\t\t\t\tvar { event, direction: stepDirection } = param;\n\t\t\t\tif (!disabled) {\n\t\t\t\t\tvar multiplier = import_constants2.PAGE_KEYS.includes(event.key) || event.shiftKey && import_constants2.ARROW_KEYS.includes(event.key) ? 10 : 1;\n\t\t\t\t\tvar atIndex = valueIndexToChangeRef.current;\n\t\t\t\t\tvar 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}), import_constants.isWeb && name && values.map(function(value2, index) {\n\t\t\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"input\", {\n\t\t\t\ttype: \"hidden\",\n\t\t\t\tname,\n\t\t\t\tvalue: value2\n\t\t\t}, index);\n\t\t})]\n\t});\n});\nvar Slider = (0, import_helpers.withStaticProperties)(SliderComponent, {\n\tTrack: SliderTrack,\n\tTrackActive: SliderActive,\n\tThumb: SliderThumb\n});\nSlider.displayName = import_constants2.SLIDER_NAME;\nvar Track = SliderTrack;\nvar Range = SliderActive;\nvar Thumb = SliderThumb;\n//# sourceMappingURL=Slider.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC/B,KAAK,IAAI,QAAQ,KAAK,UAAU,QAAQ,MAAM;EAC7C,KAAK,IAAI;EACT,YAAY;CACb,CAAC;AACF;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC7C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EACnE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,UAAU,IAAI,KAAK;GAC9G,WAAW,KAAK;GAChB,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAC3D,CAAC;CACF;CACA,OAAO;AACR;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKpG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CACpE,OAAO;CACP,YAAY;AACb,CAAC,IAAI,QACL,GACD;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iBAAiB,CAAC;AACtB,SAAS,gBAAgB;CACxB,aAAa;CACb,cAAc;CACd,oBAAoB;CACpB,yBAAyB;CACzB,mBAAmB;CACnB,wBAAwB;CACxB,mBAAmB;CACnB,wBAAwB;CACxB,aAAa;CACb,aAAa;AACd,CAAC;AACD,OAAO,UAAU,aAAa,cAAc;AAC5C,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,sBAAsB,QAAQ,uBAAuB;AACzD,IAAI,mBAAmB,QAAQ,oBAAoB;AACnD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,kBAAkB;AAC/C,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,gCAAgC,QAAQ,iCAAiC;AAC7E,IAAI,uBAAuB,QAAQ,wBAAwB;AAC3D,IAAI,QAAQ,QAAQ,QAAQ,OAAO,GAAG,CAAC;AACvC,IAAI,oBAAoB,QAAQ,uBAAa;AAC7C,IAAI,kBAAkB,QAAQ,qBAAW;AACzC,IAAI,oBAAoB,QAAQ,wBAAc;AAC9C,IAAI,oBAAoB,GAAG,YAAY,mBAAkB,CAAE,SAAS,OAAO,cAAc;CACxF,IAAI,EAAE,KAAK,KAAK,KAAK,cAAc,aAAa,eAAe,YAAY,GAAG,gBAAgB;CAC9F,IAAI,aAAa,GAAG,qBAAqB,aAAY,CAAE,GAAG;CAC1D,IAAI,iBAAiB,cAAc;CACnC,IAAI,YAAY,MAAM,OAAO,IAAI;CACjC,IAAI,CAAC,OAAO,aAAa,MAAM,SAAS,WAAW;EAClD,OAAO;GACN,MAAM;GACN,QAAQ;EACT;CACD,CAAC;CACD,IAAI,YAAY,GAAG,YAAY,yBAAwB,CAAE,SAAS;CAClE,SAAS,oBAAoB,iBAAiB;EAC7C,IAAI,QAAQ,CAAC,GAAG,MAAM,IAAI;EAC1B,IAAI,SAAS,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG;EACpD,QAAQ,GAAG,gBAAgB,YAAW,CAAE,OAAO,MAAM,CAAC,CAAC,eAAe;CACvE;CACA,IAAI,UAAU,WAAW;EACxB,IAAI;EACJ,CAAC,qBAAqB,UAAU,aAAa,QAAQ,uBAAuB,KAAK,KAAK,mBAAmB,QAAQ,SAAS,IAAI,IAAI,OAAO,SAAS,OAAO,QAAQ;GAChK,SAAS;IACR,MAAM;IACN,QAAQ;GACT,CAAC;EACF,CAAC;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB,2BAA2B;EAC/F,OAAO,MAAM;EACb,WAAW,iBAAiB,SAAS;EACrC,SAAS,iBAAiB,UAAU;EACpC,WAAW,iBAAiB,IAAI,CAAC;EACjC,UAAU;EACV,MAAM,MAAM;EACZ,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB,YAAY;GACnF,MAAM,GAAG,oBAAoB,YAAW,CAAE,cAAc,SAAS;GACjE,KAAK;GACL,GAAG;GACH,aAAa;GACb,UAAU;GACV,cAAc,SAAS,OAAO,QAAQ;IACrC,IAAI,QAAQ,oBAAoB,MAAM,YAAY,SAAS;IAC3D,IAAI,OAAO,iBAAiB,QAAQ,iBAAiB,KAAK,KAAK,aAAa,OAAO,QAAQ,KAAK;GACjG;GACA,aAAa,SAAS,OAAO;IAC5B,IAAI,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;IACtE,IAAI,OAAO,gBAAgB,QAAQ,gBAAgB,KAAK,KAAK,YAAY,OAAO,KAAK;GACtF;GACA,YAAY,SAAS,OAAO;IAC3B,IAAI,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;IACtE,IAAI,OAAO,eAAe,QAAQ,eAAe,KAAK,KAAK,WAAW,OAAO,KAAK;GACnF;GACA,eAAe,SAAS,OAAO;IAC9B,IAAI,YAAY,kBAAkB,UAAU,UAAU,CAAC,SAAS,MAAM,GAAG;IACzE,kBAAkB,QAAQ,kBAAkB,KAAK,KAAK,cAAc;KACnE;KACA,WAAW,YAAY,CAAC,IAAI;IAC7B,CAAC;GACF;EACD,CAAC;CACF,CAAC;AACF,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,mBAAkB,CAAE,SAAS,OAAO,cAAc;CACtF,IAAI,EAAE,KAAK,KAAK,cAAc,aAAa,eAAe,YAAY,GAAG,gBAAgB;CACzF,IAAI,CAAC,OAAO,aAAa,MAAM,SAAS,WAAW;EAClD,OAAO;GACN,MAAM;GACN,QAAQ;EACT;CACD,CAAC;CACD,IAAI,YAAY,GAAG,YAAY,yBAAwB,CAAE,SAAS;CAClE,IAAI,YAAY,MAAM,OAAO,IAAI;CACjC,IAAI,iBAAiB,GAAG,YAAY,iBAAgB,CAAE;CACtD,IAAI,SAAS,iBAAiB,SAAS,cAAc,SAAS,cAAc,SAAS;EACpF,KAAK;EACL,QAAQ;CACT;CACA,SAAS,oBAAoB,iBAAiB;EAC7C,IAAI,QAAQ,CAAC,GAAG,MAAM,IAAI;EAC1B,IAAI,SAAS,CAAC,KAAK,GAAG;EACtB,QAAQ,GAAG,gBAAgB,YAAW,CAAE,OAAO,MAAM,CAAC,CAAC,eAAe;CACvE;CACA,IAAI,UAAU,WAAW;EACxB,IAAI;EACJ,CAAC,qBAAqB,UAAU,aAAa,QAAQ,uBAAuB,KAAK,KAAK,mBAAmB,QAAQ,SAAS,IAAI,IAAI,QAAQ,QAAQ,QAAQ,OAAO;GAChK,SAAS;IACR,MAAM;IACN,QAAQ,SAAS,iBAAiB,QAAQ,OAAO,MAAM;GACxD,CAAC;EACF,CAAC;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB,2BAA2B;EAC/F,OAAO,MAAM;EACb,WAAW;EACX,SAAS;EACT,UAAU;EACV,MAAM,MAAM;EACZ,WAAW;EACX,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB,YAAY;GACnF,MAAM,GAAG,oBAAoB,YAAW,CAAE,cAAc,SAAS;GACjE,GAAG;GACH,aAAa;GACb,UAAU;GACV,cAAc,SAAS,OAAO,QAAQ;IACrC,IAAI,QAAQ,oBAAoB,MAAM,YAAY,SAAS;IAC3D,IAAI,OAAO,iBAAiB,QAAQ,iBAAiB,KAAK,KAAK,aAAa,OAAO,QAAQ,KAAK;GACjG;GACA,aAAa,SAAS,OAAO;IAC5B,IAAI,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;IACtE,IAAI,OAAO,gBAAgB,QAAQ,gBAAgB,KAAK,KAAK,YAAY,OAAO,KAAK;GACtF;GACA,YAAY,SAAS,OAAO;IAC3B,IAAI,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;IACtE,eAAe,QAAQ,eAAe,KAAK,KAAK,WAAW,OAAO,KAAK;GACxE;GACA,eAAe,SAAS,OAAO;IAC9B,IAAI,YAAY,kBAAkB,UAAU,IAAI,SAAS,MAAM,GAAG;IAClE,kBAAkB,QAAQ,kBAAkB,KAAK,KAAK,cAAc;KACnE;KACA,WAAW,YAAY,CAAC,IAAI;IAC7B,CAAC;GACF;EACD,CAAC;CACF,CAAC;AACF,CAAC;AACD,IAAI,oBAAoB,GAAG,YAAY,OAAM,CAAE,kBAAkB,aAAa;CAC7E,aAAa;CACb,QAAQ;CACR,OAAO;CACP,UAAU;CACV,UAAU;AACX,CAAC;AACD,IAAI,eAAe,GAAG,YAAY,gBAAe,CAAE,kBAAkB,SAAS,aAAa,OAAO,cAAc;CAC/G,IAAI,EAAE,eAAe,GAAG,eAAe;CACvC,IAAI,WAAW,GAAG,kBAAkB,iBAAgB,CAAE,aAAa;CACnE,IAAI;CACJ,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB;EACpE,iBAAiB,QAAQ,WAAW,KAAK,KAAK;EAC9C,oBAAoB,QAAQ;EAC5B,aAAa,QAAQ;EACrB,OAAO,gBAAgB,QAAQ,UAAU,QAAQ,kBAAkB,KAAK,IAAI,gBAAgB,KAAK;EACjG,GAAG;EACH,KAAK;CACN,CAAC;AACF,CAAC;AACD,IAAI,qBAAqB,GAAG,YAAY,OAAM,CAAE,kBAAkB,aAAa;CAC9E,aAAa;CACb,UAAU;CACV,eAAe;AAChB,CAAC;AACD,IAAI,gBAAgB,GAAG,YAAY,gBAAe,CAAE,mBAAmB,SAAS,cAAc,OAAO,cAAc;CAClH,IAAI,EAAE,eAAe,GAAG,eAAe;CACvC,IAAI,WAAW,GAAG,kBAAkB,iBAAgB,CAAE,aAAa;CACnE,IAAI,eAAe,GAAG,kBAAkB,4BAA2B,CAAE,aAAa;CAClF,IAAI,MAAM,MAAM,OAAO,IAAI;CAC3B,IAAI,gBAAgB,GAAG,oBAAoB,gBAAe,CAAE,cAAc,GAAG;CAC7E,IAAI,cAAc,QAAQ,OAAO;CACjC,IAAI,cAAc,QAAQ,OAAO,IAAI,SAAS,OAAO;EACpD,QAAQ,GAAG,gBAAgB,yBAAwB,CAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG;CACrF,CAAC;CACD,IAAI,cAAc,cAAc,IAAI,KAAK,IAAI,GAAG,WAAW,IAAI;CAC/D,IAAI,YAAY,MAAM,KAAK,IAAI,GAAG,WAAW;CAC7C,IAAI;CACJ,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB;EACrE,aAAa,QAAQ;EACrB,oBAAoB,QAAQ;EAC5B,iBAAiB,QAAQ,WAAW,KAAK,KAAK;EAC9C,OAAO,gBAAgB,QAAQ,UAAU,QAAQ,kBAAkB,KAAK,IAAI,gBAAgB,KAAK;EACjG,aAAa;GACZ;GACA;GACA;GACA;EACD;EACA,GAAG;EACH,KAAK;GACJ,YAAY,YAAY,GAAG,YAAY;GACvC,YAAY,UAAU,GAAG,UAAU;EACpC,GAAG,YAAY,aAAa,UAAU,EAAE,QAAQ,OAAO,IAAI;GAC1D,MAAM;GACN,OAAO;EACR;CACD,CAAC;AACF,CAAC;AACD,IAAI,eAAe,YAAY,OAAO,QAAQ,SAAS,KAAK;CAC3D,IAAI,UAAU,GAAG,YAAY,UAAS,CAAE;CACxC,IAAI,aAAa,GAAG,YAAY,iBAAgB,CAAE,QAAQ,QAAQ,QAAQ,KAAK,IAAI,MAAM,MAAM,MAAM;CACrG,IAAI,WAAW,OAAO,cAAc,WAAW,YAAY,OAAO,KAAK;CACvE,IAAI,OAAO,OAAO,QAAQ,WAAW,OAAO,GAAG,YAAY,iBAAgB,CAAE,QAAQ,IAAI;CACzF,OAAO;EACN,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;CACZ;AACD,CAAC;AACD,IAAI,oBAAoB,GAAG,YAAY,OAAM,CAAE,cAAc,QAAQ;CACpE,aAAa;CACb,UAAU;CACV,UAAU;EACT,MAAM;EACN,UAAU,EAAE,MAAM;GACjB,cAAc;GACd,SAAS;EACV,EAAE;EACF,SAAS,EAAE,MAAM;GAChB,aAAa;GACb,cAAc;GACd,cAAc;IACb,OAAO;IACP,QAAQ;GACT;EACD,EAAE;CACH;AACD,CAAC;AACD,IAAI,eAAe,GAAG,YAAY,gBAAe,CAAE,kBAAkB,SAAS,aAAa,OAAO,cAAc;CAC/G,IAAI,EAAE,eAAe,QAAQ,GAAG,UAAU,MAAM,UAAU,GAAG,eAAe;CAC5E,IAAI,WAAW,GAAG,kBAAkB,iBAAgB,CAAE,aAAa;CACnE,IAAI,eAAe,GAAG,kBAAkB,4BAA2B,CAAE,aAAa;CAClF,IAAI,CAAC,OAAO,YAAY,MAAM,SAAS,IAAI;CAC3C,IAAI,gBAAgB,GAAG,oBAAoB,gBAAe,CAAE,cAAc,QAAQ;CAClF,IAAI,QAAQ,QAAQ,OAAO;CAC3B,IAAI,UAAU,UAAU,KAAK,IAAI,KAAK,GAAG,gBAAgB,yBAAwB,CAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG;CAClH,IAAI,SAAS,GAAG,gBAAgB,SAAQ,CAAE,OAAO,QAAQ,OAAO,MAAM;CACtE,IAAI;CACJ,IAAI,UAAU,OAAO,aAAa,QAAQ,aAAa,KAAK,IAAI,WAAW,QAAQ,UAAU,QAAQ,SAAS,KAAK,IAAI,OAAO;CAC9H,IAAI,CAAC,MAAM,WAAW,MAAM,SAAS,WAAW;EAC/C,IAAI;EACJ,QAAQ,GAAG,YAAY,iBAAgB,EAAG,gBAAgB,aAAa,QAAQ,CAAC,CAAC,OAAO,QAAQ,kBAAkB,KAAK,IAAI,KAAK,IAAI,cAAc,KAAK;CACxJ,CAAC;CACD,IAAI,sBAAsB,QAAQ,GAAG,gBAAgB,uBAAsB,CAAE,MAAM,SAAS,YAAY,SAAS,IAAI;CACrH,MAAM,UAAU,WAAW;EAC1B,IAAI,OAAO;GACV,QAAQ,OAAO,IAAI,OAAO,KAAK;GAC/B,OAAO,WAAW;IACjB,QAAQ,OAAO,OAAO,KAAK;GAC5B;EACD;CACD,GAAG;EACF;EACA,QAAQ;EACR;CACD,CAAC;CACD,IAAI,mBAAmB,QAAQ,gBAAgB,eAAe;EAC7D,IAAI,sBAAsB,OAAO,KAAK,YAAY;EAClD,GAAG,CAAC,OAAO;EACX,KAAK;EACL,GAAG,SAAS,KAAK;GAChB,KAAK;GACL,QAAQ;EACT;CACD,IAAI;EACH,GAAG,CAAC,OAAO;EACX,GAAG,OAAO;EACV,MAAM;EACN,GAAG,SAAS,KAAK;GAChB,MAAM;GACN,OAAO;EACR;CACD;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB;EACpE,KAAK;EACL,MAAM;EACN,cAAc,MAAM,iBAAiB;EACrC,iBAAiB,QAAQ;EACzB,iBAAiB;EACjB,iBAAiB,QAAQ;EACzB,oBAAoB,QAAQ;EAC5B,oBAAoB,QAAQ;EAC5B,iBAAiB,QAAQ,WAAW,KAAK,KAAK;EAC9C,UAAU,QAAQ,WAAW,KAAK,IAAI;EACtC,aAAa;GACZ;GACA;GACA;GACA;GACA;EACD;EACA,GAAG;GACF,YAAY,YAAY,GAAG,QAAQ;EACpC,MAAM;EACN;EACA,GAAG;EACH,UAAU,SAAS,GAAG;GACrB,QAAQ,EAAE,YAAY,OAAO,YAAY,SAAS;EACnD;EACA,UAAU,GAAG,eAAe,qBAAoB,CAAE,MAAM,SAAS,WAAW;GAC3E,QAAQ,sBAAsB,UAAU;EACzC,CAAC;CACF,CAAC;AACF,GAAG,EAAE,cAAc,EAAE,MAAM,KAAK,EAAE,CAAC;AACnC,IAAI,mBAAmB,GAAG,YAAY,mBAAkB,CAAE,SAAS,OAAO,cAAc;CACvF,IAAI,EAAE,MAAM,MAAM,GAAG,MAAM,KAAK,OAAO,GAAG,cAAc,cAAc,WAAW,OAAO,wBAAwB,GAAG,eAAe,CAAC,GAAG,GAAG,OAAO,gBAAgB,WAAW,CAAC,GAAG,MAAM,UAAU,YAAY,aAAa,cAAc,GAAG,gBAAgB;CACzP,IAAI,YAAY,MAAM,OAAO,IAAI;CACjC,IAAI,gBAAgB,GAAG,oBAAoB,gBAAe,CAAE,WAAW,YAAY;CACnF,IAAI,YAAY,MAAM,uBAAuB,IAAI,IAAI,CAAC;CACtD,IAAI,wBAAwB,MAAM,OAAO,CAAC;CAC1C,IAAI,eAAe,gBAAgB;CACnC,IAAI,CAAC,SAAS,CAAC,GAAG,cAAc,GAAG,8BAA8B,qBAAoB,CAAE;EACtF,MAAM;EACN,aAAa;EACb,YAAY;EACZ,UAAU,SAAS,QAAQ;GAC1B,iBAAiB,sBAAsB,OAAO;GAC9C,cAAc,MAAM;EACrB;CACD,CAAC;CACD,IAAI,iBAAiB,OAAO,MAAM,UAAU,WAAW;EACtD,IAAI,OAAO,UAAU;EACrB,IAAI,CAAC,MAAM;EACX,IAAI,iBAAiB,SAAS,GAAG;GAChC,EAAE,eAAe;EAClB;EACA,KAAK,iBAAiB,cAAc,cAAc;EAClD,OAAO,WAAW;GACjB,KAAK,oBAAoB,cAAc,cAAc;EACtD;CACD,GAAG,CAAC,CAAC;CACL,SAAS,iBAAiB,YAAY;EACrC,IAAI,CAAC,iBAAiB,OAAO;EAC7B,IAAI,4BAA4B,MAAM,oBAAoB,OAAO,iBAAiB,KAAK;EACvF,IAAI;GACH,KAAK,IAAI,YAAY,UAAU,QAAQ,QAAQ,CAAC,CAAC,OAAO,SAAS,CAAC,GAAG,OAAO,EAAE,6BAA6B,QAAQ,UAAU,KAAK,EAAC,CAAE,OAAO,4BAA4B,MAAM;IAC7K,IAAI,CAAC,MAAM,SAAS,MAAM;IAC1B,IAAI,UAAU,YAAY;KACzB,KAAK,MAAM;KACX;IACD;GACD;EACD,SAAS,KAAK;GACb,oBAAoB;GACpB,iBAAiB;EAClB,UAAU;GACT,IAAI;IACH,IAAI,CAAC,6BAA6B,UAAU,UAAU,MAAM,UAAU,OAAO;GAC9E,UAAU;IACT,IAAI,mBAAmB,MAAM;GAC9B;EACD;CACD;CACA,SAAS,gBAAgB,QAAQ,OAAO;EACvC,aAAa,QAAQ,sBAAsB,OAAO;EAClD,gBAAgB,QAAQ,gBAAgB,KAAK,KAAK,YAAY,OAAO,MAAM;CAC5E;CACA,SAAS,aAAa,QAAQ,SAAS;EACtC,IAAI,gBAAgB,GAAG,gBAAgB,gBAAe,CAAE,IAAI;EAC5D,IAAI,cAAc,GAAG,gBAAgB,WAAU,CAAE,KAAK,OAAO,SAAS,OAAO,IAAI,IAAI,OAAO,KAAK,YAAY;EAC7G,IAAI,aAAa,GAAG,eAAe,MAAK,CAAE,YAAY,CAAC,KAAK,GAAG,CAAC;EAChE,UAAU,WAAW;GACpB,IAAI,aAAa,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,CAAC;GACnF,IAAI,cAAc,GAAG,gBAAgB,oBAAmB,CAAE,YAAY,WAAW,OAAO;GACxF,KAAK,GAAG,gBAAgB,yBAAwB,CAAE,YAAY,wBAAwB,IAAI,GAAG;IAC5F,sBAAsB,UAAU,WAAW,QAAQ,SAAS;IAC5D,OAAO,OAAO,UAAU,MAAM,OAAO,UAAU,IAAI,aAAa;GACjE;GACA,OAAO;EACR,CAAC;CACF;CACA,IAAI,iBAAiB,eAAe,mBAAmB;CACvD,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,kBAAkB,gBAAgB;EACrF,OAAO,MAAM;EACb;EACA;EACA;EACA;EACA,QAAQ,UAAU;EAClB;EACA;EACA,MAAM;EACN,UAAU,CAAiB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,gBAAgB;GACtE,iBAAiB;GACjB,iBAAiB,WAAW,KAAK,KAAK;GACtC,GAAG;GACH,KAAK;GACL;GACA;GACA;GACA,cAAc,WAAW,KAAK,IAAI,SAAS,QAAQ,QAAQ,OAAO;IACjE,IAAI,WAAW,SAAS,aAAa,SAAS,GAAG,gBAAgB,qBAAoB,CAAE,QAAQ,MAAM,CAAC;IACtG,iBAAiB,QAAQ,iBAAiB,KAAK,KAAK,aAAa,OAAO,QAAQ,MAAM;GACvF;GACA,aAAa,WAAW,KAAK,IAAI;GACjC,eAAe,WAAW;IACzB,OAAO,CAAC,YAAY,aAAa,KAAK,CAAC;GACxC;GACA,cAAc,WAAW;IACxB,OAAO,CAAC,YAAY,aAAa,KAAK,OAAO,SAAS,CAAC;GACxD;GACA,eAAe,SAAS,OAAO;IAC9B,IAAI,EAAE,OAAO,WAAW,kBAAkB;IAC1C,IAAI,CAAC,UAAU;KACd,IAAI,aAAa,kBAAkB,UAAU,SAAS,MAAM,GAAG,KAAK,MAAM,YAAY,kBAAkB,WAAW,SAAS,MAAM,GAAG,IAAI,KAAK;KAC9I,IAAI,UAAU,sBAAsB;KACpC,IAAI,SAAS,OAAO;KACpB,aAAa,SAAS,OAAO,aAAa,eAAe,OAAO;IACjE;GACD;EACD,CAAC,GAAG,iBAAiB,SAAS,QAAQ,OAAO,IAAI,SAAS,QAAQ,OAAO;GACxE,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,SAAS;IAC3D,MAAM;IACN;IACA,OAAO;GACR,GAAG,KAAK;EACT,CAAC,CAAC;CACH,CAAC;AACF,CAAC;AACD,IAAI,UAAU,GAAG,eAAe,qBAAoB,CAAE,iBAAiB;CACtE,OAAO;CACP,aAAa;CACb,OAAO;AACR,CAAC;AACD,OAAO,cAAc,kBAAkB;AACvC,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,QAAQ"}
|
|
1
|
+
{"version":3,"file":"Slider.native.js","names":[],"sources":["cjs/Slider.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n\t// If the importer is in node compatibility mode or this is not an ESM\n\t// file that has been converted to a CommonJS file using a Babel-\n\t// compatible transform (i.e. \"__esModule\" has not been set), then set\n\t// \"default\" to the CommonJS \"module.exports\" for node compatibility.\n\tisNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", {\n\t\tvalue: mod,\n\t\tenumerable: true\n\t}) : target,\n\tmod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Slider_exports = {};\n__export(Slider_exports, {\n\tRange: () => Range,\n\tSlider: () => Slider,\n\tSliderActive: () => SliderActive,\n\tSliderActiveFrame: () => SliderActiveFrame,\n\tSliderThumb: () => SliderThumb,\n\tSliderThumbFrame: () => SliderThumbFrame,\n\tSliderTrack: () => SliderTrack,\n\tSliderTrackFrame: () => SliderTrackFrame,\n\tThumb: () => Thumb,\n\tTrack: () => Track\n});\nmodule.exports = __toCommonJS(Slider_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_constants2 = require(\"./constants\");\nvar import_helpers2 = require(\"./helpers\");\nvar import_SliderImpl = require(\"./SliderImpl\");\nvar getTrackPosition = function(event, offset, orientation) {\n\tvar { locationX, locationY, pageX, pageY } = event.nativeEvent;\n\tif (import_constants.isWeb) return orientation === \"horizontal\" ? locationX : locationY;\n\treturn (orientation === \"horizontal\" ? pageX : pageY) - offset;\n};\nvar SliderHorizontal = (0, import_core.createRefComponent)(function(props, forwardedRef) {\n\tvar { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;\n\tvar direction = (0, import_use_direction.useDirection)(dir);\n\tvar isDirectionLTR = direction === \"ltr\";\n\tvar sliderRef = React.useRef(null);\n\tvar [state, setState_] = React.useState(function() {\n\t\treturn {\n\t\t\tsize: 0,\n\t\t\toffset: 0\n\t\t};\n\t});\n\tvar setState = (0, import_core.useCreateShallowSetState)(setState_);\n\tfunction getValueFromPointer(pointerPosition) {\n\t\tvar input = [0, state.size];\n\t\tvar output = isDirectionLTR ? [min, max] : [max, min];\n\t\treturn (0, import_helpers2.linearScale)(input, output)(pointerPosition);\n\t}\n\tvar measure = function() {\n\t\tvar _sliderRef_current;\n\t\t(_sliderRef_current = sliderRef.current) === null || _sliderRef_current === void 0 || _sliderRef_current.measure(function(_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\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_constants2.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__ */ (0, import_jsx_runtime.jsx)(import_SliderImpl.SliderImpl, {\n\t\t\tref: (0, import_compose_refs.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: function(event, target) {\n\t\t\t\tvar value = getValueFromPointer(event.nativeEvent.locationX);\n\t\t\t\tif (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);\n\t\t\t},\n\t\t\tonSlideMove: function(event) {\n\t\t\t\tvar value = getValueFromPointer(getTrackPosition(event, state.offset, \"horizontal\"));\n\t\t\t\tif (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);\n\t\t\t},\n\t\t\tonSlideEnd: function(event) {\n\t\t\t\tvar value = getValueFromPointer(getTrackPosition(event, state.offset, \"horizontal\"));\n\t\t\t\tif (value) onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);\n\t\t\t},\n\t\t\tonStepKeyDown: function(event) {\n\t\t\t\tvar isBackKey = import_constants2.BACK_KEYS[direction].includes(event.key);\n\t\t\t\tonStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({\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});\nvar SliderVertical = (0, import_core.createRefComponent)(function(props, forwardedRef) {\n\tvar { min, max, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;\n\tvar [state, setState_] = React.useState(function() {\n\t\treturn {\n\t\t\tsize: 0,\n\t\t\toffset: 0\n\t\t};\n\t});\n\tvar setState = (0, import_core.useCreateShallowSetState)(setState_);\n\tvar sliderRef = React.useRef(null);\n\tvar configuration = (0, import_core.useConfiguration)();\n\tvar insets = import_constants.isIos && configuration.insets ? configuration.insets : {\n\t\ttop: 0,\n\t\tbottom: 0\n\t};\n\tfunction getValueFromPointer(pointerPosition) {\n\t\tvar input = [0, state.size];\n\t\tvar output = [max, min];\n\t\treturn (0, import_helpers2.linearScale)(input, output)(pointerPosition);\n\t}\n\tvar measure = function() {\n\t\tvar _sliderRef_current;\n\t\t(_sliderRef_current = sliderRef.current) === null || _sliderRef_current === void 0 || _sliderRef_current.measure(function(_x, _y, _width, height, _pageX, pageY) {\n\t\t\tsetState({\n\t\t\t\tsize: height,\n\t\t\t\toffset: pageY + (import_constants.isIos ? insets.top : 0)\n\t\t\t});\n\t\t});\n\t};\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_constants2.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__ */ (0, import_jsx_runtime.jsx)(import_SliderImpl.SliderImpl, {\n\t\t\tref: (0, import_compose_refs.composeRefs)(forwardedRef, sliderRef),\n\t\t\t...sliderProps,\n\t\t\torientation: \"vertical\",\n\t\t\tonLayout: measure,\n\t\t\tonSlideStart: function(event, target) {\n\t\t\t\tvar value = getValueFromPointer(event.nativeEvent.locationY);\n\t\t\t\tif (value) onSlideStart === null || onSlideStart === void 0 || onSlideStart(value, target, event);\n\t\t\t},\n\t\t\tonSlideMove: function(event) {\n\t\t\t\tvar value = getValueFromPointer(getTrackPosition(event, state.offset, \"vertical\"));\n\t\t\t\tif (value) onSlideMove === null || onSlideMove === void 0 || onSlideMove(value, event);\n\t\t\t},\n\t\t\tonSlideEnd: function(event) {\n\t\t\t\tvar value = getValueFromPointer(getTrackPosition(event, state.offset, \"vertical\"));\n\t\t\t\tonSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(event, value);\n\t\t\t},\n\t\t\tonStepKeyDown: function(event) {\n\t\t\t\tvar isBackKey = import_constants2.BACK_KEYS.ltr.includes(event.key);\n\t\t\t\tonStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({\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});\nvar SliderTrackFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {\n\tdisplayName: \"Slider\",\n\theight: \"100%\",\n\twidth: \"100%\",\n\tposition: \"relative\",\n\toverflow: \"hidden\"\n});\nvar SliderTrack = (0, import_core.createStyledHOC)(SliderTrackFrame, function SliderTrack2(props, forwardedRef) {\n\tvar { __scopeSlider, ...trackProps } = props;\n\tvar context = (0, import_constants2.useSliderContext)(__scopeSlider);\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.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\t...trackProps,\n\t\tref: forwardedRef\n\t});\n});\nvar SliderActiveFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {\n\tdisplayName: \"SliderActive\",\n\tposition: \"absolute\",\n\tpointerEvents: \"box-none\"\n});\nvar SliderActive = (0, import_core.createStyledHOC)(SliderActiveFrame, function SliderActive2(props, forwardedRef) {\n\tvar { __scopeSlider, ...rangeProps } = props;\n\tvar context = (0, import_constants2.useSliderContext)(__scopeSlider);\n\tvar orientation = (0, import_constants2.useSliderOrientationContext)(__scopeSlider);\n\tvar ref = React.useRef(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);\n\tvar valuesCount = context.values.length;\n\tvar percentages = context.values.map(function(value) {\n\t\treturn (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max);\n\t});\n\tvar offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;\n\tvar offsetEnd = 100 - Math.max(...percentages);\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.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\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});\nvar thumbSize = function(val) {\n\tif (typeof val === \"number\") return val;\n\tif (typeof val === \"string\") {\n\t\tvar conf = (0, import_core.getConfig)();\n\t\tvar font = conf.fontsParsed[conf.defaultFontToken];\n\t\tvar fontSize = font === null || font === void 0 ? void 0 : font.size[val];\n\t\tif (fontSize != null) {\n\t\t\tvar _font_lineHeight;\n\t\t\tvar metrics = { fontSize: Number.parseFloat(String((0, import_core.getVariableValue)(fontSize))) };\n\t\t\tvar lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[val];\n\t\t\t(0, import_core.resolveTextMetrics)(metrics, typeof lineHeight === \"number\" ? `${lineHeight}px` : lineHeight);\n\t\t\tvar _metrics_lineHeight;\n\t\t\treturn (_metrics_lineHeight = metrics.lineHeight) !== null && _metrics_lineHeight !== void 0 ? _metrics_lineHeight : metrics.fontSize;\n\t\t}\n\t}\n\treturn 20;\n};\nvar SliderThumbFrame = (0, import_core.styled)(import_stacks.YStack, {\n\tdisplayName: \"SliderThumb\",\n\tposition: \"absolute\",\n\tvariants: {\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});\nvar SliderThumb = (0, import_core.createStyledHOC)(SliderThumbFrame, function SliderThumb2(props, forwardedRef) {\n\tvar { __scopeSlider, index = 0, circular, size: sizeProp, ...thumbProps } = props;\n\tvar context = (0, import_constants2.useSliderContext)(__scopeSlider);\n\tvar orientation = (0, import_constants2.useSliderOrientationContext)(__scopeSlider);\n\tvar [thumb, setThumb] = React.useState(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb);\n\tvar value = context.values[index];\n\tvar percent = value === void 0 ? 0 : (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max);\n\tvar label = (0, import_helpers2.getLabel)(index, context.values.length);\n\tvar _ref;\n\tvar sizeIn = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : context.size) !== null && _ref !== void 0 ? _ref : true;\n\tvar [size, setSize] = React.useState(function() {\n\t\treturn thumbSize(sizeIn);\n\t});\n\tvar thumbInBoundsOffset = size ? (0, import_helpers2.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;\n\tReact.useEffect(function() {\n\t\tif (thumb) {\n\t\t\tcontext.thumbs.set(thumb, index);\n\t\t\treturn function() {\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\tvar 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__ */ (0, import_jsx_runtime.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\t...positionalStyles,\n\t\t[orientation.startEdge]: `${percent}%`,\n\t\tcircular,\n\t\t...thumbProps,\n\t\tonLayout: function(e) {\n\t\t\tsetSize(e.nativeEvent.layout[orientation.sizeProp]);\n\t\t},\n\t\tonFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, function() {\n\t\t\tcontext.valueIndexToChangeRef.current = index;\n\t\t})\n\t});\n}, { staticConfig: { memo: true } });\nvar SliderComponent = (0, import_core.createRefComponent)(function(props, forwardedRef) {\n\tvar { 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;\n\tvar sliderRef = React.useRef(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(sliderRef, forwardedRef);\n\tvar thumbRefs = React.useRef(/* @__PURE__ */ new Map());\n\tvar valueIndexToChangeRef = React.useRef(0);\n\tvar isHorizontal = orientation === \"horizontal\";\n\tvar [values = [], setValues] = (0, import_use_controllable_state.useControllableState)({\n\t\tprop: value,\n\t\tdefaultProp: defaultValue,\n\t\ttransition: true,\n\t\tonChange: function(value2) {\n\t\t\tupdateThumbFocus(valueIndexToChangeRef.current);\n\t\t\tonValueChange(value2);\n\t\t}\n\t});\n\tif (import_constants.isWeb) React.useEffect(function() {\n\t\tvar node = sliderRef.current;\n\t\tif (!node) return;\n\t\tvar preventDefault = function(e) {\n\t\t\te.preventDefault();\n\t\t};\n\t\tnode.addEventListener(\"touchstart\", preventDefault);\n\t\treturn function() {\n\t\t\tnode.removeEventListener(\"touchstart\", preventDefault);\n\t\t};\n\t}, []);\n\tfunction updateThumbFocus(focusIndex) {\n\t\tif (!import_constants.isWeb) return;\n\t\tvar _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n\t\ttry {\n\t\t\tfor (var _iterator = thumbRefs.current.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n\t\t\t\tvar [node, index] = _step.value;\n\t\t\t\tif (index === focusIndex) {\n\t\t\t\t\tnode.focus();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (err) {\n\t\t\t_didIteratorError = true;\n\t\t\t_iteratorError = err;\n\t\t} finally {\n\t\t\ttry {\n\t\t\t\tif (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();\n\t\t\t} finally {\n\t\t\t\tif (_didIteratorError) throw _iteratorError;\n\t\t\t}\n\t\t}\n\t}\n\tfunction handleSlideMove(value2, event) {\n\t\tupdateValues(value2, valueIndexToChangeRef.current);\n\t\tonSlideMove === null || onSlideMove === void 0 || onSlideMove(event, value2);\n\t}\n\tfunction updateValues(value2, atIndex) {\n\t\tvar decimalCount = (0, import_helpers2.getDecimalCount)(step);\n\t\tvar snapToStep = (0, import_helpers2.roundValue)(Math.round((value2 - min) / step) * step + min, decimalCount);\n\t\tvar nextValue = (0, import_helpers.clamp)(snapToStep, [min, max]);\n\t\tsetValues(function() {\n\t\t\tvar prevValues = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n\t\t\tvar nextValues = (0, import_helpers2.getNextSortedValues)(prevValues, nextValue, atIndex);\n\t\t\tif ((0, import_helpers2.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\tvar SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_constants2.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__ */ (0, import_jsx_runtime.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 : function(value2, target, event) {\n\t\t\t\tif (target !== \"thumb\") updateValues(value2, (0, import_helpers2.getClosestValueIndex)(values, value2));\n\t\t\t\tonSlideStart === null || onSlideStart === void 0 || onSlideStart(event, value2, target);\n\t\t\t},\n\t\t\tonSlideMove: disabled ? void 0 : handleSlideMove,\n\t\t\tonHomeKeyDown: function() {\n\t\t\t\treturn !disabled && updateValues(min, 0);\n\t\t\t},\n\t\t\tonEndKeyDown: function() {\n\t\t\t\treturn !disabled && updateValues(max, values.length - 1);\n\t\t\t},\n\t\t\tonStepKeyDown: function(param) {\n\t\t\t\tvar { event, direction: stepDirection } = param;\n\t\t\t\tif (!disabled) {\n\t\t\t\t\tvar multiplier = import_constants2.PAGE_KEYS.includes(event.key) || event.shiftKey && import_constants2.ARROW_KEYS.includes(event.key) ? 10 : 1;\n\t\t\t\t\tvar atIndex = valueIndexToChangeRef.current;\n\t\t\t\t\tvar 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}), import_constants.isWeb && name && values.map(function(value2, index) {\n\t\t\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"input\", {\n\t\t\t\ttype: \"hidden\",\n\t\t\t\tname,\n\t\t\t\tvalue: value2\n\t\t\t}, index);\n\t\t})]\n\t});\n});\nvar Slider = (0, import_helpers.withStaticProperties)(SliderComponent, {\n\tTrack: SliderTrack,\n\tTrackActive: SliderActive,\n\tThumb: SliderThumb\n});\nSlider.displayName = import_constants2.SLIDER_NAME;\nvar Track = SliderTrack;\nvar Range = SliderActive;\nvar Thumb = SliderThumb;\n//# sourceMappingURL=Slider.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC/B,KAAK,IAAI,QAAQ,KAAK,UAAU,QAAQ,MAAM;EAC7C,KAAK,IAAI;EACT,YAAY;CACb,CAAC;AACF;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC7C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EACnE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,UAAU,IAAI,KAAK;GAC9G,WAAW,KAAK;GAChB,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAC3D,CAAC;CACF;CACA,OAAO;AACR;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKpG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CACpE,OAAO;CACP,YAAY;AACb,CAAC,IAAI,QACL,GACD;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iBAAiB,CAAC;AACtB,SAAS,gBAAgB;CACxB,aAAa;CACb,cAAc;CACd,oBAAoB;CACpB,yBAAyB;CACzB,mBAAmB;CACnB,wBAAwB;CACxB,mBAAmB;CACnB,wBAAwB;CACxB,aAAa;CACb,aAAa;AACd,CAAC;AACD,OAAO,UAAU,aAAa,cAAc;AAC5C,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,sBAAsB,QAAQ,uBAAuB;AACzD,IAAI,mBAAmB,QAAQ,oBAAoB;AACnD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,kBAAkB;AAC/C,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,gCAAgC,QAAQ,iCAAiC;AAC7E,IAAI,uBAAuB,QAAQ,wBAAwB;AAC3D,IAAI,QAAQ,QAAQ,QAAQ,OAAO,GAAG,CAAC;AACvC,IAAI,oBAAoB,QAAQ,uBAAa;AAC7C,IAAI,kBAAkB,QAAQ,qBAAW;AACzC,IAAI,oBAAoB,QAAQ,wBAAc;AAC9C,IAAI,mBAAmB,SAAS,OAAO,QAAQ,aAAa;CAC3D,IAAI,EAAE,WAAW,WAAW,OAAO,UAAU,MAAM;CACnD,IAAI,iBAAiB,OAAO,OAAO,gBAAgB,eAAe,YAAY;CAC9E,QAAQ,gBAAgB,eAAe,QAAQ,SAAS;AACzD;AACA,IAAI,oBAAoB,GAAG,YAAY,mBAAkB,CAAE,SAAS,OAAO,cAAc;CACxF,IAAI,EAAE,KAAK,KAAK,KAAK,cAAc,aAAa,eAAe,YAAY,GAAG,gBAAgB;CAC9F,IAAI,aAAa,GAAG,qBAAqB,aAAY,CAAE,GAAG;CAC1D,IAAI,iBAAiB,cAAc;CACnC,IAAI,YAAY,MAAM,OAAO,IAAI;CACjC,IAAI,CAAC,OAAO,aAAa,MAAM,SAAS,WAAW;EAClD,OAAO;GACN,MAAM;GACN,QAAQ;EACT;CACD,CAAC;CACD,IAAI,YAAY,GAAG,YAAY,yBAAwB,CAAE,SAAS;CAClE,SAAS,oBAAoB,iBAAiB;EAC7C,IAAI,QAAQ,CAAC,GAAG,MAAM,IAAI;EAC1B,IAAI,SAAS,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG;EACpD,QAAQ,GAAG,gBAAgB,YAAW,CAAE,OAAO,MAAM,CAAC,CAAC,eAAe;CACvE;CACA,IAAI,UAAU,WAAW;EACxB,IAAI;EACJ,CAAC,qBAAqB,UAAU,aAAa,QAAQ,uBAAuB,KAAK,KAAK,mBAAmB,QAAQ,SAAS,IAAI,IAAI,OAAO,SAAS,OAAO,QAAQ;GAChK,SAAS;IACR,MAAM;IACN,QAAQ;GACT,CAAC;EACF,CAAC;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB,2BAA2B;EAC/F,OAAO,MAAM;EACb,WAAW,iBAAiB,SAAS;EACrC,SAAS,iBAAiB,UAAU;EACpC,WAAW,iBAAiB,IAAI,CAAC;EACjC,UAAU;EACV,MAAM,MAAM;EACZ,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB,YAAY;GACnF,MAAM,GAAG,oBAAoB,YAAW,CAAE,cAAc,SAAS;GACjE,KAAK;GACL,GAAG;GACH,aAAa;GACb,UAAU;GACV,cAAc,SAAS,OAAO,QAAQ;IACrC,IAAI,QAAQ,oBAAoB,MAAM,YAAY,SAAS;IAC3D,IAAI,OAAO,iBAAiB,QAAQ,iBAAiB,KAAK,KAAK,aAAa,OAAO,QAAQ,KAAK;GACjG;GACA,aAAa,SAAS,OAAO;IAC5B,IAAI,QAAQ,oBAAoB,iBAAiB,OAAO,MAAM,QAAQ,YAAY,CAAC;IACnF,IAAI,OAAO,gBAAgB,QAAQ,gBAAgB,KAAK,KAAK,YAAY,OAAO,KAAK;GACtF;GACA,YAAY,SAAS,OAAO;IAC3B,IAAI,QAAQ,oBAAoB,iBAAiB,OAAO,MAAM,QAAQ,YAAY,CAAC;IACnF,IAAI,OAAO,eAAe,QAAQ,eAAe,KAAK,KAAK,WAAW,OAAO,KAAK;GACnF;GACA,eAAe,SAAS,OAAO;IAC9B,IAAI,YAAY,kBAAkB,UAAU,UAAU,CAAC,SAAS,MAAM,GAAG;IACzE,kBAAkB,QAAQ,kBAAkB,KAAK,KAAK,cAAc;KACnE;KACA,WAAW,YAAY,CAAC,IAAI;IAC7B,CAAC;GACF;EACD,CAAC;CACF,CAAC;AACF,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,mBAAkB,CAAE,SAAS,OAAO,cAAc;CACtF,IAAI,EAAE,KAAK,KAAK,cAAc,aAAa,eAAe,YAAY,GAAG,gBAAgB;CACzF,IAAI,CAAC,OAAO,aAAa,MAAM,SAAS,WAAW;EAClD,OAAO;GACN,MAAM;GACN,QAAQ;EACT;CACD,CAAC;CACD,IAAI,YAAY,GAAG,YAAY,yBAAwB,CAAE,SAAS;CAClE,IAAI,YAAY,MAAM,OAAO,IAAI;CACjC,IAAI,iBAAiB,GAAG,YAAY,iBAAgB,CAAE;CACtD,IAAI,SAAS,iBAAiB,SAAS,cAAc,SAAS,cAAc,SAAS;EACpF,KAAK;EACL,QAAQ;CACT;CACA,SAAS,oBAAoB,iBAAiB;EAC7C,IAAI,QAAQ,CAAC,GAAG,MAAM,IAAI;EAC1B,IAAI,SAAS,CAAC,KAAK,GAAG;EACtB,QAAQ,GAAG,gBAAgB,YAAW,CAAE,OAAO,MAAM,CAAC,CAAC,eAAe;CACvE;CACA,IAAI,UAAU,WAAW;EACxB,IAAI;EACJ,CAAC,qBAAqB,UAAU,aAAa,QAAQ,uBAAuB,KAAK,KAAK,mBAAmB,QAAQ,SAAS,IAAI,IAAI,QAAQ,QAAQ,QAAQ,OAAO;GAChK,SAAS;IACR,MAAM;IACN,QAAQ,SAAS,iBAAiB,QAAQ,OAAO,MAAM;GACxD,CAAC;EACF,CAAC;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB,2BAA2B;EAC/F,OAAO,MAAM;EACb,WAAW;EACX,SAAS;EACT,UAAU;EACV,MAAM,MAAM;EACZ,WAAW;EACX,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB,YAAY;GACnF,MAAM,GAAG,oBAAoB,YAAW,CAAE,cAAc,SAAS;GACjE,GAAG;GACH,aAAa;GACb,UAAU;GACV,cAAc,SAAS,OAAO,QAAQ;IACrC,IAAI,QAAQ,oBAAoB,MAAM,YAAY,SAAS;IAC3D,IAAI,OAAO,iBAAiB,QAAQ,iBAAiB,KAAK,KAAK,aAAa,OAAO,QAAQ,KAAK;GACjG;GACA,aAAa,SAAS,OAAO;IAC5B,IAAI,QAAQ,oBAAoB,iBAAiB,OAAO,MAAM,QAAQ,UAAU,CAAC;IACjF,IAAI,OAAO,gBAAgB,QAAQ,gBAAgB,KAAK,KAAK,YAAY,OAAO,KAAK;GACtF;GACA,YAAY,SAAS,OAAO;IAC3B,IAAI,QAAQ,oBAAoB,iBAAiB,OAAO,MAAM,QAAQ,UAAU,CAAC;IACjF,eAAe,QAAQ,eAAe,KAAK,KAAK,WAAW,OAAO,KAAK;GACxE;GACA,eAAe,SAAS,OAAO;IAC9B,IAAI,YAAY,kBAAkB,UAAU,IAAI,SAAS,MAAM,GAAG;IAClE,kBAAkB,QAAQ,kBAAkB,KAAK,KAAK,cAAc;KACnE;KACA,WAAW,YAAY,CAAC,IAAI;IAC7B,CAAC;GACF;EACD,CAAC;CACF,CAAC;AACF,CAAC;AACD,IAAI,oBAAoB,GAAG,YAAY,OAAM,CAAE,kBAAkB,aAAa;CAC7E,aAAa;CACb,QAAQ;CACR,OAAO;CACP,UAAU;CACV,UAAU;AACX,CAAC;AACD,IAAI,eAAe,GAAG,YAAY,gBAAe,CAAE,kBAAkB,SAAS,aAAa,OAAO,cAAc;CAC/G,IAAI,EAAE,eAAe,GAAG,eAAe;CACvC,IAAI,WAAW,GAAG,kBAAkB,iBAAgB,CAAE,aAAa;CACnE,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB;EACpE,iBAAiB,QAAQ,WAAW,KAAK,KAAK;EAC9C,oBAAoB,QAAQ;EAC5B,aAAa,QAAQ;EACrB,GAAG;EACH,KAAK;CACN,CAAC;AACF,CAAC;AACD,IAAI,qBAAqB,GAAG,YAAY,OAAM,CAAE,kBAAkB,aAAa;CAC9E,aAAa;CACb,UAAU;CACV,eAAe;AAChB,CAAC;AACD,IAAI,gBAAgB,GAAG,YAAY,gBAAe,CAAE,mBAAmB,SAAS,cAAc,OAAO,cAAc;CAClH,IAAI,EAAE,eAAe,GAAG,eAAe;CACvC,IAAI,WAAW,GAAG,kBAAkB,iBAAgB,CAAE,aAAa;CACnE,IAAI,eAAe,GAAG,kBAAkB,4BAA2B,CAAE,aAAa;CAClF,IAAI,MAAM,MAAM,OAAO,IAAI;CAC3B,IAAI,gBAAgB,GAAG,oBAAoB,gBAAe,CAAE,cAAc,GAAG;CAC7E,IAAI,cAAc,QAAQ,OAAO;CACjC,IAAI,cAAc,QAAQ,OAAO,IAAI,SAAS,OAAO;EACpD,QAAQ,GAAG,gBAAgB,yBAAwB,CAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG;CACrF,CAAC;CACD,IAAI,cAAc,cAAc,IAAI,KAAK,IAAI,GAAG,WAAW,IAAI;CAC/D,IAAI,YAAY,MAAM,KAAK,IAAI,GAAG,WAAW;CAC7C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB;EACrE,aAAa,QAAQ;EACrB,oBAAoB,QAAQ;EAC5B,iBAAiB,QAAQ,WAAW,KAAK,KAAK;EAC9C,GAAG;EACH,KAAK;GACJ,YAAY,YAAY,GAAG,YAAY;GACvC,YAAY,UAAU,GAAG,UAAU;EACpC,GAAG,YAAY,aAAa,UAAU,EAAE,QAAQ,OAAO,IAAI;GAC1D,MAAM;GACN,OAAO;EACR;CACD,CAAC;AACF,CAAC;AACD,IAAI,YAAY,SAAS,KAAK;CAC7B,IAAI,OAAO,QAAQ,UAAU,OAAO;CACpC,IAAI,OAAO,QAAQ,UAAU;EAC5B,IAAI,QAAQ,GAAG,YAAY,UAAS,CAAE;EACtC,IAAI,OAAO,KAAK,YAAY,KAAK;EACjC,IAAI,WAAW,SAAS,QAAQ,SAAS,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK;EACrE,IAAI,YAAY,MAAM;GACrB,IAAI;GACJ,IAAI,UAAU,EAAE,UAAU,OAAO,WAAW,QAAQ,GAAG,YAAY,iBAAgB,CAAE,QAAQ,CAAC,CAAC,EAAE;GACjG,IAAI,aAAa,SAAS,QAAQ,SAAS,KAAK,IAAI,KAAK,KAAK,mBAAmB,KAAK,gBAAgB,QAAQ,qBAAqB,KAAK,IAAI,KAAK,IAAI,iBAAiB;GACtK,CAAC,GAAG,YAAY,mBAAkB,CAAE,SAAS,OAAO,eAAe,WAAW,GAAG,WAAW,MAAM,UAAU;GAC5G,IAAI;GACJ,QAAQ,sBAAsB,QAAQ,gBAAgB,QAAQ,wBAAwB,KAAK,IAAI,sBAAsB,QAAQ;EAC9H;CACD;CACA,OAAO;AACR;AACA,IAAI,oBAAoB,GAAG,YAAY,OAAM,CAAE,cAAc,QAAQ;CACpE,aAAa;CACb,UAAU;CACV,UAAU;EACT,UAAU,EAAE,MAAM;GACjB,cAAc;GACd,SAAS;EACV,EAAE;EACF,SAAS,EAAE,MAAM;GAChB,aAAa;GACb,cAAc;GACd,cAAc;IACb,OAAO;IACP,QAAQ;GACT;EACD,EAAE;CACH;AACD,CAAC;AACD,IAAI,eAAe,GAAG,YAAY,gBAAe,CAAE,kBAAkB,SAAS,aAAa,OAAO,cAAc;CAC/G,IAAI,EAAE,eAAe,QAAQ,GAAG,UAAU,MAAM,UAAU,GAAG,eAAe;CAC5E,IAAI,WAAW,GAAG,kBAAkB,iBAAgB,CAAE,aAAa;CACnE,IAAI,eAAe,GAAG,kBAAkB,4BAA2B,CAAE,aAAa;CAClF,IAAI,CAAC,OAAO,YAAY,MAAM,SAAS,IAAI;CAC3C,IAAI,gBAAgB,GAAG,oBAAoB,gBAAe,CAAE,cAAc,QAAQ;CAClF,IAAI,QAAQ,QAAQ,OAAO;CAC3B,IAAI,UAAU,UAAU,KAAK,IAAI,KAAK,GAAG,gBAAgB,yBAAwB,CAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG;CAClH,IAAI,SAAS,GAAG,gBAAgB,SAAQ,CAAE,OAAO,QAAQ,OAAO,MAAM;CACtE,IAAI;CACJ,IAAI,UAAU,OAAO,aAAa,QAAQ,aAAa,KAAK,IAAI,WAAW,QAAQ,UAAU,QAAQ,SAAS,KAAK,IAAI,OAAO;CAC9H,IAAI,CAAC,MAAM,WAAW,MAAM,SAAS,WAAW;EAC/C,OAAO,UAAU,MAAM;CACxB,CAAC;CACD,IAAI,sBAAsB,QAAQ,GAAG,gBAAgB,uBAAsB,CAAE,MAAM,SAAS,YAAY,SAAS,IAAI;CACrH,MAAM,UAAU,WAAW;EAC1B,IAAI,OAAO;GACV,QAAQ,OAAO,IAAI,OAAO,KAAK;GAC/B,OAAO,WAAW;IACjB,QAAQ,OAAO,OAAO,KAAK;GAC5B;EACD;CACD,GAAG;EACF;EACA,QAAQ;EACR;CACD,CAAC;CACD,IAAI,mBAAmB,QAAQ,gBAAgB,eAAe;EAC7D,IAAI,sBAAsB,OAAO,KAAK,YAAY;EAClD,GAAG,CAAC,OAAO;EACX,KAAK;EACL,GAAG,SAAS,KAAK;GAChB,KAAK;GACL,QAAQ;EACT;CACD,IAAI;EACH,GAAG,CAAC,OAAO;EACX,GAAG,OAAO;EACV,MAAM;EACN,GAAG,SAAS,KAAK;GAChB,MAAM;GACN,OAAO;EACR;CACD;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB;EACpE,KAAK;EACL,MAAM;EACN,cAAc,MAAM,iBAAiB;EACrC,iBAAiB,QAAQ;EACzB,iBAAiB;EACjB,iBAAiB,QAAQ;EACzB,oBAAoB,QAAQ;EAC5B,oBAAoB,QAAQ;EAC5B,iBAAiB,QAAQ,WAAW,KAAK,KAAK;EAC9C,UAAU,QAAQ,WAAW,KAAK,IAAI;EACtC,GAAG;GACF,YAAY,YAAY,GAAG,QAAQ;EACpC;EACA,GAAG;EACH,UAAU,SAAS,GAAG;GACrB,QAAQ,EAAE,YAAY,OAAO,YAAY,SAAS;EACnD;EACA,UAAU,GAAG,eAAe,qBAAoB,CAAE,MAAM,SAAS,WAAW;GAC3E,QAAQ,sBAAsB,UAAU;EACzC,CAAC;CACF,CAAC;AACF,GAAG,EAAE,cAAc,EAAE,MAAM,KAAK,EAAE,CAAC;AACnC,IAAI,mBAAmB,GAAG,YAAY,mBAAkB,CAAE,SAAS,OAAO,cAAc;CACvF,IAAI,EAAE,MAAM,MAAM,GAAG,MAAM,KAAK,OAAO,GAAG,cAAc,cAAc,WAAW,OAAO,wBAAwB,GAAG,eAAe,CAAC,GAAG,GAAG,OAAO,gBAAgB,WAAW,CAAC,GAAG,MAAM,UAAU,YAAY,aAAa,cAAc,GAAG,gBAAgB;CACzP,IAAI,YAAY,MAAM,OAAO,IAAI;CACjC,IAAI,gBAAgB,GAAG,oBAAoB,gBAAe,CAAE,WAAW,YAAY;CACnF,IAAI,YAAY,MAAM,uBAAuB,IAAI,IAAI,CAAC;CACtD,IAAI,wBAAwB,MAAM,OAAO,CAAC;CAC1C,IAAI,eAAe,gBAAgB;CACnC,IAAI,CAAC,SAAS,CAAC,GAAG,cAAc,GAAG,8BAA8B,qBAAoB,CAAE;EACtF,MAAM;EACN,aAAa;EACb,YAAY;EACZ,UAAU,SAAS,QAAQ;GAC1B,iBAAiB,sBAAsB,OAAO;GAC9C,cAAc,MAAM;EACrB;CACD,CAAC;CACD,IAAI,iBAAiB,OAAO,MAAM,UAAU,WAAW;EACtD,IAAI,OAAO,UAAU;EACrB,IAAI,CAAC,MAAM;EACX,IAAI,iBAAiB,SAAS,GAAG;GAChC,EAAE,eAAe;EAClB;EACA,KAAK,iBAAiB,cAAc,cAAc;EAClD,OAAO,WAAW;GACjB,KAAK,oBAAoB,cAAc,cAAc;EACtD;CACD,GAAG,CAAC,CAAC;CACL,SAAS,iBAAiB,YAAY;EACrC,IAAI,CAAC,iBAAiB,OAAO;EAC7B,IAAI,4BAA4B,MAAM,oBAAoB,OAAO,iBAAiB,KAAK;EACvF,IAAI;GACH,KAAK,IAAI,YAAY,UAAU,QAAQ,QAAQ,CAAC,CAAC,OAAO,SAAS,CAAC,GAAG,OAAO,EAAE,6BAA6B,QAAQ,UAAU,KAAK,EAAC,CAAE,OAAO,4BAA4B,MAAM;IAC7K,IAAI,CAAC,MAAM,SAAS,MAAM;IAC1B,IAAI,UAAU,YAAY;KACzB,KAAK,MAAM;KACX;IACD;GACD;EACD,SAAS,KAAK;GACb,oBAAoB;GACpB,iBAAiB;EAClB,UAAU;GACT,IAAI;IACH,IAAI,CAAC,6BAA6B,UAAU,UAAU,MAAM,UAAU,OAAO;GAC9E,UAAU;IACT,IAAI,mBAAmB,MAAM;GAC9B;EACD;CACD;CACA,SAAS,gBAAgB,QAAQ,OAAO;EACvC,aAAa,QAAQ,sBAAsB,OAAO;EAClD,gBAAgB,QAAQ,gBAAgB,KAAK,KAAK,YAAY,OAAO,MAAM;CAC5E;CACA,SAAS,aAAa,QAAQ,SAAS;EACtC,IAAI,gBAAgB,GAAG,gBAAgB,gBAAe,CAAE,IAAI;EAC5D,IAAI,cAAc,GAAG,gBAAgB,WAAU,CAAE,KAAK,OAAO,SAAS,OAAO,IAAI,IAAI,OAAO,KAAK,YAAY;EAC7G,IAAI,aAAa,GAAG,eAAe,MAAK,CAAE,YAAY,CAAC,KAAK,GAAG,CAAC;EAChE,UAAU,WAAW;GACpB,IAAI,aAAa,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,CAAC;GACnF,IAAI,cAAc,GAAG,gBAAgB,oBAAmB,CAAE,YAAY,WAAW,OAAO;GACxF,KAAK,GAAG,gBAAgB,yBAAwB,CAAE,YAAY,wBAAwB,IAAI,GAAG;IAC5F,sBAAsB,UAAU,WAAW,QAAQ,SAAS;IAC5D,OAAO,OAAO,UAAU,MAAM,OAAO,UAAU,IAAI,aAAa;GACjE;GACA,OAAO;EACR,CAAC;CACF;CACA,IAAI,iBAAiB,eAAe,mBAAmB;CACvD,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,kBAAkB,gBAAgB;EACrF,OAAO,MAAM;EACb;EACA;EACA;EACA;EACA,QAAQ,UAAU;EAClB;EACA;EACA,MAAM;EACN,UAAU,CAAiB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,gBAAgB;GACtE,iBAAiB;GACjB,iBAAiB,WAAW,KAAK,KAAK;GACtC,GAAG;GACH,KAAK;GACL;GACA;GACA;GACA,cAAc,WAAW,KAAK,IAAI,SAAS,QAAQ,QAAQ,OAAO;IACjE,IAAI,WAAW,SAAS,aAAa,SAAS,GAAG,gBAAgB,qBAAoB,CAAE,QAAQ,MAAM,CAAC;IACtG,iBAAiB,QAAQ,iBAAiB,KAAK,KAAK,aAAa,OAAO,QAAQ,MAAM;GACvF;GACA,aAAa,WAAW,KAAK,IAAI;GACjC,eAAe,WAAW;IACzB,OAAO,CAAC,YAAY,aAAa,KAAK,CAAC;GACxC;GACA,cAAc,WAAW;IACxB,OAAO,CAAC,YAAY,aAAa,KAAK,OAAO,SAAS,CAAC;GACxD;GACA,eAAe,SAAS,OAAO;IAC9B,IAAI,EAAE,OAAO,WAAW,kBAAkB;IAC1C,IAAI,CAAC,UAAU;KACd,IAAI,aAAa,kBAAkB,UAAU,SAAS,MAAM,GAAG,KAAK,MAAM,YAAY,kBAAkB,WAAW,SAAS,MAAM,GAAG,IAAI,KAAK;KAC9I,IAAI,UAAU,sBAAsB;KACpC,IAAI,SAAS,OAAO;KACpB,aAAa,SAAS,OAAO,aAAa,eAAe,OAAO;IACjE;GACD;EACD,CAAC,GAAG,iBAAiB,SAAS,QAAQ,OAAO,IAAI,SAAS,QAAQ,OAAO;GACxE,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,SAAS;IAC3D,MAAM;IACN;IACA,OAAO;GACR,GAAG,KAAK;EACT,CAAC,CAAC;CACH,CAAC;AACF,CAAC;AACD,IAAI,UAAU,GAAG,eAAe,qBAAoB,CAAE,iBAAiB;CACtE,OAAO;CACP,aAAa;CACb,OAAO;AACR,CAAC;AACD,OAAO,cAAc,kBAAkB;AACvC,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,QAAQ"}
|
package/dist/cjs/SliderImpl.cjs
CHANGED
|
@@ -33,38 +33,21 @@ module.exports = __toCommonJS(SliderImpl_exports);
|
|
|
33
33
|
var import_core = require("@tamagui/core");
|
|
34
34
|
var import_constants = require("@tamagui/constants");
|
|
35
35
|
var import_core2 = require("@tamagui/core");
|
|
36
|
-
var import_get_token = require("@tamagui/get-token");
|
|
37
36
|
var import_stacks = require("@tamagui/stacks");
|
|
38
37
|
var React = __toESM(require("react"), 1);
|
|
39
|
-
var import_react_native = require("react-native-web");
|
|
40
38
|
var import_constants2 = require("./constants.cjs");
|
|
39
|
+
var import_SliderResponder = require("./SliderResponder.cjs");
|
|
41
40
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
41
|
const SliderFrameBase = (0, import_core2.styled)(import_stacks.YStack, {
|
|
43
42
|
position: "relative",
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
const SliderFrame = SliderFrameBase.resolve((props) => {
|
|
53
|
-
if (!props.size) return;
|
|
54
|
-
const size = Math.round((0, import_core2.getVariableValue)((0, import_get_token.getSize)(props.size)) / 6);
|
|
55
|
-
if (props.orientation === "horizontal") {
|
|
56
|
-
return {
|
|
57
|
-
height: size,
|
|
58
|
-
borderRadius: size,
|
|
59
|
-
justifyContent: "center"
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
return {
|
|
63
|
-
width: size,
|
|
64
|
-
borderRadius: size,
|
|
65
|
-
alignItems: "center"
|
|
66
|
-
};
|
|
43
|
+
justifyContent: "center",
|
|
44
|
+
alignItems: "center",
|
|
45
|
+
variants: { orientation: {
|
|
46
|
+
horizontal: {},
|
|
47
|
+
vertical: {}
|
|
48
|
+
} }
|
|
67
49
|
});
|
|
50
|
+
const SliderFrame = SliderFrameBase;
|
|
68
51
|
const SliderImpl = (0, import_core.createRefComponent)((props, forwardedRef) => {
|
|
69
52
|
const { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, children, ...sliderProps } = props;
|
|
70
53
|
const context = (0, import_constants2.useSliderContext)(__scopeSlider);
|
|
@@ -97,7 +80,6 @@ const SliderImpl = (0, import_core.createRefComponent)((props, forwardedRef) =>
|
|
|
97
80
|
onSlideEnd(event);
|
|
98
81
|
}, [onSlideEnd, props.onResponderRelease]);
|
|
99
82
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderFrame, {
|
|
100
|
-
size: "4",
|
|
101
83
|
ref: forwardedRef,
|
|
102
84
|
...sliderProps,
|
|
103
85
|
"data-orientation": sliderProps.orientation,
|
|
@@ -113,18 +95,10 @@ const SliderImpl = (0, import_core.createRefComponent)((props, forwardedRef) =>
|
|
|
113
95
|
event.preventDefault();
|
|
114
96
|
}
|
|
115
97
|
} },
|
|
116
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
117
|
-
onMoveShouldSetResponderCapture: () => true,
|
|
118
|
-
onMoveShouldSetResponder: () => true,
|
|
119
|
-
onStartShouldSetResponder: () => true,
|
|
120
|
-
onResponderTerminationRequest: () => false,
|
|
98
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SliderResponder.SliderResponder, {
|
|
121
99
|
onResponderGrant: handleResponderGrant,
|
|
122
100
|
onResponderMove: handleResponderMove,
|
|
123
101
|
onResponderRelease: handleResponderRelease,
|
|
124
|
-
style: {
|
|
125
|
-
inset: 0,
|
|
126
|
-
position: "absolute"
|
|
127
|
-
},
|
|
128
102
|
children
|
|
129
103
|
})
|
|
130
104
|
});
|