ropav 0.0.4 → 0.0.6

package/dist/slider.js

@@ -0,0 +1,412 @@
+import './slider.css';
+import { n as bem, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as useControlState } from "./useControlState.js";
+import { n as useDelayedOpen, t as tooltip_default } from "./tooltip.js";
+import { child, computed, createComponent, createFor, createIf, createInvoker, createSlot, defineVaporComponent, delegateEvents, next, on, renderEffect, setAttr, setClass, setClassName, setInsertionState, setProp, setStyle, setText, setValue, template, toDisplayString, txt, unref } from "vue";
+//#region src/components/slider/types.ts
+var sliderColors = [
+	"primary",
+	"secondary",
+	"success",
+	"warning",
+	"danger",
+	"info",
+	"neutral"
+];
+var sliderSizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
+var sliderOrientations = ["horizontal", "vertical"];
+//#endregion
+//#region src/components/slider/useSlider.ts
+var sliderColorNames = new Set(sliderColors);
+var sliderMarkColorProperties = [
+	"--_rp-slider-mark-color",
+	"--_rp-slider-mark-label-color",
+	"--_rp-slider-mark-filled-label-color",
+	"--_rp-slider-mark-ring-color"
+];
+function normalizeSliderValue(value, min, max, step) {
+	const bounds = normalizeSliderBounds(min, max);
+	const safeStep = normalizeSliderStep(step);
+	const safeValue = Number.isFinite(value) ? value : bounds.min;
+	const clamped = Math.min(bounds.max, Math.max(bounds.min, safeValue));
+	if (safeStep === "any") return clamped;
+	const steps = Math.round((clamped - bounds.min) / safeStep);
+	const snapped = bounds.min + steps * safeStep;
+	return Math.min(bounds.max, Math.max(bounds.min, Number(snapped.toFixed(10))));
+}
+function normalizeSliderBounds(min, max) {
+	const safeMin = Number.isFinite(min) ? min : 0;
+	const safeMax = Number.isFinite(max) ? max : safeMin;
+	return safeMax >= safeMin ? {
+		min: safeMin,
+		max: safeMax
+	} : {
+		min: safeMax,
+		max: safeMin
+	};
+}
+function normalizeSliderStep(step) {
+	return step === "any" || Number.isFinite(step) && step > 0 ? step : "any";
+}
+function getSliderValuePercent(value, min, max) {
+	if (max <= min) return 0;
+	const percent = (value - min) / (max - min) * 100;
+	return Math.min(100, Math.max(0, percent));
+}
+function getSliderMarkColorValue(color) {
+	if (!color) return void 0;
+	return sliderColorNames.has(color) ? `var(--rp-color-${color})` : color;
+}
+function isSliderPresetColor(color) {
+	return Boolean(color && sliderColorNames.has(color));
+}
+function getSliderCustomColorValue(color) {
+	if (!color || isSliderPresetColor(color)) return void 0;
+	return color;
+}
+function setSliderStyleValue(style, property, value) {
+	if (value) style[property] = value;
+}
+function getSliderMarkStyle(percent, color) {
+	const style = { "--_rp-slider-mark-position": `${percent}%` };
+	const colorValue = getSliderMarkColorValue(color);
+	for (const property of sliderMarkColorProperties) setSliderStyleValue(style, property, colorValue);
+	return style;
+}
+function normalizeSliderMark(mark) {
+	return typeof mark === "number" ? { value: mark } : mark;
+}
+function normalizeSliderMarks(marks, min, max, valuePercent) {
+	return (marks ?? []).flatMap((markInput, index) => {
+		const mark = normalizeSliderMark(markInput);
+		if (mark.hidden) return [];
+		const value = Number(mark.value);
+		if (!Number.isFinite(value)) return [];
+		const percent = getSliderValuePercent(value, min, max);
+		return {
+			key: `${value}-${index}`,
+			value,
+			label: mark.label,
+			hasLabel: mark.label != null,
+			filled: percent <= valuePercent,
+			style: getSliderMarkStyle(percent, mark.color)
+		};
+	});
+}
+function getSliderLengthValue(value) {
+	if (value == null || value === "") return void 0;
+	if (typeof value === "number") return Number.isFinite(value) ? `${value}px` : void 0;
+	return value;
+}
+function getSliderBorderValue(value) {
+	if (value == null || value === "") return void 0;
+	if (typeof value === "number") return Number.isFinite(value) ? `${value}px solid var(--_rp-slider-thumb-border)` : void 0;
+	return value;
+}
+var sliderThumbStyleProps = [
+	[
+		"--_rp-slider-thumb-size",
+		"size",
+		getSliderLengthValue
+	],
+	[
+		"--_rp-slider-thumb-border-style",
+		"border",
+		getSliderBorderValue
+	],
+	[
+		"--_rp-slider-thumb-padding",
+		"padding",
+		getSliderLengthValue
+	]
+];
+function getSliderTrackStyle(props, valuePercent) {
+	const style = {
+		"--_rp-slider-percent": `${valuePercent}%`,
+		"--_rp-slider-ratio": `${valuePercent / 100}`
+	};
+	setSliderStyleValue(style, "--_rp-slider-custom-color", getSliderCustomColorValue(props.color));
+	for (const [property, propName, getValue] of sliderThumbStyleProps) setSliderStyleValue(style, property, getValue(props.thumbStyle?.[propName]));
+	return style;
+}
+function getFormattedSliderValue(value, formatter) {
+	return formatter ? formatter(value) : value;
+}
+function getSliderAriaValueText(value, ariaValueText, formatter) {
+	if (typeof ariaValueText === "function") return String(ariaValueText(value));
+	if (ariaValueText != null && ariaValueText !== "") return String(ariaValueText);
+	if (formatter) return String(formatter(value));
+}
+function getSliderTooltipOptions(tooltip) {
+	return typeof tooltip === "object" ? tooltip : {};
+}
+function getSliderTooltipMode(tooltip) {
+	if (tooltip === false) return false;
+	if (typeof tooltip === "object") return tooltip.mode ?? "hover";
+	return tooltip;
+}
+function useSlider(props, emitUpdate) {
+	const control = useControlState(props);
+	const bounds = computed(() => normalizeSliderBounds(props.min, props.max));
+	const nativeStep = computed(() => normalizeSliderStep(props.step));
+	const normalizedValue = computed(() => normalizeSliderValue(props.modelValue, bounds.value.min, bounds.value.max, nativeStep.value));
+	const valuePercent = computed(() => getSliderValuePercent(normalizedValue.value, bounds.value.min, bounds.value.max));
+	const formattedValue = computed(() => getFormattedSliderValue(normalizedValue.value, props.formatValue));
+	const ariaValueText = computed(() => getSliderAriaValueText(normalizedValue.value, props.ariaValueText, props.formatValue));
+	const markItems = computed(() => normalizeSliderMarks(props.marks, bounds.value.min, bounds.value.max, valuePercent.value));
+	const tooltipOptions = computed(() => getSliderTooltipOptions(props.tooltip));
+	const tooltipMode = computed(() => getSliderTooltipMode(props.tooltip));
+	const tooltipOpenDelay = computed(() => tooltipOptions.value.openDelay ?? 0);
+	const { isOpen: delayedTooltipOpen, open: openDelayedTooltip, closeImmediate: closeDelayedTooltip } = useDelayedOpen({
+		openDelay: () => tooltipOpenDelay.value,
+		disabled: () => tooltipMode.value !== "hover" || control.disabled
+	});
+	const hasMarkLabels = computed(() => markItems.value.some((mark) => mark.hasLabel));
+	const tooltipVisible = computed(() => tooltipMode.value !== false);
+	const tooltipAlwaysVisible = computed(() => tooltipMode.value === "always");
+	const tooltipOpen = computed(() => tooltipAlwaysVisible.value || tooltipMode.value === "hover" && delayedTooltipOpen.value && !control.disabled);
+	const tooltipPlacement = computed(() => tooltipOptions.value.placement ?? (props.orientation === "vertical" ? "left" : "top"));
+	const tooltipId = computed(() => tooltipOptions.value.id);
+	const tooltipColor = computed(() => tooltipOptions.value.color);
+	const tooltipOffset = computed(() => tooltipOptions.value.offset);
+	const tooltipArrow = computed(() => tooltipOptions.value.arrow ?? false);
+	const tooltipContent = computed(() => String(formattedValue.value));
+	const rootClass = computed(() => bem("rp-slider", {
+		[`color-${props.color}`]: isSliderPresetColor(props.color),
+		[`size-${props.size}`]: Boolean(props.size),
+		vertical: props.orientation === "vertical",
+		marked: markItems.value.length > 0,
+		"marks-with-labels": hasMarkLabels.value,
+		"tooltip-always-visible": tooltipAlwaysVisible.value,
+		disabled: control.disabled,
+		invalid: control.invalid,
+		valid: control.valid && !control.invalid
+	}));
+	const trackStyle = computed(() => getSliderTrackStyle(props, valuePercent.value));
+	function onInput(e) {
+		if (control.disabled) return;
+		const input = e.target;
+		emitUpdate(normalizeSliderValue(input.valueAsNumber, bounds.value.min, bounds.value.max, nativeStep.value));
+	}
+	function openTooltip() {
+		if (tooltipMode.value === "hover" && !control.disabled) openDelayedTooltip();
+	}
+	function closeTooltip() {
+		closeDelayedTooltip();
+	}
+	function onTooltipKeydown(event) {
+		if (event.key === "Escape") closeTooltip();
+	}
+	return {
+		control,
+		nativeMin: computed(() => bounds.value.min),
+		nativeMax: computed(() => bounds.value.max),
+		nativeStep,
+		rootClass,
+		normalizedValue,
+		valuePercent,
+		formattedValue,
+		ariaValueText,
+		markItems,
+		trackStyle,
+		tooltipVisible,
+		tooltipOpen,
+		tooltipPlacement,
+		tooltipId,
+		tooltipColor,
+		tooltipOffset,
+		tooltipOpenDelay,
+		tooltipArrow,
+		tooltipContent,
+		onInput,
+		openTooltip,
+		closeTooltip,
+		onTooltipKeydown
+	};
+}
+//#endregion
+//#region src/components/slider/slider.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var t0 = template("<span data-v-c9655b1d class=rp-slider__label>");
+var t1 = template("<span data-v-c9655b1d class=rp-slider__value aria-hidden=true>");
+var t2 = template("<span data-v-c9655b1d class=rp-slider__header>");
+var t3 = template("<span data-v-c9655b1d class=rp-slider__mark-label> ");
+var t4 = template("<span data-v-c9655b1d><span data-v-c9655b1d class=rp-slider__mark-dot></span>");
+var t5 = template("<span data-v-c9655b1d class=rp-slider__marks aria-hidden=true>");
+var t6 = template("<span data-v-c9655b1d class=rp-slider__thumb aria-hidden=true><span data-v-c9655b1d class=rp-slider__thumb-content>");
+var t7 = template("<span data-v-c9655b1d class=rp-slider__tooltip-anchor aria-hidden=true>", 2);
+var t8 = template("<label data-v-c9655b1d><span data-v-c9655b1d class=rp-slider__track><span data-v-c9655b1d class=rp-slider__bar aria-hidden=true></span><input data-v-c9655b1d class=rp-slider__native type=range>", 1);
+delegateEvents("input", "focusin", "focusout", "keydown");
+//#endregion
+//#region src/components/slider/slider.vue
+var slider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
+	name: "RpSlider",
+	__name: "slider",
+	props: {
+		id: {},
+		name: {},
+		modelValue: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		marks: { default: () => [] },
+		thumbStyle: {},
+		tooltip: {
+			type: [
+				Boolean,
+				String,
+				Object
+			],
+			default: "hover"
+		},
+		formatValue: {},
+		color: {},
+		size: {},
+		orientation: { default: "horizontal" },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		valid: {
+			type: Boolean,
+			default: void 0
+		},
+		ariaLabel: {},
+		ariaValueText: {},
+		describedby: {},
+		labelledby: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit, slots: $slots }) {
+		const props = __props;
+		const emit = __emit;
+		const { control, nativeMin, nativeMax, nativeStep, rootClass, normalizedValue, valuePercent, formattedValue, ariaValueText, markItems, trackStyle, tooltipVisible, tooltipOpen, tooltipPlacement, tooltipId, tooltipColor, tooltipOffset, tooltipOpenDelay, tooltipArrow, tooltipContent, onInput, openTooltip, closeTooltip, onTooltipKeydown } = useSlider(props, (value) => {
+			emit("update:modelValue", value);
+		});
+		const n31 = t8();
+		const n30 = child(n31, 1);
+		const n11 = next(child(n30), 1);
+		renderEffect(() => {
+			setClass(n31, [unref(rootClass), { "rp-slider--custom-thumb": $slots.thumb }]);
+			setAttr(n31, "data-disabled", unref(control).disabled || void 0);
+			setStyle(n31, unref(trackStyle));
+		});
+		setInsertionState(n31, 0, 0);
+		createIf(() => $slots.default || $slots.value, () => {
+			const n10 = t2();
+			setInsertionState(n10, null, 0);
+			createIf(() => $slots.default, () => {
+				const n5 = t0();
+				setInsertionState(n5, null, 0);
+				createSlot("default", null, null, 1);
+				return n5;
+			});
+			setInsertionState(n10, null, 1);
+			createIf(() => $slots.value, () => {
+				const n9 = t1();
+				setInsertionState(n9, null, 0);
+				createSlot("value", {
+					value: () => unref(normalizedValue),
+					formattedValue: () => unref(formattedValue),
+					percent: () => unref(valuePercent)
+				}, null, 1);
+				return n9;
+			});
+			return n10;
+		});
+		n11.$evtinput = createInvoker((e) => unref(onInput)(e));
+		renderEffect(() => {
+			const _control = unref(control);
+			const _control_required = _control.required;
+			setProp(n11, "id", _control.id);
+			setProp(n11, "name", __props.name);
+			setValue(n11, unref(normalizedValue));
+			setProp(n11, "min", unref(nativeMin));
+			setProp(n11, "max", unref(nativeMax));
+			setProp(n11, "step", unref(nativeStep));
+			setProp(n11, "orient", __props.orientation === "vertical" ? "vertical" : void 0);
+			setProp(n11, "disabled", _control.disabled || void 0);
+			setProp(n11, "required", _control_required || void 0);
+			setAttr(n11, "aria-label", __props.ariaLabel || void 0);
+			setAttr(n11, "aria-labelledby", _control.ariaLabelledby);
+			setAttr(n11, "aria-describedby", _control.ariaDescribedby);
+			setAttr(n11, "aria-orientation", __props.orientation === "vertical" ? "vertical" : void 0);
+			setAttr(n11, "aria-invalid", _control.invalid || void 0);
+			setAttr(n11, "aria-required", _control_required || void 0);
+			setAttr(n11, "aria-valuetext", unref(ariaValueText));
+		});
+		setInsertionState(n30, null, 2);
+		createIf(() => unref(markItems).length, () => {
+			const n20 = t5();
+			setInsertionState(n20, null, 0);
+			createFor(() => unref(markItems), (_for_item0) => {
+				const n19 = t4();
+				renderEffect(() => {
+					const _mark = _for_item0.value;
+					setClassName(n19, _mark.filled ? 1 : 0, " rp-slider__mark--filled", "rp-slider__mark");
+					setStyle(n19, _mark.style);
+				});
+				setInsertionState(n19, null, 1);
+				createIf(() => _for_item0.value.hasLabel, () => {
+					const n18 = t3();
+					const x18 = txt(n18);
+					renderEffect(() => setText(x18, toDisplayString(_for_item0.value.label)));
+					return n18;
+				});
+				return n19;
+			}, (mark) => mark.key, 9);
+			return n20;
+		});
+		setInsertionState(n30, null, 3);
+		createIf(() => $slots.thumb, () => {
+			const n25 = t6();
+			setInsertionState(child(n25), null, 0);
+			createSlot("thumb", {
+				value: () => unref(normalizedValue),
+				formattedValue: () => unref(formattedValue),
+				percent: () => unref(valuePercent)
+			}, null, 1);
+			return n25;
+		});
+		setInsertionState(n30, null, 4);
+		createIf(() => unref(tooltipVisible), () => {
+			return createComponent(tooltip_default, {
+				id: () => unref(tooltipId),
+				class: "rp-slider__tooltip",
+				content: () => unref(tooltipContent),
+				placement: () => unref(tooltipPlacement),
+				color: () => unref(tooltipColor),
+				offset: () => unref(tooltipOffset),
+				open: () => unref(tooltipOpen),
+				"open-delay": () => unref(tooltipOpenDelay),
+				arrow: () => unref(tooltipArrow),
+				decorative: ""
+			}, () => {
+				return t7();
+			});
+		});
+		on(n30, "mouseenter", (e) => unref(openTooltip)(e));
+		on(n30, "mouseleave", (e) => unref(closeTooltip)(e));
+		n30.$evtfocusin = createInvoker((e) => unref(openTooltip)(e));
+		n30.$evtfocusout = createInvoker((e) => unref(closeTooltip)(e));
+		n30.$evtkeydown = createInvoker((e) => unref(onTooltipKeydown)(e));
+		return n31;
+	}
+}), [["__scopeId", "data-v-c9655b1d"]]);
+//#endregion
+export { sliderSizes as i, sliderColors as n, sliderOrientations as r, slider_default as t };
+
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../src/components/slider/types.ts","../src/components/slider/useSlider.ts","../src/components/slider/slider.vue","../src/components/slider/slider.vue"],"sourcesContent":["import type { TooltipProps } from '../tooltip/types';\n\nexport const sliderColors = [\n    'primary',\n    'secondary',\n    'success',\n    'warning',\n    'danger',\n    'info',\n    'neutral',\n] as const;\n\nexport const sliderSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nexport const sliderOrientations = ['horizontal', 'vertical'] as const;\n\nexport type SliderPresetColor = (typeof sliderColors)[number];\n\nexport type SliderColor = SliderPresetColor | (string & {});\n\nexport type SliderSize = (typeof sliderSizes)[number];\n\nexport type SliderOrientation = (typeof sliderOrientations)[number];\n\nexport type SliderValueFormatter = (value: number) => string | number;\n\nexport type SliderTooltipMode = 'hover' | 'always';\n\nexport type SliderTooltipOptions = Pick<\n    TooltipProps,\n    'id' | 'placement' | 'color' | 'offset' | 'openDelay' | 'arrow'\n> & {\n    mode?: SliderTooltipMode;\n};\n\nexport type SliderTooltip = false | SliderTooltipMode | SliderTooltipOptions;\n\nexport type SliderMarkColor = SliderColor;\n\nexport interface SliderMark {\n    value: number;\n    label?: string | number;\n    color?: SliderMarkColor;\n    hidden?: boolean;\n}\n\nexport type SliderMarkInput = number | SliderMark;\n\nexport interface SliderThumbStyle {\n    size?: number | string;\n    border?: number | string;\n    padding?: number | string;\n}\n\nexport interface SliderProps {\n    id?: string;\n    name?: string;\n    modelValue: number;\n    min?: number;\n    max?: number;\n    step?: number | 'any';\n    marks?: SliderMarkInput[];\n    thumbStyle?: SliderThumbStyle;\n    tooltip?: SliderTooltip;\n    formatValue?: SliderValueFormatter;\n    color?: SliderColor;\n    size?: SliderSize;\n    orientation?: SliderOrientation;\n    disabled?: boolean;\n    required?: boolean;\n    invalid?: boolean;\n    valid?: boolean;\n    ariaLabel?: string;\n    ariaValueText?: string | SliderValueFormatter;\n    describedby?: string;\n    labelledby?: string;\n}\n","import { computed, type CSSProperties } from 'vue';\nimport { useDelayedOpen } from '@/composables/useDelayedOpen';\nimport { useControlState } from '@/composables/useControlState';\nimport { bem } from '@/utils/bem';\nimport { sliderColors } from './types';\nimport type {\n    SliderMark,\n    SliderMarkInput,\n    SliderProps,\n    SliderTooltipMode,\n    SliderTooltipOptions,\n} from './types';\n\ntype SliderStateProps = Readonly<\n    SliderProps & {\n        min: number;\n        max: number;\n        step: number | 'any';\n        tooltip: NonNullable<SliderProps['tooltip']>;\n        orientation: NonNullable<SliderProps['orientation']>;\n    }\n>;\n\nconst sliderColorNames = new Set<string>(sliderColors);\n\nconst sliderMarkColorProperties = [\n    '--_rp-slider-mark-color',\n    '--_rp-slider-mark-label-color',\n    '--_rp-slider-mark-filled-label-color',\n    '--_rp-slider-mark-ring-color',\n] as const;\n\nexport function normalizeSliderValue(\n    value: number,\n    min: number,\n    max: number,\n    step: number | 'any',\n) {\n    const bounds = normalizeSliderBounds(min, max);\n    const safeStep = normalizeSliderStep(step);\n    const safeValue = Number.isFinite(value) ? value : bounds.min;\n    const clamped = Math.min(bounds.max, Math.max(bounds.min, safeValue));\n\n    if (safeStep === 'any') return clamped;\n\n    const steps = Math.round((clamped - bounds.min) / safeStep);\n    const snapped = bounds.min + steps * safeStep;\n\n    return Math.min(bounds.max, Math.max(bounds.min, Number(snapped.toFixed(10))));\n}\n\nexport function normalizeSliderBounds(min: number, max: number) {\n    const safeMin = Number.isFinite(min) ? min : 0;\n    const safeMax = Number.isFinite(max) ? max : safeMin;\n\n    return safeMax >= safeMin ? { min: safeMin, max: safeMax } : { min: safeMax, max: safeMin };\n}\n\nexport function normalizeSliderStep(step: number | 'any') {\n    return step === 'any' || (Number.isFinite(step) && step > 0) ? step : 'any';\n}\n\nexport function getSliderValuePercent(value: number, min: number, max: number) {\n    if (max <= min) return 0;\n\n    const percent = ((value - min) / (max - min)) * 100;\n    return Math.min(100, Math.max(0, percent));\n}\n\nfunction getSliderMarkColorValue(color: SliderMark['color']) {\n    if (!color) return undefined;\n\n    return sliderColorNames.has(color) ? `var(--rp-color-${color})` : color;\n}\n\nfunction isSliderPresetColor(color: SliderProps['color']) {\n    return Boolean(color && sliderColorNames.has(color));\n}\n\nfunction getSliderCustomColorValue(color: SliderProps['color']) {\n    if (!color || isSliderPresetColor(color)) return undefined;\n\n    return color;\n}\n\nfunction setSliderStyleValue(\n    style: CSSProperties,\n    property: `--_rp-slider-${string}`,\n    value: string | undefined,\n) {\n    if (value) {\n        style[property] = value;\n    }\n}\n\nfunction getSliderMarkStyle(percent: number, color: SliderMark['color']) {\n    const style: CSSProperties = {\n        '--_rp-slider-mark-position': `${percent}%`,\n    };\n    const colorValue = getSliderMarkColorValue(color);\n\n    for (const property of sliderMarkColorProperties) {\n        setSliderStyleValue(style, property, colorValue);\n    }\n\n    return style;\n}\n\nfunction normalizeSliderMark(mark: SliderMarkInput): SliderMark {\n    return typeof mark === 'number' ? { value: mark } : mark;\n}\n\nfunction normalizeSliderMarks(\n    marks: SliderMarkInput[] | undefined,\n    min: number,\n    max: number,\n    valuePercent: number,\n) {\n    return (marks ?? []).flatMap((markInput, index) => {\n        const mark = normalizeSliderMark(markInput);\n        if (mark.hidden) return [];\n\n        const value = Number(mark.value);\n        if (!Number.isFinite(value)) return [];\n\n        const percent = getSliderValuePercent(value, min, max);\n\n        return {\n            key: `${value}-${index}`,\n            value,\n            label: mark.label,\n            hasLabel: mark.label != null,\n            filled: percent <= valuePercent,\n            style: getSliderMarkStyle(percent, mark.color),\n        };\n    });\n}\n\nfunction getSliderLengthValue(value: number | string | undefined) {\n    if (value == null || value === '') return undefined;\n    if (typeof value === 'number') return Number.isFinite(value) ? `${value}px` : undefined;\n\n    return value;\n}\n\nfunction getSliderBorderValue(value: number | string | undefined) {\n    if (value == null || value === '') return undefined;\n    if (typeof value === 'number') {\n        return Number.isFinite(value)\n            ? `${value}px solid var(--_rp-slider-thumb-border)`\n            : undefined;\n    }\n\n    return value;\n}\n\nconst sliderThumbStyleProps = [\n    ['--_rp-slider-thumb-size', 'size', getSliderLengthValue],\n    ['--_rp-slider-thumb-border-style', 'border', getSliderBorderValue],\n    ['--_rp-slider-thumb-padding', 'padding', getSliderLengthValue],\n] as const;\n\nfunction getSliderTrackStyle(props: SliderStateProps, valuePercent: number) {\n    const style: CSSProperties = {\n        '--_rp-slider-percent': `${valuePercent}%`,\n        '--_rp-slider-ratio': `${valuePercent / 100}`,\n    };\n\n    setSliderStyleValue(style, '--_rp-slider-custom-color', getSliderCustomColorValue(props.color));\n\n    for (const [property, propName, getValue] of sliderThumbStyleProps) {\n        setSliderStyleValue(style, property, getValue(props.thumbStyle?.[propName]));\n    }\n\n    return style;\n}\n\nfunction getFormattedSliderValue(value: number, formatter: SliderProps['formatValue']) {\n    return formatter ? formatter(value) : value;\n}\n\nfunction getSliderAriaValueText(\n    value: number,\n    ariaValueText: SliderProps['ariaValueText'],\n    formatter: SliderProps['formatValue'],\n) {\n    if (typeof ariaValueText === 'function') return String(ariaValueText(value));\n    if (ariaValueText != null && ariaValueText !== '') return String(ariaValueText);\n    if (formatter) return String(formatter(value));\n\n    return undefined;\n}\n\nfunction getSliderTooltipOptions(\n    tooltip: NonNullable<SliderProps['tooltip']>,\n): SliderTooltipOptions {\n    return typeof tooltip === 'object' ? tooltip : {};\n}\n\nfunction getSliderTooltipMode(\n    tooltip: NonNullable<SliderProps['tooltip']>,\n): SliderTooltipMode | false {\n    if (tooltip === false) return false;\n    if (typeof tooltip === 'object') return tooltip.mode ?? 'hover';\n\n    return tooltip;\n}\n\nexport function useSlider(props: SliderStateProps, emitUpdate: (value: number) => void) {\n    const control = useControlState(props);\n\n    const bounds = computed(() => normalizeSliderBounds(props.min, props.max));\n    const nativeStep = computed(() => normalizeSliderStep(props.step));\n\n    const normalizedValue = computed(() =>\n        normalizeSliderValue(\n            props.modelValue,\n            bounds.value.min,\n            bounds.value.max,\n            nativeStep.value,\n        ),\n    );\n\n    const valuePercent = computed(() =>\n        getSliderValuePercent(normalizedValue.value, bounds.value.min, bounds.value.max),\n    );\n\n    const formattedValue = computed(() =>\n        getFormattedSliderValue(normalizedValue.value, props.formatValue),\n    );\n\n    const ariaValueText = computed(() =>\n        getSliderAriaValueText(normalizedValue.value, props.ariaValueText, props.formatValue),\n    );\n\n    const markItems = computed(() =>\n        normalizeSliderMarks(props.marks, bounds.value.min, bounds.value.max, valuePercent.value),\n    );\n\n    const tooltipOptions = computed(() => getSliderTooltipOptions(props.tooltip));\n    const tooltipMode = computed(() => getSliderTooltipMode(props.tooltip));\n    const tooltipOpenDelay = computed(() => tooltipOptions.value.openDelay ?? 0);\n    const {\n        isOpen: delayedTooltipOpen,\n        open: openDelayedTooltip,\n        closeImmediate: closeDelayedTooltip,\n    } = useDelayedOpen({\n        openDelay: () => tooltipOpenDelay.value,\n        disabled: () => tooltipMode.value !== 'hover' || control.disabled,\n    });\n\n    const hasMarkLabels = computed(() => markItems.value.some((mark) => mark.hasLabel));\n    const tooltipVisible = computed(() => tooltipMode.value !== false);\n    const tooltipAlwaysVisible = computed(() => tooltipMode.value === 'always');\n    const tooltipOpen = computed(\n        () =>\n            tooltipAlwaysVisible.value ||\n            (tooltipMode.value === 'hover' && delayedTooltipOpen.value && !control.disabled),\n    );\n    const tooltipPlacement = computed(\n        () => tooltipOptions.value.placement ?? (props.orientation === 'vertical' ? 'left' : 'top'),\n    );\n    const tooltipId = computed(() => tooltipOptions.value.id);\n    const tooltipColor = computed(() => tooltipOptions.value.color);\n    const tooltipOffset = computed(() => tooltipOptions.value.offset);\n    const tooltipArrow = computed(() => tooltipOptions.value.arrow ?? false);\n    const tooltipContent = computed(() => String(formattedValue.value));\n\n    const rootClass = computed(() =>\n        bem('rp-slider', {\n            [`color-${props.color}`]: isSliderPresetColor(props.color),\n            [`size-${props.size}`]: Boolean(props.size),\n            vertical: props.orientation === 'vertical',\n            marked: markItems.value.length > 0,\n            'marks-with-labels': hasMarkLabels.value,\n            'tooltip-always-visible': tooltipAlwaysVisible.value,\n            disabled: control.disabled,\n            invalid: control.invalid,\n            valid: control.valid && !control.invalid,\n        }),\n    );\n\n    const trackStyle = computed<CSSProperties>(() =>\n        getSliderTrackStyle(props, valuePercent.value),\n    );\n\n    function onInput(e: Event) {\n        if (control.disabled) return;\n\n        const input = e.target as HTMLInputElement;\n        emitUpdate(\n            normalizeSliderValue(\n                input.valueAsNumber,\n                bounds.value.min,\n                bounds.value.max,\n                nativeStep.value,\n            ),\n        );\n    }\n\n    function openTooltip() {\n        if (tooltipMode.value === 'hover' && !control.disabled) openDelayedTooltip();\n    }\n\n    function closeTooltip() {\n        closeDelayedTooltip();\n    }\n\n    function onTooltipKeydown(event: KeyboardEvent) {\n        if (event.key === 'Escape') closeTooltip();\n    }\n\n    return {\n        control,\n        nativeMin: computed(() => bounds.value.min),\n        nativeMax: computed(() => bounds.value.max),\n        nativeStep,\n        rootClass,\n        normalizedValue,\n        valuePercent,\n        formattedValue,\n        ariaValueText,\n        markItems,\n        trackStyle,\n        tooltipVisible,\n        tooltipOpen,\n        tooltipPlacement,\n        tooltipId,\n        tooltipColor,\n        tooltipOffset,\n        tooltipOpenDelay,\n        tooltipArrow,\n        tooltipContent,\n        onInput,\n        openTooltip,\n        closeTooltip,\n        onTooltipKeydown,\n    };\n}\n","<template>\n    <label\n        :class=\"[rootClass, { 'rp-slider--custom-thumb': $slots.thumb }]\"\n        :data-disabled=\"control.disabled || undefined\"\n        :style=\"trackStyle\"\n    >\n        <span v-if=\"$slots.default || $slots.value\" class=\"rp-slider__header\">\n            <span v-if=\"$slots.default\" class=\"rp-slider__label\">\n                <slot />\n            </span>\n            <span v-if=\"$slots.value\" class=\"rp-slider__value\" aria-hidden=\"true\">\n                <slot\n                    name=\"value\"\n                    :value=\"normalizedValue\"\n                    :formatted-value=\"formattedValue\"\n                    :percent=\"valuePercent\"\n                />\n            </span>\n        </span>\n        <span\n            class=\"rp-slider__track\"\n            @mouseenter=\"openTooltip\"\n            @mouseleave=\"closeTooltip\"\n            @focusin=\"openTooltip\"\n            @focusout=\"closeTooltip\"\n            @keydown=\"onTooltipKeydown\"\n        >\n            <span class=\"rp-slider__bar\" aria-hidden=\"true\" />\n\n            <input\n                :id=\"control.id\"\n                :name=\"name\"\n                class=\"rp-slider__native\"\n                type=\"range\"\n                :value=\"normalizedValue\"\n                :min=\"nativeMin\"\n                :max=\"nativeMax\"\n                :step=\"nativeStep\"\n                :orient=\"orientation === 'vertical' ? 'vertical' : undefined\"\n                :disabled=\"control.disabled || undefined\"\n                :required=\"control.required || undefined\"\n                :aria-label=\"ariaLabel || undefined\"\n                :aria-labelledby=\"control.ariaLabelledby\"\n                :aria-describedby=\"control.ariaDescribedby\"\n                :aria-orientation=\"orientation === 'vertical' ? 'vertical' : undefined\"\n                :aria-invalid=\"control.invalid || undefined\"\n                :aria-required=\"control.required || undefined\"\n                :aria-valuetext=\"ariaValueText\"\n                @input=\"onInput\"\n            />\n\n            <span v-if=\"markItems.length\" class=\"rp-slider__marks\" aria-hidden=\"true\">\n                <span\n                    v-for=\"mark in markItems\"\n                    :key=\"mark.key\"\n                    class=\"rp-slider__mark\"\n                    :class=\"{ 'rp-slider__mark--filled': mark.filled }\"\n                    :style=\"mark.style\"\n                >\n                    <span class=\"rp-slider__mark-dot\" />\n                    <span v-if=\"mark.hasLabel\" class=\"rp-slider__mark-label\">\n                        {{ mark.label }}\n                    </span>\n                </span>\n            </span>\n\n            <span v-if=\"$slots.thumb\" class=\"rp-slider__thumb\" aria-hidden=\"true\">\n                <span class=\"rp-slider__thumb-content\">\n                    <slot\n                        name=\"thumb\"\n                        :value=\"normalizedValue\"\n                        :formatted-value=\"formattedValue\"\n                        :percent=\"valuePercent\"\n                    />\n                </span>\n            </span>\n\n            <Tooltip\n                v-if=\"tooltipVisible\"\n                :id=\"tooltipId\"\n                class=\"rp-slider__tooltip\"\n                :content=\"tooltipContent\"\n                :placement=\"tooltipPlacement\"\n                :color=\"tooltipColor\"\n                :offset=\"tooltipOffset\"\n                :open=\"tooltipOpen\"\n                :open-delay=\"tooltipOpenDelay\"\n                :arrow=\"tooltipArrow\"\n                decorative\n            >\n                <span class=\"rp-slider__tooltip-anchor\" aria-hidden=\"true\" />\n            </Tooltip>\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport Tooltip from '../tooltip/tooltip.vue';\nimport type { SliderProps } from './types';\nimport { useSlider } from './useSlider';\n\ndefineOptions({ name: 'RpSlider' });\n\nconst props = withDefaults(defineProps<SliderProps>(), {\n    min: 0,\n    max: 100,\n    step: 1,\n    marks: () => [],\n    tooltip: 'hover',\n    orientation: 'horizontal',\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    valid: undefined,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: number];\n}>();\n\nconst {\n    control,\n    nativeMin,\n    nativeMax,\n    nativeStep,\n    rootClass,\n    normalizedValue,\n    valuePercent,\n    formattedValue,\n    ariaValueText,\n    markItems,\n    trackStyle,\n    tooltipVisible,\n    tooltipOpen,\n    tooltipPlacement,\n    tooltipId,\n    tooltipColor,\n    tooltipOffset,\n    tooltipOpenDelay,\n    tooltipArrow,\n    tooltipContent,\n    onInput,\n    openTooltip,\n    closeTooltip,\n    onTooltipKeydown,\n} = useSlider(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./slider.scss\" lang=\"scss\" scoped></style>\n","<template>\n    <label\n        :class=\"[rootClass, { 'rp-slider--custom-thumb': $slots.thumb }]\"\n        :data-disabled=\"control.disabled || undefined\"\n        :style=\"trackStyle\"\n    >\n        <span v-if=\"$slots.default || $slots.value\" class=\"rp-slider__header\">\n            <span v-if=\"$slots.default\" class=\"rp-slider__label\">\n                <slot />\n            </span>\n            <span v-if=\"$slots.value\" class=\"rp-slider__value\" aria-hidden=\"true\">\n                <slot\n                    name=\"value\"\n                    :value=\"normalizedValue\"\n                    :formatted-value=\"formattedValue\"\n                    :percent=\"valuePercent\"\n                />\n            </span>\n        </span>\n        <span\n            class=\"rp-slider__track\"\n            @mouseenter=\"openTooltip\"\n            @mouseleave=\"closeTooltip\"\n            @focusin=\"openTooltip\"\n            @focusout=\"closeTooltip\"\n            @keydown=\"onTooltipKeydown\"\n        >\n            <span class=\"rp-slider__bar\" aria-hidden=\"true\" />\n\n            <input\n                :id=\"control.id\"\n                :name=\"name\"\n                class=\"rp-slider__native\"\n                type=\"range\"\n                :value=\"normalizedValue\"\n                :min=\"nativeMin\"\n                :max=\"nativeMax\"\n                :step=\"nativeStep\"\n                :orient=\"orientation === 'vertical' ? 'vertical' : undefined\"\n                :disabled=\"control.disabled || undefined\"\n                :required=\"control.required || undefined\"\n                :aria-label=\"ariaLabel || undefined\"\n                :aria-labelledby=\"control.ariaLabelledby\"\n                :aria-describedby=\"control.ariaDescribedby\"\n                :aria-orientation=\"orientation === 'vertical' ? 'vertical' : undefined\"\n                :aria-invalid=\"control.invalid || undefined\"\n                :aria-required=\"control.required || undefined\"\n                :aria-valuetext=\"ariaValueText\"\n                @input=\"onInput\"\n            />\n\n            <span v-if=\"markItems.length\" class=\"rp-slider__marks\" aria-hidden=\"true\">\n                <span\n                    v-for=\"mark in markItems\"\n                    :key=\"mark.key\"\n                    class=\"rp-slider__mark\"\n                    :class=\"{ 'rp-slider__mark--filled': mark.filled }\"\n                    :style=\"mark.style\"\n                >\n                    <span class=\"rp-slider__mark-dot\" />\n                    <span v-if=\"mark.hasLabel\" class=\"rp-slider__mark-label\">\n                        {{ mark.label }}\n                    </span>\n                </span>\n            </span>\n\n            <span v-if=\"$slots.thumb\" class=\"rp-slider__thumb\" aria-hidden=\"true\">\n                <span class=\"rp-slider__thumb-content\">\n                    <slot\n                        name=\"thumb\"\n                        :value=\"normalizedValue\"\n                        :formatted-value=\"formattedValue\"\n                        :percent=\"valuePercent\"\n                    />\n                </span>\n            </span>\n\n            <Tooltip\n                v-if=\"tooltipVisible\"\n                :id=\"tooltipId\"\n                class=\"rp-slider__tooltip\"\n                :content=\"tooltipContent\"\n                :placement=\"tooltipPlacement\"\n                :color=\"tooltipColor\"\n                :offset=\"tooltipOffset\"\n                :open=\"tooltipOpen\"\n                :open-delay=\"tooltipOpenDelay\"\n                :arrow=\"tooltipArrow\"\n                decorative\n            >\n                <span class=\"rp-slider__tooltip-anchor\" aria-hidden=\"true\" />\n            </Tooltip>\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\" setup vapor>\nimport Tooltip from '../tooltip/tooltip.vue';\nimport type { SliderProps } from './types';\nimport { useSlider } from './useSlider';\n\ndefineOptions({ name: 'RpSlider' });\n\nconst props = withDefaults(defineProps<SliderProps>(), {\n    min: 0,\n    max: 100,\n    step: 1,\n    marks: () => [],\n    tooltip: 'hover',\n    orientation: 'horizontal',\n    disabled: undefined,\n    required: undefined,\n    invalid: undefined,\n    valid: undefined,\n});\n\nconst emit = defineEmits<{\n    'update:modelValue': [value: number];\n}>();\n\nconst {\n    control,\n    nativeMin,\n    nativeMax,\n    nativeStep,\n    rootClass,\n    normalizedValue,\n    valuePercent,\n    formattedValue,\n    ariaValueText,\n    markItems,\n    trackStyle,\n    tooltipVisible,\n    tooltipOpen,\n    tooltipPlacement,\n    tooltipId,\n    tooltipColor,\n    tooltipOffset,\n    tooltipOpenDelay,\n    tooltipArrow,\n    tooltipContent,\n    onInput,\n    openTooltip,\n    closeTooltip,\n    onTooltipKeydown,\n} = useSlider(props, (value) => {\n    emit('update:modelValue', value);\n});\n</script>\n\n<style src=\"./slider.scss\" lang=\"scss\" scoped></style>\n"],"mappings":"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"}