@hitachivantara/uikit-react-core 5.24.3 → 5.24.5

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

@@ -1,16 +1,19 @@
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { clsx } from "clsx";
+import Slider from "rc-slider";
 import { useRef, useMemo, useState, useCallback, useEffect } from "react";
+import Tooltip from "rc-tooltip";
 import { setId } from "../../utils/setId.js";
 import { useUniqueId } from "../../hooks/useUniqueId.js";
 import { useControlled } from "../../hooks/useControlled.js";
 import validationState from "../Forms/FormElement/validationStates.js";
-import sliderClasses from "./sliderClasses.js";
-import { StyledFormElement, StyledLabelContainer, StyledSliderContainer, StyledSlider, sliderStyles, StyledWarning, StyledTooltipContainer, StyledTooltip } from "./Slider.styles.js";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
+import { useClasses, sliderStyles } from "./Slider.styles.js";
+import { staticClasses } from "./Slider.styles.js";
 import { calculateStepValue, createMark, isSingleSlider, knobsValuesToKnobsPositions, convertStatusToArray, generateDefaultKnobProperties, createTrackStyles, createKnobStyles, statusArrayToFormStatus, knobsPositionsToKnobsValues, scaledValueToKnobsPositionValue, ensureValuesConsistency, knobsPositionToScaledValue } from "./utils.js";
 import { HvSliderInput } from "./SliderInput/SliderInput.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { HvFormElement } from "../Forms/FormElement/FormElement.js";
 import { HvLabel } from "../Forms/Label/Label.js";
+import { HvWarningText } from "../Forms/WarningText/WarningText.js";
 const HvSlider = (props) => {
   const {
     id,
@@ -20,7 +23,7 @@ const HvSlider = (props) => {
     status,
     statusMessage,
     disabled,
-    classes,
+    classes: classesProp,
     sliderProps,
     knobProps,
     inputProps,
@@ -47,6 +50,10 @@ const HvSlider = (props) => {
     formatTooltip,
     ...others
   } = useDefaultProps("HvSlider", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const hasLabel = label != null;
   const isDirty = useRef(false);
   const elementId = useUniqueId(id, "hvSlider");
@@ -184,22 +191,23 @@ const HvSlider = (props) => {
     const isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;
     const handleId = setId(elementId, "knob");
     const indexedHandleId = setId(handleId, index);
-    return /* @__PURE__ */ jsx(StyledTooltipContainer, {
-      className: clsx(!disabled && !isEmpty && clsx(classes == null ? void 0 : classes.handleContainer, sliderClasses.handleContainer), disabled && !isEmpty && clsx(classes == null ? void 0 : classes.handleContainerDisabled, sliderClasses.handleContainerDisabled), (isEmpty || readOnly) && clsx(classes == null ? void 0 : classes.handleHiddenContainer, sliderClasses.handleHiddenContainer)),
-      $active: !!(!disabled && !isEmpty),
-      $disabled: !!(disabled && !isEmpty),
-      $hidden: isEmpty || readOnly,
-      children: /* @__PURE__ */ jsx(StyledTooltip, {
+    return /* @__PURE__ */ jsx("div", {
+      className: cx({
+        [classes.handleContainer]: !!(!disabled && !isEmpty),
+        [classes.handleContainerDisabled]: !!(disabled && !isEmpty),
+        [classes.handleHiddenContainer]: isEmpty || readOnly
+      }),
+      children: /* @__PURE__ */ jsx(Tooltip, {
         prefixCls: "rc-slider-tooltip",
         overlay: (formatTooltip == null ? void 0 : formatTooltip(scaledKnobValue)) || scaledKnobValue,
         visible: dragging,
         placement: "top",
-        overlayClassName: clsx(classes == null ? void 0 : classes.sliderTooltip, sliderClasses.sliderTooltip),
+        overlayClassName: classes.sliderTooltip,
         getTooltipContainer: () => document.getElementById(indexedHandleId || ""),
         children: /* @__PURE__ */ jsx("div", {
           id: indexedHandleId,
           style,
-          className: clsx(knobClassName, classes == null ? void 0 : classes.handle, sliderClasses.handle),
+          className: cx(knobClassName, classes.handle),
           ...restProps,
           "aria-label": `${label}-knob-${index}`,
           "aria-valuenow": knobsPositionToScaledValue(knobValue, minPointValue, stepValue),
@@ -210,11 +218,12 @@ const HvSlider = (props) => {
       })
     }, index);
   };
-  return /* @__PURE__ */ jsxs(StyledFormElement, {
-    className: clsx(className, classes == null ? void 0 : classes.root, sliderClasses.root, !readOnly && !disabled && !isSingle && isDraggingTrack && clsx(classes == null ? void 0 : classes.trackDragging, sliderClasses.trackDragging), !readOnly && !disabled && !isSingle && !isDraggingTrack && clsx(classes == null ? void 0 : classes.trackStandBy, sliderClasses.trackStandBy), disabled && clsx(classes == null ? void 0 : classes.rootDisabled, sliderClasses.rootDisabled)),
-    $dragging: !readOnly && !disabled && !isSingle && isDraggingTrack,
-    $standBy: !readOnly && !disabled && !isSingle && !isDraggingTrack,
-    $disabled: !!disabled,
+  return /* @__PURE__ */ jsxs(HvFormElement, {
+    className: cx(classes.root, {
+      [classes.trackStandBy]: !readOnly && !disabled && !isSingle && !isDraggingTrack,
+      [classes.trackDragging]: !readOnly && !disabled && !isSingle && isDraggingTrack,
+      [classes.rootDisabled]: !!disabled
+    }, className),
     id,
     name,
     status: statusArrayToFormStatus(validationStatus),
@@ -225,12 +234,14 @@ const HvSlider = (props) => {
     onMouseUp: onMouseUpHandler,
     onBlur: onBlurHandler,
     ...others,
-    children: [(hasLabel || !hideInput) && /* @__PURE__ */ jsxs(StyledLabelContainer, {
-      className: clsx(classes == null ? void 0 : classes.labelContainer, sliderClasses.labelContainer, hasLabel && clsx(classes == null ? void 0 : classes.labelIncluded, sliderClasses.labelIncluded), !hasLabel && clsx(classes == null ? void 0 : classes.onlyInput, sliderClasses.onlyInput)),
-      $hasLabel: hasLabel,
+    children: [(hasLabel || !hideInput) && /* @__PURE__ */ jsxs("div", {
+      className: cx(classes.labelContainer, {
+        [classes.labelIncluded]: hasLabel,
+        [classes.onlyInput]: !hasLabel
+      }),
       children: [hasLabel && /* @__PURE__ */ jsx(HvLabel, {
         id: setId(elementId, "label"),
-        className: clsx(classes == null ? void 0 : classes.label, sliderClasses.label),
+        className: classes.label,
         htmlFor: setId(elementId, "slider"),
         label
       }), !hideInput && /* @__PURE__ */ jsx(HvSliderInput, {
@@ -244,11 +255,11 @@ const HvSlider = (props) => {
         markDigits,
         inputProps
       })]
-    }), /* @__PURE__ */ jsxs(StyledSliderContainer, {
-      className: clsx(classes == null ? void 0 : classes.sliderBase, sliderClasses.sliderBase, classes == null ? void 0 : classes.sliderContainer, sliderClasses.sliderContainer),
-      children: [isSingle && /* @__PURE__ */ jsx(StyledSlider, {
+    }), /* @__PURE__ */ jsxs("div", {
+      className: cx(classes.sliderBase, classes.sliderContainer),
+      children: [isSingle && /* @__PURE__ */ jsx(Slider, {
         handleRender: createKnob,
-        className: clsx(classes == null ? void 0 : classes.sliderRoot, sliderClasses.sliderRoot),
+        className: classes.sliderRoot,
         min: 0,
         max: divisionQuantity,
         step: 1,
@@ -265,10 +276,12 @@ const HvSlider = (props) => {
         handleStyle: knobStyles.knobInner,
         trackStyle: trackStyles,
         ...sliderProps
-      }), !isSingle && /* @__PURE__ */ jsx(StyledSlider, {
+      }), !isSingle && /* @__PURE__ */ jsx(Slider, {
         range: true,
         handleRender: createKnob,
-        className: clsx(classes == null ? void 0 : classes.sliderRoot, sliderClasses.sliderRoot, !isSingle && clsx(classes == null ? void 0 : classes.rootRange, sliderClasses.rootRange)),
+        className: cx(classes.sliderRoot, {
+          [classes.rootRange]: !isSingle
+        }),
         min: 0,
         max: divisionQuantity,
         step: 1,
@@ -287,15 +300,16 @@ const HvSlider = (props) => {
         draggableTrack: !readOnly && !isSingle,
         ...sliderProps
       })]
-    }), canShowError && /* @__PURE__ */ jsx(StyledWarning, {
+    }), canShowError && /* @__PURE__ */ jsx(HvWarningText, {
       id: setId(elementId, "error"),
-      className: clsx(classes == null ? void 0 : classes.error, sliderClasses.error),
+      className: classes.error,
       disableBorder: true,
       children: validationMessage
     })]
   });
 };
 export {
-  HvSlider
+  HvSlider,
+  staticClasses as sliderClasses
 };
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { SliderProps } from \"rc-slider\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvInputProps } from \"@core/components/Input\";\nimport { HvFormStatus, HvLabel } from \"@core/components/Forms\";\n\nimport sliderClasses, { HvSliderClasses } from \"./sliderClasses\";\nimport {\n  sliderStyles,\n  StyledFormElement,\n  StyledLabelContainer,\n  StyledSlider,\n  StyledSliderContainer,\n  StyledTooltip,\n  StyledTooltipContainer,\n  StyledWarning,\n} from \"./Slider.styles\";\nimport {\n  calculateStepValue,\n  convertStatusToArray,\n  createKnobStyles,\n  createMark,\n  createTrackStyles,\n  ensureValuesConsistency,\n  generateDefaultKnobProperties,\n  isSingleSlider,\n  knobsPositionsToKnobsValues,\n  knobsPositionToScaledValue,\n  knobsValuesToKnobsPositions,\n  scaledValueToKnobsPositionValue,\n  statusArrayToFormStatus,\n} from \"./utils\";\nimport { HvSliderInput } from \"./SliderInput/SliderInput\";\nimport { HvKnobProperty, HvMarkProperty } from \"./types\";\n\nexport interface HvSliderProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\" | \"onBlur\"> {\n  /**\n   * The slider name.\n   */\n  name?: string;\n  /**\n   * The label of the slider.\n   *\n   * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Indicates that the slider is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the slider is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user slider is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * What message to render when the value is required.\n   */\n  requiredMessage?: string;\n  /**\n   * If `true` the input that controls the slider is hidden.\n   */\n  hideInput?: boolean;\n  /**\n   * Attributes applied to the slider element.\n   */\n  sliderProps?: SliderProps;\n  /**\n   * The status of the slider element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus | HvFormStatus[];\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The values array to apply to the component\n   */\n  values?: number[];\n  /**\n   * The default values array to apply to the component\n   */\n  defaultValues?: (number | undefined)[];\n  /**\n   * The object used to set the knob properties,\n   * for every item in the array a new knob will be created.\n   */\n  knobProperties?: HvKnobProperty[];\n  /**\n   * The object used to set the mark properties individually.\n   */\n  markProperties?: HvMarkProperty[];\n  /**\n   * The function executed before a change will occur in the slider.\n   */\n  onBeforeChange?: (value: number[]) => void;\n  /**\n   * The function executed while a change is occurring in the slider.\n   */\n  onChange?: (value: number[]) => void;\n  /**\n   * The function executed after a change ocurred in the slider.\n   */\n  onAfterChange?: (value: number[]) => void;\n  /**\n   * The function executed after a blur ocurred in the slider.\n   */\n  onBlur?: (\n    event: React.FocusEvent,\n    knobsValues: number[],\n    status?: HvFormStatus | HvFormStatus[]\n  ) => void;\n  /**\n   * The separation in points between marks.\n   * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n   */\n  markStep?: number;\n  /**\n   * How many subdivisions there are in the slider.\n   */\n  divisionQuantity?: number;\n  /**\n   * The value of the first point in the slider from left to right.\n   */\n  minPointValue?: number;\n  /**\n   * The value of the last point in the slider from left to right.\n   */\n  maxPointValue?: number;\n  /**\n   * The nax number of decimals if no format function is applied\n   */\n  markDigits?: number;\n  /**\n   * A formatting function used to add format to the marks in the track,\n   * the function receives the mark text\n   */\n  formatMark?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * A formatting function used to add format to the tooltip in the track,\n   * the function receives the mark text\n   */\n  formatTooltip?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * If `true` the knobs can't have the same value, if `false` knobs can have the same value.\n   */\n  noOverlap?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: HvInputProps[];\n  /**\n   * Attributes applied to the knob element.\n   */\n  knobProps?: React.HTMLAttributes<HTMLDivElement>[];\n  /**\n   * The classes object to be applied into the root object.\n   */\n  classes?: HvSliderClasses;\n}\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.\n */\nexport const HvSlider = (props: HvSliderProps) => {\n  const {\n    id,\n    className,\n    name,\n    label,\n    status,\n    statusMessage,\n    disabled,\n    classes,\n    sliderProps,\n    knobProps,\n    inputProps,\n    requiredMessage = \"The value is required\",\n    noOverlap = true,\n    hideInput = false,\n    required = false,\n    readOnly = false,\n    markProperties = [],\n    defaultValues = [undefined],\n    values: valuesProp = [],\n    knobProperties: knobPropertiesProp,\n    \"aria-errormessage\": ariaErrorMessage,\n    maxPointValue = 100,\n    minPointValue = 0,\n    divisionQuantity = 100,\n    markStep = 20,\n    markDigits = 0,\n    formatMark,\n    onChange,\n    onBlur,\n    onBeforeChange,\n    onAfterChange,\n    formatTooltip,\n    ...others\n  } = useDefaultProps(\"HvSlider\", props);\n\n  // Miscellaneous state\n  const hasLabel = label != null;\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  const elementId = useUniqueId(id, \"hvSlider\");\n\n  const sliderInputId = setId(elementId, \"input\");\n\n  const stepValue: number = useMemo(\n    () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n    [divisionQuantity, maxPointValue, minPointValue]\n  );\n\n  const inverseStepValue: number = 1 / stepValue;\n\n  const marks = useMemo(\n    () =>\n      createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        !!disabled,\n        sliderStyles,\n        formatMark\n      ),\n    [\n      disabled,\n      divisionQuantity,\n      formatMark,\n      markDigits,\n      markProperties,\n      markStep,\n      minPointValue,\n      stepValue,\n    ]\n  );\n\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isSingle: boolean = useMemo(\n    () => isSingleSlider(valuesProp, defaultValues),\n    [defaultValues, valuesProp]\n  );\n\n  const value: number[] | undefined = useMemo(\n    () =>\n      valuesProp?.length > 0\n        ? knobsValuesToKnobsPositions(\n            valuesProp,\n            inverseStepValue,\n            minPointValue\n          )\n        : undefined,\n    [inverseStepValue, minPointValue, valuesProp]\n  );\n\n  const defaultKnobsPositions: number[] = useMemo(\n    () =>\n      knobsValuesToKnobsPositions(\n        defaultValues,\n        inverseStepValue,\n        minPointValue\n      ),\n    [defaultValues, inverseStepValue, minPointValue]\n  );\n\n  const [knobsPositions, setKnobsPositions] = useControlled(\n    value,\n    defaultKnobsPositions\n  );\n\n  // Validation related state\n  const { arrayStatus, arrayDefaultStatus } = useMemo(\n    () => convertStatusToArray(knobsPositions.length, status),\n    [knobsPositions.length, status]\n  );\n\n  const [validationStatus, setValidationState] = useControlled(\n    arrayStatus,\n    arrayDefaultStatus\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [isDraggingTrack, setIsDraggingTrack] = useState<boolean>(false);\n\n  const knobProperties: HvKnobProperty[] = generateDefaultKnobProperties(\n    knobsPositions.length,\n    disabled,\n    knobPropertiesProp\n  );\n\n  const rangesCount = knobProperties.length - 1;\n\n  const trackStyles = createTrackStyles(knobProperties, sliderStyles);\n\n  const knobStyles = createKnobStyles(knobProperties, sliderStyles);\n\n  const performValidation = useCallback(() => {\n    let invalid: boolean = false;\n\n    const newValidationState = knobsPositions.map((position) => {\n      if (position == null || Number.isNaN(position)) {\n        invalid = true;\n        return validationStates.invalid;\n      }\n      return validationStates.valid;\n    });\n\n    setValidationState([...newValidationState]);\n\n    if (invalid) {\n      setValidationMessage(requiredMessage);\n      return;\n    }\n\n    setValidationMessage(\"\");\n  }, [\n    knobsPositions,\n    requiredMessage,\n    setValidationMessage,\n    setValidationState,\n  ]);\n\n  useEffect(() => {\n    const stepVl = calculateStepValue(\n      maxPointValue,\n      minPointValue,\n      divisionQuantity\n    );\n\n    const inverseStepVl = 1 / stepVl;\n\n    if (valuesProp?.length > 0) {\n      setKnobsPositions(\n        knobsValuesToKnobsPositions(\n          valuesProp.length > 0 ? valuesProp : defaultValues,\n          inverseStepVl,\n          minPointValue\n        )\n      );\n    }\n  }, [\n    defaultValues,\n    divisionQuantity,\n    maxPointValue,\n    minPointValue,\n    setKnobsPositions,\n    valuesProp,\n  ]);\n\n  useEffect(() => {\n    if (!isDirty.current) {\n      // Skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [knobsPositions, requiredMessage, performValidation]);\n\n  const onMouseDownHandler = (event: React.MouseEvent<HTMLDivElement>) => {\n    if ((event.target as HTMLDivElement).className.includes(\"track\")) {\n      setIsDraggingTrack(true);\n    }\n  };\n\n  const onMouseUpHandler = () => {\n    setIsDraggingTrack(false);\n  };\n\n  /**\n   * Generates an object which posses the current value and position of the knobs.\n   *\n   * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n   * @returns {Object} - An object with the positions and values of the knobs.\n   * @memberof HvSlider\n   */\n  const generateKnobsPositionAndValues = (\n    knobsCurrentPosition: number[]\n  ): { knobsPosition: number[]; knobsValues: number[] } => {\n    const newKnobsPosition: number[] = knobsCurrentPosition.slice();\n    const knobsValues: number[] = [];\n\n    let duplicatedValue: number | null = null;\n\n    const findDuplicated: number[] = newKnobsPosition.filter(\n      (item, index) => newKnobsPosition.indexOf(item) !== index\n    );\n\n    if (noOverlap && findDuplicated.length > 0) {\n      [duplicatedValue] = findDuplicated;\n    }\n\n    newKnobsPosition.forEach((position, index, array) => {\n      const newArray: number[] = array;\n      let newPosition: number = position;\n\n      if (noOverlap && newPosition === duplicatedValue) {\n        const previousValue = knobsPositions[index];\n        if (previousValue !== newPosition) {\n          newPosition += newPosition > previousValue ? -1 : 1;\n          newArray[index] = newPosition;\n        }\n      }\n\n      knobsValues[index] = knobsPositionToScaledValue(\n        newPosition,\n        minPointValue,\n        stepValue\n      );\n    }, this);\n\n    return {\n      knobsPosition: newKnobsPosition,\n      knobsValues,\n    };\n  };\n\n  const onBlurHandler = (event: React.FocusEvent) => {\n    const knobs = generateKnobsPositionAndValues(knobsPositions);\n\n    performValidation();\n\n    onBlur?.(event, knobs.knobsValues, status);\n  };\n\n  /**\n   * Function executed while the knobs changes.\n   *\n   * executes the callback provided by the user with the values and position of the knobs,\n   * also lock the value of the knob in case one is fixed.\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onChangeHandler = (knobsPosition: number[]) => {\n    isDirty.current = true;\n\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    knobProperties.forEach((knobProperty, index) => {\n      if (knobProperty.fixed) {\n        knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n          defaultValues[index],\n          minPointValue,\n          inverseStepValue\n        );\n      }\n    });\n\n    if (disabled || readOnly) return;\n\n    onChange?.(knobs.knobsValues);\n\n    setKnobsPositions(knobs.knobsPosition);\n  };\n\n  const onInputChangeHandler = (inputValues: number[], index: number) => {\n    let newKnobPositions = knobsValuesToKnobsPositions(\n      inputValues,\n      inverseStepValue,\n      minPointValue\n    );\n\n    newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\n\n    onChangeHandler(newKnobPositions);\n  };\n\n  /**\n   * Function executed before a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onBeforeChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onBeforeChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function executed after a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onAfterChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onAfterChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function used to create a custom knob for the slider.\n   *\n   * TODO: This should be isolated because is creating a sub component,\n   * but there were some problems regarding the underlying component losing\n   * references of the handlers disabling the focus.\n   *\n   * @param {Object} props - An object containing the properties of the knobs.\n   * @memberof HvSlider\n   */\n  const createKnob = (knobNode, params) => {\n    const { value: knobValue, dragging, index } = params;\n    const { className: knobClassName, style, ...restProps } = knobNode.props;\n    const scaledKnobValue = knobsPositionToScaledValue(\n      knobValue,\n      minPointValue,\n      stepValue\n    ).toFixed(markDigits);\n    if (dragging) {\n      style.backgroundColor = knobProperties[index]?.dragColor;\n    } else {\n      style.backgroundColor = knobProperties[index]?.color;\n    }\n\n    const isEmpty =\n      Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n    const handleId = setId(elementId, \"knob\");\n    const indexedHandleId = setId(handleId, index);\n\n    return (\n      <StyledTooltipContainer\n        key={index}\n        className={clsx(\n          !disabled &&\n            !isEmpty &&\n            clsx(classes?.handleContainer, sliderClasses.handleContainer),\n          disabled &&\n            !isEmpty &&\n            clsx(\n              classes?.handleContainerDisabled,\n              sliderClasses.handleContainerDisabled\n            ),\n          (isEmpty || readOnly) &&\n            clsx(\n              classes?.handleHiddenContainer,\n              sliderClasses.handleHiddenContainer\n            )\n        )}\n        $active={!!(!disabled && !isEmpty)}\n        $disabled={!!(disabled && !isEmpty)}\n        $hidden={isEmpty || readOnly}\n      >\n        <StyledTooltip\n          prefixCls=\"rc-slider-tooltip\"\n          overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n          visible={dragging}\n          placement=\"top\"\n          overlayClassName={clsx(\n            classes?.sliderTooltip,\n            sliderClasses.sliderTooltip\n          )}\n          getTooltipContainer={() =>\n            document.getElementById(indexedHandleId || \"\") as HTMLElement\n          }\n        >\n          <div\n            id={indexedHandleId}\n            style={style}\n            className={clsx(\n              knobClassName,\n              classes?.handle,\n              sliderClasses.handle\n            )}\n            {...restProps}\n            aria-label={`${label}-knob-${index}`}\n            aria-valuenow={knobsPositionToScaledValue(\n              knobValue,\n              minPointValue,\n              stepValue\n            )}\n            aria-valuemin={minPointValue}\n            aria-valuemax={maxPointValue}\n            {...knobProps?.[index]}\n          />\n        </StyledTooltip>\n      </StyledTooltipContainer>\n    );\n  };\n\n  return (\n    <StyledFormElement\n      className={clsx(\n        className,\n        classes?.root,\n        sliderClasses.root,\n        !readOnly &&\n          !disabled &&\n          !isSingle &&\n          isDraggingTrack &&\n          clsx(classes?.trackDragging, sliderClasses.trackDragging),\n        !readOnly &&\n          !disabled &&\n          !isSingle &&\n          !isDraggingTrack &&\n          clsx(classes?.trackStandBy, sliderClasses.trackStandBy),\n        disabled && clsx(classes?.rootDisabled, sliderClasses.rootDisabled)\n      )}\n      $dragging={!readOnly && !disabled && !isSingle && isDraggingTrack}\n      $standBy={!readOnly && !disabled && !isSingle && !isDraggingTrack}\n      $disabled={!!disabled}\n      id={id}\n      name={name}\n      status={statusArrayToFormStatus(validationStatus)}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      onMouseDown={onMouseDownHandler}\n      onMouseUp={onMouseUpHandler}\n      onBlur={onBlurHandler}\n      {...others}\n    >\n      {(hasLabel || !hideInput) && (\n        <StyledLabelContainer\n          className={clsx(\n            classes?.labelContainer,\n            sliderClasses.labelContainer,\n            hasLabel &&\n              clsx(classes?.labelIncluded, sliderClasses.labelIncluded),\n            !hasLabel && clsx(classes?.onlyInput, sliderClasses.onlyInput)\n          )}\n          $hasLabel={hasLabel}\n        >\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={clsx(classes?.label, sliderClasses.label)}\n              htmlFor={setId(elementId, \"slider\")}\n              label={label}\n            />\n          )}\n\n          {!hideInput && (\n            <HvSliderInput\n              id={sliderInputId}\n              label={label}\n              values={knobsPositionsToKnobsValues(\n                knobsPositions,\n                stepValue,\n                minPointValue\n              )}\n              onChange={onInputChangeHandler}\n              status={validationStatus}\n              disabled={disabled}\n              readOnly={readOnly}\n              markDigits={markDigits}\n              inputProps={inputProps}\n            />\n          )}\n        </StyledLabelContainer>\n      )}\n\n      <StyledSliderContainer\n        className={clsx(\n          classes?.sliderBase,\n          sliderClasses.sliderBase,\n          classes?.sliderContainer,\n          sliderClasses.sliderContainer\n        )}\n      >\n        {isSingle && (\n          <StyledSlider\n            handleRender={createKnob}\n            className={clsx(classes?.sliderRoot, sliderClasses.sliderRoot)}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n            allowCross={false}\n            disabled={disabled}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            {...sliderProps}\n          />\n        )}\n        {!isSingle && (\n          <StyledSlider\n            range\n            handleRender={createKnob}\n            className={clsx(\n              classes?.sliderRoot,\n              sliderClasses.sliderRoot,\n              !isSingle && clsx(classes?.rootRange, sliderClasses.rootRange)\n            )}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            disabled={disabled}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n            allowCross={false}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            draggableTrack={!readOnly && !isSingle}\n            {...sliderProps}\n          />\n        )}\n      </StyledSliderContainer>\n\n      {canShowError && (\n        <StyledWarning\n          id={setId(elementId, \"error\")}\n          className={clsx(classes?.error, sliderClasses.error)}\n          disableBorder\n        >\n          {validationMessage}\n        </StyledWarning>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSlider","props","id","className","name","label","status","statusMessage","disabled","classes","sliderProps","knobProps","inputProps","requiredMessage","noOverlap","hideInput","required","readOnly","markProperties","defaultValues","undefined","values","valuesProp","knobProperties","knobPropertiesProp","ariaErrorMessage","maxPointValue","minPointValue","divisionQuantity","markStep","markDigits","formatMark","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","others","useDefaultProps","hasLabel","isDirty","useRef","elementId","useUniqueId","sliderInputId","setId","stepValue","useMemo","calculateStepValue","inverseStepValue","marks","createMark","sliderStyles","canShowError","isSingle","isSingleSlider","value","length","knobsValuesToKnobsPositions","defaultKnobsPositions","knobsPositions","setKnobsPositions","useControlled","arrayStatus","arrayDefaultStatus","convertStatusToArray","validationStatus","setValidationState","validationMessage","setValidationMessage","isDraggingTrack","setIsDraggingTrack","useState","generateDefaultKnobProperties","rangesCount","trackStyles","createTrackStyles","knobStyles","createKnobStyles","performValidation","useCallback","invalid","newValidationState","map","position","Number","isNaN","validationStates","valid","useEffect","stepVl","inverseStepVl","current","onMouseDownHandler","event","target","includes","onMouseUpHandler","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPositionToScaledValue","knobsPosition","onBlurHandler","knobs","onChangeHandler","knobProperty","fixed","scaledValueToKnobsPositionValue","onInputChangeHandler","inputValues","newKnobPositions","ensureValuesConsistency","onBeforeChangeHandler","onAfterChangeHandler","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","indexedHandleId","StyledTooltipContainer","clsx","handleContainer","sliderClasses","handleContainerDisabled","handleHiddenContainer","$active","$disabled","$hidden","children","StyledTooltip","prefixCls","overlay","visible","placement","overlayClassName","sliderTooltip","getTooltipContainer","document","getElementById","handle","StyledFormElement","root","trackDragging","trackStandBy","rootDisabled","$dragging","$standBy","statusArrayToFormStatus","onMouseDown","onMouseUp","StyledLabelContainer","labelContainer","labelIncluded","onlyInput","$hasLabel","_jsx","HvLabel","htmlFor","HvSliderInput","knobsPositionsToKnobsValues","_jsxs","StyledSliderContainer","sliderBase","sliderContainer","StyledSlider","handleRender","sliderRoot","min","max","step","dotStyle","dotDisabled","dot","singleValue","Array","isArray","allowCross","count","railStyle","rail","handleStyle","knobInner","trackStyle","range","rootRange","draggableTrack","StyledWarning","error","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import Slider, { SliderProps } from \"rc-slider\";\n\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport Tooltip from \"rc-tooltip\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvInputProps } from \"@core/components/Input\";\nimport {\n  HvFormElement,\n  HvFormStatus,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components/Forms\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { sliderStyles, staticClasses, useClasses } from \"./Slider.styles\";\nimport {\n  calculateStepValue,\n  convertStatusToArray,\n  createKnobStyles,\n  createMark,\n  createTrackStyles,\n  ensureValuesConsistency,\n  generateDefaultKnobProperties,\n  isSingleSlider,\n  knobsPositionsToKnobsValues,\n  knobsPositionToScaledValue,\n  knobsValuesToKnobsPositions,\n  scaledValueToKnobsPositionValue,\n  statusArrayToFormStatus,\n} from \"./utils\";\nimport { HvSliderInput } from \"./SliderInput/SliderInput\";\nimport { HvKnobProperty, HvMarkProperty } from \"./types\";\n\nexport { staticClasses as sliderClasses };\n\nexport type HvSliderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSliderProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\" | \"onBlur\"> {\n  /**\n   * The slider name.\n   */\n  name?: string;\n  /**\n   * The label of the slider.\n   *\n   * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Indicates that the slider is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the slider is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user slider is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * What message to render when the value is required.\n   */\n  requiredMessage?: string;\n  /**\n   * If `true` the input that controls the slider is hidden.\n   */\n  hideInput?: boolean;\n  /**\n   * Attributes applied to the slider element.\n   */\n  sliderProps?: SliderProps;\n  /**\n   * The status of the slider element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus | HvFormStatus[];\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The values array to apply to the component\n   */\n  values?: number[];\n  /**\n   * The default values array to apply to the component\n   */\n  defaultValues?: (number | undefined)[];\n  /**\n   * The object used to set the knob properties,\n   * for every item in the array a new knob will be created.\n   */\n  knobProperties?: HvKnobProperty[];\n  /**\n   * The object used to set the mark properties individually.\n   */\n  markProperties?: HvMarkProperty[];\n  /**\n   * The function executed before a change will occur in the slider.\n   */\n  onBeforeChange?: (value: number[]) => void;\n  /**\n   * The function executed while a change is occurring in the slider.\n   */\n  onChange?: (value: number[]) => void;\n  /**\n   * The function executed after a change ocurred in the slider.\n   */\n  onAfterChange?: (value: number[]) => void;\n  /**\n   * The function executed after a blur ocurred in the slider.\n   */\n  onBlur?: (\n    event: React.FocusEvent,\n    knobsValues: number[],\n    status?: HvFormStatus | HvFormStatus[]\n  ) => void;\n  /**\n   * The separation in points between marks.\n   * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n   */\n  markStep?: number;\n  /**\n   * How many subdivisions there are in the slider.\n   */\n  divisionQuantity?: number;\n  /**\n   * The value of the first point in the slider from left to right.\n   */\n  minPointValue?: number;\n  /**\n   * The value of the last point in the slider from left to right.\n   */\n  maxPointValue?: number;\n  /**\n   * The nax number of decimals if no format function is applied\n   */\n  markDigits?: number;\n  /**\n   * A formatting function used to add format to the marks in the track,\n   * the function receives the mark text\n   */\n  formatMark?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * A formatting function used to add format to the tooltip in the track,\n   * the function receives the mark text\n   */\n  formatTooltip?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * If `true` the knobs can't have the same value, if `false` knobs can have the same value.\n   */\n  noOverlap?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: HvInputProps[];\n  /**\n   * Attributes applied to the knob element.\n   */\n  knobProps?: React.HTMLAttributes<HTMLDivElement>[];\n  /**\n   * The classes object to be applied into the root object.\n   */\n  classes?: HvSliderClasses;\n}\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.\n */\nexport const HvSlider = (props: HvSliderProps) => {\n  const {\n    id,\n    className,\n    name,\n    label,\n    status,\n    statusMessage,\n    disabled,\n    classes: classesProp,\n    sliderProps,\n    knobProps,\n    inputProps,\n    requiredMessage = \"The value is required\",\n    noOverlap = true,\n    hideInput = false,\n    required = false,\n    readOnly = false,\n    markProperties = [],\n    defaultValues = [undefined],\n    values: valuesProp = [],\n    knobProperties: knobPropertiesProp,\n    \"aria-errormessage\": ariaErrorMessage,\n    maxPointValue = 100,\n    minPointValue = 0,\n    divisionQuantity = 100,\n    markStep = 20,\n    markDigits = 0,\n    formatMark,\n    onChange,\n    onBlur,\n    onBeforeChange,\n    onAfterChange,\n    formatTooltip,\n    ...others\n  } = useDefaultProps(\"HvSlider\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  // Miscellaneous state\n  const hasLabel = label != null;\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  const elementId = useUniqueId(id, \"hvSlider\");\n\n  const sliderInputId = setId(elementId, \"input\");\n\n  const stepValue: number = useMemo(\n    () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n    [divisionQuantity, maxPointValue, minPointValue]\n  );\n\n  const inverseStepValue: number = 1 / stepValue;\n\n  const marks = useMemo(\n    () =>\n      createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        !!disabled,\n        sliderStyles,\n        formatMark\n      ),\n    [\n      disabled,\n      divisionQuantity,\n      formatMark,\n      markDigits,\n      markProperties,\n      markStep,\n      minPointValue,\n      stepValue,\n    ]\n  );\n\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isSingle: boolean = useMemo(\n    () => isSingleSlider(valuesProp, defaultValues),\n    [defaultValues, valuesProp]\n  );\n\n  const value: number[] | undefined = useMemo(\n    () =>\n      valuesProp?.length > 0\n        ? knobsValuesToKnobsPositions(\n            valuesProp,\n            inverseStepValue,\n            minPointValue\n          )\n        : undefined,\n    [inverseStepValue, minPointValue, valuesProp]\n  );\n\n  const defaultKnobsPositions: number[] = useMemo(\n    () =>\n      knobsValuesToKnobsPositions(\n        defaultValues,\n        inverseStepValue,\n        minPointValue\n      ),\n    [defaultValues, inverseStepValue, minPointValue]\n  );\n\n  const [knobsPositions, setKnobsPositions] = useControlled(\n    value,\n    defaultKnobsPositions\n  );\n\n  // Validation related state\n  const { arrayStatus, arrayDefaultStatus } = useMemo(\n    () => convertStatusToArray(knobsPositions.length, status),\n    [knobsPositions.length, status]\n  );\n\n  const [validationStatus, setValidationState] = useControlled(\n    arrayStatus,\n    arrayDefaultStatus\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [isDraggingTrack, setIsDraggingTrack] = useState<boolean>(false);\n\n  const knobProperties: HvKnobProperty[] = generateDefaultKnobProperties(\n    knobsPositions.length,\n    disabled,\n    knobPropertiesProp\n  );\n\n  const rangesCount = knobProperties.length - 1;\n\n  const trackStyles = createTrackStyles(knobProperties, sliderStyles);\n\n  const knobStyles = createKnobStyles(knobProperties, sliderStyles);\n\n  const performValidation = useCallback(() => {\n    let invalid: boolean = false;\n\n    const newValidationState = knobsPositions.map((position) => {\n      if (position == null || Number.isNaN(position)) {\n        invalid = true;\n        return validationStates.invalid;\n      }\n      return validationStates.valid;\n    });\n\n    setValidationState([...newValidationState]);\n\n    if (invalid) {\n      setValidationMessage(requiredMessage);\n      return;\n    }\n\n    setValidationMessage(\"\");\n  }, [\n    knobsPositions,\n    requiredMessage,\n    setValidationMessage,\n    setValidationState,\n  ]);\n\n  useEffect(() => {\n    const stepVl = calculateStepValue(\n      maxPointValue,\n      minPointValue,\n      divisionQuantity\n    );\n\n    const inverseStepVl = 1 / stepVl;\n\n    if (valuesProp?.length > 0) {\n      setKnobsPositions(\n        knobsValuesToKnobsPositions(\n          valuesProp.length > 0 ? valuesProp : defaultValues,\n          inverseStepVl,\n          minPointValue\n        )\n      );\n    }\n  }, [\n    defaultValues,\n    divisionQuantity,\n    maxPointValue,\n    minPointValue,\n    setKnobsPositions,\n    valuesProp,\n  ]);\n\n  useEffect(() => {\n    if (!isDirty.current) {\n      // Skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [knobsPositions, requiredMessage, performValidation]);\n\n  const onMouseDownHandler = (event: React.MouseEvent<HTMLDivElement>) => {\n    if ((event.target as HTMLDivElement).className.includes(\"track\")) {\n      setIsDraggingTrack(true);\n    }\n  };\n\n  const onMouseUpHandler = () => {\n    setIsDraggingTrack(false);\n  };\n\n  /**\n   * Generates an object which posses the current value and position of the knobs.\n   *\n   * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n   * @returns {Object} - An object with the positions and values of the knobs.\n   * @memberof HvSlider\n   */\n  const generateKnobsPositionAndValues = (\n    knobsCurrentPosition: number[]\n  ): { knobsPosition: number[]; knobsValues: number[] } => {\n    const newKnobsPosition: number[] = knobsCurrentPosition.slice();\n    const knobsValues: number[] = [];\n\n    let duplicatedValue: number | null = null;\n\n    const findDuplicated: number[] = newKnobsPosition.filter(\n      (item, index) => newKnobsPosition.indexOf(item) !== index\n    );\n\n    if (noOverlap && findDuplicated.length > 0) {\n      [duplicatedValue] = findDuplicated;\n    }\n\n    newKnobsPosition.forEach((position, index, array) => {\n      const newArray: number[] = array;\n      let newPosition: number = position;\n\n      if (noOverlap && newPosition === duplicatedValue) {\n        const previousValue = knobsPositions[index];\n        if (previousValue !== newPosition) {\n          newPosition += newPosition > previousValue ? -1 : 1;\n          newArray[index] = newPosition;\n        }\n      }\n\n      knobsValues[index] = knobsPositionToScaledValue(\n        newPosition,\n        minPointValue,\n        stepValue\n      );\n    }, this);\n\n    return {\n      knobsPosition: newKnobsPosition,\n      knobsValues,\n    };\n  };\n\n  const onBlurHandler = (event: React.FocusEvent) => {\n    const knobs = generateKnobsPositionAndValues(knobsPositions);\n\n    performValidation();\n\n    onBlur?.(event, knobs.knobsValues, status);\n  };\n\n  /**\n   * Function executed while the knobs changes.\n   *\n   * executes the callback provided by the user with the values and position of the knobs,\n   * also lock the value of the knob in case one is fixed.\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onChangeHandler = (knobsPosition: number[]) => {\n    isDirty.current = true;\n\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    knobProperties.forEach((knobProperty, index) => {\n      if (knobProperty.fixed) {\n        knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n          defaultValues[index],\n          minPointValue,\n          inverseStepValue\n        );\n      }\n    });\n\n    if (disabled || readOnly) return;\n\n    onChange?.(knobs.knobsValues);\n\n    setKnobsPositions(knobs.knobsPosition);\n  };\n\n  const onInputChangeHandler = (inputValues: number[], index: number) => {\n    let newKnobPositions = knobsValuesToKnobsPositions(\n      inputValues,\n      inverseStepValue,\n      minPointValue\n    );\n\n    newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\n\n    onChangeHandler(newKnobPositions);\n  };\n\n  /**\n   * Function executed before a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onBeforeChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onBeforeChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function executed after a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onAfterChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onAfterChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function used to create a custom knob for the slider.\n   *\n   * TODO: This should be isolated because is creating a sub component,\n   * but there were some problems regarding the underlying component losing\n   * references of the handlers disabling the focus.\n   *\n   * @param {Object} props - An object containing the properties of the knobs.\n   * @memberof HvSlider\n   */\n  const createKnob = (knobNode, params) => {\n    const { value: knobValue, dragging, index } = params;\n    const { className: knobClassName, style, ...restProps } = knobNode.props;\n    const scaledKnobValue = knobsPositionToScaledValue(\n      knobValue,\n      minPointValue,\n      stepValue\n    ).toFixed(markDigits);\n    if (dragging) {\n      style.backgroundColor = knobProperties[index]?.dragColor;\n    } else {\n      style.backgroundColor = knobProperties[index]?.color;\n    }\n\n    const isEmpty =\n      Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n    const handleId = setId(elementId, \"knob\");\n    const indexedHandleId = setId(handleId, index);\n\n    return (\n      <div\n        key={index}\n        className={cx({\n          [classes.handleContainer]: !!(!disabled && !isEmpty),\n          [classes.handleContainerDisabled]: !!(disabled && !isEmpty),\n          [classes.handleHiddenContainer]: isEmpty || readOnly,\n        })}\n      >\n        <Tooltip\n          prefixCls=\"rc-slider-tooltip\"\n          overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n          visible={dragging}\n          placement=\"top\"\n          overlayClassName={classes.sliderTooltip}\n          getTooltipContainer={() =>\n            document.getElementById(indexedHandleId || \"\") as HTMLElement\n          }\n        >\n          <div\n            id={indexedHandleId}\n            style={style}\n            className={cx(knobClassName, classes.handle)}\n            {...restProps}\n            aria-label={`${label}-knob-${index}`}\n            aria-valuenow={knobsPositionToScaledValue(\n              knobValue,\n              minPointValue,\n              stepValue\n            )}\n            aria-valuemin={minPointValue}\n            aria-valuemax={maxPointValue}\n            {...knobProps?.[index]}\n          />\n        </Tooltip>\n      </div>\n    );\n  };\n\n  return (\n    <HvFormElement\n      className={cx(\n        classes.root,\n        {\n          [classes.trackStandBy]:\n            !readOnly && !disabled && !isSingle && !isDraggingTrack,\n          [classes.trackDragging]:\n            !readOnly && !disabled && !isSingle && isDraggingTrack,\n          [classes.rootDisabled]: !!disabled,\n        },\n        className\n      )}\n      id={id}\n      name={name}\n      status={statusArrayToFormStatus(validationStatus)}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      onMouseDown={onMouseDownHandler}\n      onMouseUp={onMouseUpHandler}\n      onBlur={onBlurHandler}\n      {...others}\n    >\n      {(hasLabel || !hideInput) && (\n        <div\n          className={cx(classes.labelContainer, {\n            [classes.labelIncluded]: hasLabel,\n            [classes.onlyInput]: !hasLabel,\n          })}\n        >\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={classes.label}\n              htmlFor={setId(elementId, \"slider\")}\n              label={label}\n            />\n          )}\n\n          {!hideInput && (\n            <HvSliderInput\n              id={sliderInputId}\n              label={label}\n              values={knobsPositionsToKnobsValues(\n                knobsPositions,\n                stepValue,\n                minPointValue\n              )}\n              onChange={onInputChangeHandler}\n              status={validationStatus}\n              disabled={disabled}\n              readOnly={readOnly}\n              markDigits={markDigits}\n              inputProps={inputProps}\n            />\n          )}\n        </div>\n      )}\n\n      <div className={cx(classes.sliderBase, classes.sliderContainer)}>\n        {isSingle && (\n          <Slider\n            handleRender={createKnob}\n            className={classes.sliderRoot}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n            allowCross={false}\n            disabled={disabled}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            {...sliderProps}\n          />\n        )}\n        {!isSingle && (\n          <Slider\n            range\n            handleRender={createKnob}\n            className={cx(classes.sliderRoot, {\n              [classes.rootRange]: !isSingle,\n            })}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            disabled={disabled}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n            allowCross={false}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            draggableTrack={!readOnly && !isSingle}\n            {...sliderProps}\n          />\n        )}\n      </div>\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={classes.error}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n"],"names":["HvSlider","props","id","className","name","label","status","statusMessage","disabled","classes","classesProp","sliderProps","knobProps","inputProps","requiredMessage","noOverlap","hideInput","required","readOnly","markProperties","defaultValues","undefined","values","valuesProp","knobProperties","knobPropertiesProp","ariaErrorMessage","maxPointValue","minPointValue","divisionQuantity","markStep","markDigits","formatMark","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","others","useDefaultProps","cx","useClasses","hasLabel","isDirty","useRef","elementId","useUniqueId","sliderInputId","setId","stepValue","useMemo","calculateStepValue","inverseStepValue","marks","createMark","sliderStyles","canShowError","isSingle","isSingleSlider","value","length","knobsValuesToKnobsPositions","defaultKnobsPositions","knobsPositions","setKnobsPositions","useControlled","arrayStatus","arrayDefaultStatus","convertStatusToArray","validationStatus","setValidationState","validationMessage","setValidationMessage","isDraggingTrack","setIsDraggingTrack","useState","generateDefaultKnobProperties","rangesCount","trackStyles","createTrackStyles","knobStyles","createKnobStyles","performValidation","useCallback","invalid","newValidationState","map","position","Number","isNaN","validationStates","valid","useEffect","stepVl","inverseStepVl","current","onMouseDownHandler","event","target","includes","onMouseUpHandler","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPositionToScaledValue","knobsPosition","onBlurHandler","knobs","onChangeHandler","knobProperty","fixed","scaledValueToKnobsPositionValue","onInputChangeHandler","inputValues","newKnobPositions","ensureValuesConsistency","onBeforeChangeHandler","onAfterChangeHandler","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","indexedHandleId","handleContainer","handleContainerDisabled","handleHiddenContainer","children","Tooltip","prefixCls","overlay","visible","placement","overlayClassName","sliderTooltip","getTooltipContainer","document","getElementById","handle","HvFormElement","root","trackStandBy","trackDragging","rootDisabled","statusArrayToFormStatus","onMouseDown","onMouseUp","labelContainer","labelIncluded","onlyInput","_jsx","HvLabel","htmlFor","HvSliderInput","knobsPositionsToKnobsValues","_jsxs","sliderBase","sliderContainer","Slider","handleRender","sliderRoot","min","max","step","dotStyle","dotDisabled","dot","singleValue","Array","isArray","allowCross","count","railStyle","rail","handleStyle","knobInner","trackStyle","range","rootRange","draggableTrack","HvWarningText","error","disableBorder"],"mappings":"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"}