@ultraviolet/ui 1.61.0 → 1.61.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/components/DateInput/index.cjs +3 -3
- package/dist/components/DateInput/index.js +3 -3
- package/dist/components/SearchInput/index.cjs +3 -3
- package/dist/components/SearchInput/index.js +3 -3
- package/dist/components/SearchInput/types.d.ts +2 -1
- package/dist/components/SelectInputV2/SearchBarDropdown.cjs +2 -2
- package/dist/components/SelectInputV2/SearchBarDropdown.js +2 -2
- package/dist/components/Slider/components/DoubleSlider.cjs +280 -0
- package/dist/components/Slider/{DoubleSlider.d.ts → components/DoubleSlider.d.ts} +1 -1
- package/dist/components/Slider/components/DoubleSlider.js +278 -0
- package/dist/components/Slider/{Label.cjs → components/Label.cjs} +2 -2
- package/dist/components/Slider/{Label.d.ts → components/Label.d.ts} +1 -1
- package/dist/components/Slider/{Label.js → components/Label.js} +2 -2
- package/dist/components/Slider/{Options.cjs → components/Options.cjs} +3 -3
- package/dist/components/Slider/{Options.d.ts → components/Options.d.ts} +1 -1
- package/dist/components/Slider/{Options.js → components/Options.js} +3 -3
- package/dist/components/Slider/components/SingleSlider.cjs +207 -0
- package/dist/components/Slider/{SingleSlider.d.ts → components/SingleSlider.d.ts} +1 -1
- package/dist/components/Slider/components/SingleSlider.js +205 -0
- package/dist/components/Slider/index.cjs +2 -2
- package/dist/components/Slider/index.js +2 -2
- package/dist/components/Slider/styles.cjs +12 -12
- package/dist/components/Slider/styles.d.ts +1 -1
- package/dist/components/Slider/styles.js +12 -12
- package/dist/components/TextInputV2/index.cjs +28 -12
- package/dist/components/TextInputV2/index.d.ts +6 -3
- package/dist/components/TextInputV2/index.js +29 -13
- package/package.json +6 -6
- package/dist/components/Slider/DoubleSlider.cjs +0 -280
- package/dist/components/Slider/DoubleSlider.js +0 -278
- package/dist/components/Slider/SingleSlider.cjs +0 -207
- package/dist/components/Slider/SingleSlider.js +0 -205
|
@@ -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 constant = require("../constant.cjs");
|
|
10
|
+
const styles = require("../styles.cjs");
|
|
11
|
+
const Label = require("./Label.cjs");
|
|
12
|
+
const Options = require("./Options.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: "elmzsg31"
|
|
18
|
+
} : {
|
|
19
|
+
shouldForwardProp: (prop) => !["double", "isColumn"].includes(prop),
|
|
20
|
+
target: "elmzsg31",
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9jb21wb25lbnRzL1NpbmdsZVNsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IwQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvY29tcG9uZW50cy9TaW5nbGVTbGlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlSWQsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vLi4vVGV4dCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4uL2NvbnN0YW50J1xuaW1wb3J0IHtcbiAgU3R5bGVkTnVtYmVySW5wdXQsXG4gIFN0eWxlZFRvb2x0aXAsXG4gIHRodW1iU3R5bGUsXG4gIHRyYWNrU3R5bGUsXG59IGZyb20gJy4uL3N0eWxlcydcbmltcG9ydCB0eXBlIHsgU2luZ2xlU2xpZGVyUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi9MYWJlbCdcbmltcG9ydCB7IE9wdGlvbnMgfSBmcm9tICcuL09wdGlvbnMnXG5cbmNvbnN0IFN0eWxlZFRleHRWYWx1ZSA9IHN0eWxlZChUZXh0LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2RvdWJsZScsICdpc0NvbHVtbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBkb3VibGU6IGJvb2xlYW47IGlzQ29sdW1uOiBib29sZWFuIH0+YFxuICBtaW4td2lkdGg6ICR7KHsgdGhlbWUsIGRvdWJsZSwgaXNDb2x1bW4gfSkgPT4gKGRvdWJsZSAmJiBpc0NvbHVtbiA/IG51bGwgOiB0aGVtZS5zcGFjZVsnNSddKX07XG4gIGFsaWduLXNlbGY6ICR7KHsgZG91YmxlLCBpc0NvbHVtbiB9KSA9PiAoZG91YmxlIHx8ICFpc0NvbHVtbiA/ICdjZW50ZXInIDogJ2VuZCcpfTtcbmBcblxuY29uc3QgU2xpZGVyRWxlbWVudCA9IHN0eWxlZCgnaW5wdXQnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3RoZW1lU2xpZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHRoZW1lU2xpZGVyOiBzdHJpbmc7IGRpc2FibGVkOiBib29sZWFuIH0+YFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICAgIHdpZHRoOjEwMCU7XG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcblxuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn0pO1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyBudWxsIDogdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnkpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeSl9O1xuICAgICAgICB9XG4gIH1cbiAgICAmW2RhdGEtZXJyb3I9J3RydWUnXXtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuZGFuZ2VyLmJhY2tncm91bmRTdHJvbmd9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ30pO1xuICAgIH1cblxuICAgICZbZGF0YS1kaXJlY3Rpb249J2NvbHVtbiddIHtcbiAgICAgIGFsaWduLXNlbGY6IGJhc2VsaW5lO1xuICAgIH1cblxuICAgICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSdde1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJEaXNhYmxlZH0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyRGlzYWJsZWR9KTtcbiAgICB9XG5cbiAgICAvKiBNb3ppbGxhICovXG4gICAgOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAgICAgJHt0cmFja1N0eWxlfVxuICAgIH1cbiAgICA6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5cbiAgICAvKiBPdGhlciBicm93c2VycyAqL1xuICAgIDo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICAgICAke3RyYWNrU3R5bGV9XG4gICAgfVxuICAgIDo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTaW5nbGVTbGlkZXIgPSAoe1xuICBuYW1lLFxuICB0b29sdGlwLFxuICBkaXJlY3Rpb24sXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtaW4gPSAwLFxuICBtYXggPSAxMDAsXG4gIHN0ZXAgPSAxLFxuICBpZCxcbiAgb25CbHVyLFxuICB1bml0LFxuICBvcHRpb25zLFxuICBwb3NzaWJsZVZhbHVlcyxcbiAgb25Gb2N1cyxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaW5wdXQsXG4gIHByZWZpeCxcbiAgc3VmZml4LFxuICByZXF1aXJlZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gIHRvb2x0aXBQb3NpdGlvbixcbn06IFNpbmdsZVNsaWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IGxvY2FsSWQgPSB1c2VJZCgpXG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcbiAgY29uc3QgZmluYWxJZCA9IGlkID8/IGxvY2FsSWRcbiAgY29uc3Qgc2FmZVZhbHVlID0gdmFsdWUgPz8gbWluXG4gIGNvbnN0IFtjb21wdXRlZFZhbHVlLCBzZXRDb21wdXRlZFZhbHVlXSA9IHVzZVN0YXRlKHNhZmVWYWx1ZSlcbiAgY29uc3QgW3ZhbHVlVG9TaG93LCBzZXRWYWx1ZVRvU2hvd10gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihzYWZlVmFsdWUpXG4gIGNvbnN0IHJlZlNsaWRlciA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICBjb25zdCBbc2xpZGVyV2lkdGgsIHNldFdpZHRoXSA9IHVzZVN0YXRlKFxuICAgIHJlZlNsaWRlci5jdXJyZW50Py5vZmZzZXRXaWR0aCA/PyBTTElERVJfV0lEVEgubWF4LFxuICApXG4gIGNvbnN0IFtjdXN0b21WYWx1ZSwgc2V0Q3VzdG9tVmFsdWVdID0gdXNlU3RhdGU8dW5kZWZpbmVkIHwgbnVtYmVyPih1bmRlZmluZWQpXG5cbiAgY29uc3QgdGlja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAob3B0aW9ucyA9PT0gdHJ1ZSkge1xuICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IG1heCAtIG1pbiArIDEgfSwgKF8sIGluZGV4KSA9PiAoe1xuICAgICAgICB2YWx1ZTogbWluICsgaW5kZXggKiBzdGVwLFxuICAgICAgICBsYWJlbDogU3RyaW5nKG1pbiArIGluZGV4ICogc3RlcCksXG4gICAgICB9KSkuZmlsdGVyKGVsZW1lbnQgPT4gZWxlbWVudC52YWx1ZSA8PSBtYXggJiYgZWxlbWVudC52YWx1ZSA+PSBtaW4pXG4gICAgfVxuICAgIGlmIChvcHRpb25zKSByZXR1cm4gb3B0aW9uc1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgcmV0dXJuIHBvc3NpYmxlVmFsdWVzLm1hcCgoZWxlbWVudCwgaW5kZXgpID0+ICh7XG4gICAgICAgIHZhbHVlOiBpbmRleCxcbiAgICAgICAgbGFiZWw6IFN0cmluZyhlbGVtZW50KSxcbiAgICAgIH0pKVxuICAgIH1cblxuICAgIHJldHVybiBbXVxuICB9LCBbbWF4LCBtaW4sIG9wdGlvbnMsIHBvc3NpYmxlVmFsdWVzLCBzdGVwXSlcblxuICBjb25zdCBvbkNoYW5nZUNhbGxiYWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKG5ld1ZhbHVlOiBudW1iZXIgfCBudWxsKSA9PiB7XG4gICAgICBzZXRWYWx1ZVRvU2hvdyhuZXdWYWx1ZSlcbiAgICAgIHNldENvbXB1dGVkVmFsdWUobmV3VmFsdWUgPz8gbWluKVxuICAgICAgb25DaGFuZ2U/LihuZXdWYWx1ZSA/PyBtaW4pXG4gICAgfSxcbiAgICBbbWluLCBvbkNoYW5nZV0sXG4gIClcblxuICAvLyBEZWZhdWx0IHZhbHVlIHRvIGJlIGNvaGVyZW50IHdpdGggYSBjdXN0b20gc2NhbGUgd2hlbiBvbmUgaXMgZGVmaW5lZFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgc2V0Q3VzdG9tVmFsdWUocG9zc2libGVWYWx1ZXNbY29tcHV0ZWRWYWx1ZV0pXG4gICAgfVxuICB9LCBbcG9zc2libGVWYWx1ZXMsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIC8vIE1ha2Ugc3VyZSB0aGF0IG1pbiA8PSB2YWx1ZSA8PSBtYXhcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodmFsdWUgPCBtaW4pIHtcbiAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobWluKVxuICAgIH1cbiAgICBpZiAodmFsdWUgPiBtYXgpIHtcbiAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobWF4KVxuICAgIH1cbiAgfSwgW3ZhbHVlLCBtYXgsIG1pbiwgb25DaGFuZ2UsIHN0ZXAsIG9uQ2hhbmdlQ2FsbGJhY2tdKVxuXG4gIC8vIEdldCBzbGlkZXIgc2l6ZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNldFdpZHRoUmVzaXplID0gKCkgPT4ge1xuICAgICAgc2V0V2lkdGgocmVmU2xpZGVyLmN1cnJlbnQ/Lm9mZnNldFdpZHRoID8/IFNMSURFUl9XSURUSC5tYXgpXG4gICAgfVxuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRXaWR0aFJlc2l6ZSlcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgc2V0V2lkdGhSZXNpemUpXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAobmV3VmFsdWU6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKHBvc3NpYmxlVmFsdWVzKSB7XG4gICAgICAgIC8vIEN1c3RvbSBzY2FsZVxuICAgICAgICBjb25zdCBvcHRpb25MYWJlbCA9IHBvc3NpYmxlVmFsdWVzW25ld1ZhbHVlID8/IG1pbl1cbiAgICAgICAgc2V0Q3VzdG9tVmFsdWUob3B0aW9uTGFiZWwpXG4gICAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobmV3VmFsdWUpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBvbkNoYW5nZUNhbGxiYWNrKG5ld1ZhbHVlKVxuICAgICAgfVxuICAgIH0sXG4gICAgW21pbiwgb25DaGFuZ2VDYWxsYmFjaywgcG9zc2libGVWYWx1ZXNdLFxuICApXG5cbiAgY29uc3QgZ2V0QmFja2dyb3VuZFNpemUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBiYWNrZ3JvdW5kU2l6ZTogYCR7KChjb21wdXRlZFZhbHVlIC0gbWluKSAqIDEwMCkgLyAobWF4IC0gbWluKX0lIDEwMCVgLFxuICAgIH0pLFxuICAgIFtjb21wdXRlZFZhbHVlLCBtaW4sIG1heF0sXG4gIClcblxuICBjb25zdCBzdHlsZWRWYWx1ZSA9ICh2YWx1ZU51bWJlcjogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCkgPT5cbiAgICBpbnB1dCAmJiAoIW9wdGlvbnMgfHwgb3B0aW9ucyA9PT0gdHJ1ZSkgJiYgIXBvc3NpYmxlVmFsdWVzID8gKFxuICAgICAgPFN0eWxlZE51bWJlcklucHV0XG4gICAgICAgIHZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgdmFsdWVOdW1iZXIgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHBhcnNlRmxvYXQodmFsdWVOdW1iZXIpXG4gICAgICAgICAgICA6IHZhbHVlTnVtYmVyXG4gICAgICAgIH1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIGFyaWEtbGFiZWw9XCJpbnB1dFwiXG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0taW5wdXRgIDogJ3NsaWRlci1pbnB1dCd9XG4gICAgICAgIHVuaXQ9e3R5cGVvZiBzdWZmaXggPT09ICdzdHJpbmcnID8gc3VmZml4IDogdW5pdH1cbiAgICAgICAgb25DaGFuZ2U9e25ld1ZhbCA9PiB7XG4gICAgICAgICAgaWYgKG5ld1ZhbCkge1xuICAgICAgICAgICAgb25DaGFuZ2VDYWxsYmFjayhuZXdWYWwpXG4gICAgICAgICAgfSBlbHNlIG9uQ2hhbmdlQ2FsbGJhY2sobnVsbClcbiAgICAgICAgfX1cbiAgICAgICAgb25CbHVyPXtldmVudCA9PiB7XG4gICAgICAgICAgaWYgKCFldmVudC50YXJnZXQudmFsdWUpIG9uQ2hhbmdlQ2FsbGJhY2sobWluKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZFRleHRWYWx1ZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHBsYWNlbWVudD17ZGlyZWN0aW9uID09PSAnY29sdW1uJyA/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: "elmzsg30"
|
|
33
|
+
} : {
|
|
34
|
+
shouldForwardProp: (prop) => !["themeSlider"].includes(prop),
|
|
35
|
+
target: "elmzsg30",
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9jb21wb25lbnRzL1NpbmdsZVNsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUI4QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvY29tcG9uZW50cy9TaW5nbGVTbGlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlSWQsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vLi4vVGV4dCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4uL2NvbnN0YW50J1xuaW1wb3J0IHtcbiAgU3R5bGVkTnVtYmVySW5wdXQsXG4gIFN0eWxlZFRvb2x0aXAsXG4gIHRodW1iU3R5bGUsXG4gIHRyYWNrU3R5bGUsXG59IGZyb20gJy4uL3N0eWxlcydcbmltcG9ydCB0eXBlIHsgU2luZ2xlU2xpZGVyUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi9MYWJlbCdcbmltcG9ydCB7IE9wdGlvbnMgfSBmcm9tICcuL09wdGlvbnMnXG5cbmNvbnN0IFN0eWxlZFRleHRWYWx1ZSA9IHN0eWxlZChUZXh0LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2RvdWJsZScsICdpc0NvbHVtbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBkb3VibGU6IGJvb2xlYW47IGlzQ29sdW1uOiBib29sZWFuIH0+YFxuICBtaW4td2lkdGg6ICR7KHsgdGhlbWUsIGRvdWJsZSwgaXNDb2x1bW4gfSkgPT4gKGRvdWJsZSAmJiBpc0NvbHVtbiA/IG51bGwgOiB0aGVtZS5zcGFjZVsnNSddKX07XG4gIGFsaWduLXNlbGY6ICR7KHsgZG91YmxlLCBpc0NvbHVtbiB9KSA9PiAoZG91YmxlIHx8ICFpc0NvbHVtbiA/ICdjZW50ZXInIDogJ2VuZCcpfTtcbmBcblxuY29uc3QgU2xpZGVyRWxlbWVudCA9IHN0eWxlZCgnaW5wdXQnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3RoZW1lU2xpZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHRoZW1lU2xpZGVyOiBzdHJpbmc7IGRpc2FibGVkOiBib29sZWFuIH0+YFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICAgIHdpZHRoOjEwMCU7XG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcblxuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn0pO1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyBudWxsIDogdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnkpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeSl9O1xuICAgICAgICB9XG4gIH1cbiAgICAmW2RhdGEtZXJyb3I9J3RydWUnXXtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuZGFuZ2VyLmJhY2tncm91bmRTdHJvbmd9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ30pO1xuICAgIH1cblxuICAgICZbZGF0YS1kaXJlY3Rpb249J2NvbHVtbiddIHtcbiAgICAgIGFsaWduLXNlbGY6IGJhc2VsaW5lO1xuICAgIH1cblxuICAgICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSdde1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJEaXNhYmxlZH0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyRGlzYWJsZWR9KTtcbiAgICB9XG5cbiAgICAvKiBNb3ppbGxhICovXG4gICAgOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAgICAgJHt0cmFja1N0eWxlfVxuICAgIH1cbiAgICA6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5cbiAgICAvKiBPdGhlciBicm93c2VycyAqL1xuICAgIDo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICAgICAke3RyYWNrU3R5bGV9XG4gICAgfVxuICAgIDo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTaW5nbGVTbGlkZXIgPSAoe1xuICBuYW1lLFxuICB0b29sdGlwLFxuICBkaXJlY3Rpb24sXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtaW4gPSAwLFxuICBtYXggPSAxMDAsXG4gIHN0ZXAgPSAxLFxuICBpZCxcbiAgb25CbHVyLFxuICB1bml0LFxuICBvcHRpb25zLFxuICBwb3NzaWJsZVZhbHVlcyxcbiAgb25Gb2N1cyxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaW5wdXQsXG4gIHByZWZpeCxcbiAgc3VmZml4LFxuICByZXF1aXJlZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gIHRvb2x0aXBQb3NpdGlvbixcbn06IFNpbmdsZVNsaWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IGxvY2FsSWQgPSB1c2VJZCgpXG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcbiAgY29uc3QgZmluYWxJZCA9IGlkID8/IGxvY2FsSWRcbiAgY29uc3Qgc2FmZVZhbHVlID0gdmFsdWUgPz8gbWluXG4gIGNvbnN0IFtjb21wdXRlZFZhbHVlLCBzZXRDb21wdXRlZFZhbHVlXSA9IHVzZVN0YXRlKHNhZmVWYWx1ZSlcbiAgY29uc3QgW3ZhbHVlVG9TaG93LCBzZXRWYWx1ZVRvU2hvd10gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihzYWZlVmFsdWUpXG4gIGNvbnN0IHJlZlNsaWRlciA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICBjb25zdCBbc2xpZGVyV2lkdGgsIHNldFdpZHRoXSA9IHVzZVN0YXRlKFxuICAgIHJlZlNsaWRlci5jdXJyZW50Py5vZmZzZXRXaWR0aCA/PyBTTElERVJfV0lEVEgubWF4LFxuICApXG4gIGNvbnN0IFtjdXN0b21WYWx1ZSwgc2V0Q3VzdG9tVmFsdWVdID0gdXNlU3RhdGU8dW5kZWZpbmVkIHwgbnVtYmVyPih1bmRlZmluZWQpXG5cbiAgY29uc3QgdGlja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAob3B0aW9ucyA9PT0gdHJ1ZSkge1xuICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IG1heCAtIG1pbiArIDEgfSwgKF8sIGluZGV4KSA9PiAoe1xuICAgICAgICB2YWx1ZTogbWluICsgaW5kZXggKiBzdGVwLFxuICAgICAgICBsYWJlbDogU3RyaW5nKG1pbiArIGluZGV4ICogc3RlcCksXG4gICAgICB9KSkuZmlsdGVyKGVsZW1lbnQgPT4gZWxlbWVudC52YWx1ZSA8PSBtYXggJiYgZWxlbWVudC52YWx1ZSA+PSBtaW4pXG4gICAgfVxuICAgIGlmIChvcHRpb25zKSByZXR1cm4gb3B0aW9uc1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgcmV0dXJuIHBvc3NpYmxlVmFsdWVzLm1hcCgoZWxlbWVudCwgaW5kZXgpID0+ICh7XG4gICAgICAgIHZhbHVlOiBpbmRleCxcbiAgICAgICAgbGFiZWw6IFN0cmluZyhlbGVtZW50KSxcbiAgICAgIH0pKVxuICAgIH1cblxuICAgIHJldHVybiBbXVxuICB9LCBbbWF4LCBtaW4sIG9wdGlvbnMsIHBvc3NpYmxlVmFsdWVzLCBzdGVwXSlcblxuICBjb25zdCBvbkNoYW5nZUNhbGxiYWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKG5ld1ZhbHVlOiBudW1iZXIgfCBudWxsKSA9PiB7XG4gICAgICBzZXRWYWx1ZVRvU2hvdyhuZXdWYWx1ZSlcbiAgICAgIHNldENvbXB1dGVkVmFsdWUobmV3VmFsdWUgPz8gbWluKVxuICAgICAgb25DaGFuZ2U/LihuZXdWYWx1ZSA/PyBtaW4pXG4gICAgfSxcbiAgICBbbWluLCBvbkNoYW5nZV0sXG4gIClcblxuICAvLyBEZWZhdWx0IHZhbHVlIHRvIGJlIGNvaGVyZW50IHdpdGggYSBjdXN0b20gc2NhbGUgd2hlbiBvbmUgaXMgZGVmaW5lZFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgc2V0Q3VzdG9tVmFsdWUocG9zc2libGVWYWx1ZXNbY29tcHV0ZWRWYWx1ZV0pXG4gICAgfVxuICB9LCBbcG9zc2libGVWYWx1ZXMsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIC8vIE1ha2Ugc3VyZSB0aGF0IG1pbiA8PSB2YWx1ZSA8PSBtYXhcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodmFsdWUgPCBtaW4pIHtcbiAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobWluKVxuICAgIH1cbiAgICBpZiAodmFsdWUgPiBtYXgpIHtcbiAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobWF4KVxuICAgIH1cbiAgfSwgW3ZhbHVlLCBtYXgsIG1pbiwgb25DaGFuZ2UsIHN0ZXAsIG9uQ2hhbmdlQ2FsbGJhY2tdKVxuXG4gIC8vIEdldCBzbGlkZXIgc2l6ZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNldFdpZHRoUmVzaXplID0gKCkgPT4ge1xuICAgICAgc2V0V2lkdGgocmVmU2xpZGVyLmN1cnJlbnQ/Lm9mZnNldFdpZHRoID8/IFNMSURFUl9XSURUSC5tYXgpXG4gICAgfVxuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRXaWR0aFJlc2l6ZSlcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgc2V0V2lkdGhSZXNpemUpXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAobmV3VmFsdWU6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKHBvc3NpYmxlVmFsdWVzKSB7XG4gICAgICAgIC8vIEN1c3RvbSBzY2FsZVxuICAgICAgICBjb25zdCBvcHRpb25MYWJlbCA9IHBvc3NpYmxlVmFsdWVzW25ld1ZhbHVlID8/IG1pbl1cbiAgICAgICAgc2V0Q3VzdG9tVmFsdWUob3B0aW9uTGFiZWwpXG4gICAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobmV3VmFsdWUpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBvbkNoYW5nZUNhbGxiYWNrKG5ld1ZhbHVlKVxuICAgICAgfVxuICAgIH0sXG4gICAgW21pbiwgb25DaGFuZ2VDYWxsYmFjaywgcG9zc2libGVWYWx1ZXNdLFxuICApXG5cbiAgY29uc3QgZ2V0QmFja2dyb3VuZFNpemUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBiYWNrZ3JvdW5kU2l6ZTogYCR7KChjb21wdXRlZFZhbHVlIC0gbWluKSAqIDEwMCkgLyAobWF4IC0gbWluKX0lIDEwMCVgLFxuICAgIH0pLFxuICAgIFtjb21wdXRlZFZhbHVlLCBtaW4sIG1heF0sXG4gIClcblxuICBjb25zdCBzdHlsZWRWYWx1ZSA9ICh2YWx1ZU51bWJlcjogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCkgPT5cbiAgICBpbnB1dCAmJiAoIW9wdGlvbnMgfHwgb3B0aW9ucyA9PT0gdHJ1ZSkgJiYgIXBvc3NpYmxlVmFsdWVzID8gKFxuICAgICAgPFN0eWxlZE51bWJlcklucHV0XG4gICAgICAgIHZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgdmFsdWVOdW1iZXIgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHBhcnNlRmxvYXQodmFsdWVOdW1iZXIpXG4gICAgICAgICAgICA6IHZhbHVlTnVtYmVyXG4gICAgICAgIH1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIGFyaWEtbGFiZWw9XCJpbnB1dFwiXG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0taW5wdXRgIDogJ3NsaWRlci1pbnB1dCd9XG4gICAgICAgIHVuaXQ9e3R5cGVvZiBzdWZmaXggPT09ICdzdHJpbmcnID8gc3VmZml4IDogdW5pdH1cbiAgICAgICAgb25DaGFuZ2U9e25ld1ZhbCA9PiB7XG4gICAgICAgICAgaWYgKG5ld1ZhbCkge1xuICAgICAgICAgICAgb25DaGFuZ2VDYWxsYmFjayhuZXdWYWwpXG4gICAgICAgICAgfSBlbHNlIG9uQ2hhbmdlQ2FsbGJhY2sobnVsbClcbiAgICAgICAgfX1cbiAgICAgICAgb25CbHVyPXtldmVudCA9PiB7XG4gICAgICAgICAgaWYgKCFldmVudC50YXJnZXQudmFsdWUpIG9uQ2hhbmdlQ2FsbGJhY2sobWluKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZFRleHRWYWx1ZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHBsYWNlbWVudD17ZGlyZWN0aW9uID09PSAnY29sdW1uJyA/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 safeValue = value ?? min;
|
|
109
|
+
const [computedValue, setComputedValue] = React.useState(safeValue);
|
|
110
|
+
const [valueToShow, setValueToShow] = React.useState(safeValue);
|
|
111
|
+
const refSlider = React.useRef(null);
|
|
112
|
+
const [sliderWidth, setWidth] = React.useState(refSlider.current?.offsetWidth ?? constant.SLIDER_WIDTH.max);
|
|
113
|
+
const [customValue, setCustomValue] = React.useState(void 0);
|
|
114
|
+
const ticks = React.useMemo(() => {
|
|
115
|
+
if (options === true) {
|
|
116
|
+
return Array.from({
|
|
117
|
+
length: max - min + 1
|
|
118
|
+
}, (_, index2) => ({
|
|
119
|
+
value: min + index2 * step,
|
|
120
|
+
label: String(min + index2 * step)
|
|
121
|
+
})).filter((element) => element.value <= max && element.value >= min);
|
|
122
|
+
}
|
|
123
|
+
if (options) return options;
|
|
124
|
+
if (possibleValues) {
|
|
125
|
+
return possibleValues.map((element, index2) => ({
|
|
126
|
+
value: index2,
|
|
127
|
+
label: String(element)
|
|
128
|
+
}));
|
|
129
|
+
}
|
|
130
|
+
return [];
|
|
131
|
+
}, [max, min, options, possibleValues, step]);
|
|
132
|
+
const onChangeCallback = React.useCallback((newValue) => {
|
|
133
|
+
setValueToShow(newValue);
|
|
134
|
+
setComputedValue(newValue ?? min);
|
|
135
|
+
onChange?.(newValue ?? min);
|
|
136
|
+
}, [min, onChange]);
|
|
137
|
+
React.useEffect(() => {
|
|
138
|
+
if (possibleValues) {
|
|
139
|
+
setCustomValue(possibleValues[computedValue]);
|
|
140
|
+
}
|
|
141
|
+
}, [possibleValues, computedValue]);
|
|
142
|
+
React.useEffect(() => {
|
|
143
|
+
if (value < min) {
|
|
144
|
+
onChangeCallback(min);
|
|
145
|
+
}
|
|
146
|
+
if (value > max) {
|
|
147
|
+
onChangeCallback(max);
|
|
148
|
+
}
|
|
149
|
+
}, [value, max, min, onChange, step, onChangeCallback]);
|
|
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
|
+
onChangeCallback(newValue);
|
|
164
|
+
} else {
|
|
165
|
+
onChangeCallback(newValue);
|
|
166
|
+
}
|
|
167
|
+
}, [min, onChangeCallback, 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
|
+
onChangeCallback(newVal);
|
|
174
|
+
} else onChangeCallback(null);
|
|
175
|
+
}, onBlur: (event) => {
|
|
176
|
+
if (!event.target.value) onChangeCallback(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;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { SingleSliderProps } from '
|
|
1
|
+
import type { SingleSliderProps } from '../types';
|
|
2
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, useCallback, useEffect } from "react";
|
|
5
|
+
import { Stack } from "../../Stack/index.js";
|
|
6
|
+
import { Text } from "../../Text/index.js";
|
|
7
|
+
import { SLIDER_WIDTH, THUMB_SIZE } from "../constant.js";
|
|
8
|
+
import { trackStyle, thumbStyle, StyledTooltip, StyledNumberInput } from "../styles.js";
|
|
9
|
+
import { Label } from "./Label.js";
|
|
10
|
+
import { Options } from "./Options.js";
|
|
11
|
+
const StyledTextValue = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
|
|
12
|
+
shouldForwardProp: (prop) => !["double", "isColumn"].includes(prop),
|
|
13
|
+
target: "elmzsg31"
|
|
14
|
+
} : {
|
|
15
|
+
shouldForwardProp: (prop) => !["double", "isColumn"].includes(prop),
|
|
16
|
+
target: "elmzsg31",
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9jb21wb25lbnRzL1NpbmdsZVNsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IwQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvY29tcG9uZW50cy9TaW5nbGVTbGlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlSWQsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vLi4vVGV4dCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4uL2NvbnN0YW50J1xuaW1wb3J0IHtcbiAgU3R5bGVkTnVtYmVySW5wdXQsXG4gIFN0eWxlZFRvb2x0aXAsXG4gIHRodW1iU3R5bGUsXG4gIHRyYWNrU3R5bGUsXG59IGZyb20gJy4uL3N0eWxlcydcbmltcG9ydCB0eXBlIHsgU2luZ2xlU2xpZGVyUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi9MYWJlbCdcbmltcG9ydCB7IE9wdGlvbnMgfSBmcm9tICcuL09wdGlvbnMnXG5cbmNvbnN0IFN0eWxlZFRleHRWYWx1ZSA9IHN0eWxlZChUZXh0LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2RvdWJsZScsICdpc0NvbHVtbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBkb3VibGU6IGJvb2xlYW47IGlzQ29sdW1uOiBib29sZWFuIH0+YFxuICBtaW4td2lkdGg6ICR7KHsgdGhlbWUsIGRvdWJsZSwgaXNDb2x1bW4gfSkgPT4gKGRvdWJsZSAmJiBpc0NvbHVtbiA/IG51bGwgOiB0aGVtZS5zcGFjZVsnNSddKX07XG4gIGFsaWduLXNlbGY6ICR7KHsgZG91YmxlLCBpc0NvbHVtbiB9KSA9PiAoZG91YmxlIHx8ICFpc0NvbHVtbiA/ICdjZW50ZXInIDogJ2VuZCcpfTtcbmBcblxuY29uc3QgU2xpZGVyRWxlbWVudCA9IHN0eWxlZCgnaW5wdXQnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3RoZW1lU2xpZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHRoZW1lU2xpZGVyOiBzdHJpbmc7IGRpc2FibGVkOiBib29sZWFuIH0+YFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICAgIHdpZHRoOjEwMCU7XG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcblxuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn0pO1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyBudWxsIDogdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnkpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeSl9O1xuICAgICAgICB9XG4gIH1cbiAgICAmW2RhdGEtZXJyb3I9J3RydWUnXXtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuZGFuZ2VyLmJhY2tncm91bmRTdHJvbmd9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ30pO1xuICAgIH1cblxuICAgICZbZGF0YS1kaXJlY3Rpb249J2NvbHVtbiddIHtcbiAgICAgIGFsaWduLXNlbGY6IGJhc2VsaW5lO1xuICAgIH1cblxuICAgICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSdde1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJEaXNhYmxlZH0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyRGlzYWJsZWR9KTtcbiAgICB9XG5cbiAgICAvKiBNb3ppbGxhICovXG4gICAgOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAgICAgJHt0cmFja1N0eWxlfVxuICAgIH1cbiAgICA6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5cbiAgICAvKiBPdGhlciBicm93c2VycyAqL1xuICAgIDo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICAgICAke3RyYWNrU3R5bGV9XG4gICAgfVxuICAgIDo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTaW5nbGVTbGlkZXIgPSAoe1xuICBuYW1lLFxuICB0b29sdGlwLFxuICBkaXJlY3Rpb24sXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtaW4gPSAwLFxuICBtYXggPSAxMDAsXG4gIHN0ZXAgPSAxLFxuICBpZCxcbiAgb25CbHVyLFxuICB1bml0LFxuICBvcHRpb25zLFxuICBwb3NzaWJsZVZhbHVlcyxcbiAgb25Gb2N1cyxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaW5wdXQsXG4gIHByZWZpeCxcbiAgc3VmZml4LFxuICByZXF1aXJlZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gIHRvb2x0aXBQb3NpdGlvbixcbn06IFNpbmdsZVNsaWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IGxvY2FsSWQgPSB1c2VJZCgpXG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcbiAgY29uc3QgZmluYWxJZCA9IGlkID8/IGxvY2FsSWRcbiAgY29uc3Qgc2FmZVZhbHVlID0gdmFsdWUgPz8gbWluXG4gIGNvbnN0IFtjb21wdXRlZFZhbHVlLCBzZXRDb21wdXRlZFZhbHVlXSA9IHVzZVN0YXRlKHNhZmVWYWx1ZSlcbiAgY29uc3QgW3ZhbHVlVG9TaG93LCBzZXRWYWx1ZVRvU2hvd10gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihzYWZlVmFsdWUpXG4gIGNvbnN0IHJlZlNsaWRlciA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICBjb25zdCBbc2xpZGVyV2lkdGgsIHNldFdpZHRoXSA9IHVzZVN0YXRlKFxuICAgIHJlZlNsaWRlci5jdXJyZW50Py5vZmZzZXRXaWR0aCA/PyBTTElERVJfV0lEVEgubWF4LFxuICApXG4gIGNvbnN0IFtjdXN0b21WYWx1ZSwgc2V0Q3VzdG9tVmFsdWVdID0gdXNlU3RhdGU8dW5kZWZpbmVkIHwgbnVtYmVyPih1bmRlZmluZWQpXG5cbiAgY29uc3QgdGlja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAob3B0aW9ucyA9PT0gdHJ1ZSkge1xuICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IG1heCAtIG1pbiArIDEgfSwgKF8sIGluZGV4KSA9PiAoe1xuICAgICAgICB2YWx1ZTogbWluICsgaW5kZXggKiBzdGVwLFxuICAgICAgICBsYWJlbDogU3RyaW5nKG1pbiArIGluZGV4ICogc3RlcCksXG4gICAgICB9KSkuZmlsdGVyKGVsZW1lbnQgPT4gZWxlbWVudC52YWx1ZSA8PSBtYXggJiYgZWxlbWVudC52YWx1ZSA+PSBtaW4pXG4gICAgfVxuICAgIGlmIChvcHRpb25zKSByZXR1cm4gb3B0aW9uc1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgcmV0dXJuIHBvc3NpYmxlVmFsdWVzLm1hcCgoZWxlbWVudCwgaW5kZXgpID0+ICh7XG4gICAgICAgIHZhbHVlOiBpbmRleCxcbiAgICAgICAgbGFiZWw6IFN0cmluZyhlbGVtZW50KSxcbiAgICAgIH0pKVxuICAgIH1cblxuICAgIHJldHVybiBbXVxuICB9LCBbbWF4LCBtaW4sIG9wdGlvbnMsIHBvc3NpYmxlVmFsdWVzLCBzdGVwXSlcblxuICBjb25zdCBvbkNoYW5nZUNhbGxiYWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKG5ld1ZhbHVlOiBudW1iZXIgfCBudWxsKSA9PiB7XG4gICAgICBzZXRWYWx1ZVRvU2hvdyhuZXdWYWx1ZSlcbiAgICAgIHNldENvbXB1dGVkVmFsdWUobmV3VmFsdWUgPz8gbWluKVxuICAgICAgb25DaGFuZ2U/LihuZXdWYWx1ZSA/PyBtaW4pXG4gICAgfSxcbiAgICBbbWluLCBvbkNoYW5nZV0sXG4gIClcblxuICAvLyBEZWZhdWx0IHZhbHVlIHRvIGJlIGNvaGVyZW50IHdpdGggYSBjdXN0b20gc2NhbGUgd2hlbiBvbmUgaXMgZGVmaW5lZFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgc2V0Q3VzdG9tVmFsdWUocG9zc2libGVWYWx1ZXNbY29tcHV0ZWRWYWx1ZV0pXG4gICAgfVxuICB9LCBbcG9zc2libGVWYWx1ZXMsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIC8vIE1ha2Ugc3VyZSB0aGF0IG1pbiA8PSB2YWx1ZSA8PSBtYXhcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodmFsdWUgPCBtaW4pIHtcbiAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobWluKVxuICAgIH1cbiAgICBpZiAodmFsdWUgPiBtYXgpIHtcbiAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobWF4KVxuICAgIH1cbiAgfSwgW3ZhbHVlLCBtYXgsIG1pbiwgb25DaGFuZ2UsIHN0ZXAsIG9uQ2hhbmdlQ2FsbGJhY2tdKVxuXG4gIC8vIEdldCBzbGlkZXIgc2l6ZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNldFdpZHRoUmVzaXplID0gKCkgPT4ge1xuICAgICAgc2V0V2lkdGgocmVmU2xpZGVyLmN1cnJlbnQ/Lm9mZnNldFdpZHRoID8/IFNMSURFUl9XSURUSC5tYXgpXG4gICAgfVxuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRXaWR0aFJlc2l6ZSlcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgc2V0V2lkdGhSZXNpemUpXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAobmV3VmFsdWU6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKHBvc3NpYmxlVmFsdWVzKSB7XG4gICAgICAgIC8vIEN1c3RvbSBzY2FsZVxuICAgICAgICBjb25zdCBvcHRpb25MYWJlbCA9IHBvc3NpYmxlVmFsdWVzW25ld1ZhbHVlID8/IG1pbl1cbiAgICAgICAgc2V0Q3VzdG9tVmFsdWUob3B0aW9uTGFiZWwpXG4gICAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobmV3VmFsdWUpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBvbkNoYW5nZUNhbGxiYWNrKG5ld1ZhbHVlKVxuICAgICAgfVxuICAgIH0sXG4gICAgW21pbiwgb25DaGFuZ2VDYWxsYmFjaywgcG9zc2libGVWYWx1ZXNdLFxuICApXG5cbiAgY29uc3QgZ2V0QmFja2dyb3VuZFNpemUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBiYWNrZ3JvdW5kU2l6ZTogYCR7KChjb21wdXRlZFZhbHVlIC0gbWluKSAqIDEwMCkgLyAobWF4IC0gbWluKX0lIDEwMCVgLFxuICAgIH0pLFxuICAgIFtjb21wdXRlZFZhbHVlLCBtaW4sIG1heF0sXG4gIClcblxuICBjb25zdCBzdHlsZWRWYWx1ZSA9ICh2YWx1ZU51bWJlcjogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCkgPT5cbiAgICBpbnB1dCAmJiAoIW9wdGlvbnMgfHwgb3B0aW9ucyA9PT0gdHJ1ZSkgJiYgIXBvc3NpYmxlVmFsdWVzID8gKFxuICAgICAgPFN0eWxlZE51bWJlcklucHV0XG4gICAgICAgIHZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgdmFsdWVOdW1iZXIgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHBhcnNlRmxvYXQodmFsdWVOdW1iZXIpXG4gICAgICAgICAgICA6IHZhbHVlTnVtYmVyXG4gICAgICAgIH1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIGFyaWEtbGFiZWw9XCJpbnB1dFwiXG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0taW5wdXRgIDogJ3NsaWRlci1pbnB1dCd9XG4gICAgICAgIHVuaXQ9e3R5cGVvZiBzdWZmaXggPT09ICdzdHJpbmcnID8gc3VmZml4IDogdW5pdH1cbiAgICAgICAgb25DaGFuZ2U9e25ld1ZhbCA9PiB7XG4gICAgICAgICAgaWYgKG5ld1ZhbCkge1xuICAgICAgICAgICAgb25DaGFuZ2VDYWxsYmFjayhuZXdWYWwpXG4gICAgICAgICAgfSBlbHNlIG9uQ2hhbmdlQ2FsbGJhY2sobnVsbClcbiAgICAgICAgfX1cbiAgICAgICAgb25CbHVyPXtldmVudCA9PiB7XG4gICAgICAgICAgaWYgKCFldmVudC50YXJnZXQudmFsdWUpIG9uQ2hhbmdlQ2FsbGJhY2sobWluKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZFRleHRWYWx1ZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHBsYWNlbWVudD17ZGlyZWN0aW9uID09PSAnY29sdW1uJyA/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: "elmzsg30"
|
|
29
|
+
} : {
|
|
30
|
+
shouldForwardProp: (prop) => !["themeSlider"].includes(prop),
|
|
31
|
+
target: "elmzsg30",
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9jb21wb25lbnRzL1NpbmdsZVNsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUI4QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvY29tcG9uZW50cy9TaW5nbGVTbGlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlSWQsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vLi4vVGV4dCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4uL2NvbnN0YW50J1xuaW1wb3J0IHtcbiAgU3R5bGVkTnVtYmVySW5wdXQsXG4gIFN0eWxlZFRvb2x0aXAsXG4gIHRodW1iU3R5bGUsXG4gIHRyYWNrU3R5bGUsXG59IGZyb20gJy4uL3N0eWxlcydcbmltcG9ydCB0eXBlIHsgU2luZ2xlU2xpZGVyUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi9MYWJlbCdcbmltcG9ydCB7IE9wdGlvbnMgfSBmcm9tICcuL09wdGlvbnMnXG5cbmNvbnN0IFN0eWxlZFRleHRWYWx1ZSA9IHN0eWxlZChUZXh0LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2RvdWJsZScsICdpc0NvbHVtbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBkb3VibGU6IGJvb2xlYW47IGlzQ29sdW1uOiBib29sZWFuIH0+YFxuICBtaW4td2lkdGg6ICR7KHsgdGhlbWUsIGRvdWJsZSwgaXNDb2x1bW4gfSkgPT4gKGRvdWJsZSAmJiBpc0NvbHVtbiA/IG51bGwgOiB0aGVtZS5zcGFjZVsnNSddKX07XG4gIGFsaWduLXNlbGY6ICR7KHsgZG91YmxlLCBpc0NvbHVtbiB9KSA9PiAoZG91YmxlIHx8ICFpc0NvbHVtbiA/ICdjZW50ZXInIDogJ2VuZCcpfTtcbmBcblxuY29uc3QgU2xpZGVyRWxlbWVudCA9IHN0eWxlZCgnaW5wdXQnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3RoZW1lU2xpZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHRoZW1lU2xpZGVyOiBzdHJpbmc7IGRpc2FibGVkOiBib29sZWFuIH0+YFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICAgIHdpZHRoOjEwMCU7XG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcblxuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn0pO1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyBudWxsIDogdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnkpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAgICAgICBib3JkZXI6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YCl9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeSl9O1xuICAgICAgICB9XG4gIH1cbiAgICAmW2RhdGEtZXJyb3I9J3RydWUnXXtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuZGFuZ2VyLmJhY2tncm91bmRTdHJvbmd9LCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ30pO1xuICAgIH1cblxuICAgICZbZGF0YS1kaXJlY3Rpb249J2NvbHVtbiddIHtcbiAgICAgIGFsaWduLXNlbGY6IGJhc2VsaW5lO1xuICAgIH1cblxuICAgICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSdde1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJEaXNhYmxlZH0sICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyRGlzYWJsZWR9KTtcbiAgICB9XG5cbiAgICAvKiBNb3ppbGxhICovXG4gICAgOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAgICAgJHt0cmFja1N0eWxlfVxuICAgIH1cbiAgICA6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5cbiAgICAvKiBPdGhlciBicm93c2VycyAqL1xuICAgIDo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICAgICAke3RyYWNrU3R5bGV9XG4gICAgfVxuICAgIDo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICAgICAkeyh7IHRoZW1lLCB0aGVtZVNsaWRlciwgZGlzYWJsZWQgfSkgPT4gdGh1bWJTdHlsZSh0aGVtZSwgdGhlbWVTbGlkZXIsIGRpc2FibGVkKX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTaW5nbGVTbGlkZXIgPSAoe1xuICBuYW1lLFxuICB0b29sdGlwLFxuICBkaXJlY3Rpb24sXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBtaW4gPSAwLFxuICBtYXggPSAxMDAsXG4gIHN0ZXAgPSAxLFxuICBpZCxcbiAgb25CbHVyLFxuICB1bml0LFxuICBvcHRpb25zLFxuICBwb3NzaWJsZVZhbHVlcyxcbiAgb25Gb2N1cyxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaW5wdXQsXG4gIHByZWZpeCxcbiAgc3VmZml4LFxuICByZXF1aXJlZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gIHRvb2x0aXBQb3NpdGlvbixcbn06IFNpbmdsZVNsaWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IGxvY2FsSWQgPSB1c2VJZCgpXG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcbiAgY29uc3QgZmluYWxJZCA9IGlkID8/IGxvY2FsSWRcbiAgY29uc3Qgc2FmZVZhbHVlID0gdmFsdWUgPz8gbWluXG4gIGNvbnN0IFtjb21wdXRlZFZhbHVlLCBzZXRDb21wdXRlZFZhbHVlXSA9IHVzZVN0YXRlKHNhZmVWYWx1ZSlcbiAgY29uc3QgW3ZhbHVlVG9TaG93LCBzZXRWYWx1ZVRvU2hvd10gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihzYWZlVmFsdWUpXG4gIGNvbnN0IHJlZlNsaWRlciA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICBjb25zdCBbc2xpZGVyV2lkdGgsIHNldFdpZHRoXSA9IHVzZVN0YXRlKFxuICAgIHJlZlNsaWRlci5jdXJyZW50Py5vZmZzZXRXaWR0aCA/PyBTTElERVJfV0lEVEgubWF4LFxuICApXG4gIGNvbnN0IFtjdXN0b21WYWx1ZSwgc2V0Q3VzdG9tVmFsdWVdID0gdXNlU3RhdGU8dW5kZWZpbmVkIHwgbnVtYmVyPih1bmRlZmluZWQpXG5cbiAgY29uc3QgdGlja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAob3B0aW9ucyA9PT0gdHJ1ZSkge1xuICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IG1heCAtIG1pbiArIDEgfSwgKF8sIGluZGV4KSA9PiAoe1xuICAgICAgICB2YWx1ZTogbWluICsgaW5kZXggKiBzdGVwLFxuICAgICAgICBsYWJlbDogU3RyaW5nKG1pbiArIGluZGV4ICogc3RlcCksXG4gICAgICB9KSkuZmlsdGVyKGVsZW1lbnQgPT4gZWxlbWVudC52YWx1ZSA8PSBtYXggJiYgZWxlbWVudC52YWx1ZSA+PSBtaW4pXG4gICAgfVxuICAgIGlmIChvcHRpb25zKSByZXR1cm4gb3B0aW9uc1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgcmV0dXJuIHBvc3NpYmxlVmFsdWVzLm1hcCgoZWxlbWVudCwgaW5kZXgpID0+ICh7XG4gICAgICAgIHZhbHVlOiBpbmRleCxcbiAgICAgICAgbGFiZWw6IFN0cmluZyhlbGVtZW50KSxcbiAgICAgIH0pKVxuICAgIH1cblxuICAgIHJldHVybiBbXVxuICB9LCBbbWF4LCBtaW4sIG9wdGlvbnMsIHBvc3NpYmxlVmFsdWVzLCBzdGVwXSlcblxuICBjb25zdCBvbkNoYW5nZUNhbGxiYWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKG5ld1ZhbHVlOiBudW1iZXIgfCBudWxsKSA9PiB7XG4gICAgICBzZXRWYWx1ZVRvU2hvdyhuZXdWYWx1ZSlcbiAgICAgIHNldENvbXB1dGVkVmFsdWUobmV3VmFsdWUgPz8gbWluKVxuICAgICAgb25DaGFuZ2U/LihuZXdWYWx1ZSA/PyBtaW4pXG4gICAgfSxcbiAgICBbbWluLCBvbkNoYW5nZV0sXG4gIClcblxuICAvLyBEZWZhdWx0IHZhbHVlIHRvIGJlIGNvaGVyZW50IHdpdGggYSBjdXN0b20gc2NhbGUgd2hlbiBvbmUgaXMgZGVmaW5lZFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwb3NzaWJsZVZhbHVlcykge1xuICAgICAgc2V0Q3VzdG9tVmFsdWUocG9zc2libGVWYWx1ZXNbY29tcHV0ZWRWYWx1ZV0pXG4gICAgfVxuICB9LCBbcG9zc2libGVWYWx1ZXMsIGNvbXB1dGVkVmFsdWVdKVxuXG4gIC8vIE1ha2Ugc3VyZSB0aGF0IG1pbiA8PSB2YWx1ZSA8PSBtYXhcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodmFsdWUgPCBtaW4pIHtcbiAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobWluKVxuICAgIH1cbiAgICBpZiAodmFsdWUgPiBtYXgpIHtcbiAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobWF4KVxuICAgIH1cbiAgfSwgW3ZhbHVlLCBtYXgsIG1pbiwgb25DaGFuZ2UsIHN0ZXAsIG9uQ2hhbmdlQ2FsbGJhY2tdKVxuXG4gIC8vIEdldCBzbGlkZXIgc2l6ZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNldFdpZHRoUmVzaXplID0gKCkgPT4ge1xuICAgICAgc2V0V2lkdGgocmVmU2xpZGVyLmN1cnJlbnQ/Lm9mZnNldFdpZHRoID8/IFNMSURFUl9XSURUSC5tYXgpXG4gICAgfVxuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRXaWR0aFJlc2l6ZSlcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgc2V0V2lkdGhSZXNpemUpXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAobmV3VmFsdWU6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKHBvc3NpYmxlVmFsdWVzKSB7XG4gICAgICAgIC8vIEN1c3RvbSBzY2FsZVxuICAgICAgICBjb25zdCBvcHRpb25MYWJlbCA9IHBvc3NpYmxlVmFsdWVzW25ld1ZhbHVlID8/IG1pbl1cbiAgICAgICAgc2V0Q3VzdG9tVmFsdWUob3B0aW9uTGFiZWwpXG4gICAgICAgIG9uQ2hhbmdlQ2FsbGJhY2sobmV3VmFsdWUpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBvbkNoYW5nZUNhbGxiYWNrKG5ld1ZhbHVlKVxuICAgICAgfVxuICAgIH0sXG4gICAgW21pbiwgb25DaGFuZ2VDYWxsYmFjaywgcG9zc2libGVWYWx1ZXNdLFxuICApXG5cbiAgY29uc3QgZ2V0QmFja2dyb3VuZFNpemUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBiYWNrZ3JvdW5kU2l6ZTogYCR7KChjb21wdXRlZFZhbHVlIC0gbWluKSAqIDEwMCkgLyAobWF4IC0gbWluKX0lIDEwMCVgLFxuICAgIH0pLFxuICAgIFtjb21wdXRlZFZhbHVlLCBtaW4sIG1heF0sXG4gIClcblxuICBjb25zdCBzdHlsZWRWYWx1ZSA9ICh2YWx1ZU51bWJlcjogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCkgPT5cbiAgICBpbnB1dCAmJiAoIW9wdGlvbnMgfHwgb3B0aW9ucyA9PT0gdHJ1ZSkgJiYgIXBvc3NpYmxlVmFsdWVzID8gKFxuICAgICAgPFN0eWxlZE51bWJlcklucHV0XG4gICAgICAgIHZhbHVlPXtcbiAgICAgICAgICB0eXBlb2YgdmFsdWVOdW1iZXIgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICA/IHBhcnNlRmxvYXQodmFsdWVOdW1iZXIpXG4gICAgICAgICAgICA6IHZhbHVlTnVtYmVyXG4gICAgICAgIH1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIGFyaWEtbGFiZWw9XCJpbnB1dFwiXG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0taW5wdXRgIDogJ3NsaWRlci1pbnB1dCd9XG4gICAgICAgIHVuaXQ9e3R5cGVvZiBzdWZmaXggPT09ICdzdHJpbmcnID8gc3VmZml4IDogdW5pdH1cbiAgICAgICAgb25DaGFuZ2U9e25ld1ZhbCA9PiB7XG4gICAgICAgICAgaWYgKG5ld1ZhbCkge1xuICAgICAgICAgICAgb25DaGFuZ2VDYWxsYmFjayhuZXdWYWwpXG4gICAgICAgICAgfSBlbHNlIG9uQ2hhbmdlQ2FsbGJhY2sobnVsbClcbiAgICAgICAgfX1cbiAgICAgICAgb25CbHVyPXtldmVudCA9PiB7XG4gICAgICAgICAgaWYgKCFldmVudC50YXJnZXQudmFsdWUpIG9uQ2hhbmdlQ2FsbGJhY2sobWluKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZFRleHRWYWx1ZVxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHBsYWNlbWVudD17ZGlyZWN0aW9uID09PSAnY29sdW1uJyA/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 safeValue = value ?? min;
|
|
105
|
+
const [computedValue, setComputedValue] = useState(safeValue);
|
|
106
|
+
const [valueToShow, setValueToShow] = useState(safeValue);
|
|
107
|
+
const refSlider = useRef(null);
|
|
108
|
+
const [sliderWidth, setWidth] = useState(refSlider.current?.offsetWidth ?? SLIDER_WIDTH.max);
|
|
109
|
+
const [customValue, setCustomValue] = useState(void 0);
|
|
110
|
+
const ticks = useMemo(() => {
|
|
111
|
+
if (options === true) {
|
|
112
|
+
return Array.from({
|
|
113
|
+
length: max - min + 1
|
|
114
|
+
}, (_, index) => ({
|
|
115
|
+
value: min + index * step,
|
|
116
|
+
label: String(min + index * step)
|
|
117
|
+
})).filter((element) => element.value <= max && element.value >= min);
|
|
118
|
+
}
|
|
119
|
+
if (options) return options;
|
|
120
|
+
if (possibleValues) {
|
|
121
|
+
return possibleValues.map((element, index) => ({
|
|
122
|
+
value: index,
|
|
123
|
+
label: String(element)
|
|
124
|
+
}));
|
|
125
|
+
}
|
|
126
|
+
return [];
|
|
127
|
+
}, [max, min, options, possibleValues, step]);
|
|
128
|
+
const onChangeCallback = useCallback((newValue) => {
|
|
129
|
+
setValueToShow(newValue);
|
|
130
|
+
setComputedValue(newValue ?? min);
|
|
131
|
+
onChange?.(newValue ?? min);
|
|
132
|
+
}, [min, onChange]);
|
|
133
|
+
useEffect(() => {
|
|
134
|
+
if (possibleValues) {
|
|
135
|
+
setCustomValue(possibleValues[computedValue]);
|
|
136
|
+
}
|
|
137
|
+
}, [possibleValues, computedValue]);
|
|
138
|
+
useEffect(() => {
|
|
139
|
+
if (value < min) {
|
|
140
|
+
onChangeCallback(min);
|
|
141
|
+
}
|
|
142
|
+
if (value > max) {
|
|
143
|
+
onChangeCallback(max);
|
|
144
|
+
}
|
|
145
|
+
}, [value, max, min, onChange, step, onChangeCallback]);
|
|
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
|
+
onChangeCallback(newValue);
|
|
160
|
+
} else {
|
|
161
|
+
onChangeCallback(newValue);
|
|
162
|
+
}
|
|
163
|
+
}, [min, onChangeCallback, 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
|
+
onChangeCallback(newVal);
|
|
170
|
+
} else onChangeCallback(null);
|
|
171
|
+
}, onBlur: (event) => {
|
|
172
|
+
if (!event.target.value) onChangeCallback(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
|
+
};
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const index = require("../Text/index.cjs");
|
|
6
|
-
const DoubleSlider = require("./DoubleSlider.cjs");
|
|
7
|
-
const SingleSlider = require("./SingleSlider.cjs");
|
|
6
|
+
const DoubleSlider = require("./components/DoubleSlider.cjs");
|
|
7
|
+
const SingleSlider = require("./components/SingleSlider.cjs");
|
|
8
8
|
const styles = require("./styles.cjs");
|
|
9
9
|
const Slider = ({
|
|
10
10
|
name,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { Text } from "../Text/index.js";
|
|
4
|
-
import { DoubleSlider } from "./DoubleSlider.js";
|
|
5
|
-
import { SingleSlider } from "./SingleSlider.js";
|
|
4
|
+
import { DoubleSlider } from "./components/DoubleSlider.js";
|
|
5
|
+
import { SingleSlider } from "./components/SingleSlider.js";
|
|
6
6
|
import { SliderContainer } from "./styles.js";
|
|
7
7
|
const Slider = ({
|
|
8
8
|
name,
|