@hitachivantara/uikit-react-core 5.0.2 → 5.1.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.
Files changed (110) hide show
  1. package/dist/cjs/components/Dropdown/dropdownClasses.cjs +1 -1
  2. package/dist/cjs/components/Dropdown/dropdownClasses.cjs.map +1 -1
  3. package/dist/cjs/components/Pagination/Pagination.cjs +1 -1
  4. package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
  5. package/dist/cjs/components/Slider/Slider.cjs +301 -0
  6. package/dist/cjs/components/Slider/Slider.cjs.map +1 -0
  7. package/dist/cjs/components/Slider/Slider.styles.cjs +334 -0
  8. package/dist/cjs/components/Slider/Slider.styles.cjs.map +1 -0
  9. package/dist/cjs/components/Slider/SliderInput/SliderInput.cjs +66 -0
  10. package/dist/cjs/components/Slider/SliderInput/SliderInput.cjs.map +1 -0
  11. package/dist/cjs/components/Slider/SliderInput/SliderInput.styles.cjs +55 -0
  12. package/dist/cjs/components/Slider/SliderInput/SliderInput.styles.cjs.map +1 -0
  13. package/dist/cjs/components/Slider/SliderInput/sliderInputClasses.cjs +8 -0
  14. package/dist/cjs/components/Slider/SliderInput/sliderInputClasses.cjs.map +1 -0
  15. package/dist/cjs/components/Slider/base.cjs +251 -0
  16. package/dist/cjs/components/Slider/base.cjs.map +1 -0
  17. package/dist/cjs/components/Slider/sliderClasses.cjs +8 -0
  18. package/dist/cjs/components/Slider/sliderClasses.cjs.map +1 -0
  19. package/dist/cjs/components/Slider/utils.cjs +217 -0
  20. package/dist/cjs/components/Slider/utils.cjs.map +1 -0
  21. package/dist/cjs/components/Table/TableBody/tableBodyClasses.cjs.map +1 -1
  22. package/dist/cjs/components/Table/TableCell/tableCellClasses.cjs.map +1 -1
  23. package/dist/cjs/components/Table/TableContainer/tableContainerClasses.cjs.map +1 -1
  24. package/dist/cjs/components/Table/TableHead/tableHeadClasses.cjs.map +1 -1
  25. package/dist/cjs/components/Table/TableHeader/tableHeaderClasses.cjs.map +1 -1
  26. package/dist/cjs/components/Table/TableRow/tableRowClasses.cjs.map +1 -1
  27. package/dist/cjs/components/Table/tableClasses.cjs.map +1 -1
  28. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs +76 -17
  29. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map +1 -1
  30. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.styles.cjs +4 -1
  31. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.styles.cjs.map +1 -1
  32. package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs +1 -1
  33. package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs.map +1 -1
  34. package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.cjs +58 -0
  35. package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.cjs.map +1 -0
  36. package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.cjs +16 -0
  37. package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.cjs.map +1 -0
  38. package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.cjs +41 -0
  39. package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.cjs.map +1 -0
  40. package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.cjs +42 -0
  41. package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.cjs.map +1 -0
  42. package/dist/cjs/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.cjs +24 -0
  43. package/dist/cjs/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.cjs.map +1 -0
  44. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs +42 -44
  45. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs.map +1 -1
  46. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs +6 -2
  47. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs.map +1 -1
  48. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs +6 -4
  49. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs.map +1 -1
  50. package/dist/cjs/components/VerticalNavigation/VerticalNavigationContext.cjs.map +1 -1
  51. package/dist/cjs/components/VerticalNavigation/utils/VerticalNavigation.utils.cjs +7 -0
  52. package/dist/cjs/components/VerticalNavigation/utils/VerticalNavigation.utils.cjs.map +1 -0
  53. package/dist/cjs/index.cjs +4 -0
  54. package/dist/cjs/index.cjs.map +1 -1
  55. package/dist/esm/components/Dropdown/dropdownClasses.js +1 -1
  56. package/dist/esm/components/Dropdown/dropdownClasses.js.map +1 -1
  57. package/dist/esm/components/Pagination/Pagination.js +1 -1
  58. package/dist/esm/components/Pagination/Pagination.js.map +1 -1
  59. package/dist/esm/components/Slider/Slider.js +299 -0
  60. package/dist/esm/components/Slider/Slider.js.map +1 -0
  61. package/dist/esm/components/Slider/Slider.styles.js +330 -0
  62. package/dist/esm/components/Slider/Slider.styles.js.map +1 -0
  63. package/dist/esm/components/Slider/SliderInput/SliderInput.js +64 -0
  64. package/dist/esm/components/Slider/SliderInput/SliderInput.js.map +1 -0
  65. package/dist/esm/components/Slider/SliderInput/SliderInput.styles.js +53 -0
  66. package/dist/esm/components/Slider/SliderInput/SliderInput.styles.js.map +1 -0
  67. package/dist/esm/components/Slider/SliderInput/sliderInputClasses.js +8 -0
  68. package/dist/esm/components/Slider/SliderInput/sliderInputClasses.js.map +1 -0
  69. package/dist/esm/components/Slider/base.js +251 -0
  70. package/dist/esm/components/Slider/base.js.map +1 -0
  71. package/dist/esm/components/Slider/sliderClasses.js +8 -0
  72. package/dist/esm/components/Slider/sliderClasses.js.map +1 -0
  73. package/dist/esm/components/Slider/utils.js +217 -0
  74. package/dist/esm/components/Slider/utils.js.map +1 -0
  75. package/dist/esm/components/Table/TableBody/tableBodyClasses.js.map +1 -1
  76. package/dist/esm/components/Table/TableCell/tableCellClasses.js.map +1 -1
  77. package/dist/esm/components/Table/TableContainer/tableContainerClasses.js.map +1 -1
  78. package/dist/esm/components/Table/TableHead/tableHeadClasses.js.map +1 -1
  79. package/dist/esm/components/Table/TableHeader/tableHeaderClasses.js.map +1 -1
  80. package/dist/esm/components/Table/TableRow/tableRowClasses.js.map +1 -1
  81. package/dist/esm/components/Table/tableClasses.js.map +1 -1
  82. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js +77 -19
  83. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  84. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.styles.js +4 -1
  85. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.styles.js.map +1 -1
  86. package/dist/esm/components/VerticalNavigation/Navigation/navigationClasses.js +1 -1
  87. package/dist/esm/components/VerticalNavigation/Navigation/navigationClasses.js.map +1 -1
  88. package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.js +56 -0
  89. package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.js.map +1 -0
  90. package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js +14 -0
  91. package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js.map +1 -0
  92. package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js +41 -0
  93. package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js.map +1 -0
  94. package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.js +40 -0
  95. package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.js.map +1 -0
  96. package/dist/esm/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.js +24 -0
  97. package/dist/esm/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.js.map +1 -0
  98. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js +42 -44
  99. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  100. package/dist/esm/components/VerticalNavigation/VerticalNavigation.js +6 -2
  101. package/dist/esm/components/VerticalNavigation/VerticalNavigation.js.map +1 -1
  102. package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js +6 -4
  103. package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js.map +1 -1
  104. package/dist/esm/components/VerticalNavigation/VerticalNavigationContext.js.map +1 -1
  105. package/dist/esm/components/VerticalNavigation/utils/VerticalNavigation.utils.js +7 -0
  106. package/dist/esm/components/VerticalNavigation/utils/VerticalNavigation.utils.js.map +1 -0
  107. package/dist/esm/index.js +22 -18
  108. package/dist/esm/index.js.map +1 -1
  109. package/dist/types/index.d.ts +201 -14
  110. package/package.json +7 -5
@@ -0,0 +1,53 @@
1
+ import _styled from "@emotion/styled/base";
2
+ import { HvInput } from "../../Input/Input.js";
3
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() {
4
+ return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
5
+ }
6
+ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
7
+ target: "e13c18d82"
8
+ } : {
9
+ target: "e13c18d82",
10
+ label: "StyledRoot"
11
+ })(process.env.NODE_ENV === "production" ? {
12
+ name: "zjik7",
13
+ styles: "display:flex"
14
+ } : {
15
+ name: "zjik7",
16
+ styles: "display:flex",
17
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2SW5wdXQgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHsgZGlzcGxheTogXCJmbGV4XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7IGRpc3BsYXk6IFwiZmxleFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoSHZJbnB1dCkoeyBtYXhXaWR0aDogXCI1MHB4XCIgfSk7XG4iXX0= */",
18
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
19
+ });
20
+ const StyledInputContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
21
+ target: "e13c18d81"
22
+ } : {
23
+ target: "e13c18d81",
24
+ label: "StyledInputContainer"
25
+ })(process.env.NODE_ENV === "production" ? {
26
+ name: "zjik7",
27
+ styles: "display:flex"
28
+ } : {
29
+ name: "zjik7",
30
+ styles: "display:flex",
31
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2SW5wdXQgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHsgZGlzcGxheTogXCJmbGV4XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7IGRpc3BsYXk6IFwiZmxleFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoSHZJbnB1dCkoeyBtYXhXaWR0aDogXCI1MHB4XCIgfSk7XG4iXX0= */",
32
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
33
+ });
34
+ const StyledInput = /* @__PURE__ */ _styled(HvInput, process.env.NODE_ENV === "production" ? {
35
+ target: "e13c18d80"
36
+ } : {
37
+ target: "e13c18d80",
38
+ label: "StyledInput"
39
+ })(process.env.NODE_ENV === "production" ? {
40
+ name: "3yvj47",
41
+ styles: "max-width:50px"
42
+ } : {
43
+ name: "3yvj47",
44
+ styles: "max-width:50px",
45
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2SW5wdXQgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHsgZGlzcGxheTogXCJmbGV4XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7IGRpc3BsYXk6IFwiZmxleFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoSHZJbnB1dCkoeyBtYXhXaWR0aDogXCI1MHB4XCIgfSk7XG4iXX0= */",
46
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
47
+ });
48
+ export {
49
+ StyledInput,
50
+ StyledInputContainer,
51
+ StyledRoot
52
+ };
53
+ //# sourceMappingURL=SliderInput.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SliderInput.styles.js","sources":["../../../../../src/components/Slider/SliderInput/SliderInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvInput } from \"~/components\";\n\nexport const StyledRoot = styled(\"div\")({ display: \"flex\" });\n\nexport const StyledInputContainer = styled(\"div\")({ display: \"flex\" });\n\nexport const StyledInput = styled(HvInput)({ maxWidth: \"50px\" });\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledInputContainer","StyledInput","HvInput"],"mappings":";;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAqB;AAErD,MAAMC,uBAA8B,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAqB;AAE/D,MAAME,cAAqBC,wBAAAA,SAAOZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAsB;"}
@@ -0,0 +1,8 @@
1
+ import { getClasses } from "../../../utils/classes.js";
2
+ const classKeys = ["inputRoot", "input", "inputContainer"];
3
+ const sliderInputClasses = getClasses(classKeys, "HvSliderInput");
4
+ const sliderInputClasses$1 = sliderInputClasses;
5
+ export {
6
+ sliderInputClasses$1 as default
7
+ };
8
+ //# sourceMappingURL=sliderInputClasses.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sliderInputClasses.js","sources":["../../../../../src/components/Slider/SliderInput/sliderInputClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvSliderInputClasses {\n inputRoot?: string;\n input?: string;\n inputContainer?: string;\n}\n\nconst classKeys: string[] = [\"inputRoot\", \"input\", \"inputContainer\"];\n\nconst sliderInputClasses = getClasses<HvSliderInputClasses>(\n classKeys,\n \"HvSliderInput\"\n);\n\nexport default sliderInputClasses;\n"],"names":["classKeys","sliderInputClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,aAAa,SAAS,gBAAgB;AAEnE,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
@@ -0,0 +1,251 @@
1
+ const base = {
2
+ "& .rc-slider": {
3
+ position: "relative",
4
+ width: "100%",
5
+ height: "14px",
6
+ padding: " 5px 0",
7
+ borderRadius: "6px",
8
+ touchAction: "none",
9
+ boxSizing: "border-box",
10
+ "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
11
+ },
12
+ "& .rc-slider *": {
13
+ boxSizing: "border-box",
14
+ "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
15
+ },
16
+ "& .rc-slider-rail": {
17
+ position: "absolute",
18
+ width: "100%",
19
+ height: "4px",
20
+ backgroundColor: "#e9e9e9",
21
+ borderRadius: "6px"
22
+ },
23
+ "& .rc-slider-track": {
24
+ position: "absolute",
25
+ height: "4px",
26
+ backgroundColor: "#abe2fb",
27
+ borderRadius: "6px"
28
+ },
29
+ "& .rc-slider-handle": {
30
+ position: "absolute",
31
+ width: "14px",
32
+ height: "14px",
33
+ marginTop: "-5px",
34
+ backgroundColor: "#fff",
35
+ border: "solid 2px #96dbfa",
36
+ borderRadius: "50%",
37
+ // cursor: "pointer",
38
+ // cursor: "-webkit-grab",
39
+ cursor: "grab",
40
+ opacity: 0.8,
41
+ touchAction: "pan-x"
42
+ },
43
+ "& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging": {
44
+ borderColor: "#57c5f7",
45
+ boxShadow: "0 0 0 5px #96dbfa"
46
+ },
47
+ "& .rc-slider-handle:focus": {
48
+ outline: "none",
49
+ boxShadow: "none"
50
+ },
51
+ "& .rc-slider-handle:focus-visible": {
52
+ borderColor: "#2db7f5",
53
+ boxShadow: "0 0 0 3px #96dbfa"
54
+ },
55
+ "& .rc-slider-handle-click-focused:focus": {
56
+ borderColor: "#96dbfa",
57
+ boxShadow: "unset"
58
+ },
59
+ "& .rc-slider-handle:hover": {
60
+ borderColor: "#57c5f7"
61
+ },
62
+ "& .rc-slider-handle:active": {
63
+ borderColor: "#57c5f7",
64
+ boxShadow: "0 0 5px #57c5f7",
65
+ // cursor: "-webkit-grabbing",
66
+ cursor: "grabbing"
67
+ },
68
+ "& .rc-slider-mark": {
69
+ position: "absolute",
70
+ top: "18px",
71
+ left: 0,
72
+ width: "100%",
73
+ fontSize: "12px"
74
+ },
75
+ "& .rc-slider-mark-text": {
76
+ position: "absolute",
77
+ display: "inline-block",
78
+ color: "#999",
79
+ textAlign: "center",
80
+ verticalAlign: "middle",
81
+ cursor: "pointer"
82
+ },
83
+ "& .rc-slider-mark-text-active": {
84
+ color: "#666"
85
+ },
86
+ "& .rc-slider-step": {
87
+ position: "absolute",
88
+ width: "100%",
89
+ height: "4px",
90
+ background: "transparent",
91
+ pointerEvents: "none"
92
+ },
93
+ "& .rc-slider-dot": {
94
+ position: "absolute",
95
+ bottom: "-2px",
96
+ width: "8px",
97
+ height: "8px",
98
+ verticalAlign: "middle",
99
+ backgroundColor: "#fff",
100
+ border: "2px solid #e9e9e9",
101
+ borderRadius: "50%",
102
+ cursor: "pointer"
103
+ },
104
+ "& .rc-slider-dot-active": {
105
+ borderColor: "#96dbfa"
106
+ },
107
+ "& .rc-slider-dot-reverse": {
108
+ marginRight: "-4px"
109
+ },
110
+ "& .rc-slider-disabled": {
111
+ backgroundColor: "#e9e9e9"
112
+ },
113
+ "& .rc-slider-disabled .rc-slider-track": {
114
+ backgroundColor: "#ccc"
115
+ },
116
+ "& .rc-slider-disabled .rc-slider-handle": {
117
+ backgroundColor: "#fff",
118
+ borderColor: "#ccc",
119
+ boxShadow: "none",
120
+ cursor: "not-allowed"
121
+ },
122
+ "&.rc-slider-disabled .rc-slider-dot": {
123
+ backgroundColor: "#fff",
124
+ borderColor: "#ccc",
125
+ boxShadow: "none",
126
+ cursor: "not-allowed"
127
+ },
128
+ "& .rc-slider-disabled .rc-slider-mark-text": {
129
+ cursor: "not-allowed !important"
130
+ },
131
+ "& .rc-slider-disabled .rc-slider-dot": {
132
+ cursor: "not-allowed !important"
133
+ },
134
+ "& .rc-slider-vertical": {
135
+ width: "14px",
136
+ height: "100%",
137
+ padding: "0 5px"
138
+ },
139
+ "& .rc-slider-vertical .rc-slider-rail": {
140
+ width: "4px",
141
+ height: "100%"
142
+ },
143
+ "& .rc-slider-vertical .rc-slider-track": {
144
+ bottom: 0,
145
+ left: "5px",
146
+ width: "4px"
147
+ },
148
+ "& .rc-slider-vertical .rc-slider-handle": {
149
+ marginTop: 0,
150
+ marginLeft: "-5px",
151
+ touchAction: "pan-y"
152
+ },
153
+ "& .rc-slider-vertical .rc-slider-mark": {
154
+ top: 0,
155
+ left: "18px",
156
+ height: "100%"
157
+ },
158
+ "& .rc-slider-vertical .rc-slider-step": {
159
+ width: "4px",
160
+ height: "100%"
161
+ },
162
+ "& .rc-slider-vertical .rc-slider-dot": {
163
+ marginLeft: "-2px"
164
+ },
165
+ "& .rc-slider-tooltip-zoom-down-enter": {
166
+ display: "block !important",
167
+ animationDuration: "0.3s",
168
+ animationFillMode: "both",
169
+ animationPlayState: "paused",
170
+ transform: "scale(0, 0)",
171
+ animationTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)"
172
+ },
173
+ "& .rc-slider-tooltip-zoom-down-appear": {
174
+ display: "block !important",
175
+ animationDuration: "0.3s",
176
+ animationFillMode: "both",
177
+ animationPlayState: "paused"
178
+ },
179
+ "& .rc-slider-tooltip-zoom-down-leave": {
180
+ display: "block !important",
181
+ animationDuration: "0.3s",
182
+ animationFillMode: "both",
183
+ animationPlayState: "paused",
184
+ animationTimingFunction: "cubic-bezier(0.755, 0.05, 0.855, 0.06)"
185
+ },
186
+ "& .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active": {
187
+ animationName: "rcSliderTooltipZoomDownIn",
188
+ animationPlayState: "running"
189
+ },
190
+ "& .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active": {
191
+ animationName: "rcSliderTooltipZoomDownIn",
192
+ animationPlayState: "running"
193
+ },
194
+ "& .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active": {
195
+ animationName: "rcSliderTooltipZoomDownOut",
196
+ animationPlayState: "running"
197
+ },
198
+ "&. .rc-slider-tooltip-zoom-down-appear": {
199
+ transform: "scale(0, 0)",
200
+ animationTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)"
201
+ },
202
+ "& .rc-slider-tooltip": {
203
+ position: "absolute",
204
+ top: "-9999px",
205
+ left: "-9999px",
206
+ visibility: "visible",
207
+ boxSizing: "border-box",
208
+ "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
209
+ },
210
+ "& .rc-slider-tooltip *": {
211
+ boxSizing: "border-box",
212
+ "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
213
+ },
214
+ "& .rc-slider-tooltip-hidden": {
215
+ display: "none"
216
+ },
217
+ "& .rc-slider-tooltip-placement-top": {
218
+ padding: "4px 0 8px 0"
219
+ },
220
+ "& .rc-slider-tooltip-inner": {
221
+ minWidth: "24px",
222
+ height: "24px",
223
+ padding: "6px 2px",
224
+ color: "#fff",
225
+ fontSize: "12px",
226
+ lineHeight: 1,
227
+ textAlign: "center",
228
+ textDecoration: "none",
229
+ backgroundColor: "#6c6c6c",
230
+ borderRadius: "6px",
231
+ boxShadow: "0 0 4px #d9d9d9"
232
+ },
233
+ "& .rc-slider-tooltip-arrow": {
234
+ position: "absolute",
235
+ width: 0,
236
+ height: 0,
237
+ borderColor: "transparent",
238
+ borderStyle: "solid"
239
+ },
240
+ "& .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow": {
241
+ bottom: "4px",
242
+ left: "50%",
243
+ marginLeft: "-4px",
244
+ borderWidth: "4px 4px 0",
245
+ borderTopColor: "#6c6c6c"
246
+ }
247
+ };
248
+ export {
249
+ base as default
250
+ };
251
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../src/components/Slider/base.ts"],"sourcesContent":["export default {\n \"& .rc-slider\": {\n position: \"relative\",\n width: \"100%\",\n height: \"14px\",\n padding: \" 5px 0\",\n borderRadius: \"6px\",\n touchAction: \"none\",\n boxSizing: \"border-box\",\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider *\": {\n boxSizing: \"border-box\",\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider-rail\": {\n position: \"absolute\",\n width: \"100%\",\n height: \"4px\",\n backgroundColor: \"#e9e9e9\",\n borderRadius: \"6px\",\n },\n \"& .rc-slider-track\": {\n position: \"absolute\",\n height: \"4px\",\n backgroundColor: \"#abe2fb\",\n borderRadius: \"6px\",\n },\n \"& .rc-slider-handle\": {\n position: \"absolute\",\n width: \"14px\",\n height: \"14px\",\n marginTop: \"-5px\",\n backgroundColor: \"#fff\",\n border: \"solid 2px #96dbfa\",\n borderRadius: \"50%\",\n // cursor: \"pointer\",\n // cursor: \"-webkit-grab\",\n cursor: \"grab\",\n opacity: 0.8,\n touchAction: \"pan-x\",\n },\n \"& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging\":\n {\n borderColor: \"#57c5f7\",\n boxShadow: \"0 0 0 5px #96dbfa\",\n },\n \"& .rc-slider-handle:focus\": {\n outline: \"none\",\n boxShadow: \"none\",\n },\n \"& .rc-slider-handle:focus-visible\": {\n borderColor: \"#2db7f5\",\n boxShadow: \"0 0 0 3px #96dbfa\",\n },\n \"& .rc-slider-handle-click-focused:focus\": {\n borderColor: \"#96dbfa\",\n boxShadow: \"unset\",\n },\n \"& .rc-slider-handle:hover\": {\n borderColor: \"#57c5f7\",\n },\n \"& .rc-slider-handle:active\": {\n borderColor: \"#57c5f7\",\n boxShadow: \"0 0 5px #57c5f7\",\n // cursor: \"-webkit-grabbing\",\n cursor: \"grabbing\",\n },\n \"& .rc-slider-mark\": {\n position: \"absolute\",\n top: \"18px\",\n left: 0,\n width: \"100%\",\n fontSize: \"12px\",\n },\n \"& .rc-slider-mark-text\": {\n position: \"absolute\",\n display: \"inline-block\",\n color: \"#999\",\n textAlign: \"center\",\n verticalAlign: \"middle\",\n cursor: \"pointer\",\n },\n \"& .rc-slider-mark-text-active\": {\n color: \"#666\",\n },\n \"& .rc-slider-step\": {\n position: \"absolute\",\n width: \"100%\",\n height: \"4px\",\n background: \"transparent\",\n pointerEvents: \"none\",\n },\n \"& .rc-slider-dot\": {\n position: \"absolute\",\n bottom: \"-2px\",\n width: \"8px\",\n height: \"8px\",\n verticalAlign: \"middle\",\n backgroundColor: \"#fff\",\n border: \"2px solid #e9e9e9\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n },\n \"& .rc-slider-dot-active\": {\n borderColor: \"#96dbfa\",\n },\n \"& .rc-slider-dot-reverse\": {\n marginRight: \"-4px\",\n },\n \"& .rc-slider-disabled\": {\n backgroundColor: \"#e9e9e9\",\n },\n \"& .rc-slider-disabled .rc-slider-track\": {\n backgroundColor: \"#ccc\",\n },\n \"& .rc-slider-disabled .rc-slider-handle\": {\n backgroundColor: \"#fff\",\n borderColor: \"#ccc\",\n boxShadow: \"none\",\n cursor: \"not-allowed\",\n },\n \"&.rc-slider-disabled .rc-slider-dot\": {\n backgroundColor: \"#fff\",\n borderColor: \"#ccc\",\n boxShadow: \"none\",\n cursor: \"not-allowed\",\n },\n \"& .rc-slider-disabled .rc-slider-mark-text\": {\n cursor: \"not-allowed !important\",\n },\n \"& .rc-slider-disabled .rc-slider-dot\": {\n cursor: \"not-allowed !important\",\n },\n \"& .rc-slider-vertical\": {\n width: \"14px\",\n height: \"100%\",\n padding: \"0 5px\",\n },\n \"& .rc-slider-vertical .rc-slider-rail\": {\n width: \"4px\",\n height: \"100%\",\n },\n \"& .rc-slider-vertical .rc-slider-track\": {\n bottom: 0,\n left: \"5px\",\n width: \"4px\",\n },\n \"& .rc-slider-vertical .rc-slider-handle\": {\n marginTop: 0,\n marginLeft: \"-5px\",\n touchAction: \"pan-y\",\n },\n \"& .rc-slider-vertical .rc-slider-mark\": {\n top: 0,\n left: \"18px\",\n height: \"100%\",\n },\n \"& .rc-slider-vertical .rc-slider-step\": {\n width: \"4px\",\n height: \"100%\",\n },\n \"& .rc-slider-vertical .rc-slider-dot\": {\n marginLeft: \"-2px\",\n },\n \"& .rc-slider-tooltip-zoom-down-enter\": {\n display: \"block !important\",\n animationDuration: \"0.3s\",\n animationFillMode: \"both\",\n animationPlayState: \"paused\",\n transform: \"scale(0, 0)\",\n animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n },\n \"& .rc-slider-tooltip-zoom-down-appear\": {\n display: \"block !important\",\n animationDuration: \"0.3s\",\n animationFillMode: \"both\",\n animationPlayState: \"paused\",\n },\n \"& .rc-slider-tooltip-zoom-down-leave\": {\n display: \"block !important\",\n animationDuration: \"0.3s\",\n animationFillMode: \"both\",\n animationPlayState: \"paused\",\n animationTimingFunction: \"cubic-bezier(0.755, 0.05, 0.855, 0.06)\",\n },\n \"& .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active\":\n {\n animationName: \"rcSliderTooltipZoomDownIn\",\n animationPlayState: \"running\",\n },\n \"& .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active\":\n {\n animationName: \"rcSliderTooltipZoomDownIn\",\n animationPlayState: \"running\",\n },\n \"& .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active\":\n {\n animationName: \"rcSliderTooltipZoomDownOut\",\n animationPlayState: \"running\",\n },\n \"&. .rc-slider-tooltip-zoom-down-appear\": {\n transform: \"scale(0, 0)\",\n animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n },\n \"& .rc-slider-tooltip\": {\n position: \"absolute\",\n top: \"-9999px\",\n left: \"-9999px\",\n visibility: \"visible\",\n boxSizing: \"border-box\",\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider-tooltip *\": {\n boxSizing: \"border-box\",\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider-tooltip-hidden\": {\n display: \"none\",\n },\n \"& .rc-slider-tooltip-placement-top\": {\n padding: \"4px 0 8px 0\",\n },\n \"& .rc-slider-tooltip-inner\": {\n minWidth: \"24px\",\n height: \"24px\",\n padding: \"6px 2px\",\n color: \"#fff\",\n fontSize: \"12px\",\n lineHeight: 1,\n textAlign: \"center\",\n textDecoration: \"none\",\n backgroundColor: \"#6c6c6c\",\n borderRadius: \"6px\",\n boxShadow: \"0 0 4px #d9d9d9\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n position: \"absolute\",\n width: 0,\n height: 0,\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n },\n \"& .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow\": {\n bottom: \"4px\",\n left: \"50%\",\n marginLeft: \"-4px\",\n borderWidth: \"4px 4px 0\",\n borderTopColor: \"#6c6c6c\",\n },\n};\n"],"names":["position","width","height","padding","borderRadius","touchAction","boxSizing","backgroundColor","marginTop","border","cursor","opacity","borderColor","boxShadow","outline","top","left","fontSize","display","color","textAlign","verticalAlign","background","pointerEvents","bottom","marginRight","marginLeft","animationDuration","animationFillMode","animationPlayState","transform","animationTimingFunction","animationName","visibility","minWidth","lineHeight","textDecoration","borderStyle","borderWidth","borderTopColor"],"mappings":"AAAA,MAAe,OAAA;AAAA,EACb,gBAAgB;AAAA,IACdA,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,cAAc;AAAA,IACdC,aAAa;AAAA,IACbC,WAAW;AAAA,IACX,+BAA+B;AAAA,EACjC;AAAA,EACA,kBAAkB;AAAA,IAChBA,WAAW;AAAA,IACX,+BAA+B;AAAA,EACjC;AAAA,EACA,qBAAqB;AAAA,IACnBN,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRK,iBAAiB;AAAA,IACjBH,cAAc;AAAA,EAChB;AAAA,EACA,sBAAsB;AAAA,IACpBJ,UAAU;AAAA,IACVE,QAAQ;AAAA,IACRK,iBAAiB;AAAA,IACjBH,cAAc;AAAA,EAChB;AAAA,EACA,uBAAuB;AAAA,IACrBJ,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRM,WAAW;AAAA,IACXD,iBAAiB;AAAA,IACjBE,QAAQ;AAAA,IACRL,cAAc;AAAA;AAAA;AAAA,IAGdM,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTN,aAAa;AAAA,EACf;AAAA,EACA,oFACE;AAAA,IACEO,aAAa;AAAA,IACbC,WAAW;AAAA,EACb;AAAA,EACF,6BAA6B;AAAA,IAC3BC,SAAS;AAAA,IACTD,WAAW;AAAA,EACb;AAAA,EACA,qCAAqC;AAAA,IACnCD,aAAa;AAAA,IACbC,WAAW;AAAA,EACb;AAAA,EACA,2CAA2C;AAAA,IACzCD,aAAa;AAAA,IACbC,WAAW;AAAA,EACb;AAAA,EACA,6BAA6B;AAAA,IAC3BD,aAAa;AAAA,EACf;AAAA,EACA,8BAA8B;AAAA,IAC5BA,aAAa;AAAA,IACbC,WAAW;AAAA;AAAA,IAEXH,QAAQ;AAAA,EACV;AAAA,EACA,qBAAqB;AAAA,IACnBV,UAAU;AAAA,IACVe,KAAK;AAAA,IACLC,MAAM;AAAA,IACNf,OAAO;AAAA,IACPgB,UAAU;AAAA,EACZ;AAAA,EACA,0BAA0B;AAAA,IACxBjB,UAAU;AAAA,IACVkB,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,eAAe;AAAA,IACfX,QAAQ;AAAA,EACV;AAAA,EACA,iCAAiC;AAAA,IAC/BS,OAAO;AAAA,EACT;AAAA,EACA,qBAAqB;AAAA,IACnBnB,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRoB,YAAY;AAAA,IACZC,eAAe;AAAA,EACjB;AAAA,EACA,oBAAoB;AAAA,IAClBvB,UAAU;AAAA,IACVwB,QAAQ;AAAA,IACRvB,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRmB,eAAe;AAAA,IACfd,iBAAiB;AAAA,IACjBE,QAAQ;AAAA,IACRL,cAAc;AAAA,IACdM,QAAQ;AAAA,EACV;AAAA,EACA,2BAA2B;AAAA,IACzBE,aAAa;AAAA,EACf;AAAA,EACA,4BAA4B;AAAA,IAC1Ba,aAAa;AAAA,EACf;AAAA,EACA,yBAAyB;AAAA,IACvBlB,iBAAiB;AAAA,EACnB;AAAA,EACA,0CAA0C;AAAA,IACxCA,iBAAiB;AAAA,EACnB;AAAA,EACA,2CAA2C;AAAA,IACzCA,iBAAiB;AAAA,IACjBK,aAAa;AAAA,IACbC,WAAW;AAAA,IACXH,QAAQ;AAAA,EACV;AAAA,EACA,uCAAuC;AAAA,IACrCH,iBAAiB;AAAA,IACjBK,aAAa;AAAA,IACbC,WAAW;AAAA,IACXH,QAAQ;AAAA,EACV;AAAA,EACA,8CAA8C;AAAA,IAC5CA,QAAQ;AAAA,EACV;AAAA,EACA,wCAAwC;AAAA,IACtCA,QAAQ;AAAA,EACV;AAAA,EACA,yBAAyB;AAAA,IACvBT,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,EACX;AAAA,EACA,yCAAyC;AAAA,IACvCF,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AAAA,EACA,0CAA0C;AAAA,IACxCsB,QAAQ;AAAA,IACRR,MAAM;AAAA,IACNf,OAAO;AAAA,EACT;AAAA,EACA,2CAA2C;AAAA,IACzCO,WAAW;AAAA,IACXkB,YAAY;AAAA,IACZrB,aAAa;AAAA,EACf;AAAA,EACA,yCAAyC;AAAA,IACvCU,KAAK;AAAA,IACLC,MAAM;AAAA,IACNd,QAAQ;AAAA,EACV;AAAA,EACA,yCAAyC;AAAA,IACvCD,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AAAA,EACA,wCAAwC;AAAA,IACtCwB,YAAY;AAAA,EACd;AAAA,EACA,wCAAwC;AAAA,IACtCR,SAAS;AAAA,IACTS,mBAAmB;AAAA,IACnBC,mBAAmB;AAAA,IACnBC,oBAAoB;AAAA,IACpBC,WAAW;AAAA,IACXC,yBAAyB;AAAA,EAC3B;AAAA,EACA,yCAAyC;AAAA,IACvCb,SAAS;AAAA,IACTS,mBAAmB;AAAA,IACnBC,mBAAmB;AAAA,IACnBC,oBAAoB;AAAA,EACtB;AAAA,EACA,wCAAwC;AAAA,IACtCX,SAAS;AAAA,IACTS,mBAAmB;AAAA,IACnBC,mBAAmB;AAAA,IACnBC,oBAAoB;AAAA,IACpBE,yBAAyB;AAAA,EAC3B;AAAA,EACA,iFACE;AAAA,IACEC,eAAe;AAAA,IACfH,oBAAoB;AAAA,EACtB;AAAA,EACF,mFACE;AAAA,IACEG,eAAe;AAAA,IACfH,oBAAoB;AAAA,EACtB;AAAA,EACF,iFACE;AAAA,IACEG,eAAe;AAAA,IACfH,oBAAoB;AAAA,EACtB;AAAA,EACF,0CAA0C;AAAA,IACxCC,WAAW;AAAA,IACXC,yBAAyB;AAAA,EAC3B;AAAA,EACA,wBAAwB;AAAA,IACtB/B,UAAU;AAAA,IACVe,KAAK;AAAA,IACLC,MAAM;AAAA,IACNiB,YAAY;AAAA,IACZ3B,WAAW;AAAA,IACX,+BAA+B;AAAA,EACjC;AAAA,EACA,0BAA0B;AAAA,IACxBA,WAAW;AAAA,IACX,+BAA+B;AAAA,EACjC;AAAA,EACA,+BAA+B;AAAA,IAC7BY,SAAS;AAAA,EACX;AAAA,EACA,sCAAsC;AAAA,IACpCf,SAAS;AAAA,EACX;AAAA,EACA,8BAA8B;AAAA,IAC5B+B,UAAU;AAAA,IACVhC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTgB,OAAO;AAAA,IACPF,UAAU;AAAA,IACVkB,YAAY;AAAA,IACZf,WAAW;AAAA,IACXgB,gBAAgB;AAAA,IAChB7B,iBAAiB;AAAA,IACjBH,cAAc;AAAA,IACdS,WAAW;AAAA,EACb;AAAA,EACA,8BAA8B;AAAA,IAC5Bb,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRU,aAAa;AAAA,IACbyB,aAAa;AAAA,EACf;AAAA,EACA,+DAA+D;AAAA,IAC7Db,QAAQ;AAAA,IACRR,MAAM;AAAA,IACNU,YAAY;AAAA,IACZY,aAAa;AAAA,IACbC,gBAAgB;AAAA,EAClB;AACF;"}
@@ -0,0 +1,8 @@
1
+ import { getClasses } from "../../utils/classes.js";
2
+ const classKeys = ["root", "rootRange", "labelContainer", "label", "handle", "handleContainer", "sliderBase", "sliderRoot", "trackDragging", "rootDisabled", "trackStandBy", "error", "handleHiddenContainer", "handleContainerDisabled", "labelIncluded", "onlyInput", "sliderTooltip", "sliderContainer"];
3
+ const sliderClasses = getClasses(classKeys, "HvSlider");
4
+ const sliderClasses$1 = sliderClasses;
5
+ export {
6
+ sliderClasses$1 as default
7
+ };
8
+ //# sourceMappingURL=sliderClasses.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sliderClasses.js","sources":["../../../../src/components/Slider/sliderClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvSliderClasses {\n root?: string;\n rootRange?: string;\n labelContainer?: string;\n label?: string;\n handle?: string;\n handleContainer?: string;\n sliderBase?: string;\n sliderRoot?: string;\n trackDragging?: string;\n rootDisabled?: string;\n trackStandBy?: string;\n error?: string;\n handleHiddenContainer?: string;\n handleContainerDisabled?: string;\n labelIncluded?: string;\n onlyInput?: string;\n sliderTooltip?: string;\n sliderContainer?: string;\n}\n\nconst classKeys: string[] = [\n \"root\",\n \"rootRange\",\n \"labelContainer\",\n \"label\",\n \"handle\",\n \"handleContainer\",\n \"sliderBase\",\n \"sliderRoot\",\n \"trackDragging\",\n \"rootDisabled\",\n \"trackStandBy\",\n \"error\",\n \"handleHiddenContainer\",\n \"handleContainerDisabled\",\n \"labelIncluded\",\n \"onlyInput\",\n \"sliderTooltip\",\n \"sliderContainer\",\n];\n\nconst sliderClasses = getClasses<HvSliderClasses>(classKeys, \"HvSlider\");\n\nexport default sliderClasses;\n"],"names":["classKeys","sliderClasses","getClasses"],"mappings":";AAuBA,MAAMA,YAAsB,CAC1B,QACA,aACA,kBACA,SACA,UACA,mBACA,cACA,cACA,iBACA,gBACA,gBACA,SACA,yBACA,2BACA,iBACA,aACA,iBACA,iBAAiB;AAGnB,MAAMC,gBAAgBC,WAA4BF,WAAW,UAAU;AAEvE,MAAA,kBAAeC;"}
@@ -0,0 +1,217 @@
1
+ import validationState from "../Forms/FormElement/validationStates.js";
2
+ import { theme } from "@hitachivantara/uikit-styles";
3
+ const knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
4
+ const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : NaN;
5
+ const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
6
+ const knobsPositions = [];
7
+ values.forEach((value, index) => {
8
+ knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);
9
+ });
10
+ return knobsPositions;
11
+ };
12
+ const knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) => {
13
+ const knobsValues = [];
14
+ knobPositions.forEach((value, index) => {
15
+ knobsValues[index] = knobsPositionToScaledValue(value, minPointValue, stepValue);
16
+ });
17
+ return knobsValues;
18
+ };
19
+ const calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) => Math.abs(maxPointValue - minPointValue) / divisionQuantity;
20
+ const createMark = (markProperties, markstep, divisionQuantity, minPointValue, stepValue, markDigits, disabled, styles, formatMark = (mark) => mark) => {
21
+ const marks = {};
22
+ if (markProperties.length > 0) {
23
+ markProperties.forEach((markProperty) => {
24
+ if (typeof markProperty.position === "number") {
25
+ marks[markProperty.position] = disabled ? {
26
+ label: `${markProperty.label}`,
27
+ style: {
28
+ ...styles.disabledMark
29
+ }
30
+ } : {
31
+ label: `${markProperty.label}`,
32
+ style: {
33
+ ...styles.mark
34
+ }
35
+ };
36
+ }
37
+ });
38
+ } else {
39
+ const roundedMarkStep = Math.floor(markstep);
40
+ for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {
41
+ let labelValue = knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(markDigits);
42
+ labelValue = (formatMark == null ? void 0 : formatMark(labelValue)) || labelValue;
43
+ marks[index] = disabled ? {
44
+ label: `${labelValue}`,
45
+ style: {
46
+ ...styles.disabledMark
47
+ }
48
+ } : {
49
+ label: `${labelValue}`,
50
+ style: {
51
+ ...styles.mark
52
+ }
53
+ };
54
+ }
55
+ }
56
+ return marks;
57
+ };
58
+ const createTrackStyles = (knobProperties, styles) => {
59
+ const trackStyles = [];
60
+ if (knobProperties.length > 0) {
61
+ knobProperties.forEach((knobProperty, index) => {
62
+ trackStyles[index] = {
63
+ ...styles.track
64
+ };
65
+ if (knobProperty.color) {
66
+ trackStyles[index].backgroundColor = knobProperty.trackColor;
67
+ }
68
+ });
69
+ }
70
+ return trackStyles;
71
+ };
72
+ const createKnobStyles = (knobProperties, styles) => {
73
+ const knobInner = [];
74
+ const knobOuterStyle = [];
75
+ const lastItem = knobProperties.length - 1;
76
+ if (knobProperties.length > 0) {
77
+ knobProperties.forEach((knobProperty, index) => {
78
+ knobInner[index] = {
79
+ ...styles.knobInner
80
+ };
81
+ knobOuterStyle[index] = {
82
+ ...styles.knobOuter
83
+ };
84
+ if (knobProperty.color) {
85
+ knobInner[index].backgroundColor = knobProperty.color;
86
+ knobOuterStyle[index].backgroundColor = "transparent";
87
+ }
88
+ if (knobProperty.hidden) {
89
+ knobInner[index] = styles.knobHidden;
90
+ if (index === lastItem) {
91
+ knobInner[index] = {
92
+ ...styles.knobHiddenLast
93
+ };
94
+ knobInner[index].backgroundColor = knobProperty.color;
95
+ knobOuterStyle[index] = {
96
+ ...styles.knobHidden
97
+ };
98
+ knobOuterStyle[index].backgroundColor = knobProperty.color;
99
+ }
100
+ }
101
+ });
102
+ }
103
+ return {
104
+ knobInner,
105
+ knobOuterStyle
106
+ };
107
+ };
108
+ const isSingleSlider = (values, defaultValues) => {
109
+ if (!((values == null ? void 0 : values.length) > 1)) {
110
+ return defaultValues.length === 1;
111
+ }
112
+ return values.length === 1;
113
+ };
114
+ const generateDefaultKnobProperties = (numberOfKnobs = 1, disabled = false, knobPropertiesProp) => {
115
+ let knobProperties = knobPropertiesProp || [];
116
+ const defaultKnobStyles = {
117
+ color: theme.colors.secondary,
118
+ hoverColor: theme.colors.secondary,
119
+ trackColor: theme.colors.secondary,
120
+ dragColor: theme.colors.secondary,
121
+ knobRingColor: theme.colors.atmo1
122
+ };
123
+ const disabledKnobStyles = {
124
+ color: theme.colors.secondary_60,
125
+ hoverColor: theme.colors.secondary_60,
126
+ trackColor: theme.colors.secondary_60,
127
+ dragColor: theme.colors.secondary_60,
128
+ knobRingColor: theme.colors.secondary_60
129
+ };
130
+ if (knobProperties.length > 0) {
131
+ knobProperties = knobProperties.slice(0, numberOfKnobs);
132
+ knobProperties = knobProperties.map((knobProperty) => {
133
+ if (!disabled) {
134
+ return {
135
+ ...disabledKnobStyles,
136
+ ...knobProperty
137
+ };
138
+ }
139
+ return {
140
+ ...defaultKnobStyles,
141
+ ...knobProperty
142
+ };
143
+ });
144
+ } else {
145
+ for (let i = 0; i < numberOfKnobs; i += 1) {
146
+ if (!disabled)
147
+ knobProperties.push(defaultKnobStyles);
148
+ if (disabled)
149
+ knobProperties.push(disabledKnobStyles);
150
+ }
151
+ }
152
+ return knobProperties;
153
+ };
154
+ const pushSlider = (index, inputIndex, inputValue) => {
155
+ const difference = index - inputIndex;
156
+ return inputValue + difference;
157
+ };
158
+ const ensureValuesConsistency = (knobPositions, inputIndex) => {
159
+ const newKnobsPosition = [...knobPositions];
160
+ newKnobsPosition.forEach((value, index) => {
161
+ if (Number.isNaN(value) || value == null) {
162
+ newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
163
+ } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {
164
+ newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
165
+ } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {
166
+ newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
167
+ }
168
+ });
169
+ return newKnobsPosition;
170
+ };
171
+ const convertStatusToArray = (length, status) => {
172
+ const result = {
173
+ arrayDefaultStatus: Array.from({
174
+ length
175
+ }, () => validationState.standBy)
176
+ };
177
+ if (status == null) {
178
+ return result;
179
+ }
180
+ if (!Array.isArray(status)) {
181
+ result.arrayStatus = Array.from({
182
+ length
183
+ }, () => status);
184
+ return result;
185
+ }
186
+ result.arrayStatus = status;
187
+ return result;
188
+ };
189
+ const statusArrayToFormStatus = (arrayStatus) => {
190
+ const invalid = arrayStatus.some((status) => status === validationState.invalid);
191
+ if (invalid)
192
+ return validationState.invalid;
193
+ const valid = arrayStatus.some((status) => status === validationState.valid);
194
+ if (valid)
195
+ return validationState.valid;
196
+ return validationState.standBy;
197
+ };
198
+ const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map((knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits));
199
+ const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => parseFloat(inputValue));
200
+ export {
201
+ calculateStepValue,
202
+ convertStatusToArray,
203
+ createKnobStyles,
204
+ createMark,
205
+ createTrackStyles,
206
+ ensureValuesConsistency,
207
+ generateDefaultKnobProperties,
208
+ isSingleSlider,
209
+ knobsPositionToScaledValue,
210
+ knobsPositionsToKnobsValues,
211
+ knobsValuesToKnobsPositions,
212
+ knobsValuesToString,
213
+ scaledValueToKnobsPositionValue,
214
+ statusArrayToFormStatus,
215
+ stringValuesToKnobs
216
+ };
217
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sources":["../../../../src/components/Slider/utils.ts"],"sourcesContent":["import validationStates from \"~/components/Forms/FormElement/validationStates\";\nimport { HvFormStatus } from \"~/components\";\nimport { HvKnobProperty, HvMarkProperty } from \"./Slider\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { SliderStyles } from \"./Slider.styles\";\nimport { CSSProperties } from \"react\";\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} sliderValue - he value of the slider to be scaled\n * @param {*} minPointVlue - The value of the first point in the slider from left to right.\n * @param {*} stepVlue - The calculated separation between the values of the slider.\n */\nexport const knobsPositionToScaledValue = (\n sliderValue: number,\n minPointValue: number,\n stepValue: number\n): number => minPointValue + stepValue * sliderValue;\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} scaledValue - The value of the slider to be scaled\n * @param {*} minPointValue - The value of the first point in\n * the slider from left to right.\n * @param {*} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n */\nexport const scaledValueToKnobsPositionValue = (\n scaledValue: number | undefined,\n minPointValue: number,\n inverseStepValue: number\n): number =>\n typeof scaledValue === \"number\"\n ? Math.floor((scaledValue - minPointValue) * inverseStepValue)\n : NaN;\n\n/**\n * Transform the received knobs values into knob positions\n *\n * @param {Object} values - The values of the slider.\n * @param {Number} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsValuesToKnobsPositions = (\n values: (number | undefined)[],\n inverseStepValue: number,\n minPointValue: number\n): number[] => {\n const knobsPositions: number[] = [];\n\n values.forEach((value, index) => {\n knobsPositions[index] = scaledValueToKnobsPositionValue(\n value,\n minPointValue,\n inverseStepValue\n );\n });\n\n return knobsPositions;\n};\n\n/**\n * Transform the received knobs positions into knob values\n *\n * @param {Object} knobPositions - The values of the slider.\n * @param {Number} stepValue - The calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsPositionsToKnobsValues = (\n knobPositions: number[],\n stepValue: number,\n minPointValue: number\n): number[] => {\n const knobsValues: number[] = [];\n\n knobPositions.forEach((value, index) => {\n knobsValues[index] = knobsPositionToScaledValue(\n value,\n minPointValue,\n stepValue\n );\n });\n\n return knobsValues;\n};\n\n/**\n * Calculates the separation between each value in the slider.\n *\n * @param {*} maxPointValue - The value of the last point in the slider from left to right.\n * @param {*} minPointValue - The value of the first point in the slider from left to right.\n * @param {*} divisionQuantity - How many subdivisions there are in the slider.\n */\nexport const calculateStepValue = (\n maxPointValue: number,\n minPointValue: number,\n divisionQuantity: number\n): number => Math.abs(maxPointValue - minPointValue) / divisionQuantity;\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} markProperties - The object provided by the user with\n * the desired configuration for the marks.\n * @param {Integer} markstep - The separation between marks.\n * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @param {Integer} stepValue - The calculated separation between the values of the slider.\n * @param {Integer} markDigits - How many decimals the mark will show.\n * @param {Function} formatMark - A function provided by the user that is going to\n * be executed to format the mark text.\n * @param {Object} styles - the default styles for the marks.\n * @returns {Object} - An object with the for the marks.\n * @memberof HvSlider\n */\nexport const createMark = (\n markProperties: HvMarkProperty[],\n markstep: number,\n divisionQuantity: number,\n minPointValue: number,\n stepValue: number,\n markDigits: number,\n disabled: boolean,\n styles: SliderStyles,\n formatMark: (label: React.ReactNode) => React.ReactNode = (mark) => mark\n): {\n [key: number]: {\n label: string;\n style: CSSProperties;\n };\n} => {\n const marks: {\n [key: number]: {\n label: string;\n style: CSSProperties;\n };\n } = {};\n\n if (markProperties.length > 0) {\n markProperties.forEach((markProperty) => {\n if (typeof markProperty.position === \"number\") {\n marks[markProperty.position] = disabled\n ? {\n label: `${markProperty.label}`,\n style: {\n ...styles.disabledMark,\n },\n }\n : {\n label: `${markProperty.label}`,\n style: {\n ...styles.mark,\n },\n };\n }\n });\n } else {\n const roundedMarkStep = Math.floor(markstep);\n\n for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {\n let labelValue: React.ReactNode = knobsPositionToScaledValue(\n index,\n minPointValue,\n stepValue\n ).toFixed(markDigits);\n\n labelValue = formatMark?.(labelValue) || labelValue;\n\n marks[index] = disabled\n ? {\n label: `${labelValue}`,\n style: {\n ...styles.disabledMark,\n },\n }\n : {\n label: `${labelValue}`,\n style: {\n ...styles.mark,\n },\n };\n }\n }\n\n return marks;\n};\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the tracks.\n * @returns {Object} - An object with the style for each track.\n * @memberof HvSlider\n */\nexport const createTrackStyles = (\n knobProperties: HvKnobProperty[],\n styles: SliderStyles\n): CSSProperties[] => {\n const trackStyles: CSSProperties[] = [];\n\n if (knobProperties.length > 0) {\n knobProperties.forEach((knobProperty, index) => {\n trackStyles[index] = { ...styles.track };\n if (knobProperty.color) {\n trackStyles[index].backgroundColor = knobProperty.trackColor;\n }\n });\n }\n\n return trackStyles;\n};\n\n/**\n * Generates the inline styles used for each knob, applying colors if specified.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the knobs.\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const createKnobStyles = (\n knobProperties: HvKnobProperty[],\n styles: SliderStyles\n): {\n knobInner: CSSProperties[];\n knobOuterStyle: CSSProperties[];\n} => {\n const knobInner: CSSProperties[] = [];\n const knobOuterStyle: CSSProperties[] = [];\n\n const lastItem = knobProperties.length - 1;\n if (knobProperties.length > 0) {\n knobProperties.forEach((knobProperty, index) => {\n knobInner[index] = { ...styles.knobInner };\n knobOuterStyle[index] = { ...styles.knobOuter };\n\n if (knobProperty.color) {\n knobInner[index].backgroundColor = knobProperty.color;\n knobOuterStyle[index].backgroundColor = \"transparent\";\n }\n\n if (knobProperty.hidden) {\n knobInner[index] = styles.knobHidden;\n if (index === lastItem) {\n knobInner[index] = { ...styles.knobHiddenLast };\n knobInner[index].backgroundColor = knobProperty.color;\n knobOuterStyle[index] = { ...styles.knobHidden };\n knobOuterStyle[index].backgroundColor = knobProperty.color;\n }\n }\n });\n }\n\n return {\n knobInner,\n knobOuterStyle,\n };\n};\n\n/**\n * Analyzes both the values and the default values to determine whether the slider is working in single mode.\n *\n * @param {Array} values - the values where the knobs are positioned when controlled.\n * @param {Array} defaultValues - the values where the knobs start when uncontrolled.\n * @returns {Boolean} - if true the slider should work as single slider\n */\nexport const isSingleSlider = (\n values: number[],\n defaultValues: (number | undefined)[]\n): boolean => {\n if (!(values?.length > 1)) {\n return defaultValues.length === 1;\n }\n return values.length === 1;\n};\n\n/**\n * Generates the default knob styles for each knob\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Integer} numberOfKnobs - the default styles for the knobs.\n * @param {Object} theme - The theme to extract the colors.\n *\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const generateDefaultKnobProperties = (\n numberOfKnobs: number = 1,\n disabled: boolean = false,\n knobPropertiesProp?: HvKnobProperty[]\n): HvKnobProperty[] => {\n let knobProperties = knobPropertiesProp || [];\n\n const defaultKnobStyles = {\n color: theme.colors.secondary,\n hoverColor: theme.colors.secondary,\n trackColor: theme.colors.secondary,\n dragColor: theme.colors.secondary,\n knobRingColor: theme.colors.atmo1,\n };\n\n const disabledKnobStyles = {\n color: theme.colors.secondary_60,\n hoverColor: theme.colors.secondary_60,\n trackColor: theme.colors.secondary_60,\n dragColor: theme.colors.secondary_60,\n knobRingColor: theme.colors.secondary_60,\n };\n\n if (knobProperties.length > 0) {\n knobProperties = knobProperties.slice(0, numberOfKnobs);\n knobProperties = knobProperties.map((knobProperty) => {\n if (!disabled) {\n return {\n ...disabledKnobStyles,\n ...knobProperty,\n };\n }\n return {\n ...defaultKnobStyles,\n ...knobProperty,\n };\n });\n } else {\n for (let i = 0; i < numberOfKnobs; i += 1) {\n if (!disabled) knobProperties.push(defaultKnobStyles);\n if (disabled) knobProperties.push(disabledKnobStyles);\n }\n }\n\n return knobProperties;\n};\n\nconst pushSlider = (\n index: number,\n inputIndex: number,\n inputValue: number\n): number => {\n const difference = index - inputIndex;\n\n return inputValue + difference;\n};\n\nexport const ensureValuesConsistency = (\n knobPositions: number[],\n inputIndex: number\n): number[] => {\n const newKnobsPosition: number[] = [...knobPositions];\n\n newKnobsPosition.forEach((value, index) => {\n if (Number.isNaN(value) || value == null) {\n newKnobsPosition[index] = pushSlider(\n index,\n inputIndex,\n newKnobsPosition[inputIndex]\n );\n } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {\n newKnobsPosition[index] = pushSlider(\n index,\n inputIndex,\n newKnobsPosition[inputIndex]\n );\n } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {\n newKnobsPosition[index] = pushSlider(\n index,\n inputIndex,\n newKnobsPosition[inputIndex]\n );\n }\n });\n\n return newKnobsPosition;\n};\n\nexport const convertStatusToArray = (\n length: number,\n status?: HvFormStatus | HvFormStatus[]\n): {\n arrayStatus?: HvFormStatus[];\n arrayDefaultStatus: (keyof typeof validationStates)[];\n} => {\n const result: {\n arrayStatus?: HvFormStatus[];\n arrayDefaultStatus: (keyof typeof validationStates)[];\n } = {\n arrayDefaultStatus: Array.from({ length }, () => validationStates.standBy),\n };\n\n if (status == null) {\n return result;\n }\n if (!Array.isArray(status)) {\n result.arrayStatus = Array.from({ length }, () => status);\n return result;\n }\n result.arrayStatus = status;\n\n return result;\n};\n\nexport const statusArrayToFormStatus = (\n arrayStatus: HvFormStatus[]\n): keyof typeof validationStates => {\n const invalid = arrayStatus.some(\n (status) => status === validationStates.invalid\n );\n\n if (invalid) return validationStates.invalid;\n\n const valid = arrayStatus.some((status) => status === validationStates.valid);\n\n if (valid) return validationStates.valid;\n\n return validationStates.standBy;\n};\n\nexport const knobsValuesToString = (\n knobsValues: number[],\n markDigits: number\n): string[] =>\n knobsValues.map((knobValue) =>\n Number.isNaN(knobValue) ? \"\" : knobValue.toFixed(markDigits)\n );\n\nexport const stringValuesToKnobs = (inputsValues: string[]): number[] =>\n inputsValues.map((inputValue) => parseFloat(inputValue));\n"],"names":["knobsPositionToScaledValue","sliderValue","minPointValue","stepValue","scaledValueToKnobsPositionValue","scaledValue","inverseStepValue","Math","floor","NaN","knobsValuesToKnobsPositions","values","knobsPositions","forEach","value","index","knobsPositionsToKnobsValues","knobPositions","knobsValues","calculateStepValue","maxPointValue","divisionQuantity","abs","createMark","markProperties","markstep","markDigits","disabled","styles","formatMark","mark","marks","length","markProperty","position","label","style","disabledMark","roundedMarkStep","labelValue","toFixed","createTrackStyles","knobProperties","trackStyles","knobProperty","track","color","backgroundColor","trackColor","createKnobStyles","knobInner","knobOuterStyle","lastItem","knobOuter","hidden","knobHidden","knobHiddenLast","isSingleSlider","defaultValues","generateDefaultKnobProperties","numberOfKnobs","knobPropertiesProp","defaultKnobStyles","theme","colors","secondary","hoverColor","dragColor","knobRingColor","atmo1","disabledKnobStyles","secondary_60","slice","map","i","push","pushSlider","inputIndex","inputValue","difference","ensureValuesConsistency","newKnobsPosition","Number","isNaN","convertStatusToArray","status","result","arrayDefaultStatus","Array","from","validationStates","standBy","isArray","arrayStatus","statusArrayToFormStatus","invalid","some","valid","knobsValuesToString","knobValue","stringValuesToKnobs","inputsValues","parseFloat"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"tableBodyClasses.js","sources":["../../../../../src/components/Table/TableBody/tableBodyClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvTableBodyClasses = {\n /** Styles applied to the component root class. */\n root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst tableBodyClasses = getClasses<HvTableBodyClasses>(\n classKeys,\n \"HvTableBody\"\n);\n\nexport default tableBodyClasses;\n"],"names":["classKeys","tableBodyClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}
1
+ {"version":3,"file":"tableBodyClasses.js","sources":["../../../../../src/components/Table/TableBody/tableBodyClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvTableBodyClasses {\n /** Styles applied to the component root class. */\n root?: string;\n}\n\nconst classKeys: string[] = [\"root\"];\n\nconst tableBodyClasses = getClasses<HvTableBodyClasses>(\n classKeys,\n \"HvTableBody\"\n);\n\nexport default tableBodyClasses;\n"],"names":["classKeys","tableBodyClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}