@tamagui/slider 1.88.1 → 1.88.2
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.js +12 -27
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/SliderImpl.js +0 -5
- package/dist/cjs/constants.js +0 -13
- package/dist/cjs/helpers.js +0 -12
- package/dist/cjs/index.js +0 -5
- package/dist/esm/Slider.native.js +101 -98
- package/dist/esm/Slider.native.js.map +2 -2
- package/dist/esm/SliderImpl.native.js +43 -20
- package/dist/esm/SliderImpl.native.js.map +2 -2
- package/dist/esm/constants.native.js +34 -4
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/helpers.native.js +31 -2
- package/dist/esm/helpers.native.js.map +1 -1
- package/dist/esm/index.native.js +27 -5
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/types.native.js +14 -0
- package/dist/esm/types.native.js.map +2 -2
- package/dist/jsx/Slider.js +171 -152
- package/dist/jsx/Slider.js.map +1 -1
- package/dist/jsx/Slider.native.js +236 -216
- package/dist/jsx/Slider.native.js.map +2 -2
- package/dist/jsx/SliderImpl.js +31 -27
- package/dist/jsx/SliderImpl.js.map +1 -1
- package/dist/jsx/SliderImpl.native.js +66 -39
- package/dist/jsx/SliderImpl.native.js.map +2 -2
- package/dist/jsx/constants.native.js +34 -4
- package/dist/jsx/constants.native.js.map +1 -1
- package/dist/jsx/helpers.native.js +31 -2
- package/dist/jsx/helpers.native.js.map +1 -1
- package/dist/jsx/index.native.js +27 -5
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/types.native.js +14 -0
- package/dist/jsx/types.native.js.map +2 -2
- package/package.json +11 -11
package/dist/cjs/Slider.js
CHANGED
|
@@ -52,8 +52,7 @@ const SliderHorizontal = React.forwardRef(
|
|
|
52
52
|
return (0, import_helpers3.linearScale)(input, isDirectionLTR ? [min, max] : [max, min])(pointerPosition);
|
|
53
53
|
}
|
|
54
54
|
const measure = () => {
|
|
55
|
-
|
|
56
|
-
(_a = sliderRef.current) == null || _a.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
55
|
+
sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
57
56
|
setState({
|
|
58
57
|
size: width,
|
|
59
58
|
offset: pageX
|
|
@@ -79,19 +78,19 @@ const SliderHorizontal = React.forwardRef(
|
|
|
79
78
|
onLayout: measure,
|
|
80
79
|
onSlideStart: (event, target) => {
|
|
81
80
|
const value = getValueFromPointer(event.nativeEvent.locationX);
|
|
82
|
-
value &&
|
|
81
|
+
value && onSlideStart?.(value, target, event);
|
|
83
82
|
},
|
|
84
83
|
onSlideMove: (event) => {
|
|
85
84
|
const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
|
|
86
|
-
value &&
|
|
85
|
+
value && onSlideMove?.(value, event);
|
|
87
86
|
},
|
|
88
87
|
onSlideEnd: (event) => {
|
|
89
88
|
const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
|
|
90
|
-
value &&
|
|
89
|
+
value && onSlideEnd?.(event, value);
|
|
91
90
|
},
|
|
92
91
|
onStepKeyDown: (event) => {
|
|
93
92
|
const isBackKey = import_constants2.BACK_KEYS[direction].includes(event.key);
|
|
94
|
-
onStepKeyDown
|
|
93
|
+
onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 });
|
|
95
94
|
}
|
|
96
95
|
}
|
|
97
96
|
)
|
|
@@ -126,8 +125,7 @@ const SliderVertical = React.forwardRef(
|
|
|
126
125
|
return (0, import_helpers3.linearScale)(input, [max, min])(pointerPosition);
|
|
127
126
|
}
|
|
128
127
|
const measure = () => {
|
|
129
|
-
|
|
130
|
-
(_a = sliderRef.current) == null || _a.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
128
|
+
sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
131
129
|
setState({
|
|
132
130
|
size: height,
|
|
133
131
|
offset: pageY
|
|
@@ -152,19 +150,19 @@ const SliderVertical = React.forwardRef(
|
|
|
152
150
|
onLayout: measure,
|
|
153
151
|
onSlideStart: (event, target) => {
|
|
154
152
|
const value = getValueFromPointer(event.nativeEvent.locationY);
|
|
155
|
-
value &&
|
|
153
|
+
value && onSlideStart?.(value, target, event);
|
|
156
154
|
},
|
|
157
155
|
onSlideMove: (event) => {
|
|
158
156
|
const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
|
|
159
|
-
value &&
|
|
157
|
+
value && onSlideMove?.(value, event);
|
|
160
158
|
},
|
|
161
159
|
onSlideEnd: (event) => {
|
|
162
160
|
const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
|
|
163
|
-
onSlideEnd
|
|
161
|
+
onSlideEnd?.(event, value);
|
|
164
162
|
},
|
|
165
163
|
onStepKeyDown: (event) => {
|
|
166
164
|
const isBackKey = import_constants2.BACK_KEYS.ltr.includes(event.key);
|
|
167
|
-
onStepKeyDown
|
|
165
|
+
onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 });
|
|
168
166
|
}
|
|
169
167
|
}
|
|
170
168
|
)
|
|
@@ -372,7 +370,7 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
372
370
|
}
|
|
373
371
|
}
|
|
374
372
|
function handleSlideMove(value2, event) {
|
|
375
|
-
updateValues(value2, valueIndexToChangeRef.current), onSlideMove
|
|
373
|
+
updateValues(value2, valueIndexToChangeRef.current), onSlideMove?.(event, value2);
|
|
376
374
|
}
|
|
377
375
|
function updateValues(value2, atIndex) {
|
|
378
376
|
const decimalCount = (0, import_helpers3.getDecimalCount)(step), snapToStep = (0, import_helpers3.roundValue)(
|
|
@@ -412,7 +410,7 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
412
410
|
const closestIndex = (0, import_helpers3.getClosestValueIndex)(values, value2);
|
|
413
411
|
updateValues(value2, closestIndex);
|
|
414
412
|
}
|
|
415
|
-
onSlideStart
|
|
413
|
+
onSlideStart?.(event, value2, target);
|
|
416
414
|
},
|
|
417
415
|
onSlideMove: disabled ? void 0 : handleSlideMove,
|
|
418
416
|
onHomeKeyDown: () => !disabled && updateValues(min, 0),
|
|
@@ -435,17 +433,4 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
435
433
|
});
|
|
436
434
|
Slider.displayName = import_constants2.SLIDER_NAME;
|
|
437
435
|
const Track = SliderTrack, Range = SliderTrackActive, Thumb = SliderThumb;
|
|
438
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
439
|
-
0 && (module.exports = {
|
|
440
|
-
Range,
|
|
441
|
-
Slider,
|
|
442
|
-
SliderThumb,
|
|
443
|
-
SliderThumbFrame,
|
|
444
|
-
SliderTrack,
|
|
445
|
-
SliderTrackActive,
|
|
446
|
-
SliderTrackActiveFrame,
|
|
447
|
-
SliderTrackFrame,
|
|
448
|
-
Thumb,
|
|
449
|
-
Track
|
|
450
|
-
});
|
|
451
436
|
//# sourceMappingURL=Slider.js.map
|
package/dist/cjs/Slider.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Slider.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAA6C,kCAC7C,mBAAgC,+BAChC,cASO,0BACP,mBAAwB,+BACxB,iBAAqC,6BACrCA,kBAA4C,6BAC5C,gBAAkD,4BAClD,gCAAqC,4CACrC,uBAA6B,mCAC7B,QAAuB,2BAGvBC,oBASO,wBACPD,kBAUO,sBACP,oBAAwC,yBA6DhC;AA/CR,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,gBAAY,mCAAa,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,eAAW,mCAAsB,SAAS;AAEhD,aAAS,oBAAoB,iBAAyB;AACpD,YAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAG9C,iBADc,6BAAY,OADO,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CACjC,EAC1B,eAAe;AAAA,IAC9B;AAEA,UAAM,UAAU,MAAM;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAA6C,kCAC7C,mBAAgC,+BAChC,cASO,0BACP,mBAAwB,+BACxB,iBAAqC,6BACrCA,kBAA4C,6BAC5C,gBAAkD,4BAClD,gCAAqC,4CACrC,uBAA6B,mCAC7B,QAAuB,2BAGvBC,oBASO,wBACPD,kBAUO,sBACP,oBAAwC,yBA6DhC;AA/CR,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,gBAAY,mCAAa,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,eAAW,mCAAsB,SAAS;AAEhD,aAAS,oBAAoB,iBAAyB;AACpD,YAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAG9C,iBADc,6BAAY,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;AAEA,WAAI,6BACF,2BAA2B,OAAO,GAIlC;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,SAAK,iCAAY,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,4BAAU,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;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,eAAW,mCAAsB,SAAS,GAC1C,YAAY,MAAM,OAAa,IAAI;AAEzC,aAAS,oBAAoB,iBAAyB;AACpD,YAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAG9C,iBADc,6BAAY,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;AAAA,QACV,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAEA,WAAI,6BACF,2BAA2B,OAAO,GAIlC;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,SAAK,iCAAY,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,4BAAU,IAAI,SAAS,MAAM,GAAG;AAClD,8BAAgB,EAAE,OAAO,WAAW,YAAY,KAAK,EAAE,CAAC;AAAA,YAC1D;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF,GAMM,aAAa,eAIN,uBAAmB,oBAAO,+BAAa;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,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,eAAe,GAAG,WAAW,IAAI,OACnC,cAAU,oCAAiB,YAAY,aAAa;AAC1D,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;AAEA,YAAY,cAAc;AAM1B,MAAM,aAAa,qBAEN,6BAAyB,oBAAO,+BAAa;AAAA,EACxD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AACZ,CAAC,GAIK,oBAAoB,MAAM;AAAA,EAC9B,CAAC,OAA4C,iBAAiB;AAC5D,UAAM,EAAE,eAAe,GAAG,WAAW,IAAI,OACnC,cAAU,oCAAiB,YAAY,aAAa,GACpD,kBAAc,+CAA4B,YAAY,aAAa,GACnE,MAAM,MAAM,OAAa,IAAI,GAC7B,mBAAe,qCAAgB,cAAc,GAAG,GAChD,cAAc,QAAQ,OAAO,QAC7B,cAAc,QAAQ,OAAO;AAAA,MAAI,CAAC,cACtC,0CAAyB,OAAO,QAAQ,KAAK,QAAQ,GAAG;AAAA,IAC1D,GACM,cAAc,cAAc,IAAI,KAAK,IAAI,GAAG,WAAW,IAAI,GAC3D,YAAY,MAAM,KAAK,IAAI,GAAG,WAAW;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAa,QAAQ;AAAA,QACrB,oBAAkB,QAAQ;AAAA,QAC1B,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,MAAM,QAAQ;AAAA,QACd,aAAa,CAAC,QAAQ,OAAO,SAAS,QAAQ;AAAA,QAC7C,GAAG;AAAA,QACJ,KAAK;AAAA,QAEH,CAAC,YAAY,SAAS,GAAG,GAAG,WAAW;AAAA,QACvC,CAAC,YAAY,OAAO,GAAG,GAAG,SAAS;AAAA,QAEpC,GAAI,YAAY,aAAa,UAC1B;AAAA,UACE,QAAQ;AAAA,QACV,IACA;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;AAMhC,MAAM,aAAa,eAIb,eAAe,CAAC,QAA8B;AAClD,QAAM,aAAS,uBAAU,GACnB,OACJ,OAAO,OAAQ,WACX,UACA,0BAAQ,OAAO,KAAK,GAAU,GAAG;AAAA,IAC/B,OAAO;AAAA,EACT,CAAC;AACP,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF,GAEa,uBAAmB,oBAAO,8BAAgB;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAa;AAAA,QACb,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAOK,cAAc,MAAM;AAAA,EACxB,iBAAiB,UAA4B,SAC3C,OACA,cACA;AACA,UAAM,EAAE,eAAe,OAAO,MAAM,UAAU,GAAG,WAAW,IAAI,OAC1D,cAAU,oCAAiB,YAAY,aAAa,GACpD,kBAAc,+CAA4B,YAAY,aAAa,GACnE,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAgC,IAAI,GAC9D,mBAAe;AAAA,MAAgB;AAAA,MAAc,CAAC,SAClD,SAAS,IAAsB;AAAA,IACjC,GAGM,QAAQ,QAAQ,OAAO,KAAK,GAC5B,UACJ,UAAU,SAAY,QAAI,0CAAyB,OAAO,QAAQ,KAAK,QAAQ,GAAG,GAC9E,YAAQ,0BAAS,OAAO,QAAQ,OAAO,MAAM,GAC7C,SAAS,YAAY,QAAQ,QAAQ,SACrC,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,UAEf,8BAAiB,aAAa,MAAM,EAAE,KAAK,CAElE,GAEK,sBAAsB,WACxB,wCAAuB,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,GAAG,sBAAsB,OAAO;AAAA,MAChC,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,QACL,GAAG;AAAA,QACJ,UAAU,CAAC,MAAM;AACf,kBAAQ,EAAE,YAAY,OAAO,YAAY,QAAQ,CAAC;AAAA,QACpD;AAAA,QAQA,aAAS,sCAAqB,MAAM,SAAS,MAAM;AACjD,kBAAQ,sBAAsB,UAAU;AAAA,QAC1C,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ,CAAC;AACH,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,mBAAe,qCAAgB,WAAW,YAAY,GACtD,YAAY,MAAM,OAAqC,oBAAI,IAAI,CAAC,GAChE,wBAAwB,MAAM,OAAe,CAAC,GAC9C,eAAe,gBAAgB,cAK/B,CAAC,SAAS,CAAC,GAAG,SAAS,QAAI,oDAAqB;AAAA,MACpD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,UAAU,CAACE,WAAU;AACnB,yBAAiB,sBAAsB,OAAO,GAC9C,cAAcA,MAAK;AAAA,MACrB;AAAA,IACF,CAAC;AAED,IAAI,0BACF,MAAM,UAAU,MAAM;AAEpB,YAAM,OAAO,UAAU;AACvB,UAAI,CAAC;AAAM;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,mBAAe,iCAAgB,IAAI,GACnC,iBAAa;AAAA,QACjB,KAAK,OAAOA,SAAQ,OAAO,IAAI,IAAI,OAAO;AAAA,QAC1C;AAAA,MACF,GACM,gBAAY,uBAAM,YAAY,CAAC,KAAK,GAAG,CAAC;AAC9C,gBAAU,CAAC,aAAa,CAAC,MAAM;AAC7B,cAAM,iBAAa,qCAAoB,YAAY,WAAW,OAAO;AACrE,mBAAI,0CAAyB,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,mBAAe,sCAAqB,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,4BAAU,SAAS,MAAM,GAAG,KAE9B,MAAM,YAAY,6BAAW,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,aAAS,qCAAqB,iBAAiB;AAAA,EACnD,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AACT,CAAC;AAED,OAAO,cAAc;AAqCrB,MAAM,QAAQ,aACR,QAAQ,mBACR,QAAQ;",
|
|
5
5
|
"names": ["import_helpers", "import_constants", "value"]
|
|
6
6
|
}
|
package/dist/cjs/SliderImpl.js
CHANGED
package/dist/cjs/constants.js
CHANGED
|
@@ -37,17 +37,4 @@ const SLIDER_NAME = "Slider", [createSliderContext, createSliderScope] = (0, imp
|
|
|
37
37
|
ltr: ["ArrowDown", "Home", "ArrowLeft", "PageDown"],
|
|
38
38
|
rtl: ["ArrowDown", "Home", "ArrowRight", "PageDown"]
|
|
39
39
|
};
|
|
40
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
41
|
-
0 && (module.exports = {
|
|
42
|
-
ARROW_KEYS,
|
|
43
|
-
BACK_KEYS,
|
|
44
|
-
PAGE_KEYS,
|
|
45
|
-
SLIDER_NAME,
|
|
46
|
-
SliderOrientationProvider,
|
|
47
|
-
SliderProvider,
|
|
48
|
-
createSliderContext,
|
|
49
|
-
createSliderScope,
|
|
50
|
-
useSliderContext,
|
|
51
|
-
useSliderOrientationContext
|
|
52
|
-
});
|
|
53
40
|
//# sourceMappingURL=constants.js.map
|
package/dist/cjs/helpers.js
CHANGED
|
@@ -73,16 +73,4 @@ function roundValue(value, decimalCount) {
|
|
|
73
73
|
const rounder = 10 ** decimalCount;
|
|
74
74
|
return Math.round(value * rounder) / rounder;
|
|
75
75
|
}
|
|
76
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
77
|
-
0 && (module.exports = {
|
|
78
|
-
convertValueToPercentage,
|
|
79
|
-
getClosestValueIndex,
|
|
80
|
-
getDecimalCount,
|
|
81
|
-
getLabel,
|
|
82
|
-
getNextSortedValues,
|
|
83
|
-
getThumbInBoundsOffset,
|
|
84
|
-
hasMinStepsBetweenValues,
|
|
85
|
-
linearScale,
|
|
86
|
-
roundValue
|
|
87
|
-
});
|
|
88
76
|
//# sourceMappingURL=helpers.js.map
|
package/dist/cjs/index.js
CHANGED
|
@@ -19,9 +19,4 @@ __export(src_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(src_exports);
|
|
20
20
|
__reExport(src_exports, require("./Slider"), module.exports);
|
|
21
21
|
var import_SliderImpl = require("./SliderImpl");
|
|
22
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
23
|
-
0 && (module.exports = {
|
|
24
|
-
SliderFrame,
|
|
25
|
-
...require("./Slider")
|
|
26
|
-
});
|
|
27
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
10
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
+
var Slider_exports = {};
|
|
25
|
+
__export(Slider_exports, {
|
|
26
|
+
Range: () => Range,
|
|
27
|
+
Slider: () => Slider,
|
|
28
|
+
SliderThumb: () => SliderThumb,
|
|
29
|
+
SliderThumbFrame: () => SliderThumbFrame,
|
|
30
|
+
SliderTrack: () => SliderTrack,
|
|
31
|
+
SliderTrackActive: () => SliderTrackActive,
|
|
32
|
+
SliderTrackActiveFrame: () => SliderTrackActiveFrame,
|
|
33
|
+
SliderTrackFrame: () => SliderTrackFrame,
|
|
34
|
+
Thumb: () => Thumb,
|
|
35
|
+
Track: () => Track
|
|
36
|
+
});
|
|
37
|
+
module.exports = __toCommonJS(Slider_exports);
|
|
38
|
+
var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_helpers2 = require("@tamagui/helpers"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), React = __toESM(require("react")), import_constants2 = require("./constants"), import_helpers3 = require("./helpers"), import_SliderImpl = require("./SliderImpl"), import_jsx_runtime = require("react/jsx-runtime");
|
|
39
39
|
const SliderHorizontal = React.forwardRef(
|
|
40
40
|
(props, forwardedRef) => {
|
|
41
41
|
const {
|
|
@@ -47,21 +47,22 @@ const SliderHorizontal = React.forwardRef(
|
|
|
47
47
|
onStepKeyDown,
|
|
48
48
|
onSlideEnd,
|
|
49
49
|
...sliderProps
|
|
50
|
-
} = props, direction = useDirection(dir), isDirectionLTR = direction === "ltr", sliderRef = React.useRef(null), [state, setState_] = React.useState(() => ({ size: 0, offset: 0 })), setState = createShallowSetState(setState_);
|
|
50
|
+
} = props, direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", sliderRef = React.useRef(null), [state, setState_] = React.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core.createShallowSetState)(setState_);
|
|
51
51
|
function getValueFromPointer(pointerPosition) {
|
|
52
52
|
const input = [0, state.size];
|
|
53
|
-
return linearScale(input, isDirectionLTR ? [min, max] : [max, min])(pointerPosition);
|
|
53
|
+
return (0, import_helpers3.linearScale)(input, isDirectionLTR ? [min, max] : [max, min])(pointerPosition);
|
|
54
54
|
}
|
|
55
55
|
const measure = () => {
|
|
56
|
-
|
|
56
|
+
var _a;
|
|
57
|
+
(_a = sliderRef.current) == null || _a.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
57
58
|
setState({
|
|
58
59
|
size: width,
|
|
59
60
|
offset: pageX
|
|
60
61
|
});
|
|
61
62
|
});
|
|
62
63
|
};
|
|
63
|
-
return isClient && useOnDebouncedWindowResize(measure), /* @__PURE__ */ jsx(
|
|
64
|
-
SliderOrientationProvider,
|
|
64
|
+
return import_constants.isClient && useOnDebouncedWindowResize(measure), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
65
|
+
import_constants2.SliderOrientationProvider,
|
|
65
66
|
{
|
|
66
67
|
scope: props.__scopeSlider,
|
|
67
68
|
startEdge: isDirectionLTR ? "left" : "right",
|
|
@@ -69,29 +70,29 @@ const SliderHorizontal = React.forwardRef(
|
|
|
69
70
|
direction: isDirectionLTR ? 1 : -1,
|
|
70
71
|
sizeProp: "width",
|
|
71
72
|
size: state.size,
|
|
72
|
-
children: /* @__PURE__ */ jsx(
|
|
73
|
-
SliderImpl,
|
|
73
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
74
|
+
import_SliderImpl.SliderImpl,
|
|
74
75
|
{
|
|
75
|
-
ref: composeRefs(forwardedRef, sliderRef),
|
|
76
|
+
ref: (0, import_compose_refs.composeRefs)(forwardedRef, sliderRef),
|
|
76
77
|
dir: direction,
|
|
77
78
|
...sliderProps,
|
|
78
79
|
orientation: "horizontal",
|
|
79
80
|
onLayout: measure,
|
|
80
81
|
onSlideStart: (event, target) => {
|
|
81
82
|
const value = getValueFromPointer(event.nativeEvent.locationX);
|
|
82
|
-
value && onSlideStart
|
|
83
|
+
value && (onSlideStart == null || onSlideStart(value, target, event));
|
|
83
84
|
},
|
|
84
85
|
onSlideMove: (event) => {
|
|
85
86
|
const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
|
|
86
|
-
value && onSlideMove
|
|
87
|
+
value && (onSlideMove == null || onSlideMove(value, event));
|
|
87
88
|
},
|
|
88
89
|
onSlideEnd: (event) => {
|
|
89
90
|
const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
|
|
90
|
-
value && onSlideEnd
|
|
91
|
+
value && (onSlideEnd == null || onSlideEnd(event, value));
|
|
91
92
|
},
|
|
92
93
|
onStepKeyDown: (event) => {
|
|
93
|
-
const isBackKey = BACK_KEYS[direction].includes(event.key);
|
|
94
|
-
onStepKeyDown
|
|
94
|
+
const isBackKey = import_constants2.BACK_KEYS[direction].includes(event.key);
|
|
95
|
+
onStepKeyDown == null || onStepKeyDown({ event, direction: isBackKey ? -1 : 1 });
|
|
95
96
|
}
|
|
96
97
|
}
|
|
97
98
|
)
|
|
@@ -120,21 +121,22 @@ const SliderVertical = React.forwardRef(
|
|
|
120
121
|
onStepKeyDown,
|
|
121
122
|
onSlideEnd,
|
|
122
123
|
...sliderProps
|
|
123
|
-
} = props, [state, setState_] = React.useState(() => ({ size: 0, offset: 0 })), setState = createShallowSetState(setState_), sliderRef = React.useRef(null);
|
|
124
|
+
} = props, [state, setState_] = React.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core.createShallowSetState)(setState_), sliderRef = React.useRef(null);
|
|
124
125
|
function getValueFromPointer(pointerPosition) {
|
|
125
126
|
const input = [0, state.size];
|
|
126
|
-
return linearScale(input, [max, min])(pointerPosition);
|
|
127
|
+
return (0, import_helpers3.linearScale)(input, [max, min])(pointerPosition);
|
|
127
128
|
}
|
|
128
129
|
const measure = () => {
|
|
129
|
-
|
|
130
|
+
var _a;
|
|
131
|
+
(_a = sliderRef.current) == null || _a.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
130
132
|
setState({
|
|
131
133
|
size: height,
|
|
132
134
|
offset: pageY
|
|
133
135
|
});
|
|
134
136
|
});
|
|
135
137
|
};
|
|
136
|
-
return isClient && useOnDebouncedWindowResize(measure), /* @__PURE__ */ jsx(
|
|
137
|
-
SliderOrientationProvider,
|
|
138
|
+
return import_constants.isClient && useOnDebouncedWindowResize(measure), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
139
|
+
import_constants2.SliderOrientationProvider,
|
|
138
140
|
{
|
|
139
141
|
scope: props.__scopeSlider,
|
|
140
142
|
startEdge: "bottom",
|
|
@@ -142,35 +144,35 @@ const SliderVertical = React.forwardRef(
|
|
|
142
144
|
sizeProp: "height",
|
|
143
145
|
size: state.size,
|
|
144
146
|
direction: 1,
|
|
145
|
-
children: /* @__PURE__ */ jsx(
|
|
146
|
-
SliderImpl,
|
|
147
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
148
|
+
import_SliderImpl.SliderImpl,
|
|
147
149
|
{
|
|
148
|
-
ref: composeRefs(forwardedRef, sliderRef),
|
|
150
|
+
ref: (0, import_compose_refs.composeRefs)(forwardedRef, sliderRef),
|
|
149
151
|
...sliderProps,
|
|
150
152
|
orientation: "vertical",
|
|
151
153
|
onLayout: measure,
|
|
152
154
|
onSlideStart: (event, target) => {
|
|
153
155
|
const value = getValueFromPointer(event.nativeEvent.locationY);
|
|
154
|
-
value && onSlideStart
|
|
156
|
+
value && (onSlideStart == null || onSlideStart(value, target, event));
|
|
155
157
|
},
|
|
156
158
|
onSlideMove: (event) => {
|
|
157
159
|
const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
|
|
158
|
-
value && onSlideMove
|
|
160
|
+
value && (onSlideMove == null || onSlideMove(value, event));
|
|
159
161
|
},
|
|
160
162
|
onSlideEnd: (event) => {
|
|
161
163
|
const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
|
|
162
|
-
onSlideEnd
|
|
164
|
+
onSlideEnd == null || onSlideEnd(event, value);
|
|
163
165
|
},
|
|
164
166
|
onStepKeyDown: (event) => {
|
|
165
|
-
const isBackKey = BACK_KEYS.ltr.includes(event.key);
|
|
166
|
-
onStepKeyDown
|
|
167
|
+
const isBackKey = import_constants2.BACK_KEYS.ltr.includes(event.key);
|
|
168
|
+
onStepKeyDown == null || onStepKeyDown({ event, direction: isBackKey ? -1 : 1 });
|
|
167
169
|
}
|
|
168
170
|
}
|
|
169
171
|
)
|
|
170
172
|
}
|
|
171
173
|
);
|
|
172
174
|
}
|
|
173
|
-
), TRACK_NAME = "SliderTrack", SliderTrackFrame = styled(SliderFrame, {
|
|
175
|
+
), TRACK_NAME = "SliderTrack", SliderTrackFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {
|
|
174
176
|
name: "SliderTrack",
|
|
175
177
|
variants: {
|
|
176
178
|
unstyled: {
|
|
@@ -189,8 +191,8 @@ const SliderVertical = React.forwardRef(
|
|
|
189
191
|
}
|
|
190
192
|
}), SliderTrack = React.forwardRef(
|
|
191
193
|
(props, forwardedRef) => {
|
|
192
|
-
const { __scopeSlider, ...trackProps } = props, context = useSliderContext(TRACK_NAME, __scopeSlider);
|
|
193
|
-
return /* @__PURE__ */ jsx(
|
|
194
|
+
const { __scopeSlider, ...trackProps } = props, context = (0, import_constants2.useSliderContext)(TRACK_NAME, __scopeSlider);
|
|
195
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
194
196
|
SliderTrackFrame,
|
|
195
197
|
{
|
|
196
198
|
"data-disabled": context.disabled ? "" : void 0,
|
|
@@ -204,16 +206,16 @@ const SliderVertical = React.forwardRef(
|
|
|
204
206
|
}
|
|
205
207
|
);
|
|
206
208
|
SliderTrack.displayName = TRACK_NAME;
|
|
207
|
-
const RANGE_NAME = "SliderTrackActive", SliderTrackActiveFrame = styled(SliderFrame, {
|
|
209
|
+
const RANGE_NAME = "SliderTrackActive", SliderTrackActiveFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {
|
|
208
210
|
name: "SliderTrackActive",
|
|
209
211
|
backgroundColor: "$background",
|
|
210
212
|
position: "absolute"
|
|
211
213
|
}), SliderTrackActive = React.forwardRef(
|
|
212
214
|
(props, forwardedRef) => {
|
|
213
|
-
const { __scopeSlider, ...rangeProps } = props, context = useSliderContext(RANGE_NAME, __scopeSlider), orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(
|
|
214
|
-
(value) => convertValueToPercentage(value, context.min, context.max)
|
|
215
|
+
const { __scopeSlider, ...rangeProps } = props, context = (0, import_constants2.useSliderContext)(RANGE_NAME, __scopeSlider), orientation = (0, import_constants2.useSliderOrientationContext)(RANGE_NAME, __scopeSlider), ref = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(
|
|
216
|
+
(value) => (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max)
|
|
215
217
|
), offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0, offsetEnd = 100 - Math.max(...percentages);
|
|
216
|
-
return /* @__PURE__ */ jsx(
|
|
218
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
217
219
|
SliderTrackActiveFrame,
|
|
218
220
|
{
|
|
219
221
|
orientation: context.orientation,
|
|
@@ -237,7 +239,7 @@ const RANGE_NAME = "SliderTrackActive", SliderTrackActiveFrame = styled(SliderFr
|
|
|
237
239
|
);
|
|
238
240
|
SliderTrackActive.displayName = RANGE_NAME;
|
|
239
241
|
const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
240
|
-
const tokens = getTokens(), size = typeof val == "number" ? val : getSize(tokens.size[val], {
|
|
242
|
+
const tokens = (0, import_core.getTokens)(), size = typeof val == "number" ? val : (0, import_get_token.getSize)(tokens.size[val], {
|
|
241
243
|
shift: -1
|
|
242
244
|
});
|
|
243
245
|
return {
|
|
@@ -246,7 +248,7 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
246
248
|
minWidth: size,
|
|
247
249
|
minHeight: size
|
|
248
250
|
};
|
|
249
|
-
}, SliderThumbFrame = styled(ThemeableStack, {
|
|
251
|
+
}, SliderThumbFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
250
252
|
name: "SliderThumb",
|
|
251
253
|
variants: {
|
|
252
254
|
size: {
|
|
@@ -258,9 +260,9 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
258
260
|
bordered: 2,
|
|
259
261
|
borderWidth: 2,
|
|
260
262
|
backgrounded: !0,
|
|
261
|
-
pressTheme: isWeb,
|
|
262
|
-
focusTheme: isWeb,
|
|
263
|
-
hoverTheme: isWeb
|
|
263
|
+
pressTheme: import_constants.isWeb,
|
|
264
|
+
focusTheme: import_constants.isWeb,
|
|
265
|
+
hoverTheme: import_constants.isWeb
|
|
264
266
|
}
|
|
265
267
|
}
|
|
266
268
|
},
|
|
@@ -269,10 +271,10 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
269
271
|
}
|
|
270
272
|
}), SliderThumb = React.memo(
|
|
271
273
|
SliderThumbFrame.styleable(function(props, forwardedRef) {
|
|
272
|
-
const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = useSliderContext(THUMB_NAME, __scopeSlider), orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React.useState(null), composedRefs = useComposedRefs(
|
|
274
|
+
const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = (0, import_constants2.useSliderContext)(THUMB_NAME, __scopeSlider), orientation = (0, import_constants2.useSliderOrientationContext)(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
|
|
273
275
|
forwardedRef,
|
|
274
276
|
(node) => setThumb(node)
|
|
275
|
-
), 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;
|
|
277
|
+
), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), sizeIn = sizeProp ?? context.size ?? "$true", [size, setSize] = React.useState(() => (0, import_core.getVariableValue)(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size ? (0, import_helpers3.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;
|
|
276
278
|
React.useEffect(() => {
|
|
277
279
|
if (thumb)
|
|
278
280
|
return context.thumbs.set(thumb, index), () => {
|
|
@@ -296,7 +298,7 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
296
298
|
right: "auto"
|
|
297
299
|
}
|
|
298
300
|
};
|
|
299
|
-
return /* @__PURE__ */ jsx(
|
|
301
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
300
302
|
SliderThumbFrame,
|
|
301
303
|
{
|
|
302
304
|
ref: composedRefs,
|
|
@@ -317,7 +319,7 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
317
319
|
onLayout: (e) => {
|
|
318
320
|
setSize(e.nativeEvent.layout[orientation.sizeProp]);
|
|
319
321
|
},
|
|
320
|
-
onFocus: composeEventHandlers(props.onFocus, () => {
|
|
322
|
+
onFocus: (0, import_helpers2.composeEventHandlers)(props.onFocus, () => {
|
|
321
323
|
context.valueIndexToChangeRef.current = index;
|
|
322
324
|
})
|
|
323
325
|
}
|
|
@@ -342,7 +344,7 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
342
344
|
onSlideMove,
|
|
343
345
|
onSlideStart,
|
|
344
346
|
...sliderProps
|
|
345
|
-
} = 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({
|
|
347
|
+
} = props, sliderRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(sliderRef, forwardedRef), thumbRefs = React.useRef(/* @__PURE__ */ new Map()), valueIndexToChangeRef = React.useRef(0), isHorizontal = orientation === "horizontal", [values = [], setValues] = (0, import_use_controllable_state.useControllableState)({
|
|
346
348
|
prop: value,
|
|
347
349
|
defaultProp: defaultValue,
|
|
348
350
|
transition: !0,
|
|
@@ -350,7 +352,7 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
350
352
|
updateThumbFocus(valueIndexToChangeRef.current), onValueChange(value2);
|
|
351
353
|
}
|
|
352
354
|
});
|
|
353
|
-
isWeb && React.useEffect(() => {
|
|
355
|
+
import_constants.isWeb && React.useEffect(() => {
|
|
354
356
|
const node = sliderRef.current;
|
|
355
357
|
if (!node)
|
|
356
358
|
return;
|
|
@@ -362,7 +364,7 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
362
364
|
};
|
|
363
365
|
}, []);
|
|
364
366
|
function updateThumbFocus(focusIndex) {
|
|
365
|
-
if (isWeb) {
|
|
367
|
+
if (import_constants.isWeb) {
|
|
366
368
|
for (const [node, index] of thumbRefs.current.entries())
|
|
367
369
|
if (index === focusIndex) {
|
|
368
370
|
node.focus();
|
|
@@ -371,21 +373,21 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
371
373
|
}
|
|
372
374
|
}
|
|
373
375
|
function handleSlideMove(value2, event) {
|
|
374
|
-
updateValues(value2, valueIndexToChangeRef.current), onSlideMove
|
|
376
|
+
updateValues(value2, valueIndexToChangeRef.current), onSlideMove == null || onSlideMove(event, value2);
|
|
375
377
|
}
|
|
376
378
|
function updateValues(value2, atIndex) {
|
|
377
|
-
const decimalCount = getDecimalCount(step), snapToStep = roundValue(
|
|
379
|
+
const decimalCount = (0, import_helpers3.getDecimalCount)(step), snapToStep = (0, import_helpers3.roundValue)(
|
|
378
380
|
Math.round((value2 - min) / step) * step + min,
|
|
379
381
|
decimalCount
|
|
380
|
-
), nextValue = clamp(snapToStep, [min, max]);
|
|
382
|
+
), nextValue = (0, import_helpers2.clamp)(snapToStep, [min, max]);
|
|
381
383
|
setValues((prevValues = []) => {
|
|
382
|
-
const nextValues = getNextSortedValues(prevValues, nextValue, atIndex);
|
|
383
|
-
return hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step) ? (valueIndexToChangeRef.current = nextValues.indexOf(nextValue), String(nextValues) === String(prevValues) ? prevValues : nextValues) : prevValues;
|
|
384
|
+
const nextValues = (0, import_helpers3.getNextSortedValues)(prevValues, nextValue, atIndex);
|
|
385
|
+
return (0, import_helpers3.hasMinStepsBetweenValues)(nextValues, minStepsBetweenThumbs * step) ? (valueIndexToChangeRef.current = nextValues.indexOf(nextValue), String(nextValues) === String(prevValues) ? prevValues : nextValues) : prevValues;
|
|
384
386
|
});
|
|
385
387
|
}
|
|
386
388
|
const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;
|
|
387
|
-
return /* @__PURE__ */ jsx(
|
|
388
|
-
SliderProvider,
|
|
389
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
390
|
+
import_constants2.SliderProvider,
|
|
389
391
|
{
|
|
390
392
|
scope: props.__scopeSlider,
|
|
391
393
|
disabled,
|
|
@@ -396,7 +398,7 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
396
398
|
values,
|
|
397
399
|
orientation,
|
|
398
400
|
size: sizeProp,
|
|
399
|
-
children: /* @__PURE__ */ jsx(
|
|
401
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
400
402
|
SliderOriented,
|
|
401
403
|
{
|
|
402
404
|
"aria-disabled": disabled,
|
|
@@ -408,17 +410,17 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
408
410
|
onSlideEnd,
|
|
409
411
|
onSlideStart: disabled ? void 0 : (value2, target, event) => {
|
|
410
412
|
if (target !== "thumb") {
|
|
411
|
-
const closestIndex = getClosestValueIndex(values, value2);
|
|
413
|
+
const closestIndex = (0, import_helpers3.getClosestValueIndex)(values, value2);
|
|
412
414
|
updateValues(value2, closestIndex);
|
|
413
415
|
}
|
|
414
|
-
onSlideStart
|
|
416
|
+
onSlideStart == null || onSlideStart(event, value2, target);
|
|
415
417
|
},
|
|
416
418
|
onSlideMove: disabled ? void 0 : handleSlideMove,
|
|
417
419
|
onHomeKeyDown: () => !disabled && updateValues(min, 0),
|
|
418
420
|
onEndKeyDown: () => !disabled && updateValues(max, values.length - 1),
|
|
419
421
|
onStepKeyDown: ({ event, direction: stepDirection }) => {
|
|
420
422
|
if (!disabled) {
|
|
421
|
-
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;
|
|
423
|
+
const multiplier = import_constants2.PAGE_KEYS.includes(event.key) || event.shiftKey && import_constants2.ARROW_KEYS.includes(event.key) ? 10 : 1, atIndex = valueIndexToChangeRef.current, value2 = values[atIndex], stepInDirection = step * multiplier * stepDirection;
|
|
422
424
|
updateValues(value2 + stepInDirection, atIndex);
|
|
423
425
|
}
|
|
424
426
|
}
|
|
@@ -427,14 +429,15 @@ const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
|
|
|
427
429
|
}
|
|
428
430
|
);
|
|
429
431
|
}
|
|
430
|
-
), Slider = withStaticProperties(SliderComponent, {
|
|
432
|
+
), Slider = (0, import_helpers.withStaticProperties)(SliderComponent, {
|
|
431
433
|
Track: SliderTrack,
|
|
432
434
|
TrackActive: SliderTrackActive,
|
|
433
435
|
Thumb: SliderThumb
|
|
434
436
|
});
|
|
435
|
-
Slider.displayName = SLIDER_NAME;
|
|
437
|
+
Slider.displayName = import_constants2.SLIDER_NAME;
|
|
436
438
|
const Track = SliderTrack, Range = SliderTrackActive, Thumb = SliderThumb;
|
|
437
|
-
export
|
|
439
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
440
|
+
0 && (module.exports = {
|
|
438
441
|
Range,
|
|
439
442
|
Slider,
|
|
440
443
|
SliderThumb,
|
|
@@ -445,5 +448,5 @@ export {
|
|
|
445
448
|
SliderTrackFrame,
|
|
446
449
|
Thumb,
|
|
447
450
|
Track
|
|
448
|
-
};
|
|
451
|
+
});
|
|
449
452
|
//# sourceMappingURL=Slider.js.map
|