@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/numberfield.js

@@ -1,9 +1,27 @@
-import { i as mergeProps$1 } from "./env.js";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/numberfield/useNumberField.ts
+import { n as followRef } from "./refs.js";
+import { t as mergeProps } from "./mergeProps.js";
+import { t as onOwnedCleanup } from "./owner.js";
 import { t as filterDOMProps } from "./filterDOMProps.js";
 import { t as access } from "./reactivity.js";
+import { t as createFocusWithin } from "./createFocusWithin.js";
 import { createId } from "../ssr/index.js";
+import { t as createFormValidation } from "./createFormValidation.js";
+import { t as createFormReset } from "./createFormReset.js";
 import { t as createLabel } from "./createLabel.js";
-import { createMemo } from "solid-js";
+import { n as clearAnnouncer, t as announce } from "./announce.js";
+import { createEffect, createMemo, createSignal } from "solid-js";
 //#region src/numberfield/createNumberField.ts
 /**
 * Provides the behavior and accessibility implementation for a number field.
@@ -15,6 +33,16 @@ import { createMemo } from "solid-js";
 function createNumberField(props, state, inputRef) {
 	const getProps = () => access(props);
 	const id = createId(getProps().id);
+	const displayValidation = () => state.displayValidation();
+	const resolvedInput = followRef(() => inputRef?.() ?? null);
+	createFormReset(() => resolvedInput() ?? void 0, state.defaultNumberValue, (value) => state.setNumberValue(value));
+	createFormValidation({
+		get validationBehavior() {
+			return getProps().validationBehavior ?? "native";
+		},
+		focus: () => resolvedInput()?.focus()
+	}, state, () => resolvedInput() ?? void 0);
+	createNativeValidation(state, getProps, () => resolvedInput() ?? null);
 	const inputId = `${id}-input`;
 	const incrementId = `${id}-increment`;
 	const decrementId = `${id}-decrement`;
@@ -45,17 +73,26 @@ function createNumberField(props, state, inputRef) {
 		const value = e.currentTarget.value;
 		if (state.validate(value)) state.setInputValue(value);
 	};
+	let isFocused = false;
 	const onInputBlur = (e) => {
+		isFocused = false;
 		state.commit();
 		const p = getProps();
 		p.onBlur?.(e);
 		p.onFocusChange?.(false);
 	};
 	const onInputFocus = (e) => {
+		isFocused = true;
 		const p = getProps();
 		p.onFocus?.(e);
 		p.onFocusChange?.(true);
 	};
+	createEffect(() => state.inputValue(), (value) => {
+		if (isFocused) {
+			clearAnnouncer("assertive");
+			announce(value, "assertive");
+		}
+	});
 	const onKeyDown = (e) => {
 		const p = getProps();
 		if (p.isDisabled || p.isReadOnly) {
@@ -73,11 +110,11 @@ function createNumberField(props, state, inputRef) {
 				break;
 			case "PageUp":
 				e.preventDefault();
-				state.incrementToMax();
+				state.increment();
 				break;
 			case "PageDown":
 				e.preventDefault();
-				state.decrementToMin();
+				state.decrement();
 				break;
 			case "Home":
 				e.preventDefault();
@@ -87,15 +124,25 @@ function createNumberField(props, state, inputRef) {
 				e.preventDefault();
 				state.incrementToMax();
 				break;
-			case "Enter":
-				state.commit();
-				break;
+			case "Enter": state.commit();
 		}
 		p.onKeyDown?.(e);
 	};
 	const onKeyUp = (e) => {
 		getProps().onKeyUp?.(e);
 	};
+	const [focusWithin, setFocusWithin] = createSignal(false);
+	const { focusWithinProps } = createFocusWithin({ onFocusWithinChange: setFocusWithin });
+	const onWheel = (e) => {
+		const p = getProps();
+		const input = inputRef?.();
+		if (p.isWheelDisabled || p.isDisabled || p.isReadOnly || input != null && input.ownerDocument.activeElement !== input && !focusWithin()) return;
+		if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
+		if (e.deltaY > 0) state.increment();
+		else if (e.deltaY < 0) state.decrement();
+		else return;
+		e.preventDefault();
+	};
 	const onButtonPressStart = (e) => {
 		const input = inputRef?.();
 		if (input && input.ownerDocument.activeElement === input) return;
@@ -104,16 +151,49 @@ function createNumberField(props, state, inputRef) {
 	};
 	let incrementTouchPressUp = false;
 	let decrementTouchPressUp = false;
+	let spinTimeout;
+	let isSpinning = false;
+	const clearSpin = () => {
+		if (spinTimeout != null) {
+			clearTimeout(spinTimeout);
+			spinTimeout = void 0;
+		}
+		isSpinning = false;
+	};
+	onOwnedCleanup(clearSpin);
+	const startSpin = (direction, initialDelay) => {
+		clearSpin();
+		const step = () => {
+			isSpinning = true;
+			if (direction === "up") {
+				if (!state.canIncrement()) return;
+				state.increment();
+			} else {
+				if (!state.canDecrement()) return;
+				state.decrement();
+			}
+			spinTimeout = setTimeout(step, 60);
+		};
+		spinTimeout = setTimeout(step, initialDelay);
+	};
 	const onIncrementPressStart = (e) => {
-		if (e.pointerType !== "touch") state.increment();
-		else incrementTouchPressUp = false;
+		if (e.pointerType !== "touch") {
+			state.increment();
+			startSpin("up", 400);
+		} else {
+			incrementTouchPressUp = false;
+			startSpin("up", 600);
+		}
 		onButtonPressStart(e);
 	};
 	const onIncrementPressUp = (e) => {
+		clearSpin();
 		if (e.pointerType === "touch") incrementTouchPressUp = true;
 	};
 	const onIncrementPressEnd = (e) => {
-		if (e.pointerType === "touch" && incrementTouchPressUp) state.increment();
+		const spinning = isSpinning;
+		clearSpin();
+		if (e.pointerType === "touch" && incrementTouchPressUp && !spinning) state.increment();
 		incrementTouchPressUp = false;
 	};
 	const onIncrementClick = (e) => {
@@ -125,15 +205,23 @@ function createNumberField(props, state, inputRef) {
 		inputRef?.()?.focus();
 	};
 	const onDecrementPressStart = (e) => {
-		if (e.pointerType !== "touch") state.decrement();
-		else decrementTouchPressUp = false;
+		if (e.pointerType !== "touch") {
+			state.decrement();
+			startSpin("down", 400);
+		} else {
+			decrementTouchPressUp = false;
+			startSpin("down", 600);
+		}
 		onButtonPressStart(e);
 	};
 	const onDecrementPressUp = (e) => {
+		clearSpin();
 		if (e.pointerType === "touch") decrementTouchPressUp = true;
 	};
 	const onDecrementPressEnd = (e) => {
-		if (e.pointerType === "touch" && decrementTouchPressUp) state.decrement();
+		const spinning = isSpinning;
+		clearSpin();
+		if (e.pointerType === "touch" && decrementTouchPressUp && !spinning) state.decrement();
 		decrementTouchPressUp = false;
 	};
 	const onDecrementClick = (e) => {
@@ -149,7 +237,7 @@ function createNumberField(props, state, inputRef) {
 		const parts = [];
 		if (p["aria-describedby"]) parts.push(p["aria-describedby"]);
 		if (p.description) parts.push(descriptionId);
-		if (p.isInvalid && p.errorMessage) parts.push(errorMessageId);
+		if (displayValidation().isInvalid && p.errorMessage) parts.push(errorMessageId);
 		return parts.length > 0 ? parts.join(" ") : void 0;
 	};
 	return {
@@ -157,17 +245,17 @@ function createNumberField(props, state, inputRef) {
 			return labelProps;
 		},
 		get groupProps() {
-			return {
+			return mergeProps(focusWithinProps, {
 				role: "group",
-				"aria-disabled": getProps().isDisabled || void 0,
-				"aria-invalid": getProps().isInvalid || void 0
-			};
+				"aria-disabled": getProps().isDisabled ? "true" : void 0,
+				"aria-invalid": displayValidation().isInvalid ? "true" : void 0
+			});
 		},
 		get inputProps() {
 			const p = getProps();
 			const isDisabled = p.isDisabled ?? state.isDisabled();
 			const isReadOnly = p.isReadOnly ?? state.isReadOnly();
-			return mergeProps$1(domProps(), fieldProps, {
+			return mergeProps(domProps(), fieldProps, {
 				id: inputId,
 				type: "text",
 				inputMode: "decimal",
@@ -176,12 +264,12 @@ function createNumberField(props, state, inputRef) {
 				spellcheck: false,
 				tabIndex: isDisabled ? void 0 : 0,
 				"aria-roledescription": "Number field",
-				"aria-invalid": p.isInvalid || void 0,
-				"aria-required": p.isRequired || void 0,
+				"aria-invalid": displayValidation().isInvalid || void 0,
+				"aria-required": (p.validationBehavior ?? "native") === "aria" && p.isRequired || void 0,
 				"aria-describedby": getAriaDescribedBy(),
 				disabled: isDisabled || void 0,
 				readOnly: isReadOnly || void 0,
-				required: p.isRequired || void 0,
+				required: (p.validationBehavior ?? "native") === "native" && p.isRequired || void 0,
 				value: state.inputValue(),
 				onInput: onInputChange,
 				onChange: onInputChange,
@@ -189,6 +277,7 @@ function createNumberField(props, state, inputRef) {
 				onBlur: onInputBlur,
 				onKeyDown,
 				onKeyUp,
+				onWheel,
 				onPaste: p.onPaste,
 				onCopy: p.onCopy,
 				onCut: p.onCut,
@@ -250,9 +339,65 @@ function createNumberField(props, state, inputRef) {
 		},
 		get errorMessageProps() {
 			return { id: errorMessageId };
+		},
+		get isInvalid() {
+			return displayValidation().isInvalid;
+		},
+		get validationErrors() {
+			return displayValidation().validationErrors;
+		},
+		get validationDetails() {
+			return displayValidation().validationDetails;
 		}
 	};
 }
+let numberInput = null;
+function createNativeValidation(state, getProps, inputRef) {
+	createEffect(() => ({
+		commitBehavior: getProps().commitBehavior ?? "snap",
+		input: inputRef?.() ?? null,
+		realtimeInvalid: state.realtimeValidation().isInvalid,
+		min: state.minValue(),
+		max: state.maxValue(),
+		step: state.step(),
+		value: state.numberValue(),
+		inputValue: state.inputValue(),
+		validationBehavior: getProps().validationBehavior ?? "native"
+	}), ({ commitBehavior, input, realtimeInvalid, min, max, step, value, validationBehavior }) => {
+		if (commitBehavior !== "validate" || !input || input.disabled) return;
+		if (!numberInput && typeof document !== "undefined") {
+			numberInput = document.createElement("input");
+			numberInput.type = "number";
+		}
+		if (!numberInput) return;
+		numberInput.min = min != null && !isNaN(min) ? String(min) : "";
+		numberInput.max = max != null && !isNaN(max) ? String(max) : "";
+		numberInput.step = step != null && !isNaN(step) ? String(step) : "";
+		numberInput.value = value != null && !isNaN(value) ? String(value) : "";
+		const rangeOverflow = max != null && !isNaN(max) && value != null && !isNaN(value) && value > max;
+		const rangeUnderflow = min != null && !isNaN(min) && value != null && !isNaN(value) && value < min;
+		if (!(!numberInput.validity.valid || rangeOverflow || rangeUnderflow)) return;
+		const validationMessage = numberInput.validationMessage || (rangeOverflow ? "Value exceeds the maximum." : "") || (rangeUnderflow ? "Value is below the minimum." : "");
+		if (validationBehavior === "native") input.setCustomValidity(validationMessage);
+		if (!realtimeInvalid) state.updateValidation({
+			isInvalid: true,
+			validationErrors: validationMessage ? [validationMessage] : [],
+			validationDetails: {
+				badInput: input.validity.badInput,
+				customError: true,
+				patternMismatch: input.validity.patternMismatch,
+				rangeOverflow: rangeOverflow || numberInput.validity.rangeOverflow,
+				rangeUnderflow: rangeUnderflow || numberInput.validity.rangeUnderflow,
+				stepMismatch: numberInput.validity.stepMismatch,
+				tooLong: input.validity.tooLong,
+				tooShort: input.validity.tooShort,
+				typeMismatch: input.validity.typeMismatch,
+				valueMissing: input.validity.valueMissing,
+				valid: false
+			}
+		});
+	});
+}
 //#endregion
 export { createNumberField as t };
 

package/dist/_chunk/numberfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberfield.js","names":["mergeProps"],"sources":["../../src/numberfield/createNumberField.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a number field.\n * Based on @react-aria/numberfield useNumberField.\n */\n\nimport { type JSX, createMemo } from \"solid-js\";\nimport { createLabel } from \"../label/createLabel\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { NumberFieldState } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaButtonProps } from \"../button/types\";\nimport type { PressEvent } from \"../interactions\";\n\nexport interface AriaNumberFieldProps {\n  /** A label for the number field. */\n  label?: JSX.Element;\n  /** An accessible label for the number field. */\n  \"aria-label\"?: string;\n  /** The element ID that labels the number field. */\n  \"aria-labelledby\"?: string;\n  /** The element ID that describes the number field. */\n  \"aria-describedby\"?: string;\n  /** Whether the number field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly?: boolean;\n  /** Whether the number field is required. */\n  isRequired?: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid?: boolean;\n  /** A description for the number field. */\n  description?: JSX.Element;\n  /** An error message for the number field. */\n  errorMessage?: JSX.Element;\n  /** The ID of the number field. */\n  id?: string;\n  /** Whether to auto-focus the input. */\n  autoFocus?: boolean;\n  /** The name for the form input. */\n  name?: string;\n  /** The form element this input belongs to. */\n  form?: string;\n  /** Handler for focus events. */\n  onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler for blur events. */\n  onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler called when focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler for key down events. */\n  onKeyDown?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for key up events. */\n  onKeyUp?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for paste events. */\n  onPaste?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for copy events. */\n  onCopy?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for cut events. */\n  onCut?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n}\n\nexport interface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element group. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the increment button. */\n  incrementButtonProps: AriaButtonProps;\n  /** Props for the decrement button. */\n  decrementButtonProps: AriaButtonProps;\n  /** Props for the description element. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the error message element. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field.\n */\nexport function createNumberField(\n  props: MaybeAccessor<AriaNumberFieldProps>,\n  state: NumberFieldState,\n  inputRef?: () => HTMLInputElement | null,\n): NumberFieldAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Generate IDs for associated elements\n  const inputId = `${id}-input`;\n  const incrementId = `${id}-increment`;\n  const decrementId = `${id}-decrement`;\n  const descriptionId = `${id}-description`;\n  const errorMessageId = `${id}-error`;\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return inputId;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    // Upstream react-aria `useNumberField` → `useField` → `useLabel` with the DEFAULT\n    // `labelElementType: 'label'`: the S2 NumberField label is a native `<label htmlFor>`\n    // (verified against the shipped React DOM: `<label id for=inputId>`). This hardcoded\n    // `\"span\"` was a self-inflicted divergence — it dropped the `for` association and made\n    // `NumberFieldLabel` render a `<span>`. Reverted to `\"label\"` so `createLabel` emits\n    // `for: inputId` (the input still also carries `aria-labelledby`, exactly as upstream).\n    labelElementType: \"label\",\n  });\n\n  // Increment/decrement button labels — a 1:1 port of upstream `useNumberField`'s\n  // four-case logic. Upstream RAC's `NumberField` component feeds `useNumberField` a\n  // BOOLEAN slot for `label` (from `useSlot`), never the label string, so a visible\n  // label is NEVER concatenated into the button `aria-label`. Instead: with a visible\n  // label the button reads `aria-label: \"Increase\"` PLUS `aria-labelledby: \"<selfId>\n  // <labelId>\"`; only an explicit `aria-label` (and no visible label) changes the text\n  // (`\"Increase <aria-label>\"`). The prior `Increase ${getLabelText()}` was a\n  // self-inflicted divergence that produced \"Increase Quantity\" where S2 ships\n  // \"Increase\". `fieldLabel` mirrors upstream: `props['aria-label'] || ''` — the visible\n  // label string is intentionally excluded (it arrives as a boolean slot in RAC).\n  const fieldLabel = (): string => getProps()[\"aria-label\"] ?? \"\";\n  const buttonLabelledBy = (): string | undefined => {\n    if (fieldLabel()) return undefined;\n    return getProps().label != null\n      ? (labelProps.id as string | undefined)\n      : getProps()[\"aria-labelledby\"];\n  };\n\n  // Filter DOM props\n  const domProps = createMemo(() =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true }),\n  );\n\n  // Handle input change\n  const onInputChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    const value = e.currentTarget.value;\n    if (state.validate(value)) {\n      state.setInputValue(value);\n    }\n  };\n\n  // Handle input blur - commit value\n  const onInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    state.commit();\n    const p = getProps();\n    p.onBlur?.(e);\n    p.onFocusChange?.(false);\n  };\n\n  const onInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    const p = getProps();\n    p.onFocus?.(e);\n    p.onFocusChange?.(true);\n  };\n\n  // Handle keyboard events\n  const onKeyDown: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    const p = getProps();\n    if (p.isDisabled || p.isReadOnly) {\n      p.onKeyDown?.(e);\n      return;\n    }\n\n    switch (e.key) {\n      case \"ArrowUp\":\n        e.preventDefault();\n        state.increment();\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        state.decrement();\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"Home\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"End\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"Enter\":\n        state.commit();\n        break;\n    }\n\n    p.onKeyDown?.(e);\n  };\n\n  const onKeyUp: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    getProps().onKeyUp?.(e);\n  };\n\n  const onButtonPressStart = (e: PressEvent) => {\n    const input = inputRef?.();\n\n    // Keep existing input focus in place. This avoids hiding software keyboards\n    // and prevents a blur/refocus flicker when mouse pressing the steppers.\n    if (input && input.ownerDocument.activeElement === input) {\n      return;\n    }\n\n    if (e.pointerType === \"mouse\") {\n      input?.focus();\n    } else if (e.target instanceof HTMLElement) {\n      e.target.focus();\n    }\n  };\n\n  let incrementTouchPressUp = false;\n  let decrementTouchPressUp = false;\n\n  const onIncrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.increment();\n    } else {\n      incrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onIncrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      incrementTouchPressUp = true;\n    }\n  };\n\n  const onIncrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && incrementTouchPressUp) {\n      state.increment();\n    }\n\n    incrementTouchPressUp = false;\n  };\n  const onIncrementClick = (e: MouseEvent) => {\n    if (!state.canIncrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.increment();\n    inputRef?.()?.focus();\n  };\n\n  const onDecrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.decrement();\n    } else {\n      decrementTouchPressUp = false;\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onDecrementPressUp = (e: PressEvent) => {\n    if (e.pointerType === \"touch\") {\n      decrementTouchPressUp = true;\n    }\n  };\n\n  const onDecrementPressEnd = (e: PressEvent) => {\n    if (e.pointerType === \"touch\" && decrementTouchPressUp) {\n      state.decrement();\n    }\n\n    decrementTouchPressUp = false;\n  };\n  const onDecrementClick = (e: MouseEvent) => {\n    if (!state.canDecrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.decrement();\n    inputRef?.()?.focus();\n  };\n\n  // Build aria-describedby\n  const getAriaDescribedBy = () => {\n    const p = getProps();\n    const parts: string[] = [];\n    if (p[\"aria-describedby\"]) parts.push(p[\"aria-describedby\"]);\n    if (p.description) parts.push(descriptionId);\n    if (p.isInvalid && p.errorMessage) parts.push(errorMessageId);\n    return parts.length > 0 ? parts.join(\" \") : undefined;\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get groupProps() {\n      return {\n        role: \"group\",\n        \"aria-disabled\": getProps().isDisabled || undefined,\n        \"aria-invalid\": getProps().isInvalid || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n      const isDisabled = p.isDisabled ?? state.isDisabled();\n      const isReadOnly = p.isReadOnly ?? state.isReadOnly();\n\n      return mergeProps(\n        domProps(),\n        fieldProps as Record<string, unknown>,\n        {\n          id: inputId,\n          type: \"text\",\n          inputMode: \"decimal\" as const,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          spellcheck: false,\n          // Upstream routes the input through useFormattedTextField → useTextField →\n          // useFocusable, which \"always set[s] a tabIndex so that Safari allows\n          // focusing native buttons and inputs\": `excludeFromTabOrder ? -1 : 0`, then\n          // `undefined` when disabled. The input is never excluded, so the rendered\n          // DOM carries `tabindex=\"0\"` (absent only when disabled). We hand-roll\n          // inputProps (see the spinbutton-override note below) so we must replay that\n          // one focusable prop here to stay byte-identical to React's tab order.\n          tabIndex: isDisabled ? undefined : 0,\n          // Upstream useNumberField wraps useSpinButton but deliberately\n          // overrides its output: role=spinbutton can't be focused with\n          // VoiceOver, so the input is a plain textbox (inside the role=group\n          // wrapper above) and every aria-value* is dropped in favour of\n          // aria-roledescription. The formatted value is still announced via the\n          // input's own value. Mirror that contract instead of leaking the raw\n          // spinbutton semantics.\n          //\n          // The string MUST match upstream's `stringFormatter.format('numberField')`,\n          // whose en-US value is `Number field` (capitalised) — not a lowercase\n          // hand-roll. Full locale routing via `createStringFormatter` (as\n          // `createDateField` does) is tracked as `intl-roledescription-hardcodes`\n          // (also covers the ColorArea/ColorSwatch English hardcodes); this keeps the\n          // en-US roledescription byte-identical to React Spectrum in the meantime.\n          \"aria-roledescription\": \"Number field\",\n          \"aria-invalid\": p.isInvalid || undefined,\n          \"aria-required\": p.isRequired || undefined,\n          \"aria-describedby\": getAriaDescribedBy(),\n          disabled: isDisabled || undefined,\n          readOnly: isReadOnly || undefined,\n          required: p.isRequired || undefined,\n          value: state.inputValue(),\n          onInput: onInputChange,\n          onChange: onInputChange,\n          onFocus: onInputFocus,\n          onBlur: onInputBlur,\n          onKeyDown,\n          onKeyUp,\n          onPaste: p.onPaste,\n          onCopy: p.onCopy,\n          onCut: p.onCut,\n          name: p.name,\n          form: p.form,\n          autoFocus: p.autoFocus,\n        } as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get incrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: incrementId,\n        type: \"button\",\n        \"aria-label\": `Increase ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${incrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canIncrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canIncrement();\n        },\n        onClick: onIncrementClick,\n        onPressStart: onIncrementPressStart,\n        onPressUp: onIncrementPressUp,\n        onPressEnd: onIncrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get decrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: decrementId,\n        type: \"button\",\n        \"aria-label\": `Decrease ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${decrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canDecrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canDecrement();\n        },\n        onClick: onDecrementClick,\n        onPressStart: onDecrementPressStart,\n        onPressUp: onDecrementPressUp,\n        onPressEnd: onDecrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"numberfield.js","names":[],"sources":["../../src/numberfield/createNumberField.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/numberfield/useNumberField.ts\n\n/**\n * Provides the behavior and accessibility implementation for a number field.\n * Based on @react-aria/numberfield useNumberField.\n */\n\nimport { onOwnedCleanup } from \"../utils/owner\";\nimport { followRef } from \"../utils/refs\";\nimport { createEffect, createMemo, createSignal } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport type { NumberFieldState, ValidityState } from \"@proyecto-viviana/solid-stately\";\nimport { createLabel } from \"../label/createLabel\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { AriaButtonProps } from \"../button/types\";\nimport type { PressEvent } from \"../interactions\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { announce, clearAnnouncer } from \"../live-announcer\";\nimport { createFormValidation } from \"../form/createFormValidation\";\nimport { createFormReset } from \"../form/createFormReset\";\n\nexport interface AriaNumberFieldProps {\n  /** A label for the number field. */\n  label?: JSX.Element;\n  /** An accessible label for the number field. */\n  \"aria-label\"?: string;\n  /** The element ID that labels the number field. */\n  \"aria-labelledby\"?: string;\n  /** The element ID that describes the number field. */\n  \"aria-describedby\"?: string;\n  /** Whether the number field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the number field is read-only. */\n  isReadOnly?: boolean;\n  /** Whether the number field is required. */\n  isRequired?: boolean;\n  /** Whether the number field is invalid. */\n  isInvalid?: boolean;\n  /** A description for the number field. */\n  description?: JSX.Element;\n  /** An error message for the number field. */\n  errorMessage?: JSX.Element;\n  /** The ID of the number field. */\n  id?: string;\n  /** Whether to auto-focus the input. */\n  autoFocus?: boolean;\n  /** The name for the form input. */\n  name?: string;\n  /** The form element this input belongs to. */\n  form?: string;\n  /** Handler for focus events. */\n  onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler for blur events. */\n  onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent>;\n  /** Handler called when focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler for key down events. */\n  onKeyDown?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for key up events. */\n  onKeyUp?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;\n  /** Handler for paste events. */\n  onPaste?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for copy events. */\n  onCopy?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /** Handler for cut events. */\n  onCut?: JSX.EventHandler<HTMLInputElement, ClipboardEvent>;\n  /**\n   * Whether to disable incrementing/decrementing from the mouse wheel.\n   * RAC `useNumberField` `isWheelDisabled`.\n   */\n  isWheelDisabled?: boolean;\n  /**\n   * `\"native\"` sets the `required` attribute and omits `aria-required`.\n   * `\"aria\"` does the reverse. RAC `useNumberField` default is native.\n   * @default \"native\"\n   */\n  validationBehavior?: \"aria\" | \"native\";\n  /**\n   * Controls blur commit: `'snap'` clamps to min/max/step, `'validate'` leaves\n   * the value and reports native range/step validity.\n   * @default \"snap\"\n   */\n  commitBehavior?: \"snap\" | \"validate\";\n  /** Custom validation function. */\n  validate?: (value: number) => boolean | string | string[] | null | undefined;\n  /** @deprecated Use isInvalid instead. */\n  validationState?: \"valid\" | \"invalid\";\n}\n\nexport interface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element group. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the increment button. */\n  incrementButtonProps: AriaButtonProps;\n  /** Props for the decrement button. */\n  decrementButtonProps: AriaButtonProps;\n  /** Props for the description element. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the error message element. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the number field is invalid. */\n  isInvalid: boolean;\n  /** The current error messages for the input if it is invalid. */\n  validationErrors: string[];\n  /** The native validity state for the input. */\n  validationDetails: ValidityState;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field.\n */\nexport function createNumberField(\n  props: MaybeAccessor<AriaNumberFieldProps>,\n  state: NumberFieldState,\n  inputRef?: () => HTMLInputElement | null,\n): NumberFieldAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n  const displayValidation = () => state.displayValidation();\n\n  const resolvedInput = followRef(() => inputRef?.() ?? null);\n  createFormReset(\n    () => resolvedInput() ?? undefined,\n    state.defaultNumberValue,\n    (value) => state.setNumberValue(value),\n  );\n  createFormValidation(\n    {\n      get validationBehavior() {\n        return getProps().validationBehavior ?? \"native\";\n      },\n      focus: () => resolvedInput()?.focus(),\n    },\n    state,\n    () => resolvedInput() ?? undefined,\n  );\n  createNativeValidation(state, getProps, () => resolvedInput() ?? null);\n\n  // Generate IDs for associated elements\n  const inputId = `${id}-input`;\n  const incrementId = `${id}-increment`;\n  const decrementId = `${id}-decrement`;\n  const descriptionId = `${id}-description`;\n  const errorMessageId = `${id}-error`;\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return inputId;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    // Upstream react-aria `useNumberField` → `useField` → `useLabel` with the DEFAULT\n    // `labelElementType: 'label'`: the S2 NumberField label is a native `<label htmlFor>`\n    // (verified against the shipped React DOM: `<label id for=inputId>`). This hardcoded\n    // `\"span\"` was a self-inflicted divergence — it dropped the `for` association and made\n    // `NumberFieldLabel` render a `<span>`. Reverted to `\"label\"` so `createLabel` emits\n    // `for: inputId` (the input still also carries `aria-labelledby`, exactly as upstream).\n    labelElementType: \"label\",\n  });\n\n  // Increment/decrement button labels — a 1:1 port of upstream `useNumberField`'s\n  // four-case logic. Upstream RAC's `NumberField` component feeds `useNumberField` a\n  // BOOLEAN slot for `label` (from `useSlot`), never the label string, so a visible\n  // label is NEVER concatenated into the button `aria-label`. Instead: with a visible\n  // label the button reads `aria-label: \"Increase\"` PLUS `aria-labelledby: \"<selfId>\n  // <labelId>\"`; only an explicit `aria-label` (and no visible label) changes the text\n  // (`\"Increase <aria-label>\"`). The prior `Increase ${getLabelText()}` was a\n  // self-inflicted divergence that produced \"Increase Quantity\" where S2 ships\n  // \"Increase\". `fieldLabel` mirrors upstream: `props['aria-label'] || ''` — the visible\n  // label string is intentionally excluded (it arrives as a boolean slot in RAC).\n  const fieldLabel = (): string => getProps()[\"aria-label\"] ?? \"\";\n  const buttonLabelledBy = (): string | undefined => {\n    if (fieldLabel()) return undefined;\n    return getProps().label != null\n      ? (labelProps.id as string | undefined)\n      : getProps()[\"aria-labelledby\"];\n  };\n\n  // Filter DOM props\n  const domProps = createMemo(() =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true }),\n  );\n\n  // Handle input change\n  const onInputChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    const value = e.currentTarget.value;\n    if (state.validate(value)) {\n      state.setInputValue(value);\n    }\n  };\n\n  // Handle input blur - commit value\n  // Non-reactive focus flag — matches useSpinButton. Focus itself must not\n  // announce; only a later change to inputValue while focused does.\n  let isFocused = false;\n\n  const onInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    isFocused = false;\n    state.commit();\n    const p = getProps();\n    p.onBlur?.(e);\n    p.onFocusChange?.(false);\n  };\n\n  const onInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (e) => {\n    isFocused = true;\n    const p = getProps();\n    p.onFocus?.(e);\n    p.onFocusChange?.(true);\n  };\n\n  createEffect(\n    () => state.inputValue(),\n    (value) => {\n      if (isFocused) {\n        clearAnnouncer(\"assertive\");\n        announce(value, \"assertive\");\n      }\n    },\n  );\n\n  // Handle keyboard events\n  const onKeyDown: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    const p = getProps();\n    if (p.isDisabled || p.isReadOnly) {\n      p.onKeyDown?.(e);\n      return;\n    }\n\n    switch (e.key) {\n      case \"ArrowUp\":\n        e.preventDefault();\n        state.increment();\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        state.decrement();\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        state.increment();\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        state.decrement();\n        break;\n      case \"Home\":\n        e.preventDefault();\n        state.decrementToMin();\n        break;\n      case \"End\":\n        e.preventDefault();\n        state.incrementToMax();\n        break;\n      case \"Enter\":\n        state.commit();\n        break;\n    }\n\n    p.onKeyDown?.(e);\n  };\n\n  const onKeyUp: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (e) => {\n    getProps().onKeyUp?.(e);\n  };\n\n  const [focusWithin, setFocusWithin] = createSignal(false);\n  const { focusWithinProps } = createFocusWithin({\n    onFocusWithinChange: setFocusWithin,\n  });\n\n  const onWheel = (e: WheelEvent) => {\n    const p = getProps();\n    const input = inputRef?.();\n\n    if (\n      p.isWheelDisabled ||\n      p.isDisabled ||\n      p.isReadOnly ||\n      (input != null && input.ownerDocument.activeElement !== input && !focusWithin())\n    ) {\n      return;\n    }\n    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n      return;\n    }\n    if (e.deltaY > 0) {\n      state.increment();\n    } else if (e.deltaY < 0) {\n      state.decrement();\n    } else {\n      return;\n    }\n    e.preventDefault();\n  };\n\n  const onButtonPressStart = (e: PressEvent) => {\n    const input = inputRef?.();\n\n    // Keep existing input focus in place. This avoids hiding software keyboards\n    // and prevents a blur/refocus flicker when mouse pressing the steppers.\n    if (input && input.ownerDocument.activeElement === input) {\n      return;\n    }\n\n    if (e.pointerType === \"mouse\") {\n      input?.focus();\n    } else if (e.target instanceof HTMLElement) {\n      e.target.focus();\n    }\n  };\n\n  let incrementTouchPressUp = false;\n  let decrementTouchPressUp = false;\n  let spinTimeout: ReturnType<typeof setTimeout> | undefined;\n  let isSpinning = false;\n\n  const clearSpin = () => {\n    if (spinTimeout != null) {\n      clearTimeout(spinTimeout);\n      spinTimeout = undefined;\n    }\n    isSpinning = false;\n  };\n  onOwnedCleanup(clearSpin);\n\n  const startSpin = (direction: \"up\" | \"down\", initialDelay: number) => {\n    clearSpin();\n    const step = () => {\n      isSpinning = true;\n      if (direction === \"up\") {\n        if (!state.canIncrement()) return;\n        state.increment();\n      } else {\n        if (!state.canDecrement()) return;\n        state.decrement();\n      }\n      spinTimeout = setTimeout(step, 60);\n    };\n    spinTimeout = setTimeout(step, initialDelay);\n  };\n\n  const onIncrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.increment();\n      startSpin(\"up\", 400);\n    } else {\n      incrementTouchPressUp = false;\n      startSpin(\"up\", 600);\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onIncrementPressUp = (e: PressEvent) => {\n    clearSpin();\n    if (e.pointerType === \"touch\") {\n      incrementTouchPressUp = true;\n    }\n  };\n\n  const onIncrementPressEnd = (e: PressEvent) => {\n    const spinning = isSpinning;\n    clearSpin();\n    if (e.pointerType === \"touch\" && incrementTouchPressUp && !spinning) {\n      state.increment();\n    }\n\n    incrementTouchPressUp = false;\n  };\n  const onIncrementClick = (e: MouseEvent) => {\n    if (!state.canIncrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.increment();\n    inputRef?.()?.focus();\n  };\n\n  const onDecrementPressStart = (e: PressEvent) => {\n    if (e.pointerType !== \"touch\") {\n      state.decrement();\n      startSpin(\"down\", 400);\n    } else {\n      decrementTouchPressUp = false;\n      startSpin(\"down\", 600);\n    }\n\n    onButtonPressStart(e);\n  };\n\n  const onDecrementPressUp = (e: PressEvent) => {\n    clearSpin();\n    if (e.pointerType === \"touch\") {\n      decrementTouchPressUp = true;\n    }\n  };\n\n  const onDecrementPressEnd = (e: PressEvent) => {\n    const spinning = isSpinning;\n    clearSpin();\n    if (e.pointerType === \"touch\" && decrementTouchPressUp && !spinning) {\n      state.decrement();\n    }\n\n    decrementTouchPressUp = false;\n  };\n  const onDecrementClick = (e: MouseEvent) => {\n    if (!state.canDecrement()) {\n      e.preventDefault();\n      return;\n    }\n\n    state.decrement();\n    inputRef?.()?.focus();\n  };\n\n  // Build aria-describedby\n  const getAriaDescribedBy = () => {\n    const p = getProps();\n    const parts: string[] = [];\n    if (p[\"aria-describedby\"]) parts.push(p[\"aria-describedby\"]);\n    if (p.description) parts.push(descriptionId);\n    if (displayValidation().isInvalid && p.errorMessage) parts.push(errorMessageId);\n    return parts.length > 0 ? parts.join(\" \") : undefined;\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get groupProps() {\n      return mergeProps(focusWithinProps, {\n        role: \"group\",\n        \"aria-disabled\": getProps().isDisabled ? \"true\" : undefined,\n        \"aria-invalid\": displayValidation().isInvalid ? \"true\" : undefined,\n      }) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n      const isDisabled = p.isDisabled ?? state.isDisabled();\n      const isReadOnly = p.isReadOnly ?? state.isReadOnly();\n\n      return mergeProps(\n        domProps(),\n        fieldProps as Record<string, unknown>,\n        {\n          id: inputId,\n          type: \"text\",\n          inputMode: \"decimal\" as const,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          spellcheck: false,\n          // Upstream routes the input through useFormattedTextField → useTextField →\n          // useFocusable, which \"always set[s] a tabIndex so that Safari allows\n          // focusing native buttons and inputs\": `excludeFromTabOrder ? -1 : 0`, then\n          // `undefined` when disabled. The input is never excluded, so the rendered\n          // DOM carries `tabindex=\"0\"` (absent only when disabled). We hand-roll\n          // inputProps (see the spinbutton-override note below) so we must replay that\n          // one focusable prop here to stay byte-identical to React's tab order.\n          tabIndex: isDisabled ? undefined : 0,\n          // Upstream useNumberField wraps useSpinButton but deliberately\n          // overrides its output: role=spinbutton can't be focused with\n          // VoiceOver, so the input is a plain textbox (inside the role=group\n          // wrapper above) and every aria-value* is dropped in favour of\n          // aria-roledescription. The formatted value is still announced via the\n          // input's own value. Mirror that contract instead of leaking the raw\n          // spinbutton semantics.\n          //\n          // The string MUST match upstream's `stringFormatter.format('numberField')`,\n          // whose en-US value is `Number field` (capitalised) — not a lowercase\n          // hand-roll. Full locale routing via `createStringFormatter` (as\n          // `createDateField` does) is tracked as `intl-roledescription-hardcodes`\n          // (also covers the ColorArea/ColorSwatch English hardcodes); this keeps the\n          // en-US roledescription byte-identical to React Spectrum in the meantime.\n          \"aria-roledescription\": \"Number field\",\n          \"aria-invalid\": displayValidation().isInvalid || undefined,\n          \"aria-required\":\n            ((p.validationBehavior ?? \"native\") === \"aria\" && p.isRequired) || undefined,\n          \"aria-describedby\": getAriaDescribedBy(),\n          disabled: isDisabled || undefined,\n          readOnly: isReadOnly || undefined,\n          required: ((p.validationBehavior ?? \"native\") === \"native\" && p.isRequired) || undefined,\n          value: state.inputValue(),\n          onInput: onInputChange,\n          onChange: onInputChange,\n          onFocus: onInputFocus,\n          onBlur: onInputBlur,\n          onKeyDown,\n          onKeyUp,\n          onWheel,\n          onPaste: p.onPaste,\n          onCopy: p.onCopy,\n          onCut: p.onCut,\n          name: p.name,\n          form: p.form,\n          autoFocus: p.autoFocus,\n        } as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get incrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: incrementId,\n        type: \"button\",\n        \"aria-label\": `Increase ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${incrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canIncrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canIncrement();\n        },\n        onClick: onIncrementClick,\n        onPressStart: onIncrementPressStart,\n        onPressUp: onIncrementPressUp,\n        onPressEnd: onIncrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get decrementButtonProps() {\n      const labelledBy = buttonLabelledBy();\n      return {\n        id: decrementId,\n        type: \"button\",\n        \"aria-label\": `Decrease ${fieldLabel()}`.trim(),\n        \"aria-labelledby\": labelledBy ? `${decrementId} ${labelledBy}` : undefined,\n        \"aria-controls\": inputId,\n        excludeFromTabOrder: true,\n        preventFocusOnPress: true,\n        allowFocusWhenDisabled: true,\n        get disabled() {\n          return !state.canDecrement();\n        },\n        tabIndex: -1,\n        get isDisabled() {\n          return !state.canDecrement();\n        },\n        onClick: onDecrementClick,\n        onPressStart: onDecrementPressStart,\n        onPressUp: onDecrementPressUp,\n        onPressEnd: onDecrementPressEnd,\n      } as AriaButtonProps;\n    },\n    get descriptionProps() {\n      return {\n        id: descriptionId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get errorMessageProps() {\n      return {\n        id: errorMessageId,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get isInvalid() {\n      return displayValidation().isInvalid;\n    },\n    get validationErrors() {\n      return displayValidation().validationErrors;\n    },\n    get validationDetails() {\n      return displayValidation().validationDetails;\n    },\n  };\n}\n\nlet numberInput: HTMLInputElement | null = null;\n\nfunction createNativeValidation(\n  state: NumberFieldState,\n  getProps: () => AriaNumberFieldProps,\n  inputRef?: () => HTMLInputElement | null,\n): void {\n  createEffect(\n    () => ({\n      commitBehavior: getProps().commitBehavior ?? \"snap\",\n      input: inputRef?.() ?? null,\n      realtimeInvalid: state.realtimeValidation().isInvalid,\n      min: state.minValue(),\n      max: state.maxValue(),\n      step: state.step(),\n      value: state.numberValue(),\n      // Re-apply after the text input's value is written; assigning `value`\n      // clears customValidity in the DOM.\n      inputValue: state.inputValue(),\n      validationBehavior: getProps().validationBehavior ?? \"native\",\n    }),\n    ({ commitBehavior, input, realtimeInvalid, min, max, step, value, validationBehavior }) => {\n      if (commitBehavior !== \"validate\" || !input || input.disabled) {\n        return;\n      }\n\n      if (!numberInput && typeof document !== \"undefined\") {\n        numberInput = document.createElement(\"input\");\n        numberInput.type = \"number\";\n      }\n\n      if (!numberInput) {\n        return;\n      }\n\n      numberInput.min = min != null && !isNaN(min) ? String(min) : \"\";\n      numberInput.max = max != null && !isNaN(max) ? String(max) : \"\";\n      numberInput.step = step != null && !isNaN(step) ? String(step) : \"\";\n      numberInput.value = value != null && !isNaN(value) ? String(value) : \"\";\n\n      const rangeOverflow =\n        max != null && !isNaN(max) && value != null && !isNaN(value) && value > max;\n      const rangeUnderflow =\n        min != null && !isNaN(min) && value != null && !isNaN(value) && value < min;\n      const nativeInvalid = !numberInput.validity.valid || rangeOverflow || rangeUnderflow;\n      if (!nativeInvalid) {\n        return;\n      }\n\n      const validationMessage =\n        numberInput.validationMessage ||\n        (rangeOverflow ? \"Value exceeds the maximum.\" : \"\") ||\n        (rangeUnderflow ? \"Value is below the minimum.\" : \"\");\n      if (validationBehavior === \"native\") {\n        input.setCustomValidity(validationMessage);\n      }\n      if (!realtimeInvalid) {\n        state.updateValidation({\n          isInvalid: true,\n          validationErrors: validationMessage ? [validationMessage] : [],\n          validationDetails: {\n            badInput: input.validity.badInput,\n            customError: true,\n            patternMismatch: input.validity.patternMismatch,\n            rangeOverflow: rangeOverflow || numberInput.validity.rangeOverflow,\n            rangeUnderflow: rangeUnderflow || numberInput.validity.rangeUnderflow,\n            stepMismatch: numberInput.validity.stepMismatch,\n            tooLong: input.validity.tooLong,\n            tooShort: input.validity.tooShort,\n            typeMismatch: input.validity.typeMismatch,\n            valueMissing: input.validity.valueMissing,\n            valid: false,\n          },\n        });\n      }\n    },\n  );\n}\n"],"mappings":"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"}