@hitachivantara/uikit-react-core 5.39.0 → 5.39.2

package/dist/cjs/components/Slider/Slider.cjs

@@ -54,30 +54,81 @@ const HvSlider = React.forwardRef((props, ref) => {
     formatTooltip,
     ...others
   } = useDefaultProps.useDefaultProps("HvSlider", props);
-  const {
-    classes,
-    cx
-  } = Slider_styles.useClasses(classesProp);
+  const { classes, cx } = Slider_styles.useClasses(classesProp);
   const hasLabel = label != null;
   const isDirty = React.useRef(false);
   const elementId = useUniqueId.useUniqueId(id, "hvSlider");
   const sliderInputId = setId.setId(elementId, "input");
-  const stepValue = React.useMemo(() => utils.calculateStepValue(maxPointValue, minPointValue, divisionQuantity), [divisionQuantity, maxPointValue, minPointValue]);
+  const stepValue = React.useMemo(
+    () => utils.calculateStepValue(maxPointValue, minPointValue, divisionQuantity),
+    [divisionQuantity, maxPointValue, minPointValue]
+  );
   const inverseStepValue = 1 / stepValue;
-  const marks = React.useMemo(() => utils.createMark(markProperties, markStep, divisionQuantity, minPointValue, stepValue, markDigits, !!disabled, formatMark), [disabled, divisionQuantity, formatMark, markDigits, markProperties, markStep, minPointValue, stepValue]);
+  const marks = React.useMemo(
+    () => utils.createMark(
+      markProperties,
+      markStep,
+      divisionQuantity,
+      minPointValue,
+      stepValue,
+      markDigits,
+      !!disabled,
+      formatMark
+    ),
+    [
+      disabled,
+      divisionQuantity,
+      formatMark,
+      markDigits,
+      markProperties,
+      markStep,
+      minPointValue,
+      stepValue
+    ]
+  );
   const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
-  const isSingle = React.useMemo(() => utils.isSingleSlider(valuesProp, defaultValues), [defaultValues, valuesProp]);
-  const value = React.useMemo(() => valuesProp?.length > 0 ? utils.knobsValuesToKnobsPositions(valuesProp, inverseStepValue, minPointValue) : void 0, [inverseStepValue, minPointValue, valuesProp]);
-  const defaultKnobsPositions = React.useMemo(() => utils.knobsValuesToKnobsPositions(defaultValues, inverseStepValue, minPointValue), [defaultValues, inverseStepValue, minPointValue]);
-  const [knobsPositions, setKnobsPositions] = useControlled.useControlled(value, defaultKnobsPositions);
-  const {
+  const isSingle = React.useMemo(
+    () => utils.isSingleSlider(valuesProp, defaultValues),
+    [defaultValues, valuesProp]
+  );
+  const value = React.useMemo(
+    () => valuesProp?.length > 0 ? utils.knobsValuesToKnobsPositions(
+      valuesProp,
+      inverseStepValue,
+      minPointValue
+    ) : void 0,
+    [inverseStepValue, minPointValue, valuesProp]
+  );
+  const defaultKnobsPositions = React.useMemo(
+    () => utils.knobsValuesToKnobsPositions(
+      defaultValues,
+      inverseStepValue,
+      minPointValue
+    ),
+    [defaultValues, inverseStepValue, minPointValue]
+  );
+  const [knobsPositions, setKnobsPositions] = useControlled.useControlled(
+    value,
+    defaultKnobsPositions
+  );
+  const { arrayStatus, arrayDefaultStatus } = React.useMemo(
+    () => utils.convertStatusToArray(knobsPositions.length, status),
+    [knobsPositions.length, status]
+  );
+  const [validationStatus, setValidationState] = useControlled.useControlled(
     arrayStatus,
     arrayDefaultStatus
-  } = React.useMemo(() => utils.convertStatusToArray(knobsPositions.length, status), [knobsPositions.length, status]);
-  const [validationStatus, setValidationState] = useControlled.useControlled(arrayStatus, arrayDefaultStatus);
-  const [validationMessage, setValidationMessage] = useControlled.useControlled(statusMessage, "");
+  );
+  const [validationMessage, setValidationMessage] = useControlled.useControlled(
+    statusMessage,
+    ""
+  );
   const [isDraggingTrack, setIsDraggingTrack] = React.useState(false);
-  const knobProperties = utils.generateDefaultKnobProperties(knobsPositions.length, disabled, knobPropertiesProp);
+  const knobProperties = utils.generateDefaultKnobProperties(
+    knobsPositions.length,
+    disabled,
+    knobPropertiesProp
+  );
   const rangesCount = knobProperties.length - 1;
   const trackStyles = utils.createTrackStyles(knobProperties);
   const knobStyles = utils.createKnobStyles(knobProperties);
@@ -96,14 +147,36 @@ const HvSlider = React.forwardRef((props, ref) => {
       return;
     }
     setValidationMessage("");
-  }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);
+  }, [
+    knobsPositions,
+    requiredMessage,
+    setValidationMessage,
+    setValidationState
+  ]);
   React.useEffect(() => {
-    const stepVl = utils.calculateStepValue(maxPointValue, minPointValue, divisionQuantity);
+    const stepVl = utils.calculateStepValue(
+      maxPointValue,
+      minPointValue,
+      divisionQuantity
+    );
     const inverseStepVl = 1 / stepVl;
     if (valuesProp?.length > 0) {
-      setKnobsPositions(utils.knobsValuesToKnobsPositions(valuesProp.length > 0 ? valuesProp : defaultValues, inverseStepVl, minPointValue));
+      setKnobsPositions(
+        utils.knobsValuesToKnobsPositions(
+          valuesProp.length > 0 ? valuesProp : defaultValues,
+          inverseStepVl,
+          minPointValue
+        )
+      );
     }
-  }, [defaultValues, divisionQuantity, maxPointValue, minPointValue, setKnobsPositions, valuesProp]);
+  }, [
+    defaultValues,
+    divisionQuantity,
+    maxPointValue,
+    minPointValue,
+    setKnobsPositions,
+    valuesProp
+  ]);
   React.useEffect(() => {
     if (!isDirty.current) {
       return;
@@ -122,7 +195,9 @@ const HvSlider = React.forwardRef((props, ref) => {
     const newKnobsPosition = knobsCurrentPosition.slice();
     const knobsValues = [];
     let duplicatedValue = null;
-    const findDuplicated = newKnobsPosition.filter((item, index) => newKnobsPosition.indexOf(item) !== index);
+    const findDuplicated = newKnobsPosition.filter(
+      (item, index) => newKnobsPosition.indexOf(item) !== index
+    );
     if (noOverlap && findDuplicated.length > 0) {
       [duplicatedValue] = findDuplicated;
     }
@@ -136,7 +211,11 @@ const HvSlider = React.forwardRef((props, ref) => {
           newArray[index] = newPosition;
         }
       }
-      knobsValues[index] = utils.knobsPositionToScaledValue(newPosition, minPointValue, stepValue);
+      knobsValues[index] = utils.knobsPositionToScaledValue(
+        newPosition,
+        minPointValue,
+        stepValue
+      );
     }, void 0);
     return {
       knobsPosition: newKnobsPosition,
@@ -153,7 +232,11 @@ const HvSlider = React.forwardRef((props, ref) => {
     const knobs = generateKnobsPositionAndValues(knobsPosition);
     knobProperties.forEach((knobProperty, index) => {
       if (knobProperty.fixed) {
-        knobs.knobsPosition[index] = utils.scaledValueToKnobsPositionValue(defaultValues[index], minPointValue, inverseStepValue);
+        knobs.knobsPosition[index] = utils.scaledValueToKnobsPositionValue(
+          defaultValues[index],
+          minPointValue,
+          inverseStepValue
+        );
       }
     });
     if (disabled || readOnly)
@@ -162,7 +245,11 @@ const HvSlider = React.forwardRef((props, ref) => {
     setKnobsPositions(knobs.knobsPosition);
   };
   const onInputChangeHandler = (inputValues, index) => {
-    let newKnobPositions = utils.knobsValuesToKnobsPositions(inputValues, inverseStepValue, minPointValue);
+    let newKnobPositions = utils.knobsValuesToKnobsPositions(
+      inputValues,
+      inverseStepValue,
+      minPointValue
+    );
     newKnobPositions = utils.ensureValuesConsistency(newKnobPositions, index);
     onChangeHandler(newKnobPositions);
   };
@@ -175,17 +262,13 @@ const HvSlider = React.forwardRef((props, ref) => {
     onAfterChange?.(knobs.knobsValues);
   };
   const createKnob = (knobNode, params) => {
-    const {
-      value: knobValue,
-      dragging,
-      index
-    } = params;
-    const {
-      className: knobClassName,
-      style,
-      ...restProps
-    } = knobNode.props;
-    const scaledKnobValue = utils.knobsPositionToScaledValue(knobValue, minPointValue, stepValue).toFixed(markDigits);
+    const { value: knobValue, dragging, index } = params;
+    const { className: knobClassName, style, ...restProps } = knobNode.props;
+    const scaledKnobValue = utils.knobsPositionToScaledValue(
+      knobValue,
+      minPointValue,
+      stepValue
+    ).toFixed(markDigits);
     if (dragging) {
       style.backgroundColor = knobProperties[index]?.dragColor;
     } else {
@@ -194,32 +277,186 @@ const HvSlider = React.forwardRef((props, ref) => {
     const isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;
     const handleId = setId.setId(elementId, "knob");
     const indexedHandleId = setId.setId(handleId, index);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx({
-      [classes.handleContainer]: !!(!disabled && !isEmpty),
-      [classes.handleContainerDisabled]: !!(disabled && !isEmpty),
-      [classes.handleHiddenContainer]: isEmpty || readOnly
-    }), children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default.default, { prefixCls: "rc-slider-tooltip", overlay: formatTooltip?.(scaledKnobValue) || scaledKnobValue, visible: dragging, placement: "top", overlayClassName: classes.sliderTooltip, getTooltipContainer: () => document.getElementById(indexedHandleId || ""), children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: indexedHandleId, style, className: cx(knobClassName, classes.handle), ...restProps, "aria-label": `${label}-knob-${index}`, "aria-valuenow": utils.knobsPositionToScaledValue(knobValue, minPointValue, stepValue), "aria-valuemin": minPointValue, "aria-valuemax": maxPointValue, ...knobProps?.[index] }) }) }, index);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cx({
+          [classes.handleContainer]: !!(!disabled && !isEmpty),
+          [classes.handleContainerDisabled]: !!(disabled && !isEmpty),
+          [classes.handleHiddenContainer]: isEmpty || readOnly
+        }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Tooltip__default.default,
+          {
+            prefixCls: "rc-slider-tooltip",
+            overlay: formatTooltip?.(scaledKnobValue) || scaledKnobValue,
+            visible: dragging,
+            placement: "top",
+            overlayClassName: classes.sliderTooltip,
+            getTooltipContainer: () => document.getElementById(indexedHandleId || ""),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                id: indexedHandleId,
+                style,
+                className: cx(knobClassName, classes.handle),
+                ...restProps,
+                "aria-label": `${label}-knob-${index}`,
+                "aria-valuenow": utils.knobsPositionToScaledValue(
+                  knobValue,
+                  minPointValue,
+                  stepValue
+                ),
+                "aria-valuemin": minPointValue,
+                "aria-valuemax": maxPointValue,
+                ...knobProps?.[index]
+              }
+            )
+          }
+        )
+      },
+      index
+    );
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(FormElement.HvFormElement, { className: cx(classes.root, {
-    [classes.trackStandBy]: !readOnly && !disabled && !isSingle && !isDraggingTrack,
-    [classes.trackDragging]: !readOnly && !disabled && !isSingle && isDraggingTrack,
-    [classes.rootDisabled]: !!disabled
-  }, className), id, name, status: utils.statusArrayToFormStatus(validationStatus), disabled, required, readOnly, onMouseDown: onMouseDownHandler, onMouseUp: onMouseUpHandler, onBlur: onBlurHandler, ...others, children: [
-    (hasLabel || !hideInput) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.labelContainer, {
-      [classes.labelIncluded]: hasLabel,
-      [classes.onlyInput]: !hasLabel
-    }), children: [
-      hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, { id: setId.setId(elementId, "label"), className: classes.label, htmlFor: setId.setId(elementId, "slider"), label }),
-      !hideInput && /* @__PURE__ */ jsxRuntime.jsx(SliderInput.HvSliderInput, { id: sliderInputId, label, values: utils.knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue), onChange: onInputChangeHandler, status: validationStatus, disabled, readOnly, markDigits, inputProps })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.sliderBase, classes.sliderContainer), children: [
-      isSingle && /* @__PURE__ */ jsxRuntime.jsx(Slider__default.default, { ref, handleRender: createKnob, className: classes.sliderRoot, min: 0, max: divisionQuantity, step: 1, marks, dotStyle: disabled ? Slider_styles.sliderStyles.dotDisabled : Slider_styles.sliderStyles.dot, onChange: (singleValue) => onChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]), onBeforeChange: (singleValue) => onBeforeChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]), onAfterChange: (singleValue) => onAfterChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]), value: knobsPositions.length > 0 ? knobsPositions[0] : void 0, allowCross: false, disabled, count: rangesCount, railStyle: Slider_styles.sliderStyles.rail, handleStyle: knobStyles.knobInner, trackStyle: trackStyles, ...sliderProps }),
-      !isSingle && /* @__PURE__ */ jsxRuntime.jsx(Slider__default.default, { ref, range: true, handleRender: createKnob, className: cx(classes.sliderRoot, {
-        [classes.rootRange]: !isSingle
-      }), min: 0, max: divisionQuantity, step: 1, marks, disabled, dotStyle: disabled ? Slider_styles.sliderStyles.dotDisabled : Slider_styles.sliderStyles.dot, onChange: (singleValue) => onChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]), onBeforeChange: (singleValue) => onBeforeChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]), onAfterChange: (singleValue) => onAfterChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]), value: knobsPositions.length > 0 ? [...knobsPositions] : void 0, allowCross: false, count: rangesCount, railStyle: Slider_styles.sliderStyles.rail, handleStyle: knobStyles.knobInner, trackStyle: trackStyles, draggableTrack: !readOnly && !isSingle, ...sliderProps })
-    ] }),
-    canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { id: setId.setId(elementId, "error"), className: classes.error, disableBorder: true, children: validationMessage })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    FormElement.HvFormElement,
+    {
+      className: cx(
+        classes.root,
+        {
+          [classes.trackStandBy]: !readOnly && !disabled && !isSingle && !isDraggingTrack,
+          [classes.trackDragging]: !readOnly && !disabled && !isSingle && isDraggingTrack,
+          [classes.rootDisabled]: !!disabled
+        },
+        className
+      ),
+      id,
+      name,
+      status: utils.statusArrayToFormStatus(validationStatus),
+      disabled,
+      required,
+      readOnly,
+      onMouseDown: onMouseDownHandler,
+      onMouseUp: onMouseUpHandler,
+      onBlur: onBlurHandler,
+      ...others,
+      children: [
+        (hasLabel || !hideInput) && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cx(classes.labelContainer, {
+              [classes.labelIncluded]: hasLabel,
+              [classes.onlyInput]: !hasLabel
+            }),
+            children: [
+              hasLabel && /* @__PURE__ */ jsxRuntime.jsx(
+                Label.HvLabel,
+                {
+                  id: setId.setId(elementId, "label"),
+                  className: classes.label,
+                  htmlFor: setId.setId(elementId, "slider"),
+                  label
+                }
+              ),
+              !hideInput && /* @__PURE__ */ jsxRuntime.jsx(
+                SliderInput.HvSliderInput,
+                {
+                  id: sliderInputId,
+                  label,
+                  values: utils.knobsPositionsToKnobsValues(
+                    knobsPositions,
+                    stepValue,
+                    minPointValue
+                  ),
+                  onChange: onInputChangeHandler,
+                  status: validationStatus,
+                  disabled,
+                  readOnly,
+                  markDigits,
+                  inputProps
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.sliderBase, classes.sliderContainer), children: [
+          isSingle && /* @__PURE__ */ jsxRuntime.jsx(
+            Slider__default.default,
+            {
+              ref,
+              handleRender: createKnob,
+              className: classes.sliderRoot,
+              min: 0,
+              max: divisionQuantity,
+              step: 1,
+              marks,
+              dotStyle: disabled ? Slider_styles.sliderStyles.dotDisabled : Slider_styles.sliderStyles.dot,
+              onChange: (singleValue) => onChangeHandler(
+                Array.isArray(singleValue) ? singleValue : [singleValue]
+              ),
+              onBeforeChange: (singleValue) => onBeforeChangeHandler(
+                Array.isArray(singleValue) ? singleValue : [singleValue]
+              ),
+              onAfterChange: (singleValue) => onAfterChangeHandler(
+                Array.isArray(singleValue) ? singleValue : [singleValue]
+              ),
+              value: knobsPositions.length > 0 ? knobsPositions[0] : void 0,
+              allowCross: false,
+              disabled,
+              count: rangesCount,
+              railStyle: Slider_styles.sliderStyles.rail,
+              handleStyle: knobStyles.knobInner,
+              trackStyle: trackStyles,
+              ...sliderProps
+            }
+          ),
+          !isSingle && /* @__PURE__ */ jsxRuntime.jsx(
+            Slider__default.default,
+            {
+              ref,
+              range: true,
+              handleRender: createKnob,
+              className: cx(classes.sliderRoot, {
+                [classes.rootRange]: !isSingle
+              }),
+              min: 0,
+              max: divisionQuantity,
+              step: 1,
+              marks,
+              disabled,
+              dotStyle: disabled ? Slider_styles.sliderStyles.dotDisabled : Slider_styles.sliderStyles.dot,
+              onChange: (singleValue) => onChangeHandler(
+                Array.isArray(singleValue) ? singleValue : [singleValue]
+              ),
+              onBeforeChange: (singleValue) => onBeforeChangeHandler(
+                Array.isArray(singleValue) ? singleValue : [singleValue]
+              ),
+              onAfterChange: (singleValue) => onAfterChangeHandler(
+                Array.isArray(singleValue) ? singleValue : [singleValue]
+              ),
+              value: knobsPositions.length > 0 ? [...knobsPositions] : void 0,
+              allowCross: false,
+              count: rangesCount,
+              railStyle: Slider_styles.sliderStyles.rail,
+              handleStyle: knobStyles.knobInner,
+              trackStyle: trackStyles,
+              draggableTrack: !readOnly && !isSingle,
+              ...sliderProps
+            }
+          )
+        ] }),
+        canShowError && /* @__PURE__ */ jsxRuntime.jsx(
+          WarningText.HvWarningText,
+          {
+            id: setId.setId(elementId, "error"),
+            className: classes.error,
+            disableBorder: true,
+            children: validationMessage
+          }
+        )
+      ]
+    }
+  );
 });
 exports.sliderClasses = Slider_styles.staticClasses;
 exports.HvSlider = HvSlider;

package/dist/cjs/components/Slider/Slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport Slider, { SliderProps, SliderRef } from \"rc-slider\";\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 = forwardRef<SliderRef, HvSliderProps>((props, ref) => {\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        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);\n\n  const knobStyles = createKnobStyles(knobProperties);\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            ref={ref}\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            ref={ref}\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","forwardRef","props","ref","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","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","jsx","handleContainer","handleContainerDisabled","handleHiddenContainer","Tooltip","sliderTooltip","document","getElementById","handle","jsxs","HvFormElement","root","trackStandBy","trackDragging","rootDisabled","statusArrayToFormStatus","labelContainer","labelIncluded","onlyInput","HvLabel","HvSliderInput","knobsPositionsToKnobsValues","sliderBase","sliderContainer","Slider","sliderRoot","sliderStyles","dotDisabled","dot","singleValue","Array","isArray","rail","knobInner","rootRange","HvWarningText","error"],"mappings":"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"}
+{"version":3,"file":"Slider.cjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport Slider, { SliderProps, SliderRef } from \"rc-slider\";\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 = forwardRef<SliderRef, HvSliderProps>((props, ref) => {\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        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);\n\n  const knobStyles = createKnobStyles(knobProperties);\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            ref={ref}\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            ref={ref}\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":["forwardRef","useDefaultProps","useClasses","useRef","useUniqueId","setId","useMemo","calculateStepValue","createMark","isSingleSlider","knobsValuesToKnobsPositions","useControlled","convertStatusToArray","useState","generateDefaultKnobProperties","createTrackStyles","createKnobStyles","useCallback","validationStates","useEffect","knobsPositionToScaledValue","scaledValueToKnobsPositionValue","ensureValuesConsistency","jsx","Tooltip","jsxs","HvFormElement","statusArrayToFormStatus","HvLabel","HvSliderInput","knobsPositionsToKnobsValues","Slider","sliderStyles","HvWarningText"],"mappings":"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"}