reka-ui/dist/NumberField/utils.js

Vue port for Radix UI Primitives.

import { computed, ref } from "vue";
import { unrefElement, useEventListener } from "@vueuse/core";
import { createEventHook as createEventHook$1, isClient, reactiveComputed } from "@vueuse/shared";
import { NumberFormatter, NumberParser } from "@internationalized/number";

//#region src/NumberField/utils.ts
function usePressedHold(options) {
	const { disabled } = options;
	const timeout = ref();
	const triggerHook = createEventHook$1();
	const resetTimeout = () => window.clearTimeout(timeout.value);
	const onIncrementPressStart = (delay) => {
		resetTimeout();
		if (disabled.value) return;
		triggerHook.trigger();
		timeout.value = window.setTimeout(() => {
			onIncrementPressStart(60);
		}, delay);
	};
	const handlePressStart = () => {
		onIncrementPressStart(400);
	};
	const handlePressEnd = () => {
		resetTimeout();
	};
	const isPressed = ref(false);
	const target = computed(() => unrefElement(options.target));
	const onPressStart = (event) => {
		if (event.button !== 0 || isPressed.value) return;
		event.preventDefault();
		isPressed.value = true;
		handlePressStart();
	};
	const onPressRelease = () => {
		isPressed.value = false;
		handlePressEnd();
	};
	if (isClient) {
		useEventListener(target || window, "pointerdown", onPressStart);
		useEventListener(window, "pointerup", onPressRelease);
		useEventListener(window, "pointercancel", onPressRelease);
	}
	return {
		isPressed,
		onTrigger: triggerHook.on
	};
}
function useNumberFormatter(locale, options = ref({})) {
	return reactiveComputed(() => new NumberFormatter(locale.value, options.value));
}
function useNumberParser(locale, options = ref({})) {
	return reactiveComputed(() => new NumberParser(locale.value, options.value));
}
function handleDecimalOperation(operator, value1, value2) {
	let result = operator === "+" ? value1 + value2 : value1 - value2;
	if (value1 % 1 !== 0 || value2 % 1 !== 0) {
		const value1Decimal = value1.toString().split(".");
		const value2Decimal = value2.toString().split(".");
		const value1DecimalLength = value1Decimal[1] && value1Decimal[1].length || 0;
		const value2DecimalLength = value2Decimal[1] && value2Decimal[1].length || 0;
		const multiplier = 10 ** Math.max(value1DecimalLength, value2DecimalLength);
		value1 = Math.round(value1 * multiplier);
		value2 = Math.round(value2 * multiplier);
		result = operator === "+" ? value1 + value2 : value1 - value2;
		result /= multiplier;
	}
	return result;
}

//#endregion
export { handleDecimalOperation, useNumberFormatter, useNumberParser, usePressedHold };
//# sourceMappingURL=utils.js.map