@hitachivantara/uikit-react-core 5.0.2 → 5.1.1

package/dist/esm/components/Slider/SliderInput/SliderInput.styles.js

@@ -0,0 +1,53 @@
+import _styled from "@emotion/styled/base";
+import { HvInput } from "../../Input/Input.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  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).";
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13c18d82"
+} : {
+  target: "e13c18d82",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2SW5wdXQgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7IGRpc3BsYXk6IFwiZmxleFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoeyBkaXNwbGF5OiBcImZsZXhcIiB9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKEh2SW5wdXQpKHsgbWF4V2lkdGg6IFwiNTBweFwiIH0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledInputContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13c18d81"
+} : {
+  target: "e13c18d81",
+  label: "StyledInputContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2SW5wdXQgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7IGRpc3BsYXk6IFwiZmxleFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoeyBkaXNwbGF5OiBcImZsZXhcIiB9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKEh2SW5wdXQpKHsgbWF4V2lkdGg6IFwiNTBweFwiIH0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledInput = /* @__PURE__ */ _styled(HvInput, process.env.NODE_ENV === "production" ? {
+  target: "e13c18d80"
+} : {
+  target: "e13c18d80",
+  label: "StyledInput"
+})(process.env.NODE_ENV === "production" ? {
+  name: "3yvj47",
+  styles: "max-width:50px"
+} : {
+  name: "3yvj47",
+  styles: "max-width:50px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlcklucHV0L1NsaWRlcklucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2SW5wdXQgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7IGRpc3BsYXk6IFwiZmxleFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoeyBkaXNwbGF5OiBcImZsZXhcIiB9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKEh2SW5wdXQpKHsgbWF4V2lkdGg6IFwiNTBweFwiIH0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  StyledInput,
+  StyledInputContainer,
+  StyledRoot
+};
+//# sourceMappingURL=SliderInput.styles.js.map

package/dist/esm/components/Slider/SliderInput/SliderInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderInput.styles.js","sources":["../../../../../src/components/Slider/SliderInput/SliderInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvInput } from \"@core/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;"}

package/dist/esm/components/Slider/SliderInput/sliderInputClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["inputRoot", "input", "inputContainer"];
+const sliderInputClasses = getClasses(classKeys, "HvSliderInput");
+const sliderInputClasses$1 = sliderInputClasses;
+export {
+  sliderInputClasses$1 as default
+};
+//# sourceMappingURL=sliderInputClasses.js.map

package/dist/esm/components/Slider/SliderInput/sliderInputClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderInputClasses.js","sources":["../../../../../src/components/Slider/SliderInput/sliderInputClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/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;"}

package/dist/esm/components/Slider/base.js

@@ -0,0 +1,251 @@
+const base = {
+  "& .rc-slider": {
+    position: "relative",
+    width: "100%",
+    height: "14px",
+    padding: " 5px 0",
+    borderRadius: "6px",
+    touchAction: "none",
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider *": {
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider-rail": {
+    position: "absolute",
+    width: "100%",
+    height: "4px",
+    backgroundColor: "#e9e9e9",
+    borderRadius: "6px"
+  },
+  "& .rc-slider-track": {
+    position: "absolute",
+    height: "4px",
+    backgroundColor: "#abe2fb",
+    borderRadius: "6px"
+  },
+  "& .rc-slider-handle": {
+    position: "absolute",
+    width: "14px",
+    height: "14px",
+    marginTop: "-5px",
+    backgroundColor: "#fff",
+    border: "solid 2px #96dbfa",
+    borderRadius: "50%",
+    // cursor: "pointer",
+    // cursor: "-webkit-grab",
+    cursor: "grab",
+    opacity: 0.8,
+    touchAction: "pan-x"
+  },
+  "& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging": {
+    borderColor: "#57c5f7",
+    boxShadow: "0 0 0 5px #96dbfa"
+  },
+  "& .rc-slider-handle:focus": {
+    outline: "none",
+    boxShadow: "none"
+  },
+  "& .rc-slider-handle:focus-visible": {
+    borderColor: "#2db7f5",
+    boxShadow: "0 0 0 3px #96dbfa"
+  },
+  "& .rc-slider-handle-click-focused:focus": {
+    borderColor: "#96dbfa",
+    boxShadow: "unset"
+  },
+  "& .rc-slider-handle:hover": {
+    borderColor: "#57c5f7"
+  },
+  "& .rc-slider-handle:active": {
+    borderColor: "#57c5f7",
+    boxShadow: "0 0 5px #57c5f7",
+    // cursor: "-webkit-grabbing",
+    cursor: "grabbing"
+  },
+  "& .rc-slider-mark": {
+    position: "absolute",
+    top: "18px",
+    left: 0,
+    width: "100%",
+    fontSize: "12px"
+  },
+  "& .rc-slider-mark-text": {
+    position: "absolute",
+    display: "inline-block",
+    color: "#999",
+    textAlign: "center",
+    verticalAlign: "middle",
+    cursor: "pointer"
+  },
+  "& .rc-slider-mark-text-active": {
+    color: "#666"
+  },
+  "& .rc-slider-step": {
+    position: "absolute",
+    width: "100%",
+    height: "4px",
+    background: "transparent",
+    pointerEvents: "none"
+  },
+  "& .rc-slider-dot": {
+    position: "absolute",
+    bottom: "-2px",
+    width: "8px",
+    height: "8px",
+    verticalAlign: "middle",
+    backgroundColor: "#fff",
+    border: "2px solid #e9e9e9",
+    borderRadius: "50%",
+    cursor: "pointer"
+  },
+  "& .rc-slider-dot-active": {
+    borderColor: "#96dbfa"
+  },
+  "& .rc-slider-dot-reverse": {
+    marginRight: "-4px"
+  },
+  "& .rc-slider-disabled": {
+    backgroundColor: "#e9e9e9"
+  },
+  "& .rc-slider-disabled .rc-slider-track": {
+    backgroundColor: "#ccc"
+  },
+  "& .rc-slider-disabled .rc-slider-handle": {
+    backgroundColor: "#fff",
+    borderColor: "#ccc",
+    boxShadow: "none",
+    cursor: "not-allowed"
+  },
+  "&.rc-slider-disabled .rc-slider-dot": {
+    backgroundColor: "#fff",
+    borderColor: "#ccc",
+    boxShadow: "none",
+    cursor: "not-allowed"
+  },
+  "& .rc-slider-disabled .rc-slider-mark-text": {
+    cursor: "not-allowed !important"
+  },
+  "& .rc-slider-disabled .rc-slider-dot": {
+    cursor: "not-allowed !important"
+  },
+  "& .rc-slider-vertical": {
+    width: "14px",
+    height: "100%",
+    padding: "0 5px"
+  },
+  "& .rc-slider-vertical .rc-slider-rail": {
+    width: "4px",
+    height: "100%"
+  },
+  "& .rc-slider-vertical .rc-slider-track": {
+    bottom: 0,
+    left: "5px",
+    width: "4px"
+  },
+  "& .rc-slider-vertical .rc-slider-handle": {
+    marginTop: 0,
+    marginLeft: "-5px",
+    touchAction: "pan-y"
+  },
+  "& .rc-slider-vertical .rc-slider-mark": {
+    top: 0,
+    left: "18px",
+    height: "100%"
+  },
+  "& .rc-slider-vertical .rc-slider-step": {
+    width: "4px",
+    height: "100%"
+  },
+  "& .rc-slider-vertical .rc-slider-dot": {
+    marginLeft: "-2px"
+  },
+  "& .rc-slider-tooltip-zoom-down-enter": {
+    display: "block !important",
+    animationDuration: "0.3s",
+    animationFillMode: "both",
+    animationPlayState: "paused",
+    transform: "scale(0, 0)",
+    animationTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)"
+  },
+  "& .rc-slider-tooltip-zoom-down-appear": {
+    display: "block !important",
+    animationDuration: "0.3s",
+    animationFillMode: "both",
+    animationPlayState: "paused"
+  },
+  "& .rc-slider-tooltip-zoom-down-leave": {
+    display: "block !important",
+    animationDuration: "0.3s",
+    animationFillMode: "both",
+    animationPlayState: "paused",
+    animationTimingFunction: "cubic-bezier(0.755, 0.05, 0.855, 0.06)"
+  },
+  "& .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active": {
+    animationName: "rcSliderTooltipZoomDownIn",
+    animationPlayState: "running"
+  },
+  "& .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active": {
+    animationName: "rcSliderTooltipZoomDownIn",
+    animationPlayState: "running"
+  },
+  "& .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active": {
+    animationName: "rcSliderTooltipZoomDownOut",
+    animationPlayState: "running"
+  },
+  "&. .rc-slider-tooltip-zoom-down-appear": {
+    transform: "scale(0, 0)",
+    animationTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)"
+  },
+  "& .rc-slider-tooltip": {
+    position: "absolute",
+    top: "-9999px",
+    left: "-9999px",
+    visibility: "visible",
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider-tooltip *": {
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider-tooltip-hidden": {
+    display: "none"
+  },
+  "& .rc-slider-tooltip-placement-top": {
+    padding: "4px 0 8px 0"
+  },
+  "& .rc-slider-tooltip-inner": {
+    minWidth: "24px",
+    height: "24px",
+    padding: "6px 2px",
+    color: "#fff",
+    fontSize: "12px",
+    lineHeight: 1,
+    textAlign: "center",
+    textDecoration: "none",
+    backgroundColor: "#6c6c6c",
+    borderRadius: "6px",
+    boxShadow: "0 0 4px #d9d9d9"
+  },
+  "& .rc-slider-tooltip-arrow": {
+    position: "absolute",
+    width: 0,
+    height: 0,
+    borderColor: "transparent",
+    borderStyle: "solid"
+  },
+  "& .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow": {
+    bottom: "4px",
+    left: "50%",
+    marginLeft: "-4px",
+    borderWidth: "4px 4px 0",
+    borderTopColor: "#6c6c6c"
+  }
+};
+export {
+  base as default
+};
+//# sourceMappingURL=base.js.map

package/dist/esm/components/Slider/base.js.map

@@ -0,0 +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":"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"}

package/dist/esm/components/Slider/sliderClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "rootRange", "labelContainer", "label", "handle", "handleContainer", "sliderBase", "sliderRoot", "trackDragging", "rootDisabled", "trackStandBy", "error", "handleHiddenContainer", "handleContainerDisabled", "labelIncluded", "onlyInput", "sliderTooltip", "sliderContainer"];
+const sliderClasses = getClasses(classKeys, "HvSlider");
+const sliderClasses$1 = sliderClasses;
+export {
+  sliderClasses$1 as default
+};
+//# sourceMappingURL=sliderClasses.js.map

package/dist/esm/components/Slider/sliderClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderClasses.js","sources":["../../../../src/components/Slider/sliderClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/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;"}

package/dist/esm/components/Slider/utils.js

@@ -0,0 +1,217 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import validationState from "../Forms/FormElement/validationStates.js";
+const knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
+const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : NaN;
+const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
+  const knobsPositions = [];
+  values.forEach((value, index) => {
+    knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);
+  });
+  return knobsPositions;
+};
+const knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) => {
+  const knobsValues = [];
+  knobPositions.forEach((value, index) => {
+    knobsValues[index] = knobsPositionToScaledValue(value, minPointValue, stepValue);
+  });
+  return knobsValues;
+};
+const calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) => Math.abs(maxPointValue - minPointValue) / divisionQuantity;
+const createMark = (markProperties, markstep, divisionQuantity, minPointValue, stepValue, markDigits, disabled, styles, formatMark = (mark) => mark) => {
+  const marks = {};
+  if (markProperties.length > 0) {
+    markProperties.forEach((markProperty) => {
+      if (typeof markProperty.position === "number") {
+        marks[markProperty.position] = disabled ? {
+          label: `${markProperty.label}`,
+          style: {
+            ...styles.disabledMark
+          }
+        } : {
+          label: `${markProperty.label}`,
+          style: {
+            ...styles.mark
+          }
+        };
+      }
+    });
+  } else {
+    const roundedMarkStep = Math.floor(markstep);
+    for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {
+      let labelValue = knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(markDigits);
+      labelValue = (formatMark == null ? void 0 : formatMark(labelValue)) || labelValue;
+      marks[index] = disabled ? {
+        label: `${labelValue}`,
+        style: {
+          ...styles.disabledMark
+        }
+      } : {
+        label: `${labelValue}`,
+        style: {
+          ...styles.mark
+        }
+      };
+    }
+  }
+  return marks;
+};
+const createTrackStyles = (knobProperties, styles) => {
+  const trackStyles = [];
+  if (knobProperties.length > 0) {
+    knobProperties.forEach((knobProperty, index) => {
+      trackStyles[index] = {
+        ...styles.track
+      };
+      if (knobProperty.color) {
+        trackStyles[index].backgroundColor = knobProperty.trackColor;
+      }
+    });
+  }
+  return trackStyles;
+};
+const createKnobStyles = (knobProperties, styles) => {
+  const knobInner = [];
+  const knobOuterStyle = [];
+  const lastItem = knobProperties.length - 1;
+  if (knobProperties.length > 0) {
+    knobProperties.forEach((knobProperty, index) => {
+      knobInner[index] = {
+        ...styles.knobInner
+      };
+      knobOuterStyle[index] = {
+        ...styles.knobOuter
+      };
+      if (knobProperty.color) {
+        knobInner[index].backgroundColor = knobProperty.color;
+        knobOuterStyle[index].backgroundColor = "transparent";
+      }
+      if (knobProperty.hidden) {
+        knobInner[index] = styles.knobHidden;
+        if (index === lastItem) {
+          knobInner[index] = {
+            ...styles.knobHiddenLast
+          };
+          knobInner[index].backgroundColor = knobProperty.color;
+          knobOuterStyle[index] = {
+            ...styles.knobHidden
+          };
+          knobOuterStyle[index].backgroundColor = knobProperty.color;
+        }
+      }
+    });
+  }
+  return {
+    knobInner,
+    knobOuterStyle
+  };
+};
+const isSingleSlider = (values, defaultValues) => {
+  if (!((values == null ? void 0 : values.length) > 1)) {
+    return defaultValues.length === 1;
+  }
+  return values.length === 1;
+};
+const generateDefaultKnobProperties = (numberOfKnobs = 1, disabled = false, knobPropertiesProp) => {
+  let knobProperties = knobPropertiesProp || [];
+  const defaultKnobStyles = {
+    color: theme.colors.secondary,
+    hoverColor: theme.colors.secondary,
+    trackColor: theme.colors.secondary,
+    dragColor: theme.colors.secondary,
+    knobRingColor: theme.colors.atmo1
+  };
+  const disabledKnobStyles = {
+    color: theme.colors.secondary_60,
+    hoverColor: theme.colors.secondary_60,
+    trackColor: theme.colors.secondary_60,
+    dragColor: theme.colors.secondary_60,
+    knobRingColor: theme.colors.secondary_60
+  };
+  if (knobProperties.length > 0) {
+    knobProperties = knobProperties.slice(0, numberOfKnobs);
+    knobProperties = knobProperties.map((knobProperty) => {
+      if (!disabled) {
+        return {
+          ...disabledKnobStyles,
+          ...knobProperty
+        };
+      }
+      return {
+        ...defaultKnobStyles,
+        ...knobProperty
+      };
+    });
+  } else {
+    for (let i = 0; i < numberOfKnobs; i += 1) {
+      if (!disabled)
+        knobProperties.push(defaultKnobStyles);
+      if (disabled)
+        knobProperties.push(disabledKnobStyles);
+    }
+  }
+  return knobProperties;
+};
+const pushSlider = (index, inputIndex, inputValue) => {
+  const difference = index - inputIndex;
+  return inputValue + difference;
+};
+const ensureValuesConsistency = (knobPositions, inputIndex) => {
+  const newKnobsPosition = [...knobPositions];
+  newKnobsPosition.forEach((value, index) => {
+    if (Number.isNaN(value) || value == null) {
+      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
+    } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {
+      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
+    } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {
+      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
+    }
+  });
+  return newKnobsPosition;
+};
+const convertStatusToArray = (length, status) => {
+  const result = {
+    arrayDefaultStatus: Array.from({
+      length
+    }, () => validationState.standBy)
+  };
+  if (status == null) {
+    return result;
+  }
+  if (!Array.isArray(status)) {
+    result.arrayStatus = Array.from({
+      length
+    }, () => status);
+    return result;
+  }
+  result.arrayStatus = status;
+  return result;
+};
+const statusArrayToFormStatus = (arrayStatus) => {
+  const invalid = arrayStatus.some((status) => status === validationState.invalid);
+  if (invalid)
+    return validationState.invalid;
+  const valid = arrayStatus.some((status) => status === validationState.valid);
+  if (valid)
+    return validationState.valid;
+  return validationState.standBy;
+};
+const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map((knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits));
+const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => parseFloat(inputValue));
+export {
+  calculateStepValue,
+  convertStatusToArray,
+  createKnobStyles,
+  createMark,
+  createTrackStyles,
+  ensureValuesConsistency,
+  generateDefaultKnobProperties,
+  isSingleSlider,
+  knobsPositionToScaledValue,
+  knobsPositionsToKnobsValues,
+  knobsValuesToKnobsPositions,
+  knobsValuesToString,
+  scaledValueToKnobsPositionValue,
+  statusArrayToFormStatus,
+  stringValuesToKnobs
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/Slider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Slider/utils.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvFormStatus } from \"@core/components\";\nimport { HvKnobProperty, HvMarkProperty } from \".\";\nimport { SliderStyles } from \"./Slider.styles\";\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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"}

package/dist/esm/components/Snackbar/Snackbar.js

@@ -2,7 +2,7 @@ import Slide from "@mui/material/Slide";
 import { StyledSnackbar } from "./Snackbar.styles.js";
 import snackbarClasses from "./snackbarClasses.js";
 import capitalize from "lodash/capitalize";
-import clsx from "clsx";
+import { clsx } from "clsx";
 import { jsx } from "@emotion/react/jsx-runtime";
 import HvSnackbarContent from "./SnackbarContentWrapper/SnackbarContentWrapper.js";
 import { setId } from "../../utils/setId.js";