@thxgg/steward 0.1.5 → 0.1.7

package/.output/server/node_modules/reka-ui/dist/NavigationMenu/NavigationMenuTrigger.js

@@ -0,0 +1,150 @@
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { useCollection } from "../Collection/Collection.js";
+import { VisuallyHidden_default } from "../VisuallyHidden/VisuallyHidden.js";
+import { getOpenState, makeContentId, makeTriggerId } from "./utils.js";
+import { injectNavigationMenuContext } from "./NavigationMenuRoot.js";
+import { injectNavigationMenuItemContext } from "./NavigationMenuItem.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, onMounted, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+import { refAutoReset, unrefElement } from "@vueuse/core";
+
+//#region src/NavigationMenu/NavigationMenuTrigger.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["aria-owns"];
+var NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "NavigationMenuTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const menuContext = injectNavigationMenuContext();
+		const itemContext = injectNavigationMenuItemContext();
+		const { CollectionItem } = useCollection({ key: "NavigationMenu" });
+		const { forwardRef, currentElement: triggerElement } = useForwardExpose();
+		const triggerId = ref("");
+		const contentId = ref("");
+		const hasPointerMoveOpenedRef = refAutoReset(false, 300);
+		const wasClickCloseRef = ref(false);
+		const open = computed(() => itemContext.value === menuContext.modelValue.value);
+		onMounted(() => {
+			itemContext.triggerRef = triggerElement;
+			triggerId.value = makeTriggerId(menuContext.baseId, itemContext.value);
+			contentId.value = makeContentId(menuContext.baseId, itemContext.value);
+		});
+		function handlePointerEnter() {
+			if (menuContext.disableHoverTrigger.value) return;
+			wasClickCloseRef.value = false;
+			itemContext.wasEscapeCloseRef.value = false;
+		}
+		function handlePointerMove(ev) {
+			if (menuContext.disableHoverTrigger.value) return;
+			if (ev.pointerType === "mouse") {
+				if (props.disabled || wasClickCloseRef.value || itemContext.wasEscapeCloseRef.value || hasPointerMoveOpenedRef.value) return;
+				menuContext.onTriggerEnter(itemContext.value);
+				hasPointerMoveOpenedRef.value = true;
+			}
+		}
+		function handlePointerLeave(ev) {
+			if (menuContext.disableHoverTrigger.value) return;
+			if (ev.pointerType === "mouse") {
+				if (props.disabled) return;
+				menuContext.onTriggerLeave();
+				hasPointerMoveOpenedRef.value = false;
+			}
+		}
+		function handleClick(event) {
+			if ((!("pointerType" in event) || event.pointerType === "mouse") && menuContext.disableClickTrigger.value) return;
+			if (hasPointerMoveOpenedRef.value) return;
+			if (open.value) menuContext.onItemSelect("");
+			else menuContext.onItemSelect(itemContext.value);
+			wasClickCloseRef.value = open.value;
+		}
+		function handleKeydown(ev) {
+			const verticalEntryKey = menuContext.dir.value === "rtl" ? "ArrowLeft" : "ArrowRight";
+			const entryKey = {
+				horizontal: "ArrowDown",
+				vertical: verticalEntryKey
+			}[menuContext.orientation];
+			if (open.value && ev.key === entryKey) {
+				itemContext.onEntryKeyDown();
+				ev.preventDefault();
+				ev.stopPropagation();
+			}
+		}
+		function setFocusProxyRef(node) {
+			itemContext.focusProxyRef.value = unrefElement(node);
+			return void 0;
+		}
+		function handleVisuallyHiddenFocus(ev) {
+			const content = document.getElementById(itemContext.contentId);
+			const prevFocusedElement = ev.relatedTarget;
+			const wasTriggerFocused = prevFocusedElement === triggerElement.value;
+			const wasFocusFromContent = content?.contains(prevFocusedElement);
+			if (wasTriggerFocused || !wasFocusFromContent) itemContext.onFocusProxyEnter(wasTriggerFocused ? "start" : "end");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(CollectionItem), null, {
+				default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
+					id: triggerId.value,
+					ref: unref(forwardRef),
+					disabled: _ctx.disabled,
+					"data-disabled": _ctx.disabled ? "" : void 0,
+					"data-state": unref(getOpenState)(open.value),
+					"data-navigation-menu-trigger": "",
+					"aria-expanded": open.value,
+					"aria-controls": contentId.value,
+					"as-child": props.asChild,
+					as: _ctx.as
+				}, _ctx.$attrs, {
+					onPointerenter: handlePointerEnter,
+					onPointermove: handlePointerMove,
+					onPointerleave: handlePointerLeave,
+					onClick: handleClick,
+					onKeydown: handleKeydown
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"id",
+					"disabled",
+					"data-disabled",
+					"data-state",
+					"aria-expanded",
+					"aria-controls",
+					"as-child",
+					"as"
+				])]),
+				_: 3
+			}), open.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(VisuallyHidden_default), {
+				ref: setFocusProxyRef,
+				"aria-hidden": "true",
+				tabindex: 0,
+				onFocus: handleVisuallyHiddenFocus
+			}), unref(menuContext).viewport ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				"aria-owns": contentId.value
+			}, null, 8, _hoisted_1)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+
+//#endregion
+//#region src/NavigationMenu/NavigationMenuTrigger.vue
+var NavigationMenuTrigger_default = NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { NavigationMenuTrigger_default };
+//# sourceMappingURL=NavigationMenuTrigger.js.map

package/.output/server/node_modules/reka-ui/dist/NavigationMenu/NavigationMenuViewport.js

@@ -0,0 +1,158 @@
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { Presence_default } from "../Presence/Presence.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { getOpenState, whenMouse } from "./utils.js";
+import { injectNavigationMenuContext } from "./NavigationMenuRoot.js";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, nextTick, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
+import { useResizeObserver } from "@vueuse/core";
+
+//#region src/NavigationMenu/NavigationMenuViewport.vue?vue&type=script&setup=true&lang.ts
+var NavigationMenuViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "NavigationMenuViewport",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		align: {
+			type: String,
+			required: false,
+			default: "center"
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef, currentElement } = useForwardExpose();
+		const menuContext = injectNavigationMenuContext();
+		const { activeTrigger, rootNavigationMenu, modelValue } = menuContext;
+		const size = ref();
+		const position = ref();
+		const open = computed(() => !!menuContext.modelValue.value);
+		watch(currentElement, () => {
+			menuContext.onViewportChange(currentElement.value);
+		});
+		const content = ref();
+		watch([modelValue, open], () => {
+			nextTick(() => {
+				if (!currentElement.value) return;
+				requestAnimationFrame(() => {
+					const el = currentElement.value?.querySelector("[data-state=open]");
+					content.value = el;
+				});
+			});
+		}, { immediate: true });
+		function updatePosition() {
+			if (content.value && activeTrigger.value && rootNavigationMenu.value) {
+				const bodyWidth = document.documentElement.offsetWidth;
+				const bodyHeight = document.documentElement.offsetHeight;
+				const rootRect = rootNavigationMenu.value.getBoundingClientRect();
+				const rect = activeTrigger.value.getBoundingClientRect();
+				const { offsetWidth, offsetHeight } = content.value;
+				const startPositionLeft = rect.left - rootRect.left;
+				const startPositionTop = rect.top - rootRect.top;
+				let posLeft = null;
+				let posTop = null;
+				switch (props.align) {
+					case "start":
+						posLeft = startPositionLeft;
+						posTop = startPositionTop;
+						break;
+					case "end":
+						posLeft = startPositionLeft - offsetWidth + rect.width;
+						posTop = startPositionTop - offsetHeight + rect.height;
+						break;
+					default:
+						posLeft = startPositionLeft - offsetWidth / 2 + rect.width / 2;
+						posTop = startPositionTop - offsetHeight / 2 + rect.height / 2;
+				}
+				const screenOffset = 10;
+				if (posLeft + rootRect.left < screenOffset) posLeft = screenOffset - rootRect.left;
+				const rightOffset = posLeft + rootRect.left + offsetWidth;
+				if (rightOffset > bodyWidth - screenOffset) {
+					posLeft -= rightOffset - bodyWidth + screenOffset;
+					if (posLeft < screenOffset - rootRect.left) posLeft = screenOffset - rootRect.left;
+				}
+				if (posTop + rootRect.top < screenOffset) posTop = screenOffset - rootRect.top;
+				const bottomOffset = posTop + rootRect.top + offsetHeight;
+				if (bottomOffset > bodyHeight - screenOffset) {
+					posTop -= bottomOffset - bodyHeight + screenOffset;
+					if (posTop < screenOffset - rootRect.top) posTop = screenOffset - rootRect.top;
+				}
+				posLeft = Math.round(posLeft);
+				posTop = Math.round(posTop);
+				position.value = {
+					left: posLeft,
+					top: posTop
+				};
+			}
+		}
+		useResizeObserver(content, () => {
+			if (content.value) {
+				size.value = {
+					width: content.value.offsetWidth,
+					height: content.value.offsetHeight
+				};
+				updatePosition();
+			}
+		});
+		useResizeObserver([globalThis.document?.body, rootNavigationMenu], () => {
+			updatePosition();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Presence_default), {
+				present: _ctx.forceMount || open.value,
+				"force-mount": !unref(menuContext).unmountOnHide.value,
+				onAfterLeave: _cache[2] || (_cache[2] = () => {
+					size.value = void 0;
+					position.value = void 0;
+				})
+			}, {
+				default: withCtx(({ present }) => [createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
+					ref: unref(forwardRef),
+					as: _ctx.as,
+					"as-child": _ctx.asChild,
+					"data-state": unref(getOpenState)(open.value),
+					"data-orientation": unref(menuContext).orientation,
+					style: {
+						pointerEvents: !open.value && unref(menuContext).isRootMenu ? "none" : void 0,
+						["--reka-navigation-menu-viewport-width"]: size.value ? `${size.value?.width}px` : void 0,
+						["--reka-navigation-menu-viewport-height"]: size.value ? `${size.value?.height}px` : void 0,
+						["--reka-navigation-menu-viewport-left"]: position.value ? `${position.value?.left}px` : void 0,
+						["--reka-navigation-menu-viewport-top"]: position.value ? `${position.value?.top}px` : void 0
+					},
+					hidden: !present,
+					onPointerenter: _cache[0] || (_cache[0] = ($event) => unref(menuContext).onContentEnter(unref(menuContext).modelValue.value)),
+					onPointerleave: _cache[1] || (_cache[1] = ($event) => unref(whenMouse)(() => unref(menuContext).onContentLeave())($event))
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 2
+				}, 1040, [
+					"as",
+					"as-child",
+					"data-state",
+					"data-orientation",
+					"style",
+					"hidden"
+				])]),
+				_: 3
+			}, 8, ["present", "force-mount"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/NavigationMenu/NavigationMenuViewport.vue
+var NavigationMenuViewport_default = NavigationMenuViewport_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { NavigationMenuViewport_default };
+//# sourceMappingURL=NavigationMenuViewport.js.map

package/.output/server/node_modules/reka-ui/dist/NavigationMenu/utils.js

@@ -0,0 +1,61 @@
+import { getActiveElement } from "../shared/getActiveElement.js";
+
+//#region src/NavigationMenu/utils.ts
+function getOpenState(open) {
+	return open ? "open" : "closed";
+}
+function makeTriggerId(baseId, value) {
+	return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+	return `${baseId}-content-${value}`;
+}
+const LINK_SELECT = "navigationMenu.linkSelect";
+const EVENT_ROOT_CONTENT_DISMISS = "navigationMenu.rootContentDismiss";
+/**
+* Returns a list of potential tabbable candidates.
+*
+* NOTE: This is only a close approximation. For example it doesn't take into account cases like when
+* elements are not visible. This cannot be worked out easily by just reading a property, but rather
+* necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.
+*
+* See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
+* Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
+*/
+function getTabbableCandidates(container) {
+	const nodes = [];
+	const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: (node) => {
+		const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+		if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
+		return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+	} });
+	while (walker.nextNode()) nodes.push(walker.currentNode);
+	return nodes;
+}
+function focusFirst(candidates) {
+	const previouslyFocusedElement = getActiveElement();
+	return candidates.some((candidate) => {
+		if (candidate === previouslyFocusedElement) return true;
+		candidate.focus();
+		return getActiveElement() !== previouslyFocusedElement;
+	});
+}
+function removeFromTabOrder(candidates) {
+	candidates.forEach((candidate) => {
+		candidate.dataset.tabindex = candidate.getAttribute("tabindex") || "";
+		candidate.setAttribute("tabindex", "-1");
+	});
+	return () => {
+		candidates.forEach((candidate) => {
+			const prevTabIndex = candidate.dataset.tabindex;
+			candidate.setAttribute("tabindex", prevTabIndex);
+		});
+	};
+}
+function whenMouse(handler) {
+	return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
+}
+
+//#endregion
+export { EVENT_ROOT_CONTENT_DISMISS, LINK_SELECT, focusFirst, getOpenState, getTabbableCandidates, makeContentId, makeTriggerId, removeFromTabOrder, whenMouse };
+//# sourceMappingURL=utils.js.map

package/.output/server/node_modules/reka-ui/dist/NumberField/NumberFieldDecrement.js

@@ -0,0 +1,69 @@
+import { Primitive } from "../Primitive/Primitive.js";
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import { usePressedHold } from "./utils.js";
+import { injectNumberFieldRootContext } from "./NumberFieldRoot.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
+
+//#region src/NumberField/NumberFieldDecrement.vue?vue&type=script&setup=true&lang.ts
+var NumberFieldDecrement_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NumberFieldDecrement",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectNumberFieldRootContext();
+		const isDisabled = computed(() => rootContext.disabled?.value || rootContext.readonly.value || props.disabled || rootContext.isDecreaseDisabled.value);
+		const { primitiveElement, currentElement } = usePrimitiveElement();
+		const { isPressed, onTrigger } = usePressedHold({
+			target: currentElement,
+			disabled: isDisabled
+		});
+		onTrigger(() => {
+			rootContext.handleDecrease();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				tabindex: "-1",
+				"aria-label": "Decrease",
+				type: _ctx.as === "button" ? "button" : void 0,
+				style: { userSelect: unref(isPressed) ? "none" : void 0 },
+				disabled: isDisabled.value ? "" : void 0,
+				"data-disabled": isDisabled.value ? "" : void 0,
+				"data-pressed": unref(isPressed) ? "true" : void 0,
+				onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"type",
+				"style",
+				"disabled",
+				"data-disabled",
+				"data-pressed"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/NumberField/NumberFieldDecrement.vue
+var NumberFieldDecrement_default = NumberFieldDecrement_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { NumberFieldDecrement_default };
+//# sourceMappingURL=NumberFieldDecrement.js.map

package/.output/server/node_modules/reka-ui/dist/NumberField/NumberFieldIncrement.js

@@ -0,0 +1,69 @@
+import { Primitive } from "../Primitive/Primitive.js";
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import { usePressedHold } from "./utils.js";
+import { injectNumberFieldRootContext } from "./NumberFieldRoot.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
+
+//#region src/NumberField/NumberFieldIncrement.vue?vue&type=script&setup=true&lang.ts
+var NumberFieldIncrement_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NumberFieldIncrement",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectNumberFieldRootContext();
+		const isDisabled = computed(() => rootContext.disabled?.value || rootContext.readonly.value || props.disabled || rootContext.isIncreaseDisabled.value);
+		const { primitiveElement, currentElement } = usePrimitiveElement();
+		const { isPressed, onTrigger } = usePressedHold({
+			target: currentElement,
+			disabled: isDisabled
+		});
+		onTrigger(() => {
+			rootContext.handleIncrease();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				tabindex: "-1",
+				"aria-label": "Increase",
+				type: _ctx.as === "button" ? "button" : void 0,
+				style: { userSelect: unref(isPressed) ? "none" : void 0 },
+				disabled: isDisabled.value ? "" : void 0,
+				"data-disabled": isDisabled.value ? "" : void 0,
+				"data-pressed": unref(isPressed) ? "true" : void 0,
+				onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"type",
+				"style",
+				"disabled",
+				"data-disabled",
+				"data-pressed"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/NumberField/NumberFieldIncrement.vue
+var NumberFieldIncrement_default = NumberFieldIncrement_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { NumberFieldIncrement_default };
+//# sourceMappingURL=NumberFieldIncrement.js.map

package/.output/server/node_modules/reka-ui/dist/NumberField/NumberFieldInput.js

@@ -0,0 +1,115 @@
+import { getActiveElement } from "../shared/getActiveElement.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import { injectNumberFieldRootContext } from "./NumberFieldRoot.js";
+import { createBlock, defineComponent, mergeProps, onMounted, openBlock, ref, renderSlot, unref, watch, withCtx, withKeys, withModifiers } from "vue";
+
+//#region src/NumberField/NumberFieldInput.vue?vue&type=script&setup=true&lang.ts
+var NumberFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NumberFieldInput",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "input"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { primitiveElement, currentElement } = usePrimitiveElement();
+		const rootContext = injectNumberFieldRootContext();
+		function handleWheelEvent(event) {
+			if (rootContext.disableWheelChange.value) return;
+			if (event.target !== getActiveElement()) return;
+			if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) return;
+			event.preventDefault();
+			if (event.deltaY > 0) rootContext.invertWheelChange.value ? rootContext.handleDecrease() : rootContext.handleIncrease();
+			else if (event.deltaY < 0) rootContext.invertWheelChange.value ? rootContext.handleIncrease() : rootContext.handleDecrease();
+		}
+		onMounted(() => {
+			rootContext.onInputElement(currentElement.value);
+		});
+		const inputValue = ref(rootContext.textValue.value);
+		watch(() => rootContext.textValue.value, () => {
+			inputValue.value = rootContext.textValue.value;
+		}, {
+			immediate: true,
+			deep: true
+		});
+		function handleChange() {
+			requestAnimationFrame(() => {
+				inputValue.value = rootContext.textValue.value;
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				id: unref(rootContext).id.value,
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				value: inputValue.value,
+				role: "spinbutton",
+				type: "text",
+				tabindex: "0",
+				inputmode: unref(rootContext).inputMode.value,
+				disabled: unref(rootContext).disabled.value ? "" : void 0,
+				"data-disabled": unref(rootContext).disabled.value ? "" : void 0,
+				readonly: unref(rootContext).readonly.value ? "" : void 0,
+				"data-readonly": unref(rootContext).readonly.value ? "" : void 0,
+				autocomplete: "off",
+				autocorrect: "off",
+				spellcheck: "false",
+				"aria-roledescription": "Number field",
+				"aria-valuenow": unref(rootContext).modelValue.value,
+				"aria-valuemin": unref(rootContext).min.value,
+				"aria-valuemax": unref(rootContext).max.value,
+				onKeydown: [
+					_cache[0] || (_cache[0] = withKeys(withModifiers(($event) => unref(rootContext).handleIncrease(), ["prevent"]), ["up"])),
+					_cache[1] || (_cache[1] = withKeys(withModifiers(($event) => unref(rootContext).handleDecrease(), ["prevent"]), ["down"])),
+					_cache[2] || (_cache[2] = withKeys(withModifiers(($event) => unref(rootContext).handleIncrease(10), ["prevent"]), ["page-up"])),
+					_cache[3] || (_cache[3] = withKeys(withModifiers(($event) => unref(rootContext).handleDecrease(10), ["prevent"]), ["page-down"])),
+					_cache[4] || (_cache[4] = withKeys(withModifiers(($event) => unref(rootContext).handleMinMaxValue("min"), ["prevent"]), ["home"])),
+					_cache[5] || (_cache[5] = withKeys(withModifiers(($event) => unref(rootContext).handleMinMaxValue("max"), ["prevent"]), ["end"])),
+					_cache[8] || (_cache[8] = withKeys(($event) => unref(rootContext).applyInputValue($event.target?.value), ["enter"]))
+				],
+				onWheel: handleWheelEvent,
+				onBeforeinput: _cache[6] || (_cache[6] = (event) => {
+					const target = event.target;
+					let nextValue = target.value.slice(0, target.selectionStart ?? void 0) + (event.data ?? "") + target.value.slice(target.selectionEnd ?? void 0);
+					if (!unref(rootContext).validate(nextValue)) event.preventDefault();
+				}),
+				onInput: _cache[7] || (_cache[7] = (event) => {
+					const target = event.target;
+					inputValue.value = target.value;
+				}),
+				onChange: handleChange,
+				onBlur: _cache[9] || (_cache[9] = ($event) => unref(rootContext).applyInputValue($event.target?.value))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"id",
+				"value",
+				"inputmode",
+				"disabled",
+				"data-disabled",
+				"readonly",
+				"data-readonly",
+				"aria-valuenow",
+				"aria-valuemin",
+				"aria-valuemax"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/NumberField/NumberFieldInput.vue
+var NumberFieldInput_default = NumberFieldInput_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { NumberFieldInput_default };
+//# sourceMappingURL=NumberFieldInput.js.map