@cube-dev/ui-kit 0.197.0 → 0.198.1

package/dist/components/fields/Slider/SliderBase.js

@@ -1,127 +1,335 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { _Text } from "../../content/Text.js";
+import { Text as _Text } from "../../content/Text.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { SliderControlsElement, SliderElement } from "./elements.js";
+import { c } from "react/compiler-runtime";
 import { OUTER_STYLES, tasty } from "@tenphi/tasty";
-import { forwardRef, useMemo, useRef } from "react";
+import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useNumberFormatter, useSlider } from "react-aria";
 import { useFocusableRef } from "@react-spectrum/utils";
 import { useSliderState } from "react-stately";
-
 //#region src/components/fields/Slider/SliderBase.tsx
 const LabelValueElement = tasty(_Text, { styles: {
 	display: "block",
 	textAlign: "right"
 } });
 function SliderBase(allProps, ref) {
-	let props = useFieldProps(allProps, {
-		defaultValidationTrigger: "onChange",
-		valuePropsMapper: ({ value, onChange }) => ({
-			value: value != null ? value : void 0,
-			onChange
-		})
-	});
-	let { labelPosition, label, extra, styles, isRequired, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, gradation, isDisabled, isInvalid, isValid, inputStyles, minValue = 0, maxValue = 100, inputWidth, formatOptions, getValueLabel, onChange: onChange_0, onChangeEnd, children, showValueLabel = true, orientation: formOrientation, form, labelProps: userLabelProps, ...otherProps } = props;
-	let orientation = allProps.orientation || "horizontal";
-	if (Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2) if (formatOptions != null) {
-		if (!("signDisplay" in formatOptions)) formatOptions = {
-			...formatOptions,
-			signDisplay: "exceptZero"
+	const $ = c(86);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			defaultValidationTrigger: "onChange",
+			valuePropsMapper: _temp
 		};
-	} else formatOptions = { signDisplay: "exceptZero" };
+		$[0] = t0;
+	} else t0 = $[0];
+	const props = useFieldProps(allProps, t0);
+	let { labelPosition, label, extra, styles, isRequired, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, gradation, isDisabled, isInvalid, isValid, inputStyles, minValue: t1, maxValue: t2, inputWidth, formatOptions, getValueLabel, onChange: onChange_0, onChangeEnd, children, showValueLabel: t3, orientation: formOrientation, form, labelProps: userLabelProps, ...otherProps } = props;
+	const minValue = t1 === void 0 ? 0 : t1;
+	const maxValue = t2 === void 0 ? 100 : t2;
+	const showValueLabel = t3 === void 0 ? true : t3;
+	const orientation = allProps.orientation || "horizontal";
+	if (Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2) {
+		if (formatOptions != null) {
+			if (!("signDisplay" in formatOptions)) {
+				let t4;
+				if ($[1] !== formatOptions) {
+					t4 = {
+						...formatOptions,
+						signDisplay: "exceptZero"
+					};
+					$[1] = formatOptions;
+					$[2] = t4;
+				} else t4 = $[2];
+				formatOptions = t4;
+			}
+		} else {
+			let t4;
+			if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+				t4 = { signDisplay: "exceptZero" };
+				$[3] = t4;
+			} else t4 = $[3];
+			formatOptions = t4;
+		}
+	}
 	const formatter = useNumberFormatter(formatOptions);
-	const state = useSliderState({
-		...props,
-		orientation,
-		numberFormatter: formatter,
-		minValue,
-		maxValue
-	});
+	let t4;
+	if ($[4] !== formatter || $[5] !== maxValue || $[6] !== minValue || $[7] !== orientation || $[8] !== props) {
+		t4 = {
+			...props,
+			orientation,
+			numberFormatter: formatter,
+			minValue,
+			maxValue
+		};
+		$[4] = formatter;
+		$[5] = maxValue;
+		$[6] = minValue;
+		$[7] = orientation;
+		$[8] = props;
+		$[9] = t4;
+	} else t4 = $[9];
+	const state = useSliderState(t4);
 	const trackRef = useRef(null);
-	let { groupProps, trackProps, labelProps, outputProps } = useSlider(props, state, trackRef);
+	const { groupProps, trackProps, labelProps, outputProps } = useSlider(props, state, trackRef);
 	const inputRef = useRef(null);
-	let domRef = useFocusableRef(ref, inputRef);
-	let displayValue = "";
-	let maxLabelLength = 0;
+	const domRef = useFocusableRef(ref, inputRef);
+	let displayValue;
+	let maxLabelLength;
 	if (typeof getValueLabel === "function") {
-		displayValue = getValueLabel(state.values);
-		switch (state.values.length) {
-			case 1:
-				maxLabelLength = Math.max(getValueLabel([minValue]).length, getValueLabel([maxValue]).length);
-				break;
-			case 2:
-				maxLabelLength = Math.max(getValueLabel([minValue, minValue]).length, getValueLabel([minValue, maxValue]).length, getValueLabel([maxValue, minValue]).length, getValueLabel([maxValue, maxValue]).length);
-				break;
+		let t5;
+		if ($[10] !== getValueLabel || $[11] !== state.values) {
+			t5 = getValueLabel(state.values);
+			$[10] = getValueLabel;
+			$[11] = state.values;
+			$[12] = t5;
+		} else t5 = $[12];
+		displayValue = t5;
+		bb0: switch (state.values.length) {
+			case 1: {
+				let t6;
+				if ($[13] !== getValueLabel || $[14] !== minValue) {
+					t6 = getValueLabel([minValue]);
+					$[13] = getValueLabel;
+					$[14] = minValue;
+					$[15] = t6;
+				} else t6 = $[15];
+				const t7 = t6.length;
+				let t8;
+				if ($[16] !== getValueLabel || $[17] !== maxValue) {
+					t8 = getValueLabel([maxValue]);
+					$[16] = getValueLabel;
+					$[17] = maxValue;
+					$[18] = t8;
+				} else t8 = $[18];
+				maxLabelLength = Math.max(t7, t8.length);
+				break bb0;
+			}
+			case 2: {
+				let t6;
+				if ($[19] !== getValueLabel || $[20] !== minValue) {
+					t6 = getValueLabel([minValue, minValue]);
+					$[19] = getValueLabel;
+					$[20] = minValue;
+					$[21] = t6;
+				} else t6 = $[21];
+				const t7 = t6.length;
+				let t8;
+				if ($[22] !== getValueLabel || $[23] !== maxValue || $[24] !== minValue) {
+					t8 = getValueLabel([minValue, maxValue]);
+					$[22] = getValueLabel;
+					$[23] = maxValue;
+					$[24] = minValue;
+					$[25] = t8;
+				} else t8 = $[25];
+				const t9 = t8.length;
+				let t10;
+				if ($[26] !== getValueLabel || $[27] !== maxValue || $[28] !== minValue) {
+					t10 = getValueLabel([maxValue, minValue]);
+					$[26] = getValueLabel;
+					$[27] = maxValue;
+					$[28] = minValue;
+					$[29] = t10;
+				} else t10 = $[29];
+				const t11 = t10.length;
+				let t12;
+				if ($[30] !== getValueLabel || $[31] !== maxValue) {
+					t12 = getValueLabel([maxValue, maxValue]);
+					$[30] = getValueLabel;
+					$[31] = maxValue;
+					$[32] = t12;
+				} else t12 = $[32];
+				maxLabelLength = Math.max(t7, t9, t11, t12.length);
+				break bb0;
+			}
 			default: throw new Error("Only sliders with 1 or 2 handles are supported!");
 		}
 	} else {
-		maxLabelLength = Math.max([...formatter.format(minValue)].length, [...formatter.format(maxValue)].length);
-		switch (state.values.length) {
-			case 1:
-				displayValue = state.getThumbValueLabel(0);
-				break;
-			case 2:
-				displayValue = `${state.getThumbValueLabel(0)} – ${state.getThumbValueLabel(1)}`;
-				maxLabelLength = 3 + 2 * Math.max(maxLabelLength, [...formatter.format(minValue)].length, [...formatter.format(maxValue)].length);
-				break;
+		let t5;
+		if ($[33] !== formatter || $[34] !== minValue) {
+			t5 = [...formatter.format(minValue)];
+			$[33] = formatter;
+			$[34] = minValue;
+			$[35] = t5;
+		} else t5 = $[35];
+		let t6;
+		if ($[36] !== formatter || $[37] !== maxValue) {
+			t6 = [...formatter.format(maxValue)];
+			$[36] = formatter;
+			$[37] = maxValue;
+			$[38] = t6;
+		} else t6 = $[38];
+		maxLabelLength = Math.max(t5.length, t6.length);
+		bb1: switch (state.values.length) {
+			case 1: {
+				let t7;
+				if ($[39] !== state) {
+					t7 = state.getThumbValueLabel(0);
+					$[39] = state;
+					$[40] = t7;
+				} else t7 = $[40];
+				displayValue = t7;
+				break bb1;
+			}
+			case 2: {
+				let t7;
+				if ($[41] !== state) {
+					t7 = state.getThumbValueLabel(0);
+					$[41] = state;
+					$[42] = t7;
+				} else t7 = $[42];
+				let t8;
+				if ($[43] !== state) {
+					t8 = state.getThumbValueLabel(1);
+					$[43] = state;
+					$[44] = t8;
+				} else t8 = $[44];
+				displayValue = `${t7} – ${t8}`;
+				let t9;
+				if ($[45] !== formatter || $[46] !== minValue) {
+					t9 = [...formatter.format(minValue)];
+					$[45] = formatter;
+					$[46] = minValue;
+					$[47] = t9;
+				} else t9 = $[47];
+				let t10;
+				if ($[48] !== formatter || $[49] !== maxValue) {
+					t10 = [...formatter.format(maxValue)];
+					$[48] = formatter;
+					$[49] = maxValue;
+					$[50] = t10;
+				} else t10 = $[50];
+				maxLabelLength = 3 + 2 * Math.max(maxLabelLength, t9.length, t10.length);
+				break bb1;
+			}
 			default: throw new Error("Only sliders with 1 or 2 handles are supported!");
 		}
 	}
-	extra = extra != null || !showValueLabel ? extra : /* @__PURE__ */ jsx(LabelValueElement, {
-		...outputProps,
-		style: maxLabelLength ? {
-			width: `${maxLabelLength + 1}ch`,
-			minWidth: `${maxLabelLength + 1}ch`
-		} : void 0,
-		children: displayValue
-	});
-	const mods = useMemo(() => ({
-		"side-label": labelPosition === "side",
-		horizontal: orientation === "horizontal",
-		...getValidationMods({
+	let t5;
+	if ($[51] !== displayValue || $[52] !== extra || $[53] !== maxLabelLength || $[54] !== outputProps || $[55] !== showValueLabel) {
+		t5 = extra != null || !showValueLabel ? extra : /* @__PURE__ */ jsx(LabelValueElement, {
+			...outputProps,
+			style: maxLabelLength ? {
+				width: `${maxLabelLength + 1}ch`,
+				minWidth: `${maxLabelLength + 1}ch`
+			} : void 0,
+			children: displayValue
+		});
+		$[51] = displayValue;
+		$[52] = extra;
+		$[53] = maxLabelLength;
+		$[54] = outputProps;
+		$[55] = showValueLabel;
+		$[56] = t5;
+	} else t5 = $[56];
+	extra = t5;
+	const t6 = labelPosition === "side";
+	const t7 = orientation === "horizontal";
+	let t8;
+	if ($[57] !== isInvalid || $[58] !== isValid) {
+		t8 = getValidationMods({
 			isInvalid,
 			isValid
-		})
-	}), [
-		labelPosition,
-		orientation,
-		isInvalid,
-		isValid
-	]);
+		});
+		$[57] = isInvalid;
+		$[58] = isValid;
+		$[59] = t8;
+	} else t8 = $[59];
+	let t9;
+	if ($[60] !== t6 || $[61] !== t7 || $[62] !== t8) {
+		t9 = {
+			"side-label": t6,
+			horizontal: t7,
+			...t8
+		};
+		$[60] = t6;
+		$[61] = t7;
+		$[62] = t8;
+		$[63] = t9;
+	} else t9 = $[63];
+	const mods = t9;
 	styles = extractStyles(otherProps, OUTER_STYLES, styles);
-	return wrapWithField(/* @__PURE__ */ jsx(SliderElement, {
-		ref: domRef,
-		...groupProps,
-		id: props.id ?? groupProps.id,
-		mods,
-		styles,
-		"data-input-type": "slider",
-		children: /* @__PURE__ */ jsx(SliderControlsElement, {
+	const t10 = props.id ?? groupProps.id;
+	const t11 = styles;
+	let t12;
+	if ($[64] !== children || $[65] !== isInvalid || $[66] !== isValid || $[67] !== state) {
+		t12 = children({
+			trackRef,
+			inputRef,
+			state,
+			isInvalid,
+			isValid
+		});
+		$[64] = children;
+		$[65] = isInvalid;
+		$[66] = isValid;
+		$[67] = state;
+		$[68] = t12;
+	} else t12 = $[68];
+	let t13;
+	if ($[69] !== mods || $[70] !== t12 || $[71] !== trackProps) {
+		t13 = /* @__PURE__ */ jsx(SliderControlsElement, {
 			...trackProps,
 			ref: trackRef,
 			mods,
-			children: children({
-				trackRef,
-				inputRef,
-				state,
-				isInvalid,
-				isValid
-			})
-		})
-	}), ref, {
-		...props,
-		extra,
-		labelProps: mergeProps$1(labelProps, userLabelProps)
-	});
+			children: t12
+		});
+		$[69] = mods;
+		$[70] = t12;
+		$[71] = trackProps;
+		$[72] = t13;
+	} else t13 = $[72];
+	let t14;
+	if ($[73] !== domRef || $[74] !== groupProps || $[75] !== mods || $[76] !== styles || $[77] !== t10 || $[78] !== t13) {
+		t14 = /* @__PURE__ */ jsx(SliderElement, {
+			ref: domRef,
+			...groupProps,
+			id: t10,
+			mods,
+			styles: t11,
+			"data-input-type": "slider",
+			children: t13
+		});
+		$[73] = domRef;
+		$[74] = groupProps;
+		$[75] = mods;
+		$[76] = styles;
+		$[77] = t10;
+		$[78] = t13;
+		$[79] = t14;
+	} else t14 = $[79];
+	const sliderField = t14;
+	let t15;
+	if ($[80] !== extra || $[81] !== labelProps || $[82] !== props || $[83] !== sliderField || $[84] !== userLabelProps) {
+		t15 = wrapWithField(sliderField, {
+			...props,
+			extra,
+			labelProps: mergeProps$1(labelProps, userLabelProps)
+		});
+		$[80] = extra;
+		$[81] = labelProps;
+		$[82] = props;
+		$[83] = sliderField;
+		$[84] = userLabelProps;
+		$[85] = t15;
+	} else t15 = $[85];
+	return t15;
+}
+function _temp(t0) {
+	const { value, onChange } = t0;
+	return {
+		value: value != null ? value : void 0,
+		onChange
+	};
 }
 const _SliderBase = forwardRef(SliderBase);
 _SliderBase.displayName = "SliderBase";
-
 //#endregion
-export { _SliderBase };
+export { _SliderBase as SliderBase, useSlider };
+
 //# sourceMappingURL=SliderBase.js.map

package/dist/components/fields/Slider/SliderBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderBase.js","names":["useFocusableRef","FocusableRef","FocusableRefValue","OUTER_STYLES","tasty","ForwardedRef","forwardRef","ForwardRefRenderFunction","ReactElement","ReactNode","RefObject","useMemo","useRef","useNumberFormatter","useSlider","useSliderState","mergeProps","extractStyles","Text","getValidationMods","useFieldProps","wrapWithField","SliderControlsElement","SliderElement","SliderState","CubeSliderBaseProps","SliderBaseChildArguments","inputRef","HTMLInputElement","trackRef","HTMLElement","state","isInvalid","isValid","SliderBaseProps","Omit","T","field","children","opts","LabelValueElement","styles","display","textAlign","SliderBase","allProps","ref","HTMLDivElement","props","defaultValidationTrigger","valuePropsMapper","value","onChange","undefined","labelPosition","label","extra","isRequired","message","description","requiredMark","labelSuffix","labelStyles","necessityIndicator","gradation","isDisabled","inputStyles","minValue","maxValue","inputWidth","formatOptions","getValueLabel","onChangeEnd","showValueLabel","orientation","formOrientation","form","labelProps","userLabelProps","otherProps","alwaysDisplaySign","Math","abs","sign","signDisplay","formatter","numberFormatter","groupProps","trackProps","outputProps","domRef","displayValue","maxLabelLength","values","length","max","Error","format","getThumbValueLabel","width","minWidth","mods","horizontal","sliderField","id","_SliderBase","displayName"],"sources":["../../../../src/components/fields/Slider/SliderBase.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, FocusableRefValue } from '@react-types/shared';\nimport { OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useNumberFormatter, useSlider } from 'react-aria';\nimport { useSliderState } from 'react-stately';\n\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\n\nimport { SliderControlsElement, SliderElement } from './elements';\n\nimport type { SliderState } from 'react-stately';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface SliderBaseChildArguments {\n  inputRef: RefObject<HTMLInputElement | null>;\n  trackRef: RefObject<HTMLElement | null>;\n  state: SliderState;\n  /** Resolved validation state. It is only known here, after `useFieldProps` merged the form state in. */\n  isInvalid?: boolean;\n  isValid?: boolean;\n}\n\nexport interface SliderBaseProps<T = number[]>\n  extends Omit<CubeSliderBaseProps<T>, 'field'> {\n  field?: CubeSliderBaseProps<number | number[]>['field'];\n  children: (opts: SliderBaseChildArguments) => ReactNode;\n}\n\nconst LabelValueElement = tasty(Text, {\n  styles: {\n    display: 'block',\n    textAlign: 'right',\n  },\n});\n\nfunction SliderBase(\n  allProps: SliderBaseProps,\n  ref: FocusableRef<HTMLDivElement>,\n) {\n  let props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value != null ? value : undefined,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    labelPosition,\n    label,\n    extra,\n    styles,\n    isRequired,\n    message,\n    description,\n    requiredMark,\n    labelSuffix,\n    labelStyles,\n    necessityIndicator,\n    gradation,\n    isDisabled,\n    isInvalid,\n    isValid,\n    inputStyles,\n    minValue = 0,\n    maxValue = 100,\n    inputWidth,\n    formatOptions,\n    getValueLabel,\n    onChange,\n    onChangeEnd,\n    children,\n    showValueLabel = true,\n    orientation: formOrientation,\n    form,\n    labelProps: userLabelProps,\n    ...otherProps\n  } = props;\n\n  let orientation = allProps.orientation || 'horizontal';\n\n  // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.\n  let alwaysDisplaySign =\n    Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2;\n  if (alwaysDisplaySign) {\n    if (formatOptions != null) {\n      if (!('signDisplay' in formatOptions)) {\n        formatOptions = {\n          ...formatOptions,\n          signDisplay: 'exceptZero',\n        };\n      }\n    } else {\n      formatOptions = { signDisplay: 'exceptZero' };\n    }\n  }\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  const state = useSliderState({\n    ...props,\n    orientation,\n    numberFormatter: formatter,\n    minValue,\n    maxValue,\n  });\n\n  const trackRef = useRef<HTMLElement>(null);\n\n  let { groupProps, trackProps, labelProps, outputProps } = useSlider(\n    props,\n    state,\n    trackRef,\n  );\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  let domRef = useFocusableRef(ref as any, inputRef);\n\n  let displayValue = '';\n  let maxLabelLength = 0;\n\n  if (typeof getValueLabel === 'function') {\n    displayValue = getValueLabel(state.values);\n    switch (state.values.length) {\n      case 1:\n        maxLabelLength = Math.max(\n          getValueLabel([minValue]).length,\n          getValueLabel([maxValue]).length,\n        );\n        break;\n      case 2:\n        // Try all possible combinations of min and max values.\n        maxLabelLength = Math.max(\n          getValueLabel([minValue, minValue]).length,\n          getValueLabel([minValue, maxValue]).length,\n          getValueLabel([maxValue, minValue]).length,\n          getValueLabel([maxValue, maxValue]).length,\n        );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  } else {\n    maxLabelLength = Math.max(\n      [...formatter.format(minValue)].length,\n      [...formatter.format(maxValue)].length,\n    );\n    switch (state.values.length) {\n      case 1:\n        displayValue = state.getThumbValueLabel(0);\n        break;\n      case 2:\n        // This should really use the NumberFormat#formatRange proposal...\n        // https://github.com/tc39/ecma402/issues/393\n        // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393\n        displayValue = `${state.getThumbValueLabel(\n          0,\n        )} – ${state.getThumbValueLabel(1)}`;\n        maxLabelLength =\n          3 +\n          2 *\n            Math.max(\n              maxLabelLength,\n              [...formatter.format(minValue)].length,\n              [...formatter.format(maxValue)].length,\n            );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  }\n\n  extra =\n    extra != null || !showValueLabel ? (\n      extra\n    ) : (\n      <LabelValueElement\n        {...outputProps}\n        style={\n          maxLabelLength\n            ? {\n                width: `${maxLabelLength + 1}ch`,\n                minWidth: `${maxLabelLength + 1}ch`,\n              }\n            : undefined\n        }\n      >\n        {displayValue}\n      </LabelValueElement>\n    );\n\n  const mods = useMemo(\n    () => ({\n      'side-label': labelPosition === 'side',\n      horizontal: orientation === 'horizontal',\n      ...getValidationMods({ isInvalid, isValid }),\n    }),\n    [labelPosition, orientation, isInvalid, isValid],\n  );\n\n  styles = extractStyles(otherProps, OUTER_STYLES, styles);\n\n  const sliderField = (\n    <SliderElement\n      ref={domRef}\n      {...groupProps}\n      // `useSlider` seeds the group id once; the current id follows the form\n      // binding, and the label points at it.\n      id={props.id ?? groupProps.id}\n      mods={mods}\n      styles={styles}\n      data-input-type=\"slider\"\n    >\n      <SliderControlsElement {...trackProps} ref={trackRef} mods={mods}>\n        {children({\n          trackRef,\n          inputRef,\n          state,\n          isInvalid,\n          isValid,\n        })}\n      </SliderControlsElement>\n    </SliderElement>\n  );\n\n  return wrapWithField(sliderField, ref, {\n    ...props,\n    extra,\n    labelProps: mergeProps(labelProps, userLabelProps),\n  });\n}\n\n// Preserve the existing FocusableRef wrapper contract. The cast keeps the\n// props as declared, since `forwardRef`'s `Omit<…, 'ref'>` loses required\n// `children`; migrate this wrapper with its public declaration fixtures.\nconst _SliderBase = forwardRef(\n  SliderBase as ForwardRefRenderFunction<\n    FocusableRefValue<HTMLDivElement>,\n    any\n  >,\n) as unknown as (\n  props: SliderBaseProps & { ref?: FocusableRef<HTMLDivElement> },\n) => ReactElement;\n\n(_SliderBase as any).displayName = 'SliderBase';\n\nexport { _SliderBase as SliderBase };\nexport { useSlider };\n"],"mappings":"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"}
+{"version":3,"file":"SliderBase.js","names":["useFocusableRef","FocusableRef","FocusableRefValue","OUTER_STYLES","tasty","ForwardedRef","forwardRef","ForwardRefRenderFunction","ReactElement","ReactNode","RefObject","useMemo","useRef","useNumberFormatter","useSlider","useSliderState","mergeProps","extractStyles","Text","getValidationMods","useFieldProps","wrapWithField","SliderControlsElement","SliderElement","SliderState","CubeSliderBaseProps","SliderBaseChildArguments","inputRef","HTMLInputElement","trackRef","HTMLElement","state","isInvalid","isValid","SliderBaseProps","Omit","T","field","children","opts","LabelValueElement","styles","display","textAlign","SliderBase","allProps","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","labelPosition","label","extra","isRequired","message","description","requiredMark","labelSuffix","labelStyles","necessityIndicator","gradation","isDisabled","inputStyles","minValue","t1","maxValue","t2","inputWidth","formatOptions","getValueLabel","onChange","onChange_0","onChangeEnd","showValueLabel","t3","orientation","formOrientation","form","labelProps","userLabelProps","otherProps","undefined","alwaysDisplaySign","Math","abs","sign","t4","signDisplay","formatter","numberFormatter","groupProps","trackProps","outputProps","domRef","displayValue","maxLabelLength","t5","values","bb0","length","t6","t7","t8","max","t9","t10","t11","t12","Error","format","bb1","getThumbValueLabel","width","minWidth","horizontal","mods","id","t13","t14","sliderField","t15","value","_SliderBase","HTMLDivElement","displayName","Text","_c","mergeProps"],"sources":["../../../../src/components/fields/Slider/SliderBase.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, FocusableRefValue } from '@react-types/shared';\nimport { OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useNumberFormatter, useSlider } from 'react-aria';\nimport { useSliderState } from 'react-stately';\n\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\n\nimport { SliderControlsElement, SliderElement } from './elements';\n\nimport type { SliderState } from 'react-stately';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface SliderBaseChildArguments {\n  inputRef: RefObject<HTMLInputElement | null>;\n  trackRef: RefObject<HTMLElement | null>;\n  state: SliderState;\n  /** Resolved validation state. It is only known here, after `useFieldProps` merged the form state in. */\n  isInvalid?: boolean;\n  isValid?: boolean;\n}\n\nexport interface SliderBaseProps<T = number[]> extends Omit<\n  CubeSliderBaseProps<T>,\n  'field'\n> {\n  field?: CubeSliderBaseProps<number | number[]>['field'];\n  children: (opts: SliderBaseChildArguments) => ReactNode;\n}\n\nconst LabelValueElement = tasty(Text, {\n  styles: {\n    display: 'block',\n    textAlign: 'right',\n  },\n});\n\nfunction SliderBase(\n  allProps: SliderBaseProps,\n  ref: FocusableRef<HTMLDivElement>,\n) {\n  let props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value != null ? value : undefined,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    labelPosition,\n    label,\n    extra,\n    styles,\n    isRequired,\n    message,\n    description,\n    requiredMark,\n    labelSuffix,\n    labelStyles,\n    necessityIndicator,\n    gradation,\n    isDisabled,\n    isInvalid,\n    isValid,\n    inputStyles,\n    minValue = 0,\n    maxValue = 100,\n    inputWidth,\n    formatOptions,\n    getValueLabel,\n    onChange,\n    onChangeEnd,\n    children,\n    showValueLabel = true,\n    orientation: formOrientation,\n    form,\n    labelProps: userLabelProps,\n    ...otherProps\n  } = props;\n\n  let orientation = allProps.orientation || 'horizontal';\n\n  // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.\n  let alwaysDisplaySign =\n    Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2;\n  if (alwaysDisplaySign) {\n    if (formatOptions != null) {\n      if (!('signDisplay' in formatOptions)) {\n        formatOptions = {\n          ...formatOptions,\n          signDisplay: 'exceptZero',\n        };\n      }\n    } else {\n      formatOptions = { signDisplay: 'exceptZero' };\n    }\n  }\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  const state = useSliderState({\n    ...props,\n    orientation,\n    numberFormatter: formatter,\n    minValue,\n    maxValue,\n  });\n\n  const trackRef = useRef<HTMLElement>(null);\n\n  let { groupProps, trackProps, labelProps, outputProps } = useSlider(\n    props,\n    state,\n    trackRef,\n  );\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  let domRef = useFocusableRef(ref as any, inputRef);\n\n  let displayValue = '';\n  let maxLabelLength = 0;\n\n  if (typeof getValueLabel === 'function') {\n    displayValue = getValueLabel(state.values);\n    switch (state.values.length) {\n      case 1:\n        maxLabelLength = Math.max(\n          getValueLabel([minValue]).length,\n          getValueLabel([maxValue]).length,\n        );\n        break;\n      case 2:\n        // Try all possible combinations of min and max values.\n        maxLabelLength = Math.max(\n          getValueLabel([minValue, minValue]).length,\n          getValueLabel([minValue, maxValue]).length,\n          getValueLabel([maxValue, minValue]).length,\n          getValueLabel([maxValue, maxValue]).length,\n        );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  } else {\n    maxLabelLength = Math.max(\n      [...formatter.format(minValue)].length,\n      [...formatter.format(maxValue)].length,\n    );\n    switch (state.values.length) {\n      case 1:\n        displayValue = state.getThumbValueLabel(0);\n        break;\n      case 2:\n        // This should really use the NumberFormat#formatRange proposal...\n        // https://github.com/tc39/ecma402/issues/393\n        // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393\n        displayValue = `${state.getThumbValueLabel(\n          0,\n        )} – ${state.getThumbValueLabel(1)}`;\n        maxLabelLength =\n          3 +\n          2 *\n            Math.max(\n              maxLabelLength,\n              [...formatter.format(minValue)].length,\n              [...formatter.format(maxValue)].length,\n            );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  }\n\n  extra =\n    extra != null || !showValueLabel ? (\n      extra\n    ) : (\n      <LabelValueElement\n        {...outputProps}\n        style={\n          maxLabelLength\n            ? {\n                width: `${maxLabelLength + 1}ch`,\n                minWidth: `${maxLabelLength + 1}ch`,\n              }\n            : undefined\n        }\n      >\n        {displayValue}\n      </LabelValueElement>\n    );\n\n  const mods = useMemo(\n    () => ({\n      'side-label': labelPosition === 'side',\n      horizontal: orientation === 'horizontal',\n      ...getValidationMods({ isInvalid, isValid }),\n    }),\n    [labelPosition, orientation, isInvalid, isValid],\n  );\n\n  styles = extractStyles(otherProps, OUTER_STYLES, styles);\n\n  const sliderField = (\n    <SliderElement\n      ref={domRef}\n      {...groupProps}\n      // `useSlider` seeds the group id once; the current id follows the form\n      // binding, and the label points at it.\n      id={props.id ?? groupProps.id}\n      mods={mods}\n      styles={styles}\n      data-input-type=\"slider\"\n    >\n      <SliderControlsElement {...trackProps} ref={trackRef} mods={mods}>\n        {children({\n          trackRef,\n          inputRef,\n          state,\n          isInvalid,\n          isValid,\n        })}\n      </SliderControlsElement>\n    </SliderElement>\n  );\n\n  return wrapWithField(sliderField, {\n    ...props,\n    extra,\n    labelProps: mergeProps(labelProps, userLabelProps),\n  });\n}\n\n// Preserve the existing FocusableRef wrapper contract. The cast keeps the\n// props as declared, since `forwardRef`'s `Omit<…, 'ref'>` loses required\n// `children`; migrate this wrapper with its public declaration fixtures.\nconst _SliderBase = forwardRef(\n  SliderBase as ForwardRefRenderFunction<\n    FocusableRefValue<HTMLDivElement>,\n    any\n  >,\n) as unknown as (\n  props: SliderBaseProps & { ref?: FocusableRef<HTMLDivElement> },\n) => ReactElement;\n\n(_SliderBase as any).displayName = 'SliderBase';\n\nexport { _SliderBase as SliderBase };\nexport { useSlider };\n"],"mappings":"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"}

package/dist/components/fields/Slider/SliderThumb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderThumbElement } from "./elements.js";
@@ -6,7 +6,6 @@ import { c } from "react/compiler-runtime";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { VisuallyHidden, useHover, useSliderThumb } from "react-aria";
-
 //#region src/components/fields/Slider/SliderThumb.tsx
 function SliderThumb(props) {
 	const $ = c(31);
@@ -111,7 +110,7 @@ function SliderThumb(props) {
 	} else t11 = $[30];
 	return t11;
 }
-
 //#endregion
 export { SliderThumb };
+
 //# sourceMappingURL=SliderThumb.js.map

package/dist/components/fields/Slider/SliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.js","names":["Styles","Tokens","RefObject","useRef","AriaSliderThumbOptions","useHover","useSliderThumb","VisuallyHidden","mergeProps","getValidationMods","SliderThumbElement","SliderState","SliderThumbProps","state","isDisabled","isInvalid","isValid","trackRef","HTMLElement","inputRef","HTMLInputElement","index","styles","tokens","SliderThumb","props","$","_c","backupRef","t0","thumbProps","inputProps","isDragging","isFocused","t1","hoverProps","isHovered","isCollapsed","values","t2","getThumbMaxValue","getThumbMinValue","isStuck","t3","t5","t6","hovered","dragged","focused","disabled","collapsed","stuck","mods","t9","t10","t11"],"sources":["../../../../src/components/fields/Slider/SliderThumb.tsx"],"sourcesContent":["import { Styles, Tokens } from '@tenphi/tasty';\nimport { RefObject, useRef } from 'react';\nimport {\n  AriaSliderThumbOptions,\n  useHover,\n  useSliderThumb,\n  VisuallyHidden,\n} from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { getValidationMods } from '../../form';\n\nimport { SliderThumbElement } from './elements';\n\nimport type { SliderState } from 'react-stately';\n\nexport interface SliderThumbProps extends AriaSliderThumbOptions {\n  state: SliderState;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  trackRef: RefObject<HTMLElement | null>;\n  inputRef: RefObject<HTMLInputElement | null>;\n  index: number;\n  styles?: Styles;\n  tokens?: Tokens;\n}\n\nexport function SliderThumb(props: SliderThumbProps) {\n  let {\n    state,\n    index,\n    inputRef,\n    isDisabled,\n    isInvalid,\n    isValid,\n    styles,\n    tokens,\n  } = props;\n\n  const backupRef = useRef<HTMLInputElement>(null);\n\n  inputRef = inputRef || backupRef;\n\n  const { thumbProps, inputProps, isDragging, isFocused } = useSliderThumb(\n    {\n      ...props,\n      inputRef,\n    },\n    state,\n  );\n\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n\n  const isCollapsed = state.values[0] === state.values[1];\n  const isStuck =\n    state.values[index] === state.getThumbMaxValue(index) &&\n    state.values[index] === state.getThumbMinValue(index);\n\n  const mods = {\n    hovered: isHovered,\n    dragged: isDragging,\n    focused: !isDragging && isFocused,\n    disabled: isDisabled,\n    collapsed: isCollapsed,\n    stuck: isStuck,\n    ...getValidationMods({ isInvalid, isValid }),\n  };\n\n  return (\n    <SliderThumbElement\n      mods={mods}\n      styles={styles}\n      tokens={tokens}\n      {...mergeProps(thumbProps, hoverProps)}\n      role=\"presentation\"\n    >\n      <VisuallyHidden>\n        <input ref={inputRef} {...inputProps} />\n      </VisuallyHidden>\n    </SliderThumbElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SliderThumb.js","names":["Styles","Tokens","RefObject","useRef","AriaSliderThumbOptions","useHover","useSliderThumb","VisuallyHidden","mergeProps","getValidationMods","SliderThumbElement","SliderState","SliderThumbProps","state","isDisabled","isInvalid","isValid","trackRef","HTMLElement","inputRef","HTMLInputElement","index","styles","tokens","SliderThumb","props","$","_c","backupRef","t0","thumbProps","inputProps","isDragging","isFocused","t1","hoverProps","isHovered","isCollapsed","values","t2","getThumbMaxValue","getThumbMinValue","isStuck","t3","t5","t6","hovered","dragged","focused","disabled","collapsed","stuck","mods","t9","t10","t11","_c","mergeProps"],"sources":["../../../../src/components/fields/Slider/SliderThumb.tsx"],"sourcesContent":["import { Styles, Tokens } from '@tenphi/tasty';\nimport { RefObject, useRef } from 'react';\nimport {\n  AriaSliderThumbOptions,\n  useHover,\n  useSliderThumb,\n  VisuallyHidden,\n} from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { getValidationMods } from '../../form';\n\nimport { SliderThumbElement } from './elements';\n\nimport type { SliderState } from 'react-stately';\n\nexport interface SliderThumbProps extends AriaSliderThumbOptions {\n  state: SliderState;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  trackRef: RefObject<HTMLElement | null>;\n  inputRef: RefObject<HTMLInputElement | null>;\n  index: number;\n  styles?: Styles;\n  tokens?: Tokens;\n}\n\nexport function SliderThumb(props: SliderThumbProps) {\n  let {\n    state,\n    index,\n    inputRef,\n    isDisabled,\n    isInvalid,\n    isValid,\n    styles,\n    tokens,\n  } = props;\n\n  const backupRef = useRef<HTMLInputElement>(null);\n\n  inputRef = inputRef || backupRef;\n\n  const { thumbProps, inputProps, isDragging, isFocused } = useSliderThumb(\n    {\n      ...props,\n      inputRef,\n    },\n    state,\n  );\n\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n\n  const isCollapsed = state.values[0] === state.values[1];\n  const isStuck =\n    state.values[index] === state.getThumbMaxValue(index) &&\n    state.values[index] === state.getThumbMinValue(index);\n\n  const mods = {\n    hovered: isHovered,\n    dragged: isDragging,\n    focused: !isDragging && isFocused,\n    disabled: isDisabled,\n    collapsed: isCollapsed,\n    stuck: isStuck,\n    ...getValidationMods({ isInvalid, isValid }),\n  };\n\n  return (\n    <SliderThumbElement\n      mods={mods}\n      styles={styles}\n      tokens={tokens}\n      {...mergeProps(thumbProps, hoverProps)}\n      role=\"presentation\"\n    >\n      <VisuallyHidden>\n        <input ref={inputRef} {...inputProps} />\n      </VisuallyHidden>\n    </SliderThumbElement>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/Slider/SliderTrack.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderTrackContainerElement } from "./elements.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/fields/Slider/SliderTrack.tsx
 function SliderTrack(props) {
 	const $ = c(19);
@@ -73,7 +72,7 @@ function SliderTrack(props) {
 	} else t6 = $[18];
 	return t6;
 }
-
 //#endregion
 export { SliderTrack };
+
 //# sourceMappingURL=SliderTrack.js.map

package/dist/components/fields/Slider/SliderTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderTrack.js","names":["Styles","getValidationMods","SliderTrackContainerElement","SliderState","SliderTrackProps","state","orientation","isDisabled","isInvalid","isValid","styles","SliderTrack","props","$","_c","t0","undefined","selectedTrack","t1","getThumbPercent","Number","isNaN","showRangeTrack","t2","t3","t4","disabled","horizontal","range","mods","t5","t6"],"sources":["../../../../src/components/fields/Slider/SliderTrack.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\n\nimport { getValidationMods } from '../../form';\n\nimport { SliderTrackContainerElement } from './elements';\n\nimport type { SliderState } from 'react-stately';\n\nexport type SliderTrackProps = {\n  state: SliderState;\n  orientation?: 'horizontal' | 'vertical';\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  styles?: Styles;\n};\n\nexport function SliderTrack(props: SliderTrackProps) {\n  const {\n    isDisabled,\n    isInvalid,\n    isValid,\n    state,\n    orientation = 'horizontal',\n    styles,\n  } = props;\n  const selectedTrack = [state.getThumbPercent(0), state.getThumbPercent(1)];\n\n  const showRangeTrack = !Number.isNaN(selectedTrack[1]);\n\n  const mods = {\n    disabled: isDisabled,\n    horizontal: orientation === 'horizontal',\n    range: showRangeTrack,\n    ...getValidationMods({ isInvalid, isValid }),\n  };\n\n  return (\n    <SliderTrackContainerElement\n      mods={mods}\n      styles={styles}\n      style={\n        showRangeTrack\n          ? {\n              '--slider-range-start': `${selectedTrack[0] * 100}%`,\n              '--slider-range-end': `${selectedTrack[1] * 100}%`,\n            }\n          : {\n              '--slider-value': `${selectedTrack[0] * 100}%`,\n            }\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAOW,YAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAP,YAAAC,WAAAC,SAAAJ,OAAAC,aAAAS,IAAAL,WAOIE;CAFF,MAAAN,cAAAS,OAAAC,SAAA,eAAAD;CAA0B,IAAAE;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAR,OAAA;AAG5BY,kBAAsB,CAACZ,MAAKc,gBAAiB,EAAE,EAAEd,MAAKc,gBAAiB,EAAE,CAAC;AAElDD,OAAAE,OAAMC,MAAOJ,cAAa,GAAI;AAAAJ,IAAA,KAAAR;AAAAQ,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAD,kBAAAJ,EAAA;AAAAK,OAAAL,EAAA;;CAAtD,MAAAS,iBAAuB,CAACJ;CAIV,MAAAK,KAAAjB,gBAAgB;CAAY,IAAAkB;AAAA,KAAAX,EAAA,OAAAL,aAAAK,EAAA,OAAAJ,SAAA;AAErCe,OAAAvB,kBAAkB;GAAAO;GAAAC;GAAsB,CAAC;AAAAI,IAAA,KAAAL;AAAAK,IAAA,KAAAJ;AAAAI,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAN,cAAAM,EAAA,OAAAS,kBAAAT,EAAA,OAAAU,MAAAV,EAAA,OAAAW,IAAA;AAJjCC,OAAA;GAAAC,UACDnB;GAAUoB,YACRJ;GAA4BK,OACjCN;GAAc,GAClBE;GACJ;AAAAX,IAAA,KAAAN;AAAAM,IAAA,KAAAS;AAAAT,IAAA,KAAAU;AAAAV,IAAA,KAAAW;AAAAX,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CALD,MAAAgB,OAAaJ;CAKX,IAAAK;AAAA,KAAAjB,EAAA,QAAAI,cAAA,MAAAJ,EAAA,QAAAI,cAAA,MAAAJ,EAAA,QAAAS,gBAAA;AAOIQ,OAAAR,iBAAA;GAAA,wBAE8B,GAAGL,cAAa,KAAM,IAAG;GAAG,sBAC9B,GAAGA,cAAa,KAAM,IAAG;GAIhD,GAPL,EAAA,kBAMwB,GAAGA,cAAa,KAAM,IAAG,IAC5C;AAAAJ,IAAA,MAAAI,cAAA;AAAAJ,IAAA,MAAAI,cAAA;AAAAJ,IAAA,MAAAS;AAAAT,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAgB,QAAAhB,EAAA,QAAAH,UAAAG,EAAA,QAAAiB,IAAA;AAXTC,OAAA,oBAAC;GACOF;GACEnB;GAEN,OAAAoB;IASF;AAAAjB,IAAA,MAAAgB;AAAAhB,IAAA,MAAAH;AAAAG,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAbFkB"}
+{"version":3,"file":"SliderTrack.js","names":["Styles","getValidationMods","SliderTrackContainerElement","SliderState","SliderTrackProps","state","orientation","isDisabled","isInvalid","isValid","styles","SliderTrack","props","$","_c","t0","undefined","selectedTrack","t1","getThumbPercent","Number","isNaN","showRangeTrack","t2","t3","t4","disabled","horizontal","range","mods","t5","t6","_c"],"sources":["../../../../src/components/fields/Slider/SliderTrack.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\n\nimport { getValidationMods } from '../../form';\n\nimport { SliderTrackContainerElement } from './elements';\n\nimport type { SliderState } from 'react-stately';\n\nexport type SliderTrackProps = {\n  state: SliderState;\n  orientation?: 'horizontal' | 'vertical';\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  styles?: Styles;\n};\n\nexport function SliderTrack(props: SliderTrackProps) {\n  const {\n    isDisabled,\n    isInvalid,\n    isValid,\n    state,\n    orientation = 'horizontal',\n    styles,\n  } = props;\n  const selectedTrack = [state.getThumbPercent(0), state.getThumbPercent(1)];\n\n  const showRangeTrack = !Number.isNaN(selectedTrack[1]);\n\n  const mods = {\n    disabled: isDisabled,\n    horizontal: orientation === 'horizontal',\n    range: showRangeTrack,\n    ...getValidationMods({ isInvalid, isValid }),\n  };\n\n  return (\n    <SliderTrackContainerElement\n      mods={mods}\n      styles={styles}\n      style={\n        showRangeTrack\n          ? {\n              '--slider-range-start': `${selectedTrack[0] * 100}%`,\n              '--slider-range-end': `${selectedTrack[1] * 100}%`,\n            }\n          : {\n              '--slider-value': `${selectedTrack[0] * 100}%`,\n            }\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAOW,YAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAP,YAAAC,WAAAC,SAAAJ,OAAAC,aAAAS,IAAAL,WAOIE;CAFF,MAAAN,cAAAS,OAAAC,KAAAA,IAAA,eAAAD;CAA0B,IAAAE;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAR,OAAA;EAG5BY,gBAAsB,CAACZ,MAAKc,gBAAiB,CAAC,GAAGd,MAAKc,gBAAiB,CAAC,CAAC;EAEjDD,KAAAE,OAAMC,MAAOJ,cAAa,EAAG;EAACJ,EAAA,KAAAR;EAAAQ,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAD,gBAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAAtD,MAAAS,iBAAuB,CAACJ;CAIV,MAAAK,KAAAjB,gBAAgB;CAAY,IAAAkB;CAAA,IAAAX,EAAA,OAAAL,aAAAK,EAAA,OAAAJ,SAAA;EAErCe,KAAAvB,kBAAkB;GAAAO;GAAAC;EAAqB,CAAC;EAACI,EAAA,KAAAL;EAAAK,EAAA,KAAAJ;EAAAI,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAY;CAAA,IAAAZ,EAAA,OAAAN,cAAAM,EAAA,OAAAS,kBAAAT,EAAA,OAAAU,MAAAV,EAAA,OAAAW,IAAA;EAJjCC,KAAA;GAAAC,UACDnB;GAAUoB,YACRJ;GAA4BK,OACjCN;GAAc,GAClBE;EACL;EAACX,EAAA,KAAAN;EAAAM,EAAA,KAAAS;EAAAT,EAAA,KAAAU;EAAAV,EAAA,KAAAW;EAAAX,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CALD,MAAAgB,OAAaJ;CAKX,IAAAK;CAAA,IAAAjB,EAAA,QAAAI,cAAA,MAAAJ,EAAA,QAAAI,cAAA,MAAAJ,EAAA,QAAAS,gBAAA;EAOIQ,KAAAR,iBAAA;GAAA,wBAE8B,GAAGL,cAAa,KAAM,IAAG;GAAG,sBAC9B,GAAGA,cAAa,KAAM,IAAG;EAIjD,IAPJ,EAAA,kBAMwB,GAAGA,cAAa,KAAM,IAAG,GAC7C;EAACJ,EAAA,MAAAI,cAAA;EAAAJ,EAAA,MAAAI,cAAA;EAAAJ,EAAA,MAAAS;EAAAT,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,QAAAgB,QAAAhB,EAAA,QAAAH,UAAAG,EAAA,QAAAiB,IAAA;EAXTC,KAAA,oBAAC,6BAAD;GACQF;GACEnB;GAEN,OAAAoB;EAOK,CAAA;EAEPjB,EAAA,MAAAgB;EAAAhB,EAAA,MAAAH;EAAAG,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,OAbFkB;AAaE"}

package/dist/components/fields/Slider/elements.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
-
 //#region src/components/fields/Slider/elements.ts
 const SliderThumbElement = tasty({
 	qa: "SliderThumb",
@@ -153,7 +152,7 @@ const SliderElement = tasty({
 		}
 	}
 });
-
 //#endregion
 export { SliderControlsElement, SliderElement, SliderGradationElement, SliderGradeElement, SliderThumbElement, SliderTrackContainerElement };
+
 //# sourceMappingURL=elements.js.map