@ultraviolet/ui 1.57.0 → 1.58.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/README.md +1 -1
- package/dist/components/Checkbox/index.cjs +9 -8
- package/dist/components/Checkbox/index.d.ts +4 -0
- package/dist/components/Checkbox/index.js +10 -9
- package/dist/components/Dialog/index.cjs +2 -2
- package/dist/components/Dialog/index.js +2 -2
- package/dist/components/Dialog/subComponents/Text.cjs +1 -1
- package/dist/components/Dialog/subComponents/Text.js +1 -1
- package/dist/components/List/Row.cjs +13 -3
- package/dist/components/List/Row.d.ts +1 -0
- package/dist/components/List/Row.js +13 -3
- package/dist/components/List/index.d.ts +1 -0
- package/dist/components/Modal/Disclosure.cjs +2 -2
- package/dist/components/Modal/Disclosure.d.ts +1 -1
- package/dist/components/Modal/Disclosure.js +3 -3
- package/dist/components/Modal/index.cjs +5 -3
- package/dist/components/Modal/index.js +6 -4
- package/dist/components/Modal/types.d.ts +1 -0
- package/dist/components/Radio/index.cjs +25 -16
- package/dist/components/Radio/index.d.ts +17 -0
- package/dist/components/Radio/index.js +22 -13
- package/dist/components/RadioGroup/index.cjs +4 -3
- package/dist/components/RadioGroup/index.d.ts +1 -1
- package/dist/components/RadioGroup/index.js +4 -3
- package/dist/components/SelectInputV2/Dropdown.cjs +9 -9
- package/dist/components/SelectInputV2/Dropdown.js +9 -9
- package/dist/components/SelectInputV2/SelectBar.cjs +13 -11
- package/dist/components/SelectInputV2/SelectBar.d.ts +2 -1
- package/dist/components/SelectInputV2/SelectBar.js +9 -7
- package/dist/components/SelectInputV2/index.cjs +4 -3
- package/dist/components/SelectInputV2/index.d.ts +5 -1
- package/dist/components/SelectInputV2/index.js +4 -3
- package/dist/components/SelectableCard/index.cjs +4 -4
- package/dist/components/SelectableCard/index.js +6 -6
- package/dist/components/Slider/DoubleSlider.cjs +280 -0
- package/dist/components/Slider/DoubleSlider.d.ts +2 -0
- package/dist/components/Slider/DoubleSlider.js +278 -0
- package/dist/components/Slider/Label.cjs +17 -0
- package/dist/components/Slider/Label.d.ts +2 -0
- package/dist/components/Slider/Label.js +17 -0
- package/dist/components/Slider/Options.cjs +27 -0
- package/dist/components/Slider/Options.d.ts +2 -0
- package/dist/components/Slider/Options.js +27 -0
- package/dist/components/Slider/SingleSlider.cjs +207 -0
- package/dist/components/Slider/SingleSlider.d.ts +2 -0
- package/dist/components/Slider/SingleSlider.js +205 -0
- package/dist/components/Slider/constant.cjs +9 -0
- package/dist/components/Slider/constant.d.ts +5 -0
- package/dist/components/Slider/constant.js +9 -0
- package/dist/components/Slider/index.cjs +55 -0
- package/dist/components/Slider/index.d.ts +7 -0
- package/dist/components/Slider/index.js +55 -0
- package/dist/components/Slider/styles.cjs +100 -0
- package/dist/components/Slider/styles.d.ts +79 -0
- package/dist/components/Slider/styles.js +98 -0
- package/dist/components/Slider/types.d.ts +114 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.cjs +47 -45
- package/dist/index.js +2 -0
- package/package.json +3 -3
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
+
const _styled = require("@emotion/styled/base");
|
|
5
|
+
const react = require("@emotion/react");
|
|
6
|
+
const React = require("react");
|
|
7
|
+
const index$1 = require("../Stack/index.cjs");
|
|
8
|
+
const index = require("../Text/index.cjs");
|
|
9
|
+
const Label = require("./Label.cjs");
|
|
10
|
+
const Options = require("./Options.cjs");
|
|
11
|
+
const constant = require("./constant.cjs");
|
|
12
|
+
const styles = require("./styles.cjs");
|
|
13
|
+
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
14
|
+
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
15
|
+
const StyledTextValue = /* @__PURE__ */ _styled__default.default(index.Text, process.env.NODE_ENV === "production" ? {
|
|
16
|
+
shouldForwardProp: (prop) => !["double", "isColumn"].includes(prop),
|
|
17
|
+
target: "egnedph1"
|
|
18
|
+
} : {
|
|
19
|
+
shouldForwardProp: (prop) => !["double", "isColumn"].includes(prop),
|
|
20
|
+
target: "egnedph1",
|
|
21
|
+
label: "StyledTextValue"
|
|
22
|
+
})("min-width:", ({
|
|
23
|
+
theme,
|
|
24
|
+
double,
|
|
25
|
+
isColumn
|
|
26
|
+
}) => double && isColumn ? null : theme.space["5"], ";align-self:", ({
|
|
27
|
+
double,
|
|
28
|
+
isColumn
|
|
29
|
+
}) => double || !isColumn ? "center" : "end", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9TaW5nbGVTbGlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NpbmdsZVNsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VJZCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuL0xhYmVsJ1xuaW1wb3J0IHsgT3B0aW9ucyB9IGZyb20gJy4vT3B0aW9ucydcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5pbXBvcnQge1xuICBTdHlsZWROdW1iZXJJbnB1dCxcbiAgU3R5bGVkVG9vbHRpcCxcbiAgdGh1bWJTdHlsZSxcbiAgdHJhY2tTdHlsZSxcbn0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgdHlwZSB7IFNpbmdsZVNsaWRlclByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkVGV4dFZhbHVlID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZG91YmxlJywgJ2lzQ29sdW1uJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGRvdWJsZTogYm9vbGVhbjsgaXNDb2x1bW46IGJvb2xlYW4gfT5gXG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSwgZG91YmxlLCBpc0NvbHVtbiB9KSA9PiAoZG91YmxlICYmIGlzQ29sdW1uID8gbnVsbCA6IHRoZW1lLnNwYWNlWyc1J10pfTtcbiAgYWxpZ24tc2VsZjogJHsoeyBkb3VibGUsIGlzQ29sdW1uIH0pID0+IChkb3VibGUgfHwgIWlzQ29sdW1uID8gJ2NlbnRlcicgOiAnZW5kJyl9O1xuYFxuXG5jb25zdCBTbGlkZXJFbGVtZW50ID0gc3R5bGVkKCdpbnB1dCcsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsndGhlbWVTbGlkZXInXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgdGhlbWVTbGlkZXI6IHN0cmluZzsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gICAgd2lkdGg6MTAwJTtcbiAgICBtaW4td2lkdGg6ICR7U0xJREVSX1dJRFRILm1pbn1weDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOmxpbmVhci1ncmFkaWVudCgkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfSk7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gICAgb3V0bGluZTogbm9uZTtcbiBcbiAgICAmOmZvY3VzIHtcbiAgICAgICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyBudWxsIDogdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnkpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeSl9O1xuICAgICAgICB9XG4gIH1cbiAgICAmW2RhdGEtZXJyb3I9J3RydWUnXXtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuZGFuZ2VyLmJhY2tncm91bmRTdHJvbmd9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ30pO1xuICAgIH1cblxuICAgICZbZGF0YS1kaXJlY3Rpb249J2NvbHVtbiddIHtcbiAgICAgIGFsaWduLXNlbGY6IGJhc2VsaW5lO1xuICAgIH1cblxuICAgICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSdde1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJEaXNhYmxlZH0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyRGlzYWJsZWR9KTtcbiAgICB9XG5cbiAgICAvKiBNb3ppbGxhICovXG4gICAgOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAgICAgJHt0cmFja1N0eWxlfVxuICAgIH1cbiAgICA6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5cbiAgICAvKiBPdGhlciBicm93c2VycyAqL1xuICAgIDo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICAgICAke3RyYWNrU3R5bGV9XG4gICAgfVxuICAgIDo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTaW5nbGVTbGlkZXIgPSAoe1xuICBuYW1lLFxuICB0b29sdGlwLFxuICBkaXJlY3Rpb24sXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtaW4gPSAwLFxuICBtYXggPSAxMDAsXG4gIHN0ZXAgPSAxLFxuICBpZCxcbiAgb25CbHVyLFxuICB1bml0LFxuICBvcHRpb25zLFxuICBwb3NzaWJsZVZhbHVlcyxcbiAgb25Gb2N1cyxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaW5wdXQsXG4gIHByZWZpeCxcbiAgc3VmZml4LFxuICByZXF1aXJlZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gIHRvb2x0aXBQb3NpdGlvbixcbn06IFNpbmdsZVNsaWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IGxvY2FsSWQgPSB1c2VJZCgpXG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcbiAgY29uc3QgZmluYWxJZCA9IGlkID8/IGxvY2FsSWRcbiAgY29uc3QgW2NvbXB1dGVkVmFsdWUsIHNldFZhbHVlc10gPSB1c2VTdGF0ZSh2YWx1ZSlcbiAgY29uc3QgW3ZhbHVlVG9TaG93LCBzZXRWYWx1ZXNUb1Nob3ddID0gdXNlU3RhdGU8bnVtYmVyIHwgbnVsbD4odmFsdWUpXG4gIGNvbnN0IHJlZlNsaWRlciA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICBjb25zdCBbc2xpZGVyV2lkdGgsIHNldFdpZHRoXSA9IHVzZVN0YXRlKFxuICAgIHJlZlNsaWRlci5jdXJyZW50Py5vZmZzZXRXaWR0aCA/PyBTTElERVJfV0lEVEgubWF4LFxuICApXG4gIGNvbnN0IFtjdXN0b21WYWx1ZSwgc2V0Q3VzdG9tVmFsdWVdID0gdXNlU3RhdGU8dW5kZWZpbmVkIHwgbnVtYmVyPih1bmRlZmluZWQpXG5cbiAgY29uc3QgdGlja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAob3B0aW9ucyA9PT0gdHJ1ZSkge1xuICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IG1heCAtIG1pbiArIDEgfSwgKF8sIGluZGV4KSA9PiAoe1xuICAgICAgICB2YWx1ZTogbWluICsgaW5kZXggKiBzdGVwLFxuICAgICAgICBsYWJlbDogU3RyaW5nKG1pbiArIGluZGV4ICogc3RlcCksXG4gICAgICB9KSkuZmlsdGVyKGVsZW1lbnQgPT4gZWxlbWVudC52YWx1ZSA8PSBtYXggJiYgZWxlbWVudC52YWx1ZSA+PSBtaW4pXG4gICAgfVxuICAgIGlmIChvcHRpb25zKSByZXR1cm4gb3B0aW9uc1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgcmV0dXJuIHBvc3NpYmxlVmFsdWVzLm1hcCgoZWxlbWVudCwgaW5kZXgpID0+ICh7XG4gICAgICAgIHZhbHVlOiBpbmRleCxcbiAgICAgICAgbGFiZWw6IFN0cmluZyhlbGVtZW50KSxcbiAgICAgIH0pKVxuICAgIH1cblxuICAgIHJldHVybiBbXVxuICB9LCBbbWF4LCBtaW4sIG9wdGlvbnMsIHBvc3NpYmxlVmFsdWVzLCBzdGVwXSlcblxuICAvLyBEZWZhdWx0IHZhbHVlIHRvIGJlIGNvaGVyZW50IHdpdGggYSBjdXN0b20gc2NhbGUgd2hlbiBvbmUgaXMgZGVmaW5lZFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgc2V0Q3VzdG9tVmFsdWUocG9zc2libGVWYWx1ZXNbY29tcHV0ZWRWYWx1ZV0pXG4gICAgfVxuICB9LCBbcG9zc2libGVWYWx1ZXMsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIC8vIE1ha2Ugc3VyZSB0aGF0IG1pbiA8PSB2YWx1ZSA8PSBtYXhcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodmFsdWUgPCBtaW4pIHtcbiAgICAgIHNldFZhbHVlc1RvU2hvdyhtaW4pXG4gICAgICBvbkNoYW5nZT8uKG1pbilcbiAgICB9XG4gICAgaWYgKHZhbHVlID4gbWF4KSB7XG4gICAgICBvbkNoYW5nZT8uKG1heClcbiAgICAgIHNldFZhbHVlc1RvU2hvdyhtYXgpXG4gICAgfVxuICB9LCBbdmFsdWUsIG1heCwgbWluLCBvbkNoYW5nZSwgc3RlcF0pXG5cbiAgLy8gU3luYyB2YWx1ZXMgd2l0aCB2YWx1ZXNUb1Nob3dcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWYWx1ZXModmFsdWVUb1Nob3cgPz8gbWluKVxuICAgIG9uQ2hhbmdlPy4odmFsdWVUb1Nob3cgPz8gbWluKVxuICB9LCBbbWF4LCBtaW4sIG9uQ2hhbmdlLCB2YWx1ZVRvU2hvd10pXG5cbiAgLy8gR2V0IHNsaWRlciBzaXplXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3Qgc2V0V2lkdGhSZXNpemUgPSAoKSA9PiB7XG4gICAgICBzZXRXaWR0aChyZWZTbGlkZXIuY3VycmVudD8ub2Zmc2V0V2lkdGggPz8gU0xJREVSX1dJRFRILm1heClcbiAgICB9XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHNldFdpZHRoUmVzaXplKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRXaWR0aFJlc2l6ZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChuZXdWYWx1ZTogbnVtYmVyKSA9PiB7XG4gICAgICBpZiAocG9zc2libGVWYWx1ZXMpIHtcbiAgICAgICAgLy8gQ3VzdG9tIHNjYWxlXG4gICAgICAgIGNvbnN0IG9wdGlvbkxhYmVsID0gcG9zc2libGVWYWx1ZXNbbmV3VmFsdWUgPz8gbWluXVxuICAgICAgICBzZXRDdXN0b21WYWx1ZShvcHRpb25MYWJlbClcbiAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbHVlKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbHVlKVxuICAgICAgfVxuICAgIH0sXG4gICAgW21pbiwgcG9zc2libGVWYWx1ZXNdLFxuICApXG5cbiAgY29uc3QgZ2V0QmFja2dyb3VuZFNpemUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBiYWNrZ3JvdW5kU2l6ZTogYCR7KChjb21wdXRlZFZhbHVlIC0gbWluKSAqIDEwMCkgLyAobWF4IC0gbWluKX0lIDEwMCVgLFxuICAgIH0pLFxuICAgIFtjb21wdXRlZFZhbHVlLCBtaW4sIG1heF0sXG4gIClcblxuICBjb25zdCBzdHlsZWRWYWx1ZSA9ICh2YWx1ZU51bWJlcjogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCkgPT5cbiAgICBpbnB1dCAmJiAoIW9wdGlvbnMgfHwgb3B0aW9ucyA9PT0gdHJ1ZSkgJiYgIXBvc3NpYmxlVmFsdWVzID8gKFxuICAgICAgPFN0eWxlZE51bWJlcklucHV0XG4gICAgICAgIHZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgdmFsdWVOdW1iZXIgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHBhcnNlRmxvYXQodmFsdWVOdW1iZXIpXG4gICAgICAgICAgICA6IHZhbHVlTnVtYmVyXG4gICAgICAgIH1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIGFyaWEtbGFiZWw9XCJpbnB1dFwiXG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0taW5wdXRgIDogJ3NsaWRlci1pbnB1dCd9XG4gICAgICAgIHVuaXQ9e3R5cGVvZiBzdWZmaXggPT09ICdzdHJpbmcnID8gc3VmZml4IDogdW5pdH1cbiAgICAgICAgb25DaGFuZ2U9e25ld1ZhbCA9PiB7XG4gICAgICAgICAgaWYgKG5ld1ZhbCkge1xuICAgICAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbClcbiAgICAgICAgICB9IGVsc2Ugc2V0VmFsdWVzVG9TaG93KG51bGwpXG4gICAgICAgIH19XG4gICAgICAgIG9uQmx1cj17ZXZlbnQgPT4ge1xuICAgICAgICAgIGlmICghZXZlbnQudGFyZ2V0LnZhbHVlKSBzZXRWYWx1ZXNUb1Nob3cobWluKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZFRleHRWYWx1ZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHBsYWNlbWVudD17ZGlyZWN0aW9uID09PSAnY29sdW1uJyA/ICdyaWdodCcgOiAnY2VudGVyJ31cbiAgICAgICAgZG91YmxlPXtmYWxzZX1cbiAgICAgICAgaXNDb2x1bW49e2RpcmVjdGlvbiA9PT0gJ2NvbHVtbid9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tdmFsdWVgIDogJ3NsaWRlci12YWx1ZSd9XG4gICAgICA+XG4gICAgICAgIHtwcmVmaXh9XG4gICAgICAgIHt2YWx1ZU51bWJlcn1cbiAgICAgICAge3N1ZmZpeCA/PyB1bml0fVxuICAgICAgPC9TdHlsZWRUZXh0VmFsdWU+XG4gICAgKVxuXG4gIGNvbnN0IHRvb2x0aXBUZXh0ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHRvb2x0aXAgPT09IHRydWUpIHtcbiAgICAgIHJldHVybiBjb21wdXRlZFZhbHVlXG4gICAgfVxuICAgIGlmICh0b29sdGlwKSB7XG4gICAgICByZXR1cm4gdG9vbHRpcFxuICAgIH1cblxuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfSwgW3Rvb2x0aXAsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIGNvbnN0IHBsYWNlbWVudFRvb2x0aXAgPVxuICAgICgoY29tcHV0ZWRWYWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAoc2xpZGVyV2lkdGggLSBUSFVNQl9TSVpFKSArXG4gICAgVEhVTUJfU0laRSAvIDIgLVxuICAgIHNsaWRlcldpZHRoIC8gMlxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGdhcD17MX0gZGlyZWN0aW9uPXtkaXJlY3Rpb259IGp1c3RpZnlDb250ZW50PVwibGVmdFwiPlxuICAgICAge2xhYmVsID8gKFxuICAgICAgICA8U3RhY2sganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgIGlucHV0PXtpbnB1dH1cbiAgICAgICAgICAgIGZpbmFsSWQ9e2ZpbmFsSWR9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7ZGlyZWN0aW9uID09PSAnY29sdW1uJ1xuICAgICAgICAgICAgPyBzdHlsZWRWYWx1ZShjdXN0b21WYWx1ZSA/PyB2YWx1ZVRvU2hvdylcbiAgICAgICAgICAgIDogbnVsbH1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgICkgOiBudWxsfVxuXG4gICAgICB7ZGlyZWN0aW9uID09PSAnY29sdW1uJyAmJiAhbGFiZWxcbiAgICAgICAgPyBzdHlsZWRWYWx1ZShjdXN0b21WYWx1ZSA/PyB2YWx1ZVRvU2hvdylcbiAgICAgICAgOiBudWxsfVxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIHdpZHRoPVwiMTAwJVwiIGdhcD17MX0ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIj5cbiAgICAgICAgPFN0eWxlZFRvb2x0aXBcbiAgICAgICAgICB0ZXh0PXt0b29sdGlwVGV4dH1cbiAgICAgICAgICBwbGFjZW1lbnQ9e3Rvb2x0aXBQb3NpdGlvbn1cbiAgICAgICAgICBsZWZ0PXtwbGFjZW1lbnRUb29sdGlwfVxuICAgICAgICA+XG4gICAgICAgICAgPFNsaWRlckVsZW1lbnRcbiAgICAgICAgICAgIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICAgICB2YWx1ZT17Y29tcHV0ZWRWYWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiB7XG4gICAgICAgICAgICAgIGhhbmRsZUNoYW5nZShwYXJzZUZsb2F0KGV2ZW50LnRhcmdldC52YWx1ZSkpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgICBtYXg9e21heH1cbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICBkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgICBpZD17ZmluYWxJZH1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbCA/PyBuYW1lfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBzdHlsZT17Z2V0QmFja2dyb3VuZFNpemV9XG4gICAgICAgICAgICBkYXRhLWVycm9yPXshIWVycm9yfVxuICAgICAgICAgICAgZGF0YS1kaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgIHRoZW1lU2xpZGVyPXt0aGVtZX1cbiAgICAgICAgICAgIHJlZj17cmVmU2xpZGVyfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkVG9vbHRpcD5cbiAgICAgICAge29wdGlvbnMgfHwgcG9zc2libGVWYWx1ZXMgPyAoXG4gICAgICAgICAgPE9wdGlvbnNcbiAgICAgICAgICAgIHRpY2tzPXt0aWNrc31cbiAgICAgICAgICAgIG1pbj17bWlufVxuICAgICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgICBzbGlkZXJXaWR0aD17c2xpZGVyV2lkdGh9XG4gICAgICAgICAgICB1bml0PXt1bml0fVxuICAgICAgICAgICAgdmFsdWU9e2NvbXB1dGVkVmFsdWV9XG4gICAgICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtkaXJlY3Rpb24gPT09ICdyb3cnID8gc3R5bGVkVmFsdWUoY3VzdG9tVmFsdWUgPz8gdmFsdWVUb1Nob3cpIDogbnVsbH1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
|
|
30
|
+
const SliderElement = /* @__PURE__ */ _styled__default.default("input", process.env.NODE_ENV === "production" ? {
|
|
31
|
+
shouldForwardProp: (prop) => !["themeSlider"].includes(prop),
|
|
32
|
+
target: "egnedph0"
|
|
33
|
+
} : {
|
|
34
|
+
shouldForwardProp: (prop) => !["themeSlider"].includes(prop),
|
|
35
|
+
target: "egnedph0",
|
|
36
|
+
label: "SliderElement"
|
|
37
|
+
})("appearance:none;height:", ({
|
|
38
|
+
theme
|
|
39
|
+
}) => theme.space["1"], ";width:100%;min-width:", constant.SLIDER_WIDTH.min, "px;background-color:", ({
|
|
40
|
+
theme
|
|
41
|
+
}) => theme.colors.neutral.borderWeak, ";border-radius:", ({
|
|
42
|
+
theme
|
|
43
|
+
}) => theme.radii.default, ";background-image:linear-gradient(", ({
|
|
44
|
+
theme
|
|
45
|
+
}) => theme.colors.primary.border, ", ", ({
|
|
46
|
+
theme
|
|
47
|
+
}) => theme.colors.primary.border, ");background-repeat:no-repeat;align-self:center;outline:none;&:focus{&::-moz-range-thumb{border:", ({
|
|
48
|
+
theme,
|
|
49
|
+
disabled
|
|
50
|
+
}) => disabled ? null : `1.5px solid ${theme.colors.primary.border}`, ";box-shadow:", ({
|
|
51
|
+
theme,
|
|
52
|
+
disabled
|
|
53
|
+
}) => disabled ? null : theme.shadows.focusPrimary, ";}&::-webkit-slider-thumb{border:", ({
|
|
54
|
+
theme,
|
|
55
|
+
disabled
|
|
56
|
+
}) => disabled ? null : `1.5px solid ${theme.colors.primary.border}`, ";box-shadow:", ({
|
|
57
|
+
theme,
|
|
58
|
+
disabled
|
|
59
|
+
}) => disabled ? null : theme.shadows.focusPrimary, ";}}&[data-error='true']{background-image:linear-gradient(", ({
|
|
60
|
+
theme
|
|
61
|
+
}) => theme.colors.danger.backgroundStrong, ", ", ({
|
|
62
|
+
theme
|
|
63
|
+
}) => theme.colors.danger.backgroundStrong, ");}&[data-direction='column']{align-self:baseline;}&[aria-disabled='true']{background-image:linear-gradient(", ({
|
|
64
|
+
theme
|
|
65
|
+
}) => theme.colors.primary.borderDisabled, ", ", ({
|
|
66
|
+
theme
|
|
67
|
+
}) => theme.colors.primary.borderDisabled, ");}::-moz-range-track{", styles.trackStyle, ";}::-moz-range-thumb{", ({
|
|
68
|
+
theme,
|
|
69
|
+
themeSlider,
|
|
70
|
+
disabled
|
|
71
|
+
}) => styles.thumbStyle(theme, themeSlider, disabled), ";}::-webkit-slider-runnable-track{", styles.trackStyle, ";}::-webkit-slider-thumb{", ({
|
|
72
|
+
theme,
|
|
73
|
+
themeSlider,
|
|
74
|
+
disabled
|
|
75
|
+
}) => styles.thumbStyle(theme, themeSlider, disabled), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9TaW5nbGVTbGlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NpbmdsZVNsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VJZCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuL0xhYmVsJ1xuaW1wb3J0IHsgT3B0aW9ucyB9IGZyb20gJy4vT3B0aW9ucydcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5pbXBvcnQge1xuICBTdHlsZWROdW1iZXJJbnB1dCxcbiAgU3R5bGVkVG9vbHRpcCxcbiAgdGh1bWJTdHlsZSxcbiAgdHJhY2tTdHlsZSxcbn0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgdHlwZSB7IFNpbmdsZVNsaWRlclByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkVGV4dFZhbHVlID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZG91YmxlJywgJ2lzQ29sdW1uJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGRvdWJsZTogYm9vbGVhbjsgaXNDb2x1bW46IGJvb2xlYW4gfT5gXG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSwgZG91YmxlLCBpc0NvbHVtbiB9KSA9PiAoZG91YmxlICYmIGlzQ29sdW1uID8gbnVsbCA6IHRoZW1lLnNwYWNlWyc1J10pfTtcbiAgYWxpZ24tc2VsZjogJHsoeyBkb3VibGUsIGlzQ29sdW1uIH0pID0+IChkb3VibGUgfHwgIWlzQ29sdW1uID8gJ2NlbnRlcicgOiAnZW5kJyl9O1xuYFxuXG5jb25zdCBTbGlkZXJFbGVtZW50ID0gc3R5bGVkKCdpbnB1dCcsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsndGhlbWVTbGlkZXInXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgdGhlbWVTbGlkZXI6IHN0cmluZzsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gICAgd2lkdGg6MTAwJTtcbiAgICBtaW4td2lkdGg6ICR7U0xJREVSX1dJRFRILm1pbn1weDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOmxpbmVhci1ncmFkaWVudCgkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfSk7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gICAgb3V0bGluZTogbm9uZTtcbiBcbiAgICAmOmZvY3VzIHtcbiAgICAgICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyBudWxsIDogdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnkpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeSl9O1xuICAgICAgICB9XG4gIH1cbiAgICAmW2RhdGEtZXJyb3I9J3RydWUnXXtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuZGFuZ2VyLmJhY2tncm91bmRTdHJvbmd9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ30pO1xuICAgIH1cblxuICAgICZbZGF0YS1kaXJlY3Rpb249J2NvbHVtbiddIHtcbiAgICAgIGFsaWduLXNlbGY6IGJhc2VsaW5lO1xuICAgIH1cblxuICAgICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSdde1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJEaXNhYmxlZH0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyRGlzYWJsZWR9KTtcbiAgICB9XG5cbiAgICAvKiBNb3ppbGxhICovXG4gICAgOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAgICAgJHt0cmFja1N0eWxlfVxuICAgIH1cbiAgICA6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5cbiAgICAvKiBPdGhlciBicm93c2VycyAqL1xuICAgIDo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICAgICAke3RyYWNrU3R5bGV9XG4gICAgfVxuICAgIDo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTaW5nbGVTbGlkZXIgPSAoe1xuICBuYW1lLFxuICB0b29sdGlwLFxuICBkaXJlY3Rpb24sXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtaW4gPSAwLFxuICBtYXggPSAxMDAsXG4gIHN0ZXAgPSAxLFxuICBpZCxcbiAgb25CbHVyLFxuICB1bml0LFxuICBvcHRpb25zLFxuICBwb3NzaWJsZVZhbHVlcyxcbiAgb25Gb2N1cyxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaW5wdXQsXG4gIHByZWZpeCxcbiAgc3VmZml4LFxuICByZXF1aXJlZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gIHRvb2x0aXBQb3NpdGlvbixcbn06IFNpbmdsZVNsaWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IGxvY2FsSWQgPSB1c2VJZCgpXG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcbiAgY29uc3QgZmluYWxJZCA9IGlkID8/IGxvY2FsSWRcbiAgY29uc3QgW2NvbXB1dGVkVmFsdWUsIHNldFZhbHVlc10gPSB1c2VTdGF0ZSh2YWx1ZSlcbiAgY29uc3QgW3ZhbHVlVG9TaG93LCBzZXRWYWx1ZXNUb1Nob3ddID0gdXNlU3RhdGU8bnVtYmVyIHwgbnVsbD4odmFsdWUpXG4gIGNvbnN0IHJlZlNsaWRlciA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICBjb25zdCBbc2xpZGVyV2lkdGgsIHNldFdpZHRoXSA9IHVzZVN0YXRlKFxuICAgIHJlZlNsaWRlci5jdXJyZW50Py5vZmZzZXRXaWR0aCA/PyBTTElERVJfV0lEVEgubWF4LFxuICApXG4gIGNvbnN0IFtjdXN0b21WYWx1ZSwgc2V0Q3VzdG9tVmFsdWVdID0gdXNlU3RhdGU8dW5kZWZpbmVkIHwgbnVtYmVyPih1bmRlZmluZWQpXG5cbiAgY29uc3QgdGlja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAob3B0aW9ucyA9PT0gdHJ1ZSkge1xuICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IG1heCAtIG1pbiArIDEgfSwgKF8sIGluZGV4KSA9PiAoe1xuICAgICAgICB2YWx1ZTogbWluICsgaW5kZXggKiBzdGVwLFxuICAgICAgICBsYWJlbDogU3RyaW5nKG1pbiArIGluZGV4ICogc3RlcCksXG4gICAgICB9KSkuZmlsdGVyKGVsZW1lbnQgPT4gZWxlbWVudC52YWx1ZSA8PSBtYXggJiYgZWxlbWVudC52YWx1ZSA+PSBtaW4pXG4gICAgfVxuICAgIGlmIChvcHRpb25zKSByZXR1cm4gb3B0aW9uc1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgcmV0dXJuIHBvc3NpYmxlVmFsdWVzLm1hcCgoZWxlbWVudCwgaW5kZXgpID0+ICh7XG4gICAgICAgIHZhbHVlOiBpbmRleCxcbiAgICAgICAgbGFiZWw6IFN0cmluZyhlbGVtZW50KSxcbiAgICAgIH0pKVxuICAgIH1cblxuICAgIHJldHVybiBbXVxuICB9LCBbbWF4LCBtaW4sIG9wdGlvbnMsIHBvc3NpYmxlVmFsdWVzLCBzdGVwXSlcblxuICAvLyBEZWZhdWx0IHZhbHVlIHRvIGJlIGNvaGVyZW50IHdpdGggYSBjdXN0b20gc2NhbGUgd2hlbiBvbmUgaXMgZGVmaW5lZFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgc2V0Q3VzdG9tVmFsdWUocG9zc2libGVWYWx1ZXNbY29tcHV0ZWRWYWx1ZV0pXG4gICAgfVxuICB9LCBbcG9zc2libGVWYWx1ZXMsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIC8vIE1ha2Ugc3VyZSB0aGF0IG1pbiA8PSB2YWx1ZSA8PSBtYXhcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodmFsdWUgPCBtaW4pIHtcbiAgICAgIHNldFZhbHVlc1RvU2hvdyhtaW4pXG4gICAgICBvbkNoYW5nZT8uKG1pbilcbiAgICB9XG4gICAgaWYgKHZhbHVlID4gbWF4KSB7XG4gICAgICBvbkNoYW5nZT8uKG1heClcbiAgICAgIHNldFZhbHVlc1RvU2hvdyhtYXgpXG4gICAgfVxuICB9LCBbdmFsdWUsIG1heCwgbWluLCBvbkNoYW5nZSwgc3RlcF0pXG5cbiAgLy8gU3luYyB2YWx1ZXMgd2l0aCB2YWx1ZXNUb1Nob3dcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWYWx1ZXModmFsdWVUb1Nob3cgPz8gbWluKVxuICAgIG9uQ2hhbmdlPy4odmFsdWVUb1Nob3cgPz8gbWluKVxuICB9LCBbbWF4LCBtaW4sIG9uQ2hhbmdlLCB2YWx1ZVRvU2hvd10pXG5cbiAgLy8gR2V0IHNsaWRlciBzaXplXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3Qgc2V0V2lkdGhSZXNpemUgPSAoKSA9PiB7XG4gICAgICBzZXRXaWR0aChyZWZTbGlkZXIuY3VycmVudD8ub2Zmc2V0V2lkdGggPz8gU0xJREVSX1dJRFRILm1heClcbiAgICB9XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHNldFdpZHRoUmVzaXplKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRXaWR0aFJlc2l6ZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChuZXdWYWx1ZTogbnVtYmVyKSA9PiB7XG4gICAgICBpZiAocG9zc2libGVWYWx1ZXMpIHtcbiAgICAgICAgLy8gQ3VzdG9tIHNjYWxlXG4gICAgICAgIGNvbnN0IG9wdGlvbkxhYmVsID0gcG9zc2libGVWYWx1ZXNbbmV3VmFsdWUgPz8gbWluXVxuICAgICAgICBzZXRDdXN0b21WYWx1ZShvcHRpb25MYWJlbClcbiAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbHVlKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbHVlKVxuICAgICAgfVxuICAgIH0sXG4gICAgW21pbiwgcG9zc2libGVWYWx1ZXNdLFxuICApXG5cbiAgY29uc3QgZ2V0QmFja2dyb3VuZFNpemUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBiYWNrZ3JvdW5kU2l6ZTogYCR7KChjb21wdXRlZFZhbHVlIC0gbWluKSAqIDEwMCkgLyAobWF4IC0gbWluKX0lIDEwMCVgLFxuICAgIH0pLFxuICAgIFtjb21wdXRlZFZhbHVlLCBtaW4sIG1heF0sXG4gIClcblxuICBjb25zdCBzdHlsZWRWYWx1ZSA9ICh2YWx1ZU51bWJlcjogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCkgPT5cbiAgICBpbnB1dCAmJiAoIW9wdGlvbnMgfHwgb3B0aW9ucyA9PT0gdHJ1ZSkgJiYgIXBvc3NpYmxlVmFsdWVzID8gKFxuICAgICAgPFN0eWxlZE51bWJlcklucHV0XG4gICAgICAgIHZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgdmFsdWVOdW1iZXIgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHBhcnNlRmxvYXQodmFsdWVOdW1iZXIpXG4gICAgICAgICAgICA6IHZhbHVlTnVtYmVyXG4gICAgICAgIH1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIGFyaWEtbGFiZWw9XCJpbnB1dFwiXG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0taW5wdXRgIDogJ3NsaWRlci1pbnB1dCd9XG4gICAgICAgIHVuaXQ9e3R5cGVvZiBzdWZmaXggPT09ICdzdHJpbmcnID8gc3VmZml4IDogdW5pdH1cbiAgICAgICAgb25DaGFuZ2U9e25ld1ZhbCA9PiB7XG4gICAgICAgICAgaWYgKG5ld1ZhbCkge1xuICAgICAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbClcbiAgICAgICAgICB9IGVsc2Ugc2V0VmFsdWVzVG9TaG93KG51bGwpXG4gICAgICAgIH19XG4gICAgICAgIG9uQmx1cj17ZXZlbnQgPT4ge1xuICAgICAgICAgIGlmICghZXZlbnQudGFyZ2V0LnZhbHVlKSBzZXRWYWx1ZXNUb1Nob3cobWluKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZFRleHRWYWx1ZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHBsYWNlbWVudD17ZGlyZWN0aW9uID09PSAnY29sdW1uJyA/ICdyaWdodCcgOiAnY2VudGVyJ31cbiAgICAgICAgZG91YmxlPXtmYWxzZX1cbiAgICAgICAgaXNDb2x1bW49e2RpcmVjdGlvbiA9PT0gJ2NvbHVtbid9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tdmFsdWVgIDogJ3NsaWRlci12YWx1ZSd9XG4gICAgICA+XG4gICAgICAgIHtwcmVmaXh9XG4gICAgICAgIHt2YWx1ZU51bWJlcn1cbiAgICAgICAge3N1ZmZpeCA/PyB1bml0fVxuICAgICAgPC9TdHlsZWRUZXh0VmFsdWU+XG4gICAgKVxuXG4gIGNvbnN0IHRvb2x0aXBUZXh0ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHRvb2x0aXAgPT09IHRydWUpIHtcbiAgICAgIHJldHVybiBjb21wdXRlZFZhbHVlXG4gICAgfVxuICAgIGlmICh0b29sdGlwKSB7XG4gICAgICByZXR1cm4gdG9vbHRpcFxuICAgIH1cblxuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfSwgW3Rvb2x0aXAsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIGNvbnN0IHBsYWNlbWVudFRvb2x0aXAgPVxuICAgICgoY29tcHV0ZWRWYWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAoc2xpZGVyV2lkdGggLSBUSFVNQl9TSVpFKSArXG4gICAgVEhVTUJfU0laRSAvIDIgLVxuICAgIHNsaWRlcldpZHRoIC8gMlxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGdhcD17MX0gZGlyZWN0aW9uPXtkaXJlY3Rpb259IGp1c3RpZnlDb250ZW50PVwibGVmdFwiPlxuICAgICAge2xhYmVsID8gKFxuICAgICAgICA8U3RhY2sganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgIGlucHV0PXtpbnB1dH1cbiAgICAgICAgICAgIGZpbmFsSWQ9e2ZpbmFsSWR9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7ZGlyZWN0aW9uID09PSAnY29sdW1uJ1xuICAgICAgICAgICAgPyBzdHlsZWRWYWx1ZShjdXN0b21WYWx1ZSA/PyB2YWx1ZVRvU2hvdylcbiAgICAgICAgICAgIDogbnVsbH1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgICkgOiBudWxsfVxuXG4gICAgICB7ZGlyZWN0aW9uID09PSAnY29sdW1uJyAmJiAhbGFiZWxcbiAgICAgICAgPyBzdHlsZWRWYWx1ZShjdXN0b21WYWx1ZSA/PyB2YWx1ZVRvU2hvdylcbiAgICAgICAgOiBudWxsfVxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIHdpZHRoPVwiMTAwJVwiIGdhcD17MX0ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIj5cbiAgICAgICAgPFN0eWxlZFRvb2x0aXBcbiAgICAgICAgICB0ZXh0PXt0b29sdGlwVGV4dH1cbiAgICAgICAgICBwbGFjZW1lbnQ9e3Rvb2x0aXBQb3NpdGlvbn1cbiAgICAgICAgICBsZWZ0PXtwbGFjZW1lbnRUb29sdGlwfVxuICAgICAgICA+XG4gICAgICAgICAgPFNsaWRlckVsZW1lbnRcbiAgICAgICAgICAgIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICAgICB2YWx1ZT17Y29tcHV0ZWRWYWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiB7XG4gICAgICAgICAgICAgIGhhbmRsZUNoYW5nZShwYXJzZUZsb2F0KGV2ZW50LnRhcmdldC52YWx1ZSkpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgICBtYXg9e21heH1cbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICBkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgICBpZD17ZmluYWxJZH1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbCA/PyBuYW1lfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBzdHlsZT17Z2V0QmFja2dyb3VuZFNpemV9XG4gICAgICAgICAgICBkYXRhLWVycm9yPXshIWVycm9yfVxuICAgICAgICAgICAgZGF0YS1kaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgIHRoZW1lU2xpZGVyPXt0aGVtZX1cbiAgICAgICAgICAgIHJlZj17cmVmU2xpZGVyfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkVG9vbHRpcD5cbiAgICAgICAge29wdGlvbnMgfHwgcG9zc2libGVWYWx1ZXMgPyAoXG4gICAgICAgICAgPE9wdGlvbnNcbiAgICAgICAgICAgIHRpY2tzPXt0aWNrc31cbiAgICAgICAgICAgIG1pbj17bWlufVxuICAgICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgICBzbGlkZXJXaWR0aD17c2xpZGVyV2lkdGh9XG4gICAgICAgICAgICB1bml0PXt1bml0fVxuICAgICAgICAgICAgdmFsdWU9e2NvbXB1dGVkVmFsdWV9XG4gICAgICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtkaXJlY3Rpb24gPT09ICdyb3cnID8gc3R5bGVkVmFsdWUoY3VzdG9tVmFsdWUgPz8gdmFsdWVUb1Nob3cpIDogbnVsbH1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
|
|
76
|
+
const SingleSlider = ({
|
|
77
|
+
name,
|
|
78
|
+
tooltip,
|
|
79
|
+
direction,
|
|
80
|
+
disabled,
|
|
81
|
+
error,
|
|
82
|
+
"data-testid": dataTestId,
|
|
83
|
+
value,
|
|
84
|
+
onChange,
|
|
85
|
+
min = 0,
|
|
86
|
+
max = 100,
|
|
87
|
+
step = 1,
|
|
88
|
+
id,
|
|
89
|
+
onBlur,
|
|
90
|
+
unit,
|
|
91
|
+
options,
|
|
92
|
+
possibleValues,
|
|
93
|
+
onFocus,
|
|
94
|
+
className,
|
|
95
|
+
label,
|
|
96
|
+
input,
|
|
97
|
+
prefix,
|
|
98
|
+
suffix,
|
|
99
|
+
required,
|
|
100
|
+
"aria-label": ariaLabel,
|
|
101
|
+
tooltipPosition
|
|
102
|
+
}) => {
|
|
103
|
+
const localId = React.useId();
|
|
104
|
+
const {
|
|
105
|
+
theme
|
|
106
|
+
} = react.useTheme();
|
|
107
|
+
const finalId = id ?? localId;
|
|
108
|
+
const [computedValue, setValues] = React.useState(value);
|
|
109
|
+
const [valueToShow, setValuesToShow] = React.useState(value);
|
|
110
|
+
const refSlider = React.useRef(null);
|
|
111
|
+
const [sliderWidth, setWidth] = React.useState(refSlider.current?.offsetWidth ?? constant.SLIDER_WIDTH.max);
|
|
112
|
+
const [customValue, setCustomValue] = React.useState(void 0);
|
|
113
|
+
const ticks = React.useMemo(() => {
|
|
114
|
+
if (options === true) {
|
|
115
|
+
return Array.from({
|
|
116
|
+
length: max - min + 1
|
|
117
|
+
}, (_, index2) => ({
|
|
118
|
+
value: min + index2 * step,
|
|
119
|
+
label: String(min + index2 * step)
|
|
120
|
+
})).filter((element) => element.value <= max && element.value >= min);
|
|
121
|
+
}
|
|
122
|
+
if (options) return options;
|
|
123
|
+
if (possibleValues) {
|
|
124
|
+
return possibleValues.map((element, index2) => ({
|
|
125
|
+
value: index2,
|
|
126
|
+
label: String(element)
|
|
127
|
+
}));
|
|
128
|
+
}
|
|
129
|
+
return [];
|
|
130
|
+
}, [max, min, options, possibleValues, step]);
|
|
131
|
+
React.useEffect(() => {
|
|
132
|
+
if (possibleValues) {
|
|
133
|
+
setCustomValue(possibleValues[computedValue]);
|
|
134
|
+
}
|
|
135
|
+
}, [possibleValues, computedValue]);
|
|
136
|
+
React.useEffect(() => {
|
|
137
|
+
if (value < min) {
|
|
138
|
+
setValuesToShow(min);
|
|
139
|
+
onChange?.(min);
|
|
140
|
+
}
|
|
141
|
+
if (value > max) {
|
|
142
|
+
onChange?.(max);
|
|
143
|
+
setValuesToShow(max);
|
|
144
|
+
}
|
|
145
|
+
}, [value, max, min, onChange, step]);
|
|
146
|
+
React.useEffect(() => {
|
|
147
|
+
setValues(valueToShow ?? min);
|
|
148
|
+
onChange?.(valueToShow ?? min);
|
|
149
|
+
}, [max, min, onChange, valueToShow]);
|
|
150
|
+
React.useEffect(() => {
|
|
151
|
+
const setWidthResize = () => {
|
|
152
|
+
setWidth(refSlider.current?.offsetWidth ?? constant.SLIDER_WIDTH.max);
|
|
153
|
+
};
|
|
154
|
+
window.addEventListener("resize", setWidthResize);
|
|
155
|
+
return () => {
|
|
156
|
+
window.removeEventListener("resize", setWidthResize);
|
|
157
|
+
};
|
|
158
|
+
}, []);
|
|
159
|
+
const handleChange = React.useCallback((newValue) => {
|
|
160
|
+
if (possibleValues) {
|
|
161
|
+
const optionLabel = possibleValues[newValue ?? min];
|
|
162
|
+
setCustomValue(optionLabel);
|
|
163
|
+
setValuesToShow(newValue);
|
|
164
|
+
} else {
|
|
165
|
+
setValuesToShow(newValue);
|
|
166
|
+
}
|
|
167
|
+
}, [min, possibleValues]);
|
|
168
|
+
const getBackgroundSize = React.useMemo(() => ({
|
|
169
|
+
backgroundSize: `${(computedValue - min) * 100 / (max - min)}% 100%`
|
|
170
|
+
}), [computedValue, min, max]);
|
|
171
|
+
const styledValue = (valueNumber) => input && (!options || options === true) && !possibleValues ? /* @__PURE__ */ jsxRuntime.jsx(styles.StyledNumberInput, { value: typeof valueNumber === "string" ? parseFloat(valueNumber) : valueNumber, size: "small", min, "aria-label": "input", max, step, controls: false, "data-testid": dataTestId ? `${dataTestId}-input` : "slider-input", unit: typeof suffix === "string" ? suffix : unit, onChange: (newVal) => {
|
|
172
|
+
if (newVal) {
|
|
173
|
+
setValuesToShow(newVal);
|
|
174
|
+
} else setValuesToShow(null);
|
|
175
|
+
}, onBlur: (event) => {
|
|
176
|
+
if (!event.target.value) setValuesToShow(min);
|
|
177
|
+
} }) : /* @__PURE__ */ jsxRuntime.jsxs(StyledTextValue, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: direction === "column" ? "right" : "center", double: false, isColumn: direction === "column", "data-testid": dataTestId ? `${dataTestId}-value` : "slider-value", children: [
|
|
178
|
+
prefix,
|
|
179
|
+
valueNumber,
|
|
180
|
+
suffix ?? unit
|
|
181
|
+
] });
|
|
182
|
+
const tooltipText = React.useMemo(() => {
|
|
183
|
+
if (tooltip === true) {
|
|
184
|
+
return computedValue;
|
|
185
|
+
}
|
|
186
|
+
if (tooltip) {
|
|
187
|
+
return tooltip;
|
|
188
|
+
}
|
|
189
|
+
return void 0;
|
|
190
|
+
}, [tooltip, computedValue]);
|
|
191
|
+
const placementTooltip = (computedValue - min) / (max - min) * (sliderWidth - constant.THUMB_SIZE) + constant.THUMB_SIZE / 2 - sliderWidth / 2;
|
|
192
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 1, direction, justifyContent: "left", children: [
|
|
193
|
+
label ? /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { justifyContent: "space-between", direction: "row", children: [
|
|
194
|
+
/* @__PURE__ */ jsxRuntime.jsx(Label.Label, { direction, input, finalId, label, required }),
|
|
195
|
+
direction === "column" ? styledValue(customValue ?? valueToShow) : null
|
|
196
|
+
] }) : null,
|
|
197
|
+
direction === "column" && !label ? styledValue(customValue ?? valueToShow) : null,
|
|
198
|
+
/* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { direction: "column", width: "100%", gap: 1, justifyContent: "center", children: [
|
|
199
|
+
/* @__PURE__ */ jsxRuntime.jsx(styles.StyledTooltip, { text: tooltipText, placement: tooltipPosition, left: placementTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(SliderElement, { type: "range", value: computedValue, onChange: (event) => {
|
|
200
|
+
handleChange(parseFloat(event.target.value));
|
|
201
|
+
}, min, max, tabIndex: 0, step, name, disabled: !!disabled, "aria-disabled": disabled, "data-testid": dataTestId, id: finalId, onBlur, onFocus, "aria-label": ariaLabel ?? name, className, style: getBackgroundSize, "data-error": !!error, "data-direction": direction, themeSlider: theme, ref: refSlider }) }),
|
|
202
|
+
options || possibleValues ? /* @__PURE__ */ jsxRuntime.jsx(Options.Options, { ticks, min, max, sliderWidth, unit, value: computedValue, step }) : null
|
|
203
|
+
] }),
|
|
204
|
+
direction === "row" ? styledValue(customValue ?? valueToShow) : null
|
|
205
|
+
] });
|
|
206
|
+
};
|
|
207
|
+
exports.SingleSlider = SingleSlider;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { SingleSliderProps } from './types';
|
|
2
|
+
export declare const SingleSlider: ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min, max, step, id, onBlur, unit, options, possibleValues, onFocus, className, label, input, prefix, suffix, required, "aria-label": ariaLabel, tooltipPosition, }: SingleSliderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
3
|
+
import { useTheme } from "@emotion/react";
|
|
4
|
+
import { useId, useState, useRef, useMemo, useEffect, useCallback } from "react";
|
|
5
|
+
import { Stack } from "../Stack/index.js";
|
|
6
|
+
import { Text } from "../Text/index.js";
|
|
7
|
+
import { Label } from "./Label.js";
|
|
8
|
+
import { Options } from "./Options.js";
|
|
9
|
+
import { SLIDER_WIDTH, THUMB_SIZE } from "./constant.js";
|
|
10
|
+
import { trackStyle, thumbStyle, StyledTooltip, StyledNumberInput } from "./styles.js";
|
|
11
|
+
const StyledTextValue = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
|
|
12
|
+
shouldForwardProp: (prop) => !["double", "isColumn"].includes(prop),
|
|
13
|
+
target: "egnedph1"
|
|
14
|
+
} : {
|
|
15
|
+
shouldForwardProp: (prop) => !["double", "isColumn"].includes(prop),
|
|
16
|
+
target: "egnedph1",
|
|
17
|
+
label: "StyledTextValue"
|
|
18
|
+
})("min-width:", ({
|
|
19
|
+
theme,
|
|
20
|
+
double,
|
|
21
|
+
isColumn
|
|
22
|
+
}) => double && isColumn ? null : theme.space["5"], ";align-self:", ({
|
|
23
|
+
double,
|
|
24
|
+
isColumn
|
|
25
|
+
}) => double || !isColumn ? "center" : "end", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9TaW5nbGVTbGlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NpbmdsZVNsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VJZCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuL0xhYmVsJ1xuaW1wb3J0IHsgT3B0aW9ucyB9IGZyb20gJy4vT3B0aW9ucydcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5pbXBvcnQge1xuICBTdHlsZWROdW1iZXJJbnB1dCxcbiAgU3R5bGVkVG9vbHRpcCxcbiAgdGh1bWJTdHlsZSxcbiAgdHJhY2tTdHlsZSxcbn0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgdHlwZSB7IFNpbmdsZVNsaWRlclByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkVGV4dFZhbHVlID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZG91YmxlJywgJ2lzQ29sdW1uJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGRvdWJsZTogYm9vbGVhbjsgaXNDb2x1bW46IGJvb2xlYW4gfT5gXG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSwgZG91YmxlLCBpc0NvbHVtbiB9KSA9PiAoZG91YmxlICYmIGlzQ29sdW1uID8gbnVsbCA6IHRoZW1lLnNwYWNlWyc1J10pfTtcbiAgYWxpZ24tc2VsZjogJHsoeyBkb3VibGUsIGlzQ29sdW1uIH0pID0+IChkb3VibGUgfHwgIWlzQ29sdW1uID8gJ2NlbnRlcicgOiAnZW5kJyl9O1xuYFxuXG5jb25zdCBTbGlkZXJFbGVtZW50ID0gc3R5bGVkKCdpbnB1dCcsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsndGhlbWVTbGlkZXInXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgdGhlbWVTbGlkZXI6IHN0cmluZzsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gICAgd2lkdGg6MTAwJTtcbiAgICBtaW4td2lkdGg6ICR7U0xJREVSX1dJRFRILm1pbn1weDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOmxpbmVhci1ncmFkaWVudCgkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfSk7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gICAgb3V0bGluZTogbm9uZTtcbiBcbiAgICAmOmZvY3VzIHtcbiAgICAgICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyBudWxsIDogdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnkpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeSl9O1xuICAgICAgICB9XG4gIH1cbiAgICAmW2RhdGEtZXJyb3I9J3RydWUnXXtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuZGFuZ2VyLmJhY2tncm91bmRTdHJvbmd9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ30pO1xuICAgIH1cblxuICAgICZbZGF0YS1kaXJlY3Rpb249J2NvbHVtbiddIHtcbiAgICAgIGFsaWduLXNlbGY6IGJhc2VsaW5lO1xuICAgIH1cblxuICAgICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSdde1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJEaXNhYmxlZH0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyRGlzYWJsZWR9KTtcbiAgICB9XG5cbiAgICAvKiBNb3ppbGxhICovXG4gICAgOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAgICAgJHt0cmFja1N0eWxlfVxuICAgIH1cbiAgICA6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5cbiAgICAvKiBPdGhlciBicm93c2VycyAqL1xuICAgIDo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICAgICAke3RyYWNrU3R5bGV9XG4gICAgfVxuICAgIDo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTaW5nbGVTbGlkZXIgPSAoe1xuICBuYW1lLFxuICB0b29sdGlwLFxuICBkaXJlY3Rpb24sXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtaW4gPSAwLFxuICBtYXggPSAxMDAsXG4gIHN0ZXAgPSAxLFxuICBpZCxcbiAgb25CbHVyLFxuICB1bml0LFxuICBvcHRpb25zLFxuICBwb3NzaWJsZVZhbHVlcyxcbiAgb25Gb2N1cyxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaW5wdXQsXG4gIHByZWZpeCxcbiAgc3VmZml4LFxuICByZXF1aXJlZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gIHRvb2x0aXBQb3NpdGlvbixcbn06IFNpbmdsZVNsaWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IGxvY2FsSWQgPSB1c2VJZCgpXG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcbiAgY29uc3QgZmluYWxJZCA9IGlkID8/IGxvY2FsSWRcbiAgY29uc3QgW2NvbXB1dGVkVmFsdWUsIHNldFZhbHVlc10gPSB1c2VTdGF0ZSh2YWx1ZSlcbiAgY29uc3QgW3ZhbHVlVG9TaG93LCBzZXRWYWx1ZXNUb1Nob3ddID0gdXNlU3RhdGU8bnVtYmVyIHwgbnVsbD4odmFsdWUpXG4gIGNvbnN0IHJlZlNsaWRlciA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICBjb25zdCBbc2xpZGVyV2lkdGgsIHNldFdpZHRoXSA9IHVzZVN0YXRlKFxuICAgIHJlZlNsaWRlci5jdXJyZW50Py5vZmZzZXRXaWR0aCA/PyBTTElERVJfV0lEVEgubWF4LFxuICApXG4gIGNvbnN0IFtjdXN0b21WYWx1ZSwgc2V0Q3VzdG9tVmFsdWVdID0gdXNlU3RhdGU8dW5kZWZpbmVkIHwgbnVtYmVyPih1bmRlZmluZWQpXG5cbiAgY29uc3QgdGlja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAob3B0aW9ucyA9PT0gdHJ1ZSkge1xuICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IG1heCAtIG1pbiArIDEgfSwgKF8sIGluZGV4KSA9PiAoe1xuICAgICAgICB2YWx1ZTogbWluICsgaW5kZXggKiBzdGVwLFxuICAgICAgICBsYWJlbDogU3RyaW5nKG1pbiArIGluZGV4ICogc3RlcCksXG4gICAgICB9KSkuZmlsdGVyKGVsZW1lbnQgPT4gZWxlbWVudC52YWx1ZSA8PSBtYXggJiYgZWxlbWVudC52YWx1ZSA+PSBtaW4pXG4gICAgfVxuICAgIGlmIChvcHRpb25zKSByZXR1cm4gb3B0aW9uc1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgcmV0dXJuIHBvc3NpYmxlVmFsdWVzLm1hcCgoZWxlbWVudCwgaW5kZXgpID0+ICh7XG4gICAgICAgIHZhbHVlOiBpbmRleCxcbiAgICAgICAgbGFiZWw6IFN0cmluZyhlbGVtZW50KSxcbiAgICAgIH0pKVxuICAgIH1cblxuICAgIHJldHVybiBbXVxuICB9LCBbbWF4LCBtaW4sIG9wdGlvbnMsIHBvc3NpYmxlVmFsdWVzLCBzdGVwXSlcblxuICAvLyBEZWZhdWx0IHZhbHVlIHRvIGJlIGNvaGVyZW50IHdpdGggYSBjdXN0b20gc2NhbGUgd2hlbiBvbmUgaXMgZGVmaW5lZFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgc2V0Q3VzdG9tVmFsdWUocG9zc2libGVWYWx1ZXNbY29tcHV0ZWRWYWx1ZV0pXG4gICAgfVxuICB9LCBbcG9zc2libGVWYWx1ZXMsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIC8vIE1ha2Ugc3VyZSB0aGF0IG1pbiA8PSB2YWx1ZSA8PSBtYXhcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodmFsdWUgPCBtaW4pIHtcbiAgICAgIHNldFZhbHVlc1RvU2hvdyhtaW4pXG4gICAgICBvbkNoYW5nZT8uKG1pbilcbiAgICB9XG4gICAgaWYgKHZhbHVlID4gbWF4KSB7XG4gICAgICBvbkNoYW5nZT8uKG1heClcbiAgICAgIHNldFZhbHVlc1RvU2hvdyhtYXgpXG4gICAgfVxuICB9LCBbdmFsdWUsIG1heCwgbWluLCBvbkNoYW5nZSwgc3RlcF0pXG5cbiAgLy8gU3luYyB2YWx1ZXMgd2l0aCB2YWx1ZXNUb1Nob3dcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWYWx1ZXModmFsdWVUb1Nob3cgPz8gbWluKVxuICAgIG9uQ2hhbmdlPy4odmFsdWVUb1Nob3cgPz8gbWluKVxuICB9LCBbbWF4LCBtaW4sIG9uQ2hhbmdlLCB2YWx1ZVRvU2hvd10pXG5cbiAgLy8gR2V0IHNsaWRlciBzaXplXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3Qgc2V0V2lkdGhSZXNpemUgPSAoKSA9PiB7XG4gICAgICBzZXRXaWR0aChyZWZTbGlkZXIuY3VycmVudD8ub2Zmc2V0V2lkdGggPz8gU0xJREVSX1dJRFRILm1heClcbiAgICB9XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHNldFdpZHRoUmVzaXplKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRXaWR0aFJlc2l6ZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChuZXdWYWx1ZTogbnVtYmVyKSA9PiB7XG4gICAgICBpZiAocG9zc2libGVWYWx1ZXMpIHtcbiAgICAgICAgLy8gQ3VzdG9tIHNjYWxlXG4gICAgICAgIGNvbnN0IG9wdGlvbkxhYmVsID0gcG9zc2libGVWYWx1ZXNbbmV3VmFsdWUgPz8gbWluXVxuICAgICAgICBzZXRDdXN0b21WYWx1ZShvcHRpb25MYWJlbClcbiAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbHVlKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbHVlKVxuICAgICAgfVxuICAgIH0sXG4gICAgW21pbiwgcG9zc2libGVWYWx1ZXNdLFxuICApXG5cbiAgY29uc3QgZ2V0QmFja2dyb3VuZFNpemUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBiYWNrZ3JvdW5kU2l6ZTogYCR7KChjb21wdXRlZFZhbHVlIC0gbWluKSAqIDEwMCkgLyAobWF4IC0gbWluKX0lIDEwMCVgLFxuICAgIH0pLFxuICAgIFtjb21wdXRlZFZhbHVlLCBtaW4sIG1heF0sXG4gIClcblxuICBjb25zdCBzdHlsZWRWYWx1ZSA9ICh2YWx1ZU51bWJlcjogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCkgPT5cbiAgICBpbnB1dCAmJiAoIW9wdGlvbnMgfHwgb3B0aW9ucyA9PT0gdHJ1ZSkgJiYgIXBvc3NpYmxlVmFsdWVzID8gKFxuICAgICAgPFN0eWxlZE51bWJlcklucHV0XG4gICAgICAgIHZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgdmFsdWVOdW1iZXIgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHBhcnNlRmxvYXQodmFsdWVOdW1iZXIpXG4gICAgICAgICAgICA6IHZhbHVlTnVtYmVyXG4gICAgICAgIH1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIGFyaWEtbGFiZWw9XCJpbnB1dFwiXG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0taW5wdXRgIDogJ3NsaWRlci1pbnB1dCd9XG4gICAgICAgIHVuaXQ9e3R5cGVvZiBzdWZmaXggPT09ICdzdHJpbmcnID8gc3VmZml4IDogdW5pdH1cbiAgICAgICAgb25DaGFuZ2U9e25ld1ZhbCA9PiB7XG4gICAgICAgICAgaWYgKG5ld1ZhbCkge1xuICAgICAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbClcbiAgICAgICAgICB9IGVsc2Ugc2V0VmFsdWVzVG9TaG93KG51bGwpXG4gICAgICAgIH19XG4gICAgICAgIG9uQmx1cj17ZXZlbnQgPT4ge1xuICAgICAgICAgIGlmICghZXZlbnQudGFyZ2V0LnZhbHVlKSBzZXRWYWx1ZXNUb1Nob3cobWluKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZFRleHRWYWx1ZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHBsYWNlbWVudD17ZGlyZWN0aW9uID09PSAnY29sdW1uJyA/ICdyaWdodCcgOiAnY2VudGVyJ31cbiAgICAgICAgZG91YmxlPXtmYWxzZX1cbiAgICAgICAgaXNDb2x1bW49e2RpcmVjdGlvbiA9PT0gJ2NvbHVtbid9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tdmFsdWVgIDogJ3NsaWRlci12YWx1ZSd9XG4gICAgICA+XG4gICAgICAgIHtwcmVmaXh9XG4gICAgICAgIHt2YWx1ZU51bWJlcn1cbiAgICAgICAge3N1ZmZpeCA/PyB1bml0fVxuICAgICAgPC9TdHlsZWRUZXh0VmFsdWU+XG4gICAgKVxuXG4gIGNvbnN0IHRvb2x0aXBUZXh0ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHRvb2x0aXAgPT09IHRydWUpIHtcbiAgICAgIHJldHVybiBjb21wdXRlZFZhbHVlXG4gICAgfVxuICAgIGlmICh0b29sdGlwKSB7XG4gICAgICByZXR1cm4gdG9vbHRpcFxuICAgIH1cblxuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfSwgW3Rvb2x0aXAsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIGNvbnN0IHBsYWNlbWVudFRvb2x0aXAgPVxuICAgICgoY29tcHV0ZWRWYWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAoc2xpZGVyV2lkdGggLSBUSFVNQl9TSVpFKSArXG4gICAgVEhVTUJfU0laRSAvIDIgLVxuICAgIHNsaWRlcldpZHRoIC8gMlxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGdhcD17MX0gZGlyZWN0aW9uPXtkaXJlY3Rpb259IGp1c3RpZnlDb250ZW50PVwibGVmdFwiPlxuICAgICAge2xhYmVsID8gKFxuICAgICAgICA8U3RhY2sganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgIGlucHV0PXtpbnB1dH1cbiAgICAgICAgICAgIGZpbmFsSWQ9e2ZpbmFsSWR9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7ZGlyZWN0aW9uID09PSAnY29sdW1uJ1xuICAgICAgICAgICAgPyBzdHlsZWRWYWx1ZShjdXN0b21WYWx1ZSA/PyB2YWx1ZVRvU2hvdylcbiAgICAgICAgICAgIDogbnVsbH1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgICkgOiBudWxsfVxuXG4gICAgICB7ZGlyZWN0aW9uID09PSAnY29sdW1uJyAmJiAhbGFiZWxcbiAgICAgICAgPyBzdHlsZWRWYWx1ZShjdXN0b21WYWx1ZSA/PyB2YWx1ZVRvU2hvdylcbiAgICAgICAgOiBudWxsfVxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIHdpZHRoPVwiMTAwJVwiIGdhcD17MX0ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIj5cbiAgICAgICAgPFN0eWxlZFRvb2x0aXBcbiAgICAgICAgICB0ZXh0PXt0b29sdGlwVGV4dH1cbiAgICAgICAgICBwbGFjZW1lbnQ9e3Rvb2x0aXBQb3NpdGlvbn1cbiAgICAgICAgICBsZWZ0PXtwbGFjZW1lbnRUb29sdGlwfVxuICAgICAgICA+XG4gICAgICAgICAgPFNsaWRlckVsZW1lbnRcbiAgICAgICAgICAgIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICAgICB2YWx1ZT17Y29tcHV0ZWRWYWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiB7XG4gICAgICAgICAgICAgIGhhbmRsZUNoYW5nZShwYXJzZUZsb2F0KGV2ZW50LnRhcmdldC52YWx1ZSkpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgICBtYXg9e21heH1cbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICBkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgICBpZD17ZmluYWxJZH1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbCA/PyBuYW1lfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBzdHlsZT17Z2V0QmFja2dyb3VuZFNpemV9XG4gICAgICAgICAgICBkYXRhLWVycm9yPXshIWVycm9yfVxuICAgICAgICAgICAgZGF0YS1kaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgIHRoZW1lU2xpZGVyPXt0aGVtZX1cbiAgICAgICAgICAgIHJlZj17cmVmU2xpZGVyfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkVG9vbHRpcD5cbiAgICAgICAge29wdGlvbnMgfHwgcG9zc2libGVWYWx1ZXMgPyAoXG4gICAgICAgICAgPE9wdGlvbnNcbiAgICAgICAgICAgIHRpY2tzPXt0aWNrc31cbiAgICAgICAgICAgIG1pbj17bWlufVxuICAgICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgICBzbGlkZXJXaWR0aD17c2xpZGVyV2lkdGh9XG4gICAgICAgICAgICB1bml0PXt1bml0fVxuICAgICAgICAgICAgdmFsdWU9e2NvbXB1dGVkVmFsdWV9XG4gICAgICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtkaXJlY3Rpb24gPT09ICdyb3cnID8gc3R5bGVkVmFsdWUoY3VzdG9tVmFsdWUgPz8gdmFsdWVUb1Nob3cpIDogbnVsbH1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
|
|
26
|
+
const SliderElement = /* @__PURE__ */ _styled("input", process.env.NODE_ENV === "production" ? {
|
|
27
|
+
shouldForwardProp: (prop) => !["themeSlider"].includes(prop),
|
|
28
|
+
target: "egnedph0"
|
|
29
|
+
} : {
|
|
30
|
+
shouldForwardProp: (prop) => !["themeSlider"].includes(prop),
|
|
31
|
+
target: "egnedph0",
|
|
32
|
+
label: "SliderElement"
|
|
33
|
+
})("appearance:none;height:", ({
|
|
34
|
+
theme
|
|
35
|
+
}) => theme.space["1"], ";width:100%;min-width:", SLIDER_WIDTH.min, "px;background-color:", ({
|
|
36
|
+
theme
|
|
37
|
+
}) => theme.colors.neutral.borderWeak, ";border-radius:", ({
|
|
38
|
+
theme
|
|
39
|
+
}) => theme.radii.default, ";background-image:linear-gradient(", ({
|
|
40
|
+
theme
|
|
41
|
+
}) => theme.colors.primary.border, ", ", ({
|
|
42
|
+
theme
|
|
43
|
+
}) => theme.colors.primary.border, ");background-repeat:no-repeat;align-self:center;outline:none;&:focus{&::-moz-range-thumb{border:", ({
|
|
44
|
+
theme,
|
|
45
|
+
disabled
|
|
46
|
+
}) => disabled ? null : `1.5px solid ${theme.colors.primary.border}`, ";box-shadow:", ({
|
|
47
|
+
theme,
|
|
48
|
+
disabled
|
|
49
|
+
}) => disabled ? null : theme.shadows.focusPrimary, ";}&::-webkit-slider-thumb{border:", ({
|
|
50
|
+
theme,
|
|
51
|
+
disabled
|
|
52
|
+
}) => disabled ? null : `1.5px solid ${theme.colors.primary.border}`, ";box-shadow:", ({
|
|
53
|
+
theme,
|
|
54
|
+
disabled
|
|
55
|
+
}) => disabled ? null : theme.shadows.focusPrimary, ";}}&[data-error='true']{background-image:linear-gradient(", ({
|
|
56
|
+
theme
|
|
57
|
+
}) => theme.colors.danger.backgroundStrong, ", ", ({
|
|
58
|
+
theme
|
|
59
|
+
}) => theme.colors.danger.backgroundStrong, ");}&[data-direction='column']{align-self:baseline;}&[aria-disabled='true']{background-image:linear-gradient(", ({
|
|
60
|
+
theme
|
|
61
|
+
}) => theme.colors.primary.borderDisabled, ", ", ({
|
|
62
|
+
theme
|
|
63
|
+
}) => theme.colors.primary.borderDisabled, ");}::-moz-range-track{", trackStyle, ";}::-moz-range-thumb{", ({
|
|
64
|
+
theme,
|
|
65
|
+
themeSlider,
|
|
66
|
+
disabled
|
|
67
|
+
}) => thumbStyle(theme, themeSlider, disabled), ";}::-webkit-slider-runnable-track{", trackStyle, ";}::-webkit-slider-thumb{", ({
|
|
68
|
+
theme,
|
|
69
|
+
themeSlider,
|
|
70
|
+
disabled
|
|
71
|
+
}) => thumbStyle(theme, themeSlider, disabled), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9TaW5nbGVTbGlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NpbmdsZVNsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VJZCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuL0xhYmVsJ1xuaW1wb3J0IHsgT3B0aW9ucyB9IGZyb20gJy4vT3B0aW9ucydcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5pbXBvcnQge1xuICBTdHlsZWROdW1iZXJJbnB1dCxcbiAgU3R5bGVkVG9vbHRpcCxcbiAgdGh1bWJTdHlsZSxcbiAgdHJhY2tTdHlsZSxcbn0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgdHlwZSB7IFNpbmdsZVNsaWRlclByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkVGV4dFZhbHVlID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZG91YmxlJywgJ2lzQ29sdW1uJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGRvdWJsZTogYm9vbGVhbjsgaXNDb2x1bW46IGJvb2xlYW4gfT5gXG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSwgZG91YmxlLCBpc0NvbHVtbiB9KSA9PiAoZG91YmxlICYmIGlzQ29sdW1uID8gbnVsbCA6IHRoZW1lLnNwYWNlWyc1J10pfTtcbiAgYWxpZ24tc2VsZjogJHsoeyBkb3VibGUsIGlzQ29sdW1uIH0pID0+IChkb3VibGUgfHwgIWlzQ29sdW1uID8gJ2NlbnRlcicgOiAnZW5kJyl9O1xuYFxuXG5jb25zdCBTbGlkZXJFbGVtZW50ID0gc3R5bGVkKCdpbnB1dCcsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsndGhlbWVTbGlkZXInXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgdGhlbWVTbGlkZXI6IHN0cmluZzsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gICAgd2lkdGg6MTAwJTtcbiAgICBtaW4td2lkdGg6ICR7U0xJREVSX1dJRFRILm1pbn1weDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOmxpbmVhci1ncmFkaWVudCgkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfSk7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gICAgb3V0bGluZTogbm9uZTtcbiBcbiAgICAmOmZvY3VzIHtcbiAgICAgICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyBudWxsIDogdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnkpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeSl9O1xuICAgICAgICB9XG4gIH1cbiAgICAmW2RhdGEtZXJyb3I9J3RydWUnXXtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuZGFuZ2VyLmJhY2tncm91bmRTdHJvbmd9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ30pO1xuICAgIH1cblxuICAgICZbZGF0YS1kaXJlY3Rpb249J2NvbHVtbiddIHtcbiAgICAgIGFsaWduLXNlbGY6IGJhc2VsaW5lO1xuICAgIH1cblxuICAgICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSdde1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJEaXNhYmxlZH0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyRGlzYWJsZWR9KTtcbiAgICB9XG5cbiAgICAvKiBNb3ppbGxhICovXG4gICAgOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAgICAgJHt0cmFja1N0eWxlfVxuICAgIH1cbiAgICA6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5cbiAgICAvKiBPdGhlciBicm93c2VycyAqL1xuICAgIDo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICAgICAke3RyYWNrU3R5bGV9XG4gICAgfVxuICAgIDo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTaW5nbGVTbGlkZXIgPSAoe1xuICBuYW1lLFxuICB0b29sdGlwLFxuICBkaXJlY3Rpb24sXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtaW4gPSAwLFxuICBtYXggPSAxMDAsXG4gIHN0ZXAgPSAxLFxuICBpZCxcbiAgb25CbHVyLFxuICB1bml0LFxuICBvcHRpb25zLFxuICBwb3NzaWJsZVZhbHVlcyxcbiAgb25Gb2N1cyxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaW5wdXQsXG4gIHByZWZpeCxcbiAgc3VmZml4LFxuICByZXF1aXJlZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gIHRvb2x0aXBQb3NpdGlvbixcbn06IFNpbmdsZVNsaWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IGxvY2FsSWQgPSB1c2VJZCgpXG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcbiAgY29uc3QgZmluYWxJZCA9IGlkID8/IGxvY2FsSWRcbiAgY29uc3QgW2NvbXB1dGVkVmFsdWUsIHNldFZhbHVlc10gPSB1c2VTdGF0ZSh2YWx1ZSlcbiAgY29uc3QgW3ZhbHVlVG9TaG93LCBzZXRWYWx1ZXNUb1Nob3ddID0gdXNlU3RhdGU8bnVtYmVyIHwgbnVsbD4odmFsdWUpXG4gIGNvbnN0IHJlZlNsaWRlciA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICBjb25zdCBbc2xpZGVyV2lkdGgsIHNldFdpZHRoXSA9IHVzZVN0YXRlKFxuICAgIHJlZlNsaWRlci5jdXJyZW50Py5vZmZzZXRXaWR0aCA/PyBTTElERVJfV0lEVEgubWF4LFxuICApXG4gIGNvbnN0IFtjdXN0b21WYWx1ZSwgc2V0Q3VzdG9tVmFsdWVdID0gdXNlU3RhdGU8dW5kZWZpbmVkIHwgbnVtYmVyPih1bmRlZmluZWQpXG5cbiAgY29uc3QgdGlja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAob3B0aW9ucyA9PT0gdHJ1ZSkge1xuICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IG1heCAtIG1pbiArIDEgfSwgKF8sIGluZGV4KSA9PiAoe1xuICAgICAgICB2YWx1ZTogbWluICsgaW5kZXggKiBzdGVwLFxuICAgICAgICBsYWJlbDogU3RyaW5nKG1pbiArIGluZGV4ICogc3RlcCksXG4gICAgICB9KSkuZmlsdGVyKGVsZW1lbnQgPT4gZWxlbWVudC52YWx1ZSA8PSBtYXggJiYgZWxlbWVudC52YWx1ZSA+PSBtaW4pXG4gICAgfVxuICAgIGlmIChvcHRpb25zKSByZXR1cm4gb3B0aW9uc1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgcmV0dXJuIHBvc3NpYmxlVmFsdWVzLm1hcCgoZWxlbWVudCwgaW5kZXgpID0+ICh7XG4gICAgICAgIHZhbHVlOiBpbmRleCxcbiAgICAgICAgbGFiZWw6IFN0cmluZyhlbGVtZW50KSxcbiAgICAgIH0pKVxuICAgIH1cblxuICAgIHJldHVybiBbXVxuICB9LCBbbWF4LCBtaW4sIG9wdGlvbnMsIHBvc3NpYmxlVmFsdWVzLCBzdGVwXSlcblxuICAvLyBEZWZhdWx0IHZhbHVlIHRvIGJlIGNvaGVyZW50IHdpdGggYSBjdXN0b20gc2NhbGUgd2hlbiBvbmUgaXMgZGVmaW5lZFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgc2V0Q3VzdG9tVmFsdWUocG9zc2libGVWYWx1ZXNbY29tcHV0ZWRWYWx1ZV0pXG4gICAgfVxuICB9LCBbcG9zc2libGVWYWx1ZXMsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIC8vIE1ha2Ugc3VyZSB0aGF0IG1pbiA8PSB2YWx1ZSA8PSBtYXhcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodmFsdWUgPCBtaW4pIHtcbiAgICAgIHNldFZhbHVlc1RvU2hvdyhtaW4pXG4gICAgICBvbkNoYW5nZT8uKG1pbilcbiAgICB9XG4gICAgaWYgKHZhbHVlID4gbWF4KSB7XG4gICAgICBvbkNoYW5nZT8uKG1heClcbiAgICAgIHNldFZhbHVlc1RvU2hvdyhtYXgpXG4gICAgfVxuICB9LCBbdmFsdWUsIG1heCwgbWluLCBvbkNoYW5nZSwgc3RlcF0pXG5cbiAgLy8gU3luYyB2YWx1ZXMgd2l0aCB2YWx1ZXNUb1Nob3dcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWYWx1ZXModmFsdWVUb1Nob3cgPz8gbWluKVxuICAgIG9uQ2hhbmdlPy4odmFsdWVUb1Nob3cgPz8gbWluKVxuICB9LCBbbWF4LCBtaW4sIG9uQ2hhbmdlLCB2YWx1ZVRvU2hvd10pXG5cbiAgLy8gR2V0IHNsaWRlciBzaXplXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3Qgc2V0V2lkdGhSZXNpemUgPSAoKSA9PiB7XG4gICAgICBzZXRXaWR0aChyZWZTbGlkZXIuY3VycmVudD8ub2Zmc2V0V2lkdGggPz8gU0xJREVSX1dJRFRILm1heClcbiAgICB9XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHNldFdpZHRoUmVzaXplKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRXaWR0aFJlc2l6ZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChuZXdWYWx1ZTogbnVtYmVyKSA9PiB7XG4gICAgICBpZiAocG9zc2libGVWYWx1ZXMpIHtcbiAgICAgICAgLy8gQ3VzdG9tIHNjYWxlXG4gICAgICAgIGNvbnN0IG9wdGlvbkxhYmVsID0gcG9zc2libGVWYWx1ZXNbbmV3VmFsdWUgPz8gbWluXVxuICAgICAgICBzZXRDdXN0b21WYWx1ZShvcHRpb25MYWJlbClcbiAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbHVlKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbHVlKVxuICAgICAgfVxuICAgIH0sXG4gICAgW21pbiwgcG9zc2libGVWYWx1ZXNdLFxuICApXG5cbiAgY29uc3QgZ2V0QmFja2dyb3VuZFNpemUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBiYWNrZ3JvdW5kU2l6ZTogYCR7KChjb21wdXRlZFZhbHVlIC0gbWluKSAqIDEwMCkgLyAobWF4IC0gbWluKX0lIDEwMCVgLFxuICAgIH0pLFxuICAgIFtjb21wdXRlZFZhbHVlLCBtaW4sIG1heF0sXG4gIClcblxuICBjb25zdCBzdHlsZWRWYWx1ZSA9ICh2YWx1ZU51bWJlcjogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCkgPT5cbiAgICBpbnB1dCAmJiAoIW9wdGlvbnMgfHwgb3B0aW9ucyA9PT0gdHJ1ZSkgJiYgIXBvc3NpYmxlVmFsdWVzID8gKFxuICAgICAgPFN0eWxlZE51bWJlcklucHV0XG4gICAgICAgIHZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgdmFsdWVOdW1iZXIgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHBhcnNlRmxvYXQodmFsdWVOdW1iZXIpXG4gICAgICAgICAgICA6IHZhbHVlTnVtYmVyXG4gICAgICAgIH1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIGFyaWEtbGFiZWw9XCJpbnB1dFwiXG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0taW5wdXRgIDogJ3NsaWRlci1pbnB1dCd9XG4gICAgICAgIHVuaXQ9e3R5cGVvZiBzdWZmaXggPT09ICdzdHJpbmcnID8gc3VmZml4IDogdW5pdH1cbiAgICAgICAgb25DaGFuZ2U9e25ld1ZhbCA9PiB7XG4gICAgICAgICAgaWYgKG5ld1ZhbCkge1xuICAgICAgICAgICAgc2V0VmFsdWVzVG9TaG93KG5ld1ZhbClcbiAgICAgICAgICB9IGVsc2Ugc2V0VmFsdWVzVG9TaG93KG51bGwpXG4gICAgICAgIH19XG4gICAgICAgIG9uQmx1cj17ZXZlbnQgPT4ge1xuICAgICAgICAgIGlmICghZXZlbnQudGFyZ2V0LnZhbHVlKSBzZXRWYWx1ZXNUb1Nob3cobWluKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZFRleHRWYWx1ZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHBsYWNlbWVudD17ZGlyZWN0aW9uID09PSAnY29sdW1uJyA/ICdyaWdodCcgOiAnY2VudGVyJ31cbiAgICAgICAgZG91YmxlPXtmYWxzZX1cbiAgICAgICAgaXNDb2x1bW49e2RpcmVjdGlvbiA9PT0gJ2NvbHVtbid9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tdmFsdWVgIDogJ3NsaWRlci12YWx1ZSd9XG4gICAgICA+XG4gICAgICAgIHtwcmVmaXh9XG4gICAgICAgIHt2YWx1ZU51bWJlcn1cbiAgICAgICAge3N1ZmZpeCA/PyB1bml0fVxuICAgICAgPC9TdHlsZWRUZXh0VmFsdWU+XG4gICAgKVxuXG4gIGNvbnN0IHRvb2x0aXBUZXh0ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHRvb2x0aXAgPT09IHRydWUpIHtcbiAgICAgIHJldHVybiBjb21wdXRlZFZhbHVlXG4gICAgfVxuICAgIGlmICh0b29sdGlwKSB7XG4gICAgICByZXR1cm4gdG9vbHRpcFxuICAgIH1cblxuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfSwgW3Rvb2x0aXAsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIGNvbnN0IHBsYWNlbWVudFRvb2x0aXAgPVxuICAgICgoY29tcHV0ZWRWYWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAoc2xpZGVyV2lkdGggLSBUSFVNQl9TSVpFKSArXG4gICAgVEhVTUJfU0laRSAvIDIgLVxuICAgIHNsaWRlcldpZHRoIC8gMlxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGdhcD17MX0gZGlyZWN0aW9uPXtkaXJlY3Rpb259IGp1c3RpZnlDb250ZW50PVwibGVmdFwiPlxuICAgICAge2xhYmVsID8gKFxuICAgICAgICA8U3RhY2sganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgIGlucHV0PXtpbnB1dH1cbiAgICAgICAgICAgIGZpbmFsSWQ9e2ZpbmFsSWR9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7ZGlyZWN0aW9uID09PSAnY29sdW1uJ1xuICAgICAgICAgICAgPyBzdHlsZWRWYWx1ZShjdXN0b21WYWx1ZSA/PyB2YWx1ZVRvU2hvdylcbiAgICAgICAgICAgIDogbnVsbH1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgICkgOiBudWxsfVxuXG4gICAgICB7ZGlyZWN0aW9uID09PSAnY29sdW1uJyAmJiAhbGFiZWxcbiAgICAgICAgPyBzdHlsZWRWYWx1ZShjdXN0b21WYWx1ZSA/PyB2YWx1ZVRvU2hvdylcbiAgICAgICAgOiBudWxsfVxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIHdpZHRoPVwiMTAwJVwiIGdhcD17MX0ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIj5cbiAgICAgICAgPFN0eWxlZFRvb2x0aXBcbiAgICAgICAgICB0ZXh0PXt0b29sdGlwVGV4dH1cbiAgICAgICAgICBwbGFjZW1lbnQ9e3Rvb2x0aXBQb3NpdGlvbn1cbiAgICAgICAgICBsZWZ0PXtwbGFjZW1lbnRUb29sdGlwfVxuICAgICAgICA+XG4gICAgICAgICAgPFNsaWRlckVsZW1lbnRcbiAgICAgICAgICAgIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICAgICB2YWx1ZT17Y29tcHV0ZWRWYWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiB7XG4gICAgICAgICAgICAgIGhhbmRsZUNoYW5nZShwYXJzZUZsb2F0KGV2ZW50LnRhcmdldC52YWx1ZSkpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgICBtYXg9e21heH1cbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICBkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgICBpZD17ZmluYWxJZH1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbCA/PyBuYW1lfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBzdHlsZT17Z2V0QmFja2dyb3VuZFNpemV9XG4gICAgICAgICAgICBkYXRhLWVycm9yPXshIWVycm9yfVxuICAgICAgICAgICAgZGF0YS1kaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgIHRoZW1lU2xpZGVyPXt0aGVtZX1cbiAgICAgICAgICAgIHJlZj17cmVmU2xpZGVyfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkVG9vbHRpcD5cbiAgICAgICAge29wdGlvbnMgfHwgcG9zc2libGVWYWx1ZXMgPyAoXG4gICAgICAgICAgPE9wdGlvbnNcbiAgICAgICAgICAgIHRpY2tzPXt0aWNrc31cbiAgICAgICAgICAgIG1pbj17bWlufVxuICAgICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgICBzbGlkZXJXaWR0aD17c2xpZGVyV2lkdGh9XG4gICAgICAgICAgICB1bml0PXt1bml0fVxuICAgICAgICAgICAgdmFsdWU9e2NvbXB1dGVkVmFsdWV9XG4gICAgICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtkaXJlY3Rpb24gPT09ICdyb3cnID8gc3R5bGVkVmFsdWUoY3VzdG9tVmFsdWUgPz8gdmFsdWVUb1Nob3cpIDogbnVsbH1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
|
|
72
|
+
const SingleSlider = ({
|
|
73
|
+
name,
|
|
74
|
+
tooltip,
|
|
75
|
+
direction,
|
|
76
|
+
disabled,
|
|
77
|
+
error,
|
|
78
|
+
"data-testid": dataTestId,
|
|
79
|
+
value,
|
|
80
|
+
onChange,
|
|
81
|
+
min = 0,
|
|
82
|
+
max = 100,
|
|
83
|
+
step = 1,
|
|
84
|
+
id,
|
|
85
|
+
onBlur,
|
|
86
|
+
unit,
|
|
87
|
+
options,
|
|
88
|
+
possibleValues,
|
|
89
|
+
onFocus,
|
|
90
|
+
className,
|
|
91
|
+
label,
|
|
92
|
+
input,
|
|
93
|
+
prefix,
|
|
94
|
+
suffix,
|
|
95
|
+
required,
|
|
96
|
+
"aria-label": ariaLabel,
|
|
97
|
+
tooltipPosition
|
|
98
|
+
}) => {
|
|
99
|
+
const localId = useId();
|
|
100
|
+
const {
|
|
101
|
+
theme
|
|
102
|
+
} = useTheme();
|
|
103
|
+
const finalId = id ?? localId;
|
|
104
|
+
const [computedValue, setValues] = useState(value);
|
|
105
|
+
const [valueToShow, setValuesToShow] = useState(value);
|
|
106
|
+
const refSlider = useRef(null);
|
|
107
|
+
const [sliderWidth, setWidth] = useState(refSlider.current?.offsetWidth ?? SLIDER_WIDTH.max);
|
|
108
|
+
const [customValue, setCustomValue] = useState(void 0);
|
|
109
|
+
const ticks = useMemo(() => {
|
|
110
|
+
if (options === true) {
|
|
111
|
+
return Array.from({
|
|
112
|
+
length: max - min + 1
|
|
113
|
+
}, (_, index) => ({
|
|
114
|
+
value: min + index * step,
|
|
115
|
+
label: String(min + index * step)
|
|
116
|
+
})).filter((element) => element.value <= max && element.value >= min);
|
|
117
|
+
}
|
|
118
|
+
if (options) return options;
|
|
119
|
+
if (possibleValues) {
|
|
120
|
+
return possibleValues.map((element, index) => ({
|
|
121
|
+
value: index,
|
|
122
|
+
label: String(element)
|
|
123
|
+
}));
|
|
124
|
+
}
|
|
125
|
+
return [];
|
|
126
|
+
}, [max, min, options, possibleValues, step]);
|
|
127
|
+
useEffect(() => {
|
|
128
|
+
if (possibleValues) {
|
|
129
|
+
setCustomValue(possibleValues[computedValue]);
|
|
130
|
+
}
|
|
131
|
+
}, [possibleValues, computedValue]);
|
|
132
|
+
useEffect(() => {
|
|
133
|
+
if (value < min) {
|
|
134
|
+
setValuesToShow(min);
|
|
135
|
+
onChange?.(min);
|
|
136
|
+
}
|
|
137
|
+
if (value > max) {
|
|
138
|
+
onChange?.(max);
|
|
139
|
+
setValuesToShow(max);
|
|
140
|
+
}
|
|
141
|
+
}, [value, max, min, onChange, step]);
|
|
142
|
+
useEffect(() => {
|
|
143
|
+
setValues(valueToShow ?? min);
|
|
144
|
+
onChange?.(valueToShow ?? min);
|
|
145
|
+
}, [max, min, onChange, valueToShow]);
|
|
146
|
+
useEffect(() => {
|
|
147
|
+
const setWidthResize = () => {
|
|
148
|
+
setWidth(refSlider.current?.offsetWidth ?? SLIDER_WIDTH.max);
|
|
149
|
+
};
|
|
150
|
+
window.addEventListener("resize", setWidthResize);
|
|
151
|
+
return () => {
|
|
152
|
+
window.removeEventListener("resize", setWidthResize);
|
|
153
|
+
};
|
|
154
|
+
}, []);
|
|
155
|
+
const handleChange = useCallback((newValue) => {
|
|
156
|
+
if (possibleValues) {
|
|
157
|
+
const optionLabel = possibleValues[newValue ?? min];
|
|
158
|
+
setCustomValue(optionLabel);
|
|
159
|
+
setValuesToShow(newValue);
|
|
160
|
+
} else {
|
|
161
|
+
setValuesToShow(newValue);
|
|
162
|
+
}
|
|
163
|
+
}, [min, possibleValues]);
|
|
164
|
+
const getBackgroundSize = useMemo(() => ({
|
|
165
|
+
backgroundSize: `${(computedValue - min) * 100 / (max - min)}% 100%`
|
|
166
|
+
}), [computedValue, min, max]);
|
|
167
|
+
const styledValue = (valueNumber) => input && (!options || options === true) && !possibleValues ? /* @__PURE__ */ jsx(StyledNumberInput, { value: typeof valueNumber === "string" ? parseFloat(valueNumber) : valueNumber, size: "small", min, "aria-label": "input", max, step, controls: false, "data-testid": dataTestId ? `${dataTestId}-input` : "slider-input", unit: typeof suffix === "string" ? suffix : unit, onChange: (newVal) => {
|
|
168
|
+
if (newVal) {
|
|
169
|
+
setValuesToShow(newVal);
|
|
170
|
+
} else setValuesToShow(null);
|
|
171
|
+
}, onBlur: (event) => {
|
|
172
|
+
if (!event.target.value) setValuesToShow(min);
|
|
173
|
+
} }) : /* @__PURE__ */ jsxs(StyledTextValue, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: direction === "column" ? "right" : "center", double: false, isColumn: direction === "column", "data-testid": dataTestId ? `${dataTestId}-value` : "slider-value", children: [
|
|
174
|
+
prefix,
|
|
175
|
+
valueNumber,
|
|
176
|
+
suffix ?? unit
|
|
177
|
+
] });
|
|
178
|
+
const tooltipText = useMemo(() => {
|
|
179
|
+
if (tooltip === true) {
|
|
180
|
+
return computedValue;
|
|
181
|
+
}
|
|
182
|
+
if (tooltip) {
|
|
183
|
+
return tooltip;
|
|
184
|
+
}
|
|
185
|
+
return void 0;
|
|
186
|
+
}, [tooltip, computedValue]);
|
|
187
|
+
const placementTooltip = (computedValue - min) / (max - min) * (sliderWidth - THUMB_SIZE) + THUMB_SIZE / 2 - sliderWidth / 2;
|
|
188
|
+
return /* @__PURE__ */ jsxs(Stack, { gap: 1, direction, justifyContent: "left", children: [
|
|
189
|
+
label ? /* @__PURE__ */ jsxs(Stack, { justifyContent: "space-between", direction: "row", children: [
|
|
190
|
+
/* @__PURE__ */ jsx(Label, { direction, input, finalId, label, required }),
|
|
191
|
+
direction === "column" ? styledValue(customValue ?? valueToShow) : null
|
|
192
|
+
] }) : null,
|
|
193
|
+
direction === "column" && !label ? styledValue(customValue ?? valueToShow) : null,
|
|
194
|
+
/* @__PURE__ */ jsxs(Stack, { direction: "column", width: "100%", gap: 1, justifyContent: "center", children: [
|
|
195
|
+
/* @__PURE__ */ jsx(StyledTooltip, { text: tooltipText, placement: tooltipPosition, left: placementTooltip, children: /* @__PURE__ */ jsx(SliderElement, { type: "range", value: computedValue, onChange: (event) => {
|
|
196
|
+
handleChange(parseFloat(event.target.value));
|
|
197
|
+
}, min, max, tabIndex: 0, step, name, disabled: !!disabled, "aria-disabled": disabled, "data-testid": dataTestId, id: finalId, onBlur, onFocus, "aria-label": ariaLabel ?? name, className, style: getBackgroundSize, "data-error": !!error, "data-direction": direction, themeSlider: theme, ref: refSlider }) }),
|
|
198
|
+
options || possibleValues ? /* @__PURE__ */ jsx(Options, { ticks, min, max, sliderWidth, unit, value: computedValue, step }) : null
|
|
199
|
+
] }),
|
|
200
|
+
direction === "row" ? styledValue(customValue ?? valueToShow) : null
|
|
201
|
+
] });
|
|
202
|
+
};
|
|
203
|
+
export {
|
|
204
|
+
SingleSlider
|
|
205
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
+
const React = require("react");
|
|
5
|
+
const index = require("../Text/index.cjs");
|
|
6
|
+
const DoubleSlider = require("./DoubleSlider.cjs");
|
|
7
|
+
const SingleSlider = require("./SingleSlider.cjs");
|
|
8
|
+
const styles = require("./styles.cjs");
|
|
9
|
+
const Slider = ({
|
|
10
|
+
name,
|
|
11
|
+
label,
|
|
12
|
+
helper,
|
|
13
|
+
tooltip,
|
|
14
|
+
direction = "column",
|
|
15
|
+
input,
|
|
16
|
+
prefix,
|
|
17
|
+
unit,
|
|
18
|
+
suffix,
|
|
19
|
+
required,
|
|
20
|
+
possibleValues,
|
|
21
|
+
disabled,
|
|
22
|
+
error,
|
|
23
|
+
options,
|
|
24
|
+
"data-testid": dataTestId,
|
|
25
|
+
value,
|
|
26
|
+
onChange,
|
|
27
|
+
min = 0,
|
|
28
|
+
double,
|
|
29
|
+
max = 100,
|
|
30
|
+
step = 1,
|
|
31
|
+
id,
|
|
32
|
+
onBlur,
|
|
33
|
+
onFocus,
|
|
34
|
+
className,
|
|
35
|
+
tooltipPosition = "top",
|
|
36
|
+
"aria-label": ariaLabel
|
|
37
|
+
}) => {
|
|
38
|
+
const correctedBounds = possibleValues ? {
|
|
39
|
+
min: 0,
|
|
40
|
+
max: possibleValues.length - 1
|
|
41
|
+
} : {
|
|
42
|
+
min,
|
|
43
|
+
max
|
|
44
|
+
};
|
|
45
|
+
const gap = React.useMemo(() => {
|
|
46
|
+
if (options) return 3;
|
|
47
|
+
if (input && double) return 0;
|
|
48
|
+
return 1;
|
|
49
|
+
}, [options, input, double]);
|
|
50
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(styles.SliderContainer, { "aria-label": ariaLabel, "data-options": !!options, gap, children: [
|
|
51
|
+
double ? /* @__PURE__ */ jsxRuntime.jsx(DoubleSlider.DoubleSlider, { name, min: correctedBounds.min, max: correctedBounds.max, label, step, value, tooltip, disabled, error, onChange, "data-testid": dataTestId, id, onBlur, tooltipPosition, onFocus, className, options, input, unit, prefix, suffix, required, possibleValues, direction, "aria-label": ariaLabel }) : /* @__PURE__ */ jsxRuntime.jsx(SingleSlider.SingleSlider, { name, min: correctedBounds.min, max: correctedBounds.max, step, value, tooltip, disabled, error, onChange, options, "data-testid": dataTestId, id, tooltipPosition, onBlur, onFocus, className, direction, input, prefix, label, unit, suffix, required, possibleValues, "aria-label": ariaLabel }),
|
|
52
|
+
error || helper ? /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", variant: "caption", sentiment: error ? "danger" : "neutral", prominence: "default", children: typeof error === "string" ? error : helper }) : null
|
|
53
|
+
] });
|
|
54
|
+
};
|
|
55
|
+
exports.Slider = Slider;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { SliderProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* You can define simple or double sliders with the slider component.
|
|
4
|
+
* - For a simple slider (one handle) : prop `value` must be number.
|
|
5
|
+
* - For a double slider (two handles): prop `value` must be an array of numbers (of length 2) and prop `double` must be set to `true`. **Make sure that others props have the correct type.**
|
|
6
|
+
*/
|
|
7
|
+
export declare const Slider: ({ name, label, helper, tooltip, direction, input, prefix, unit, suffix, required, possibleValues, disabled, error, options, "data-testid": dataTestId, value, onChange, min, double, max, step, id, onBlur, onFocus, className, tooltipPosition, "aria-label": ariaLabel, }: SliderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|