@tamagui/slider 2.7.7 → 3.0.0-beta.1091.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Slider.cjs +442 -511
- package/dist/cjs/Slider.native.cjs +462 -0
- package/dist/cjs/Slider.native.js +416 -497
- package/dist/cjs/Slider.native.js.map +1 -1
- package/dist/cjs/SliderImpl.cjs +101 -129
- package/dist/cjs/SliderImpl.native.cjs +128 -0
- package/dist/cjs/SliderImpl.native.js +104 -146
- package/dist/cjs/SliderImpl.native.js.map +1 -1
- package/dist/cjs/SliderResponder.cjs +51 -0
- package/dist/cjs/SliderResponder.native.cjs +52 -0
- package/dist/cjs/SliderResponder.native.js +54 -0
- package/dist/cjs/SliderResponder.native.js.map +1 -0
- package/dist/cjs/constants.cjs +58 -45
- package/dist/cjs/constants.native.cjs +78 -0
- package/dist/cjs/constants.native.js +58 -44
- package/dist/cjs/constants.native.js.map +1 -1
- package/dist/cjs/helpers.cjs +58 -60
- package/dist/cjs/helpers.native.cjs +98 -0
- package/dist/cjs/helpers.native.js +65 -68
- package/dist/cjs/helpers.native.js.map +1 -1
- package/dist/cjs/index.cjs +15 -17
- package/dist/cjs/index.native.cjs +32 -0
- package/dist/cjs/index.native.js +15 -16
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +9 -11
- package/dist/cjs/types.native.cjs +18 -0
- package/dist/cjs/types.native.js +9 -10
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/esm/Slider.mjs +415 -474
- package/dist/esm/Slider.mjs.map +1 -1
- package/dist/esm/Slider.native.js +389 -463
- package/dist/esm/Slider.native.js.map +1 -1
- package/dist/esm/SliderImpl.mjs +84 -104
- package/dist/esm/SliderImpl.mjs.map +1 -1
- package/dist/esm/SliderImpl.native.js +88 -123
- package/dist/esm/SliderImpl.native.js.map +1 -1
- package/dist/esm/SliderResponder.mjs +26 -0
- package/dist/esm/SliderResponder.mjs.map +1 -0
- package/dist/esm/SliderResponder.native.js +31 -0
- package/dist/esm/SliderResponder.native.js.map +1 -0
- package/dist/esm/constants.mjs +38 -21
- package/dist/esm/constants.mjs.map +1 -1
- package/dist/esm/constants.native.js +38 -21
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/helpers.mjs +37 -36
- package/dist/esm/helpers.mjs.map +1 -1
- package/dist/esm/helpers.native.js +44 -45
- package/dist/esm/helpers.native.js.map +1 -1
- package/dist/esm/index.js +4 -3
- package/dist/esm/index.mjs +4 -3
- package/dist/esm/index.native.js +4 -3
- package/dist/esm/types.mjs +0 -2
- package/dist/esm/types.native.js +0 -2
- package/dist/jsx/Slider.mjs +415 -474
- package/dist/jsx/Slider.mjs.map +1 -1
- package/dist/jsx/Slider.native.cjs +462 -0
- package/dist/jsx/Slider.native.js +416 -497
- package/dist/jsx/Slider.native.js.map +1 -1
- package/dist/jsx/SliderImpl.mjs +84 -104
- package/dist/jsx/SliderImpl.mjs.map +1 -1
- package/dist/jsx/SliderImpl.native.cjs +128 -0
- package/dist/jsx/SliderImpl.native.js +104 -146
- package/dist/jsx/SliderImpl.native.js.map +1 -1
- package/dist/jsx/SliderResponder.mjs +26 -0
- package/dist/jsx/SliderResponder.mjs.map +1 -0
- package/dist/jsx/SliderResponder.native.cjs +52 -0
- package/dist/jsx/SliderResponder.native.js +54 -0
- package/dist/jsx/SliderResponder.native.js.map +1 -0
- package/dist/jsx/constants.mjs +38 -21
- package/dist/jsx/constants.mjs.map +1 -1
- package/dist/jsx/constants.native.cjs +78 -0
- package/dist/jsx/constants.native.js +58 -44
- package/dist/jsx/constants.native.js.map +1 -1
- package/dist/jsx/helpers.mjs +37 -36
- package/dist/jsx/helpers.mjs.map +1 -1
- package/dist/jsx/helpers.native.cjs +98 -0
- package/dist/jsx/helpers.native.js +65 -68
- package/dist/jsx/helpers.native.js.map +1 -1
- package/dist/jsx/index.js +4 -3
- package/dist/jsx/index.mjs +4 -3
- package/dist/jsx/index.native.cjs +32 -0
- package/dist/jsx/index.native.js +15 -16
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/types.mjs +0 -2
- package/dist/jsx/types.native.cjs +18 -0
- package/dist/jsx/types.native.js +9 -10
- package/dist/jsx/types.native.js.map +1 -1
- package/package.json +19 -15
- package/src/Slider.tsx +168 -189
- package/src/SliderImpl.tsx +25 -32
- package/src/SliderResponder.native.tsx +25 -0
- package/src/SliderResponder.tsx +37 -0
- package/src/constants.tsx +16 -6
- package/src/types.ts +13 -4
- package/types/Slider.d.ts +229 -212
- package/types/Slider.d.ts.map +1 -1
- package/types/SliderImpl.d.ts +3 -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 +10 -10
- package/types/constants.d.ts.map +1 -1
- package/types/helpers.d.ts.map +1 -1
- package/types/types.d.ts +12 -4
- package/types/types.d.ts.map +1 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/types.mjs.map +0 -1
- package/dist/esm/types.native.js.map +0 -1
- package/dist/jsx/index.js.map +0 -1
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/types.mjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"file":"SliderImpl.native.js","names":[],"sources":["esm/SliderImpl.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createRefComponent } from \"@tamagui/core\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { getVariableValue, styled } from \"@tamagui/core\";\nimport { getSize } from \"@tamagui/get-token\";\nimport { YStack } from \"@tamagui/stacks\";\nimport * as React from \"react\";\nimport { ARROW_KEYS, PAGE_KEYS, useSliderContext } from \"./constants\";\nimport { SliderResponder } from \"./SliderResponder\";\nvar SliderFrameBase = styled(YStack, {\n position: \"relative\",\n variants: {\n orientation: {\n horizontal: {},\n vertical: {}\n },\n size: styled.dynamic()\n }\n});\nvar SliderFrame = SliderFrameBase.resolve(function(props) {\n if (!props.size) return;\n var size = Math.round(getVariableValue(getSize(props.size)) / 6);\n if (props.orientation === \"horizontal\") {\n return {\n height: size,\n borderRadius: size,\n justifyContent: \"center\"\n };\n }\n return {\n width: size,\n borderRadius: size,\n alignItems: \"center\"\n };\n});\nvar SliderImpl = createRefComponent(function(props, forwardedRef) {\n var { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, children, ...sliderProps } = props;\n var context = useSliderContext(__scopeSlider);\n var handleResponderGrant = React.useCallback(function(event) {\n var _props_onResponderGrant;\n (_props_onResponderGrant = props.onResponderGrant) === null || _props_onResponderGrant === void 0 ? void 0 : _props_onResponderGrant.call(props, event);\n var target = event.target;\n var thumbIndex = context.thumbs.get(target);\n var isStartingOnThumb = thumbIndex !== void 0;\n if (isWeb && target instanceof HTMLElement) {\n if (context.thumbs.has(target)) {\n target.focus();\n }\n }\n if (!isWeb && isStartingOnThumb) {\n context.valueIndexToChangeRef.current = thumbIndex;\n }\n onSlideStart(event, isStartingOnThumb ? \"thumb\" : \"track\");\n }, [\n context,\n onSlideStart,\n props.onResponderGrant\n ]);\n var handleResponderMove = React.useCallback(function(event) {\n var _props_onResponderMove;\n (_props_onResponderMove = props.onResponderMove) === null || _props_onResponderMove === void 0 ? void 0 : _props_onResponderMove.call(props, event);\n event.stopPropagation();\n onSlideMove(event);\n }, [\n onSlideMove,\n props.onResponderMove\n ]);\n var handleResponderRelease = React.useCallback(function(event) {\n var _props_onResponderRelease;\n (_props_onResponderRelease = props.onResponderRelease) === null || _props_onResponderRelease === void 0 ? void 0 : _props_onResponderRelease.call(props, event);\n onSlideEnd(event);\n }, [\n onSlideEnd,\n props.onResponderRelease\n ]);\n return /* @__PURE__ */ _jsx(SliderFrame, {\n size: \"4\",\n ref: forwardedRef,\n ...sliderProps,\n \"data-orientation\": sliderProps.orientation,\n ...isWeb && {\n onKeyDown: function(event) {\n if (event.key === \"Home\") {\n onHomeKeyDown(event);\n event.preventDefault();\n } else if (event.key === \"End\") {\n onEndKeyDown(event);\n event.preventDefault();\n } else if (PAGE_KEYS.concat(ARROW_KEYS).includes(event.key)) {\n onStepKeyDown(event);\n event.preventDefault();\n }\n }\n },\n children: /* @__PURE__ */ _jsx(SliderResponder, {\n onResponderGrant: handleResponderGrant,\n onResponderMove: handleResponderMove,\n onResponderRelease: handleResponderRelease,\n children\n })\n });\n});\nexport {\n SliderFrame,\n SliderImpl\n};\n//# sourceMappingURL=SliderImpl.js.map\n"],"mappings":";;;;;;;;;;AASA,IAAI,kBAAkB,OAAO,QAAQ;CACnC,UAAU;CACV,UAAU;EACR,aAAa;GACX,YAAY,CAAC;GACb,UAAU,CAAC;EACb;EACA,MAAM,OAAO,QAAQ;CACvB;AACF,CAAC;AACD,IAAI,cAAc,gBAAgB,QAAQ,SAAS,OAAO;CACxD,IAAI,CAAC,MAAM,MAAM;CACjB,IAAI,OAAO,KAAK,MAAM,iBAAiB,QAAQ,MAAM,IAAI,CAAC,IAAI,CAAC;CAC/D,IAAI,MAAM,gBAAgB,cAAc;EACtC,OAAO;GACL,QAAQ;GACR,cAAc;GACd,gBAAgB;EAClB;CACF;CACA,OAAO;EACL,OAAO;EACP,cAAc;EACd,YAAY;CACd;AACF,CAAC;AACD,IAAI,aAAa,mBAAmB,SAAS,OAAO,cAAc;CAChE,IAAI,EAAE,eAAe,cAAc,aAAa,YAAY,eAAe,cAAc,eAAe,UAAU,GAAG,gBAAgB;CACrI,IAAI,UAAU,iBAAiB,aAAa;CAC5C,IAAI,uBAAuB,MAAM,YAAY,SAAS,OAAO;EAC3D,IAAI;EACJ,CAAC,0BAA0B,MAAM,sBAAsB,QAAQ,4BAA4B,KAAK,IAAI,KAAK,IAAI,wBAAwB,KAAK,OAAO,KAAK;EACtJ,IAAI,SAAS,MAAM;EACnB,IAAI,aAAa,QAAQ,OAAO,IAAI,MAAM;EAC1C,IAAI,oBAAoB,eAAe,KAAK;EAC5C,IAAI,SAAS,kBAAkB,aAAa;GAC1C,IAAI,QAAQ,OAAO,IAAI,MAAM,GAAG;IAC9B,OAAO,MAAM;GACf;EACF;EACA,IAAI,CAAC,SAAS,mBAAmB;GAC/B,QAAQ,sBAAsB,UAAU;EAC1C;EACA,aAAa,OAAO,oBAAoB,UAAU,OAAO;CAC3D,GAAG;EACD;EACA;EACA,MAAM;CACR,CAAC;CACD,IAAI,sBAAsB,MAAM,YAAY,SAAS,OAAO;EAC1D,IAAI;EACJ,CAAC,yBAAyB,MAAM,qBAAqB,QAAQ,2BAA2B,KAAK,IAAI,KAAK,IAAI,uBAAuB,KAAK,OAAO,KAAK;EAClJ,MAAM,gBAAgB;EACtB,YAAY,KAAK;CACnB,GAAG,CACD,aACA,MAAM,eACR,CAAC;CACD,IAAI,yBAAyB,MAAM,YAAY,SAAS,OAAO;EAC7D,IAAI;EACJ,CAAC,4BAA4B,MAAM,wBAAwB,QAAQ,8BAA8B,KAAK,IAAI,KAAK,IAAI,0BAA0B,KAAK,OAAO,KAAK;EAC9J,WAAW,KAAK;CAClB,GAAG,CACD,YACA,MAAM,kBACR,CAAC;CACD,OAAuB,oBAAK,aAAa;EACvC,MAAM;EACN,KAAK;EACL,GAAG;EACH,oBAAoB,YAAY;EAChC,GAAG,SAAS,EACV,WAAW,SAAS,OAAO;GACzB,IAAI,MAAM,QAAQ,QAAQ;IACxB,cAAc,KAAK;IACnB,MAAM,eAAe;GACvB,OAAO,IAAI,MAAM,QAAQ,OAAO;IAC9B,aAAa,KAAK;IAClB,MAAM,eAAe;GACvB,OAAO,IAAI,UAAU,OAAO,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;IAC3D,cAAc,KAAK;IACnB,MAAM,eAAe;GACvB;EACF,EACF;EACA,UAA0B,oBAAK,iBAAiB;GAC9C,kBAAkB;GAClB,iBAAiB;GACjB,oBAAoB;GACpB;EACF,CAAC;CACH,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { View } from "@tamagui/core";
|
|
2
|
+
import { useResponderEvents } from "@tamagui/react-native-use-responder-events";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
|
|
6
|
+
const SliderResponder = ({ onResponderGrant, onResponderMove, onResponderRelease, children }) => {
|
|
7
|
+
const ref = React.useRef(null);
|
|
8
|
+
useResponderEvents(ref, {
|
|
9
|
+
onMoveShouldSetResponderCapture: () => true,
|
|
10
|
+
onMoveShouldSetResponder: () => true,
|
|
11
|
+
onStartShouldSetResponder: () => true,
|
|
12
|
+
onResponderTerminationRequest: () => false,
|
|
13
|
+
onResponderGrant,
|
|
14
|
+
onResponderMove,
|
|
15
|
+
onResponderRelease
|
|
16
|
+
});
|
|
17
|
+
return /* @__PURE__ */ jsx(View, {
|
|
18
|
+
ref,
|
|
19
|
+
position: "absolute",
|
|
20
|
+
inset: 0,
|
|
21
|
+
children
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { SliderResponder };
|
|
26
|
+
//# sourceMappingURL=SliderResponder.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SliderResponder.js","names":[],"sources":["esm/SliderResponder.js"],"sourcesContent":["import { View } from \"@tamagui/core\";\nimport { useResponderEvents } from \"@tamagui/react-native-use-responder-events\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst SliderResponder = ({\n onResponderGrant,\n onResponderMove,\n onResponderRelease,\n children\n}) => {\n const ref = React.useRef(null);\n useResponderEvents(ref, {\n onMoveShouldSetResponderCapture: () => true,\n onMoveShouldSetResponder: () => true,\n onStartShouldSetResponder: () => true,\n onResponderTerminationRequest: () => false,\n onResponderGrant,\n onResponderMove,\n onResponderRelease\n });\n return /* @__PURE__ */ jsx(View, { ref, position: \"absolute\", inset: 0, children });\n};\nexport {\n SliderResponder\n};\n//# sourceMappingURL=SliderResponder.js.map\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB,EACvB,kBACA,iBACA,oBACA,eACI;CACJ,MAAM,MAAM,MAAM,OAAO,IAAI;CAC7B,mBAAmB,KAAK;EACtB,uCAAuC;EACvC,gCAAgC;EAChC,iCAAiC;EACjC,qCAAqC;EACrC;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAI,MAAM;EAAE;EAAK,UAAU;EAAY,OAAO;EAAG;CAAS,CAAC;AACpF"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
|
|
4
|
+
var SliderResponder = function(param) {
|
|
5
|
+
var { onResponderGrant, onResponderMove, onResponderRelease, children } = param;
|
|
6
|
+
return /* @__PURE__ */ jsx(View, {
|
|
7
|
+
onMoveShouldSetResponderCapture: function() {
|
|
8
|
+
return true;
|
|
9
|
+
},
|
|
10
|
+
onMoveShouldSetResponder: function() {
|
|
11
|
+
return true;
|
|
12
|
+
},
|
|
13
|
+
onStartShouldSetResponder: function() {
|
|
14
|
+
return true;
|
|
15
|
+
},
|
|
16
|
+
onResponderTerminationRequest: function() {
|
|
17
|
+
return false;
|
|
18
|
+
},
|
|
19
|
+
onResponderGrant,
|
|
20
|
+
onResponderMove,
|
|
21
|
+
onResponderRelease,
|
|
22
|
+
style: {
|
|
23
|
+
inset: 0,
|
|
24
|
+
position: "absolute"
|
|
25
|
+
},
|
|
26
|
+
children
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export { SliderResponder };
|
|
31
|
+
//# sourceMappingURL=SliderResponder.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SliderResponder.native.js","names":[],"sources":["esm/SliderResponder.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { View } from \"react-native\";\nvar SliderResponder = function(param) {\n var { onResponderGrant, onResponderMove, onResponderRelease, children } = param;\n return /* @__PURE__ */ _jsx(View, {\n onMoveShouldSetResponderCapture: function() {\n return true;\n },\n onMoveShouldSetResponder: function() {\n return true;\n },\n onStartShouldSetResponder: function() {\n return true;\n },\n onResponderTerminationRequest: function() {\n return false;\n },\n onResponderGrant,\n onResponderMove,\n onResponderRelease,\n style: {\n inset: 0,\n position: \"absolute\"\n },\n children\n });\n};\nexport {\n SliderResponder\n};\n//# sourceMappingURL=SliderResponder.native.js.map\n"],"mappings":";;;;AAEA,IAAI,kBAAkB,SAAS,OAAO;CACpC,IAAI,EAAE,kBAAkB,iBAAiB,oBAAoB,aAAa;CAC1E,OAAuB,oBAAK,MAAM;EAChC,iCAAiC,WAAW;GAC1C,OAAO;EACT;EACA,0BAA0B,WAAW;GACnC,OAAO;EACT;EACA,2BAA2B,WAAW;GACpC,OAAO;EACT;EACA,+BAA+B,WAAW;GACxC,OAAO;EACT;EACA;EACA;EACA;EACA,OAAO;GACL,OAAO;GACP,UAAU;EACZ;EACA;CACF,CAAC;AACH"}
|
package/dist/esm/constants.mjs
CHANGED
|
@@ -1,30 +1,47 @@
|
|
|
1
1
|
import { createStyledContext } from "@tamagui/core";
|
|
2
|
+
|
|
2
3
|
const SLIDER_NAME = "Slider";
|
|
4
|
+
const sliderContextKeys = [
|
|
5
|
+
"size",
|
|
6
|
+
"min",
|
|
7
|
+
"max",
|
|
8
|
+
"orientation"
|
|
9
|
+
];
|
|
3
10
|
const SliderContext = createStyledContext({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
});
|
|
9
|
-
const {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
} = createStyledContext({
|
|
17
|
-
startEdge: "left",
|
|
18
|
-
endEdge: "right",
|
|
19
|
-
sizeProp: "width",
|
|
20
|
-
size: 0,
|
|
21
|
-
direction: 1
|
|
11
|
+
size: true,
|
|
12
|
+
min: 0,
|
|
13
|
+
max: 100,
|
|
14
|
+
orientation: "horizontal"
|
|
15
|
+
}, { keys: sliderContextKeys });
|
|
16
|
+
const { Provider: SliderProvider, useStyledContext: useSliderContext } = SliderContext;
|
|
17
|
+
const { Provider: SliderOrientationProvider, useStyledContext: useSliderOrientationContext } = createStyledContext({
|
|
18
|
+
startEdge: "left",
|
|
19
|
+
endEdge: "right",
|
|
20
|
+
sizeProp: "width",
|
|
21
|
+
size: 0,
|
|
22
|
+
direction: 1
|
|
22
23
|
});
|
|
23
24
|
const PAGE_KEYS = ["PageUp", "PageDown"];
|
|
24
|
-
const ARROW_KEYS = [
|
|
25
|
+
const ARROW_KEYS = [
|
|
26
|
+
"ArrowUp",
|
|
27
|
+
"ArrowDown",
|
|
28
|
+
"ArrowLeft",
|
|
29
|
+
"ArrowRight"
|
|
30
|
+
];
|
|
25
31
|
const BACK_KEYS = {
|
|
26
|
-
|
|
27
|
-
|
|
32
|
+
ltr: [
|
|
33
|
+
"ArrowDown",
|
|
34
|
+
"Home",
|
|
35
|
+
"ArrowLeft",
|
|
36
|
+
"PageDown"
|
|
37
|
+
],
|
|
38
|
+
rtl: [
|
|
39
|
+
"ArrowDown",
|
|
40
|
+
"Home",
|
|
41
|
+
"ArrowRight",
|
|
42
|
+
"PageDown"
|
|
43
|
+
]
|
|
28
44
|
};
|
|
45
|
+
|
|
29
46
|
export { ARROW_KEYS, BACK_KEYS, PAGE_KEYS, SLIDER_NAME, SliderContext, SliderOrientationProvider, SliderProvider, useSliderContext, useSliderOrientationContext };
|
|
30
47
|
//# sourceMappingURL=constants.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"file":"constants.js","names":[],"sources":["esm/constants.js"],"sourcesContent":["import { createStyledContext } from \"@tamagui/core\";\nconst SLIDER_NAME = \"Slider\";\nconst sliderContextKeys = [\"size\", \"min\", \"max\", \"orientation\"];\nconst SliderContext = createStyledContext(\n {\n size: true,\n min: 0,\n max: 100,\n orientation: \"horizontal\"\n },\n {\n keys: sliderContextKeys\n }\n);\nconst { Provider: SliderProvider, useStyledContext: useSliderContext } = SliderContext;\nconst {\n Provider: SliderOrientationProvider,\n useStyledContext: useSliderOrientationContext\n} = createStyledContext({\n startEdge: \"left\",\n endEdge: \"right\",\n sizeProp: \"width\",\n size: 0,\n direction: 1\n});\nconst PAGE_KEYS = [\"PageUp\", \"PageDown\"];\nconst ARROW_KEYS = [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"];\nconst BACK_KEYS = {\n ltr: [\"ArrowDown\", \"Home\", \"ArrowLeft\", \"PageDown\"],\n rtl: [\"ArrowDown\", \"Home\", \"ArrowRight\", \"PageDown\"]\n};\nexport {\n ARROW_KEYS,\n BACK_KEYS,\n PAGE_KEYS,\n SLIDER_NAME,\n SliderContext,\n SliderOrientationProvider,\n SliderProvider,\n useSliderContext,\n useSliderOrientationContext\n};\n//# sourceMappingURL=constants.js.map\n"],"mappings":";;;AACA,MAAM,cAAc;AACpB,MAAM,oBAAoB;CAAC;CAAQ;CAAO;CAAO;AAAa;AAC9D,MAAM,gBAAgB,oBACpB;CACE,MAAM;CACN,KAAK;CACL,KAAK;CACL,aAAa;AACf,GACA,EACE,MAAM,kBACR,CACF;AACA,MAAM,EAAE,UAAU,gBAAgB,kBAAkB,qBAAqB;AACzE,MAAM,EACJ,UAAU,2BACV,kBAAkB,gCAChB,oBAAoB;CACtB,WAAW;CACX,SAAS;CACT,UAAU;CACV,MAAM;CACN,WAAW;AACb,CAAC;AACD,MAAM,YAAY,CAAC,UAAU,UAAU;AACvC,MAAM,aAAa;CAAC;CAAW;CAAa;CAAa;AAAY;AACrE,MAAM,YAAY;CAChB,KAAK;EAAC;EAAa;EAAQ;EAAa;CAAU;CAClD,KAAK;EAAC;EAAa;EAAQ;EAAc;CAAU;AACrD"}
|
|
@@ -1,30 +1,47 @@
|
|
|
1
1
|
import { createStyledContext } from "@tamagui/core";
|
|
2
|
+
|
|
2
3
|
var SLIDER_NAME = "Slider";
|
|
4
|
+
var sliderContextKeys = [
|
|
5
|
+
"size",
|
|
6
|
+
"min",
|
|
7
|
+
"max",
|
|
8
|
+
"orientation"
|
|
9
|
+
];
|
|
3
10
|
var SliderContext = createStyledContext({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
});
|
|
9
|
-
var {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
} = createStyledContext({
|
|
17
|
-
startEdge: "left",
|
|
18
|
-
endEdge: "right",
|
|
19
|
-
sizeProp: "width",
|
|
20
|
-
size: 0,
|
|
21
|
-
direction: 1
|
|
11
|
+
size: true,
|
|
12
|
+
min: 0,
|
|
13
|
+
max: 100,
|
|
14
|
+
orientation: "horizontal"
|
|
15
|
+
}, { keys: sliderContextKeys });
|
|
16
|
+
var { Provider: SliderProvider, useStyledContext: useSliderContext } = SliderContext;
|
|
17
|
+
var { Provider: SliderOrientationProvider, useStyledContext: useSliderOrientationContext } = createStyledContext({
|
|
18
|
+
startEdge: "left",
|
|
19
|
+
endEdge: "right",
|
|
20
|
+
sizeProp: "width",
|
|
21
|
+
size: 0,
|
|
22
|
+
direction: 1
|
|
22
23
|
});
|
|
23
24
|
var PAGE_KEYS = ["PageUp", "PageDown"];
|
|
24
|
-
var ARROW_KEYS = [
|
|
25
|
+
var ARROW_KEYS = [
|
|
26
|
+
"ArrowUp",
|
|
27
|
+
"ArrowDown",
|
|
28
|
+
"ArrowLeft",
|
|
29
|
+
"ArrowRight"
|
|
30
|
+
];
|
|
25
31
|
var BACK_KEYS = {
|
|
26
|
-
|
|
27
|
-
|
|
32
|
+
ltr: [
|
|
33
|
+
"ArrowDown",
|
|
34
|
+
"Home",
|
|
35
|
+
"ArrowLeft",
|
|
36
|
+
"PageDown"
|
|
37
|
+
],
|
|
38
|
+
rtl: [
|
|
39
|
+
"ArrowDown",
|
|
40
|
+
"Home",
|
|
41
|
+
"ArrowRight",
|
|
42
|
+
"PageDown"
|
|
43
|
+
]
|
|
28
44
|
};
|
|
45
|
+
|
|
29
46
|
export { ARROW_KEYS, BACK_KEYS, PAGE_KEYS, SLIDER_NAME, SliderContext, SliderOrientationProvider, SliderProvider, useSliderContext, useSliderOrientationContext };
|
|
30
47
|
//# sourceMappingURL=constants.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"file":"constants.native.js","names":[],"sources":["esm/constants.native.js"],"sourcesContent":["import { createStyledContext } from \"@tamagui/core\";\nvar SLIDER_NAME = \"Slider\";\nvar sliderContextKeys = [\n \"size\",\n \"min\",\n \"max\",\n \"orientation\"\n];\nvar SliderContext = createStyledContext({\n size: true,\n min: 0,\n max: 100,\n orientation: \"horizontal\"\n}, {\n keys: sliderContextKeys\n});\nvar { Provider: SliderProvider, useStyledContext: useSliderContext } = SliderContext;\nvar { Provider: SliderOrientationProvider, useStyledContext: useSliderOrientationContext } = createStyledContext({\n startEdge: \"left\",\n endEdge: \"right\",\n sizeProp: \"width\",\n size: 0,\n direction: 1\n});\nvar PAGE_KEYS = [\n \"PageUp\",\n \"PageDown\"\n];\nvar ARROW_KEYS = [\n \"ArrowUp\",\n \"ArrowDown\",\n \"ArrowLeft\",\n \"ArrowRight\"\n];\nvar BACK_KEYS = {\n ltr: [\n \"ArrowDown\",\n \"Home\",\n \"ArrowLeft\",\n \"PageDown\"\n ],\n rtl: [\n \"ArrowDown\",\n \"Home\",\n \"ArrowRight\",\n \"PageDown\"\n ]\n};\nexport {\n ARROW_KEYS,\n BACK_KEYS,\n PAGE_KEYS,\n SLIDER_NAME,\n SliderContext,\n SliderOrientationProvider,\n SliderProvider,\n useSliderContext,\n useSliderOrientationContext\n};\n//# sourceMappingURL=constants.js.map\n"],"mappings":";;;AACA,IAAI,cAAc;AAClB,IAAI,oBAAoB;CACtB;CACA;CACA;CACA;AACF;AACA,IAAI,gBAAgB,oBAAoB;CACtC,MAAM;CACN,KAAK;CACL,KAAK;CACL,aAAa;AACf,GAAG,EACD,MAAM,kBACR,CAAC;AACD,IAAI,EAAE,UAAU,gBAAgB,kBAAkB,qBAAqB;AACvE,IAAI,EAAE,UAAU,2BAA2B,kBAAkB,gCAAgC,oBAAoB;CAC/G,WAAW;CACX,SAAS;CACT,UAAU;CACV,MAAM;CACN,WAAW;AACb,CAAC;AACD,IAAI,YAAY,CACd,UACA,UACF;AACA,IAAI,aAAa;CACf;CACA;CACA;CACA;AACF;AACA,IAAI,YAAY;CACd,KAAK;EACH;EACA;EACA;EACA;CACF;CACA,KAAK;EACH;EACA;EACA;EACA;CACF;AACF"}
|
package/dist/esm/helpers.mjs
CHANGED
|
@@ -1,58 +1,59 @@
|
|
|
1
1
|
function getNextSortedValues(prevValues = [], nextValue, atIndex) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
const nextValues = [...prevValues];
|
|
3
|
+
nextValues[atIndex] = nextValue;
|
|
4
|
+
return nextValues.sort((a, b) => a - b);
|
|
5
5
|
}
|
|
6
6
|
function convertValueToPercentage(value, min, max) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
const maxSteps = max - min;
|
|
8
|
+
const percentPerStep = 100 / maxSteps;
|
|
9
|
+
return percentPerStep * (value - min);
|
|
10
10
|
}
|
|
11
11
|
function getLabel(index, totalValues) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
if (totalValues > 2) {
|
|
13
|
+
return `Value ${index + 1} of ${totalValues}`;
|
|
14
|
+
}
|
|
15
|
+
if (totalValues === 2) {
|
|
16
|
+
return ["Minimum", "Maximum"][index];
|
|
17
|
+
}
|
|
18
|
+
return void 0;
|
|
19
19
|
}
|
|
20
20
|
function getClosestValueIndex(values, nextValue) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
if (values.length === 1) return 0;
|
|
22
|
+
const distances = values.map((value) => Math.abs(value - nextValue));
|
|
23
|
+
const closestDistance = Math.min(...distances);
|
|
24
|
+
return distances.indexOf(closestDistance);
|
|
25
25
|
}
|
|
26
26
|
function getThumbInBoundsOffset(width, left, direction) {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
const quarterWidth = width / 4;
|
|
28
|
+
const halfPercent = 50;
|
|
29
|
+
const offset = linearScale([0, halfPercent], [0, quarterWidth]);
|
|
30
|
+
return (quarterWidth - offset(left)) * direction;
|
|
31
31
|
}
|
|
32
32
|
function getStepsBetweenValues(values) {
|
|
33
|
-
|
|
33
|
+
return values.slice(0, -1).map((value, index) => values[index + 1] - value);
|
|
34
34
|
}
|
|
35
35
|
function hasMinStepsBetweenValues(values, minStepsBetweenValues) {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
if (minStepsBetweenValues > 0) {
|
|
37
|
+
const stepsBetweenValues = getStepsBetweenValues(values);
|
|
38
|
+
const actualMinStepsBetweenValues = Math.min(...stepsBetweenValues);
|
|
39
|
+
return actualMinStepsBetweenValues >= minStepsBetweenValues;
|
|
40
|
+
}
|
|
41
|
+
return true;
|
|
42
42
|
}
|
|
43
43
|
function linearScale(input, output) {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
44
|
+
return (value) => {
|
|
45
|
+
if (input[0] === input[1] || output[0] === output[1]) return output[0];
|
|
46
|
+
const ratio = (output[1] - output[0]) / (input[1] - input[0]);
|
|
47
|
+
return output[0] + ratio * (value - input[0]);
|
|
48
|
+
};
|
|
49
49
|
}
|
|
50
50
|
function getDecimalCount(value) {
|
|
51
|
-
|
|
51
|
+
return (String(value).split(".")[1] || "").length;
|
|
52
52
|
}
|
|
53
53
|
function roundValue(value, decimalCount) {
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
const rounder = 10 ** decimalCount;
|
|
55
|
+
return Math.round(value * rounder) / rounder;
|
|
56
56
|
}
|
|
57
|
+
|
|
57
58
|
export { convertValueToPercentage, getClosestValueIndex, getDecimalCount, getLabel, getNextSortedValues, getThumbInBoundsOffset, hasMinStepsBetweenValues, linearScale, roundValue };
|
|
58
59
|
//# sourceMappingURL=helpers.mjs.map
|
package/dist/esm/helpers.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"helpers.js","names":[],"sources":["esm/helpers.js"],"sourcesContent":["function getNextSortedValues(prevValues = [], nextValue, atIndex) {\n const nextValues = [...prevValues];\n nextValues[atIndex] = nextValue;\n return nextValues.sort((a, b) => a - b);\n}\nfunction convertValueToPercentage(value, min, max) {\n const maxSteps = max - min;\n const percentPerStep = 100 / maxSteps;\n return percentPerStep * (value - min);\n}\nfunction getLabel(index, totalValues) {\n if (totalValues > 2) {\n return `Value ${index + 1} of ${totalValues}`;\n }\n if (totalValues === 2) {\n return [\"Minimum\", \"Maximum\"][index];\n }\n return void 0;\n}\nfunction getClosestValueIndex(values, nextValue) {\n if (values.length === 1) return 0;\n const distances = values.map((value) => Math.abs(value - nextValue));\n const closestDistance = Math.min(...distances);\n return distances.indexOf(closestDistance);\n}\nfunction getThumbInBoundsOffset(width, left, direction) {\n const quarterWidth = width / 4;\n const halfPercent = 50;\n const offset = linearScale([0, halfPercent], [0, quarterWidth]);\n return (quarterWidth - offset(left)) * direction;\n}\nfunction getStepsBetweenValues(values) {\n return values.slice(0, -1).map((value, index) => values[index + 1] - value);\n}\nfunction hasMinStepsBetweenValues(values, minStepsBetweenValues) {\n if (minStepsBetweenValues > 0) {\n const stepsBetweenValues = getStepsBetweenValues(values);\n const actualMinStepsBetweenValues = Math.min(...stepsBetweenValues);\n return actualMinStepsBetweenValues >= minStepsBetweenValues;\n }\n return true;\n}\nfunction linearScale(input, output) {\n return (value) => {\n if (input[0] === input[1] || output[0] === output[1]) return output[0];\n const ratio = (output[1] - output[0]) / (input[1] - input[0]);\n return output[0] + ratio * (value - input[0]);\n };\n}\nfunction getDecimalCount(value) {\n return (String(value).split(\".\")[1] || \"\").length;\n}\nfunction roundValue(value, decimalCount) {\n const rounder = 10 ** decimalCount;\n return Math.round(value * rounder) / rounder;\n}\nexport {\n convertValueToPercentage,\n getClosestValueIndex,\n getDecimalCount,\n getLabel,\n getNextSortedValues,\n getThumbInBoundsOffset,\n hasMinStepsBetweenValues,\n linearScale,\n roundValue\n};\n//# sourceMappingURL=helpers.js.map\n"],"mappings":";AAAA,SAAS,oBAAoB,aAAa,CAAC,GAAG,WAAW,SAAS;CAChE,MAAM,aAAa,CAAC,GAAG,UAAU;CACjC,WAAW,WAAW;CACtB,OAAO,WAAW,MAAM,GAAG,MAAM,IAAI,CAAC;AACxC;AACA,SAAS,yBAAyB,OAAO,KAAK,KAAK;CACjD,MAAM,WAAW,MAAM;CACvB,MAAM,iBAAiB,MAAM;CAC7B,OAAO,kBAAkB,QAAQ;AACnC;AACA,SAAS,SAAS,OAAO,aAAa;CACpC,IAAI,cAAc,GAAG;EACnB,OAAO,SAAS,QAAQ,EAAE,MAAM;CAClC;CACA,IAAI,gBAAgB,GAAG;EACrB,OAAO,CAAC,WAAW,SAAS,CAAC,CAAC;CAChC;CACA,OAAO,KAAK;AACd;AACA,SAAS,qBAAqB,QAAQ,WAAW;CAC/C,IAAI,OAAO,WAAW,GAAG,OAAO;CAChC,MAAM,YAAY,OAAO,KAAK,UAAU,KAAK,IAAI,QAAQ,SAAS,CAAC;CACnE,MAAM,kBAAkB,KAAK,IAAI,GAAG,SAAS;CAC7C,OAAO,UAAU,QAAQ,eAAe;AAC1C;AACA,SAAS,uBAAuB,OAAO,MAAM,WAAW;CACtD,MAAM,eAAe,QAAQ;CAC7B,MAAM,cAAc;CACpB,MAAM,SAAS,YAAY,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,YAAY,CAAC;CAC9D,QAAQ,eAAe,OAAO,IAAI,KAAK;AACzC;AACA,SAAS,sBAAsB,QAAQ;CACrC,OAAO,OAAO,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,OAAO,UAAU,OAAO,QAAQ,KAAK,KAAK;AAC5E;AACA,SAAS,yBAAyB,QAAQ,uBAAuB;CAC/D,IAAI,wBAAwB,GAAG;EAC7B,MAAM,qBAAqB,sBAAsB,MAAM;EACvD,MAAM,8BAA8B,KAAK,IAAI,GAAG,kBAAkB;EAClE,OAAO,+BAA+B;CACxC;CACA,OAAO;AACT;AACA,SAAS,YAAY,OAAO,QAAQ;CAClC,QAAQ,UAAU;EAChB,IAAI,MAAM,OAAO,MAAM,MAAM,OAAO,OAAO,OAAO,IAAI,OAAO,OAAO;EACpE,MAAM,SAAS,OAAO,KAAK,OAAO,OAAO,MAAM,KAAK,MAAM;EAC1D,OAAO,OAAO,KAAK,SAAS,QAAQ,MAAM;CAC5C;AACF;AACA,SAAS,gBAAgB,OAAO;CAC9B,QAAQ,OAAO,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,GAAE,CAAE;AAC7C;AACA,SAAS,WAAW,OAAO,cAAc;CACvC,MAAM,UAAU,MAAM;CACtB,OAAO,KAAK,MAAM,QAAQ,OAAO,IAAI;AACvC"}
|
|
@@ -1,67 +1,66 @@
|
|
|
1
1
|
function getNextSortedValues() {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
return a - b;
|
|
9
|
-
});
|
|
2
|
+
var prevValues = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], nextValue = arguments.length > 1 ? arguments[1] : void 0, atIndex = arguments.length > 2 ? arguments[2] : void 0;
|
|
3
|
+
var nextValues = [...prevValues];
|
|
4
|
+
nextValues[atIndex] = nextValue;
|
|
5
|
+
return nextValues.sort(function(a, b) {
|
|
6
|
+
return a - b;
|
|
7
|
+
});
|
|
10
8
|
}
|
|
11
9
|
function convertValueToPercentage(value, min, max) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
var maxSteps = max - min;
|
|
11
|
+
var percentPerStep = 100 / maxSteps;
|
|
12
|
+
return percentPerStep * (value - min);
|
|
15
13
|
}
|
|
16
14
|
function getLabel(index, totalValues) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
if (totalValues > 2) {
|
|
16
|
+
return `Value ${index + 1} of ${totalValues}`;
|
|
17
|
+
}
|
|
18
|
+
if (totalValues === 2) {
|
|
19
|
+
return ["Minimum", "Maximum"][index];
|
|
20
|
+
}
|
|
21
|
+
return void 0;
|
|
24
22
|
}
|
|
25
23
|
function getClosestValueIndex(values, nextValue) {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
if (values.length === 1) return 0;
|
|
25
|
+
var distances = values.map(function(value) {
|
|
26
|
+
return Math.abs(value - nextValue);
|
|
27
|
+
});
|
|
28
|
+
var closestDistance = Math.min(...distances);
|
|
29
|
+
return distances.indexOf(closestDistance);
|
|
32
30
|
}
|
|
33
31
|
function getThumbInBoundsOffset(width, left, direction) {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
var quarterWidth = width / 4;
|
|
33
|
+
var halfPercent = 50;
|
|
34
|
+
var offset = linearScale([0, halfPercent], [0, quarterWidth]);
|
|
35
|
+
return (quarterWidth - offset(left)) * direction;
|
|
38
36
|
}
|
|
39
37
|
function getStepsBetweenValues(values) {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
return values.slice(0, -1).map(function(value, index) {
|
|
39
|
+
return values[index + 1] - value;
|
|
40
|
+
});
|
|
43
41
|
}
|
|
44
42
|
function hasMinStepsBetweenValues(values, minStepsBetweenValues) {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
43
|
+
if (minStepsBetweenValues > 0) {
|
|
44
|
+
var stepsBetweenValues = getStepsBetweenValues(values);
|
|
45
|
+
var actualMinStepsBetweenValues = Math.min(...stepsBetweenValues);
|
|
46
|
+
return actualMinStepsBetweenValues >= minStepsBetweenValues;
|
|
47
|
+
}
|
|
48
|
+
return true;
|
|
51
49
|
}
|
|
52
50
|
function linearScale(input, output) {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
51
|
+
return function(value) {
|
|
52
|
+
if (input[0] === input[1] || output[0] === output[1]) return output[0];
|
|
53
|
+
var ratio = (output[1] - output[0]) / (input[1] - input[0]);
|
|
54
|
+
return output[0] + ratio * (value - input[0]);
|
|
55
|
+
};
|
|
58
56
|
}
|
|
59
57
|
function getDecimalCount(value) {
|
|
60
|
-
|
|
58
|
+
return (String(value).split(".")[1] || "").length;
|
|
61
59
|
}
|
|
62
60
|
function roundValue(value, decimalCount) {
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
var rounder = Math.pow(10, decimalCount);
|
|
62
|
+
return Math.round(value * rounder) / rounder;
|
|
65
63
|
}
|
|
64
|
+
|
|
66
65
|
export { convertValueToPercentage, getClosestValueIndex, getDecimalCount, getLabel, getNextSortedValues, getThumbInBoundsOffset, hasMinStepsBetweenValues, linearScale, roundValue };
|
|
67
66
|
//# sourceMappingURL=helpers.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"helpers.native.js","names":[],"sources":["esm/helpers.native.js"],"sourcesContent":["function getNextSortedValues() {\n var prevValues = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], nextValue = arguments.length > 1 ? arguments[1] : void 0, atIndex = arguments.length > 2 ? arguments[2] : void 0;\n var nextValues = [\n ...prevValues\n ];\n nextValues[atIndex] = nextValue;\n return nextValues.sort(function(a, b) {\n return a - b;\n });\n}\nfunction convertValueToPercentage(value, min, max) {\n var maxSteps = max - min;\n var percentPerStep = 100 / maxSteps;\n return percentPerStep * (value - min);\n}\nfunction getLabel(index, totalValues) {\n if (totalValues > 2) {\n return `Value ${index + 1} of ${totalValues}`;\n }\n if (totalValues === 2) {\n return [\n \"Minimum\",\n \"Maximum\"\n ][index];\n }\n return void 0;\n}\nfunction getClosestValueIndex(values, nextValue) {\n if (values.length === 1) return 0;\n var distances = values.map(function(value) {\n return Math.abs(value - nextValue);\n });\n var closestDistance = Math.min(...distances);\n return distances.indexOf(closestDistance);\n}\nfunction getThumbInBoundsOffset(width, left, direction) {\n var quarterWidth = width / 4;\n var halfPercent = 50;\n var offset = linearScale([\n 0,\n halfPercent\n ], [\n 0,\n quarterWidth\n ]);\n return (quarterWidth - offset(left)) * direction;\n}\nfunction getStepsBetweenValues(values) {\n return values.slice(0, -1).map(function(value, index) {\n return values[index + 1] - value;\n });\n}\nfunction hasMinStepsBetweenValues(values, minStepsBetweenValues) {\n if (minStepsBetweenValues > 0) {\n var stepsBetweenValues = getStepsBetweenValues(values);\n var actualMinStepsBetweenValues = Math.min(...stepsBetweenValues);\n return actualMinStepsBetweenValues >= minStepsBetweenValues;\n }\n return true;\n}\nfunction linearScale(input, output) {\n return function(value) {\n if (input[0] === input[1] || output[0] === output[1]) return output[0];\n var ratio = (output[1] - output[0]) / (input[1] - input[0]);\n return output[0] + ratio * (value - input[0]);\n };\n}\nfunction getDecimalCount(value) {\n return (String(value).split(\".\")[1] || \"\").length;\n}\nfunction roundValue(value, decimalCount) {\n var rounder = Math.pow(10, decimalCount);\n return Math.round(value * rounder) / rounder;\n}\nexport {\n convertValueToPercentage,\n getClosestValueIndex,\n getDecimalCount,\n getLabel,\n getNextSortedValues,\n getThumbInBoundsOffset,\n hasMinStepsBetweenValues,\n linearScale,\n roundValue\n};\n//# sourceMappingURL=helpers.js.map\n"],"mappings":";AAAA,SAAS,sBAAsB;CAC7B,IAAI,aAAa,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,CAAC,GAAG,YAAY,UAAU,SAAS,IAAI,UAAU,KAAK,KAAK,GAAG,UAAU,UAAU,SAAS,IAAI,UAAU,KAAK,KAAK;CACrM,IAAI,aAAa,CACf,GAAG,UACL;CACA,WAAW,WAAW;CACtB,OAAO,WAAW,KAAK,SAAS,GAAG,GAAG;EACpC,OAAO,IAAI;CACb,CAAC;AACH;AACA,SAAS,yBAAyB,OAAO,KAAK,KAAK;CACjD,IAAI,WAAW,MAAM;CACrB,IAAI,iBAAiB,MAAM;CAC3B,OAAO,kBAAkB,QAAQ;AACnC;AACA,SAAS,SAAS,OAAO,aAAa;CACpC,IAAI,cAAc,GAAG;EACnB,OAAO,SAAS,QAAQ,EAAE,MAAM;CAClC;CACA,IAAI,gBAAgB,GAAG;EACrB,OAAO,CACL,WACA,SACF,CAAC,CAAC;CACJ;CACA,OAAO,KAAK;AACd;AACA,SAAS,qBAAqB,QAAQ,WAAW;CAC/C,IAAI,OAAO,WAAW,GAAG,OAAO;CAChC,IAAI,YAAY,OAAO,IAAI,SAAS,OAAO;EACzC,OAAO,KAAK,IAAI,QAAQ,SAAS;CACnC,CAAC;CACD,IAAI,kBAAkB,KAAK,IAAI,GAAG,SAAS;CAC3C,OAAO,UAAU,QAAQ,eAAe;AAC1C;AACA,SAAS,uBAAuB,OAAO,MAAM,WAAW;CACtD,IAAI,eAAe,QAAQ;CAC3B,IAAI,cAAc;CAClB,IAAI,SAAS,YAAY,CACvB,GACA,WACF,GAAG,CACD,GACA,YACF,CAAC;CACD,QAAQ,eAAe,OAAO,IAAI,KAAK;AACzC;AACA,SAAS,sBAAsB,QAAQ;CACrC,OAAO,OAAO,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,OAAO,OAAO;EACpD,OAAO,OAAO,QAAQ,KAAK;CAC7B,CAAC;AACH;AACA,SAAS,yBAAyB,QAAQ,uBAAuB;CAC/D,IAAI,wBAAwB,GAAG;EAC7B,IAAI,qBAAqB,sBAAsB,MAAM;EACrD,IAAI,8BAA8B,KAAK,IAAI,GAAG,kBAAkB;EAChE,OAAO,+BAA+B;CACxC;CACA,OAAO;AACT;AACA,SAAS,YAAY,OAAO,QAAQ;CAClC,OAAO,SAAS,OAAO;EACrB,IAAI,MAAM,OAAO,MAAM,MAAM,OAAO,OAAO,OAAO,IAAI,OAAO,OAAO;EACpE,IAAI,SAAS,OAAO,KAAK,OAAO,OAAO,MAAM,KAAK,MAAM;EACxD,OAAO,OAAO,KAAK,SAAS,QAAQ,MAAM;CAC5C;AACF;AACA,SAAS,gBAAgB,OAAO;CAC9B,QAAQ,OAAO,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,GAAE,CAAE;AAC7C;AACA,SAAS,WAAW,OAAO,cAAc;CACvC,IAAI,UAAU,KAAK,IAAI,IAAI,YAAY;CACvC,OAAO,KAAK,MAAM,QAAQ,OAAO,IAAI;AACvC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export * from "./Slider.mjs";
|
|
2
1
|
import { SliderContext } from "./constants.mjs";
|
|
3
2
|
import { SliderFrame } from "./SliderImpl.mjs";
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
|
|
4
|
+
export * from "./Slider.mjs"
|
|
5
|
+
|
|
6
|
+
export { SliderContext, SliderFrame };
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export * from "./Slider.mjs";
|
|
2
1
|
import { SliderContext } from "./constants.mjs";
|
|
3
2
|
import { SliderFrame } from "./SliderImpl.mjs";
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
|
|
4
|
+
export * from "./Slider.mjs"
|
|
5
|
+
|
|
6
|
+
export { SliderContext, SliderFrame };
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export * from "./Slider.native.js";
|
|
2
1
|
import { SliderContext } from "./constants.native.js";
|
|
3
2
|
import { SliderFrame } from "./SliderImpl.native.js";
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
|
|
4
|
+
export * from "./Slider.native.js"
|
|
5
|
+
|
|
6
|
+
export { SliderContext, SliderFrame };
|
package/dist/esm/types.mjs
CHANGED
package/dist/esm/types.native.js
CHANGED