@feugene/granularity 0.13.0 → 0.18.0

package/dist/components/GrNumberInput/chunks/GrNumberInput-l9ZOHG9D.js

@@ -1,471 +0,0 @@
-import { o as useGrComponentSize } from "../../../chunks/context-DfWYCBB-.js";
-import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
-import { n as useAddonMeasurement, t as addLen } from "../../../chunks/useAddonMeasurement-DM0akF4C.js";
-import { i as grNumberInputShellClass, r as grNumberInputInputClass } from "../../../chunks/config-gZWR75Bh2.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, useSlots, withModifiers } from "vue";
-//#region src/components/GrNumberInput/GrNumberInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"id",
-	"name",
-	"inputmode",
-	"autocomplete",
-	"placeholder",
-	"disabled",
-	"value",
-	"aria-valuenow",
-	"aria-valuemin",
-	"aria-valuemax",
-	"aria-invalid"
-];
-var _hoisted_2 = { class: "flex flex-col justify-center gap-1" };
-var _hoisted_3 = ["disabled", "aria-label"];
-var _hoisted_4 = ["disabled", "aria-label"];
-var _hoisted_5 = ["disabled", "aria-label"];
-var _hoisted_6 = ["disabled", "aria-label"];
-//#endregion
-//#region src/components/GrNumberInput/GrNumberInput.vue
-var GrNumberInput_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "GrNumberInput",
-	props: {
-		modelValue: {},
-		placeholder: { default: void 0 },
-		autocomplete: { default: void 0 },
-		inputmode: { default: "decimal" },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		invalid: {
-			type: Boolean,
-			default: false
-		},
-		state: { default: "default" },
-		name: { default: void 0 },
-		id: { default: void 0 },
-		size: { default: void 0 },
-		textAlign: { default: "left" },
-		decimalSeparator: { default: "." },
-		step: { default: 1 },
-		min: { default: void 0 },
-		max: { default: void 0 },
-		precision: { default: void 0 },
-		locale: { default: void 0 },
-		useGrouping: {
-			type: Boolean,
-			default: false
-		},
-		controls: {
-			type: Boolean,
-			default: false
-		},
-		controlsDirection: { default: "vertical" },
-		prefixMinWidth: { default: void 0 },
-		prefixMaxWidth: { default: void 0 },
-		suffixMinWidth: { default: void 0 },
-		suffixMaxWidth: { default: void 0 },
-		prefixFixed: {
-			type: Boolean,
-			default: false
-		},
-		suffixFixed: {
-			type: Boolean,
-			default: false
-		},
-		increaseLabel: { default: void 0 },
-		decreaseLabel: { default: void 0 }
-	},
-	emits: ["update:modelValue", "change"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const ADDON_PX_BY_SIZE = {
-			xs: 32,
-			sm: 36,
-			md: 40,
-			lg: 48
-		};
-		const BASE_PADDING_X_LEN_BY_SIZE = {
-			xs: "10px",
-			sm: "12px",
-			md: "12px",
-			lg: "16px"
-		};
-		function px(n) {
-			return `${n}px`;
-		}
-		const props = __props;
-		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrNumberInput" });
-		const emit = __emit;
-		const inputEl = ref(null);
-		function focus() {
-			inputEl.value?.focus();
-		}
-		__expose({ focus });
-		const slots = useSlots();
-		const { t } = useGranularityTranslations();
-		const resolvedIncreaseLabel = computed(() => props.increaseLabel ?? t("gr.numberInput.increase", "Increase"));
-		const resolvedDecreaseLabel = computed(() => props.decreaseLabel ?? t("gr.numberInput.decrease", "Decrease"));
-		const hasPrefix = computed(() => Boolean(slots.prefix));
-		const hasSuffix = computed(() => Boolean(slots.suffix));
-		const hasHorizontalControls = computed(() => props.controls && props.controlsDirection === "horizontal");
-		const hasVerticalControls = computed(() => props.controls && props.controlsDirection === "vertical");
-		const addonPx = computed(() => ADDON_PX_BY_SIZE[resolvedSize.value]);
-		const addonLen = computed(() => px(addonPx.value));
-		const basePaddingXLen = computed(() => BASE_PADDING_X_LEN_BY_SIZE[resolvedSize.value]);
-		const defaultAddonMinWidth = computed(() => addonLen.value);
-		const prefixMinWidth = computed(() => props.prefixMinWidth ?? defaultAddonMinWidth.value);
-		const suffixMinWidth = computed(() => props.suffixMinWidth ?? defaultAddonMinWidth.value);
-		const prefixFixedWidth = computed(() => props.prefixMaxWidth ?? props.prefixMinWidth ?? defaultAddonMinWidth.value);
-		const suffixFixedWidth = computed(() => props.suffixMaxWidth ?? props.suffixMinWidth ?? defaultAddonMinWidth.value);
-		const { prefixEl, suffixEl, measuredPrefixWidth, measuredSuffixWidth } = useAddonMeasurement(hasPrefix, hasSuffix);
-		const prefixLen = computed(() => {
-			if (!hasPrefix.value) return "0px";
-			return props.prefixFixed ? prefixFixedWidth.value : measuredPrefixWidth.value ?? prefixMinWidth.value;
-		});
-		const suffixLen = computed(() => {
-			if (!hasSuffix.value) return "0px";
-			return props.suffixFixed ? suffixFixedWidth.value : measuredSuffixWidth.value ?? suffixMinWidth.value;
-		});
-		function addonStyle(side, offset) {
-			return {
-				width: addonLen.value,
-				[side]: offset
-			};
-		}
-		const inputStyle = computed(() => {
-			const leftControls = hasHorizontalControls.value ? addonLen.value : "0px";
-			const rightControlsCount = (hasHorizontalControls.value ? 1 : 0) + (hasVerticalControls.value ? 1 : 0);
-			const rightControls = rightControlsCount > 0 ? px(addonPx.value * rightControlsCount) : "0px";
-			const leftReserved = addLen(prefixLen.value, leftControls);
-			const rightReserved = addLen(suffixLen.value, rightControls);
-			return {
-				paddingLeft: hasPrefix.value || hasHorizontalControls.value ? addLen(leftReserved, basePaddingXLen.value) : void 0,
-				paddingRight: hasSuffix.value || rightControlsCount > 0 ? addLen(rightReserved, basePaddingXLen.value) : void 0
-			};
-		});
-		const suffixStyle = computed(() => {
-			if (props.suffixFixed) return {
-				right: "0px",
-				width: suffixFixedWidth.value,
-				minWidth: suffixFixedWidth.value,
-				maxWidth: suffixFixedWidth.value
-			};
-			return {
-				right: "0px",
-				minWidth: suffixMinWidth.value,
-				maxWidth: props.suffixMaxWidth
-			};
-		});
-		const prefixStyle = computed(() => {
-			if (props.prefixFixed) return {
-				width: prefixFixedWidth.value,
-				minWidth: prefixFixedWidth.value,
-				maxWidth: prefixFixedWidth.value
-			};
-			return {
-				minWidth: prefixMinWidth.value,
-				maxWidth: props.prefixMaxWidth
-			};
-		});
-		const verticalControlsStyle = computed(() => addonStyle("right", suffixLen.value));
-		const horizontalLeftControlsStyle = computed(() => addonStyle("left", prefixLen.value));
-		const horizontalRightControlsStyle = computed(() => addonStyle("right", suffixLen.value));
-		const shellClassName = computed(() => {
-			return grNumberInputShellClass({
-				disabled: props.disabled,
-				state: props.invalid ? "danger" : props.state
-			});
-		});
-		const inputClassName = computed(() => {
-			return grNumberInputInputClass({
-				size: resolvedSize.value,
-				textAlign: props.textAlign
-			});
-		});
-		function isDigit(ch) {
-			return ch >= "0" && ch <= "9";
-		}
-		function sanitize(raw) {
-			const sep = props.decimalSeparator || ".";
-			let out = "";
-			let hasSepLocal = false;
-			for (let i = 0; i < raw.length; i++) {
-				const ch = raw[i];
-				if (ch === "-" && out.length === 0) {
-					out += "-";
-					continue;
-				}
-				if (isDigit(ch)) {
-					out += ch;
-					continue;
-				}
-				if ((ch === sep || ch === "." || ch === ",") && !hasSepLocal) {
-					out += sep;
-					hasSepLocal = true;
-				}
-			}
-			return out;
-		}
-		function toNumber(value) {
-			if (value.trim() === "") return null;
-			const sep = props.decimalSeparator || ".";
-			const normalized = sep === "." ? value : value.replace(sep, ".");
-			const n = Number(normalized);
-			if (!Number.isFinite(n)) return null;
-			return n;
-		}
-		function clamp(v) {
-			if (props.min !== void 0) v = Math.max(props.min, v);
-			if (props.max !== void 0) v = Math.min(props.max, v);
-			return v;
-		}
-		function normalize(v) {
-			if (props.precision === void 0) return v;
-			const p = Math.max(0, props.precision);
-			return Number(v.toFixed(p));
-		}
-		function format(n) {
-			const sep = props.decimalSeparator || ".";
-			const p = props.precision;
-			let s = p === void 0 ? n.toLocaleString("en-US", {
-				useGrouping: false,
-				maximumFractionDigits: 20
-			}) : n.toFixed(Math.max(0, p));
-			if (sep !== ".") s = s.replace(".", sep);
-			return s;
-		}
-		function onInput(e) {
-			const el = e.target;
-			const raw = el.value;
-			const next = sanitize(raw);
-			if (raw !== next) {
-				const caret = el.selectionStart ?? raw.length;
-				const keptBefore = sanitize(raw.slice(0, caret)).length;
-				el.value = next;
-				el.setSelectionRange(keptBefore, keptBefore);
-			}
-			emit("update:modelValue", next);
-		}
-		function commit(el) {
-			const num = toNumber(sanitize(el.value));
-			const next = num === null ? sanitize(el.value) : format(clamp(normalize(num)));
-			if (el.value !== next) el.value = next;
-			if (next !== props.modelValue) emit("update:modelValue", next);
-			emit("change", next);
-		}
-		function onChange(e) {
-			commit(e.target);
-		}
-		function setValue(n) {
-			const nextStr = format(clamp(normalize(n)));
-			emit("update:modelValue", nextStr);
-			emit("change", nextStr);
-		}
-		function stepBy(dir) {
-			if (props.disabled) return;
-			setValue((toNumber(props.modelValue) ?? 0) + (props.step ?? 1) * dir);
-			focus();
-		}
-		function onKeydown(e) {
-			if (props.disabled) return;
-			switch (e.key) {
-				case "ArrowUp":
-					e.preventDefault();
-					stepBy(1);
-					break;
-				case "ArrowDown":
-					e.preventDefault();
-					stepBy(-1);
-					break;
-				case "Home":
-					if (props.min !== void 0) {
-						e.preventDefault();
-						setValue(props.min);
-					}
-					break;
-				case "End":
-					if (props.max !== void 0) {
-						e.preventDefault();
-						setValue(props.max);
-					}
-					break;
-			}
-		}
-		const ariaValueNow = computed(() => toNumber(props.modelValue) ?? void 0);
-		const isFocused = ref(false);
-		function formatGrouped(value) {
-			const num = toNumber(value);
-			if (num === null) return value;
-			const sep = props.decimalSeparator || ".";
-			return new Intl.NumberFormat(props.locale, {
-				useGrouping: true,
-				minimumFractionDigits: props.precision ?? 0,
-				maximumFractionDigits: props.precision ?? 20
-			}).formatToParts(num).map((part) => part.type === "decimal" ? sep : part.value).join("");
-		}
-		const displayValue = computed(() => {
-			if (!props.useGrouping || isFocused.value) return props.modelValue;
-			return formatGrouped(props.modelValue);
-		});
-		function onFocus() {
-			isFocused.value = true;
-		}
-		function onBlur() {
-			isFocused.value = false;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"data-gr-number-input": "",
-				class: normalizeClass(["relative w-full overflow-hidden rounded-md border bg-[var(--gr-bg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--gr-ring)]", shellClassName.value])
-			}, [
-				_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					ref_key: "prefixEl",
-					ref: prefixEl,
-					"data-testid": "number-input-prefix",
-					"data-gr-number-input-prefix": "",
-					class: "absolute inset-y-0 left-0 flex items-center justify-center border-r border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate",
-					style: normalizeStyle(prefixStyle.value),
-					"aria-hidden": "true"
-				}, [renderSlot(_ctx.$slots, "prefix")], 4)) : createCommentVNode("", true),
-				createElementVNode("input", mergeProps({
-					id: __props.id,
-					ref_key: "inputEl",
-					ref: inputEl
-				}, _ctx.$attrs, {
-					name: __props.name,
-					type: "text",
-					inputmode: __props.inputmode,
-					autocomplete: __props.autocomplete,
-					placeholder: __props.placeholder,
-					disabled: __props.disabled,
-					value: displayValue.value,
-					role: "spinbutton",
-					"aria-valuenow": ariaValueNow.value,
-					"aria-valuemin": __props.min,
-					"aria-valuemax": __props.max,
-					"aria-invalid": __props.invalid ? "true" : void 0,
-					class: ["w-full bg-transparent text-[var(--gr-fg)] placeholder:text-[var(--gr-muted-fg)] focus:placeholder:text-transparent focus:outline-none disabled:cursor-not-allowed", inputClassName.value],
-					style: inputStyle.value,
-					onInput,
-					onChange,
-					onKeydown,
-					onFocus,
-					onBlur
-				}), null, 16, _hoisted_1),
-				_ctx.$slots.suffix ? (openBlock(), createElementBlock("div", {
-					key: 1,
-					ref_key: "suffixEl",
-					ref: suffixEl,
-					"data-testid": "number-input-suffix",
-					"data-gr-number-input-suffix": "",
-					class: normalizeClass(["absolute inset-y-0 flex items-center justify-center border-l border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate", __props.suffixFixed ? "[direction:rtl]" : ""]),
-					style: normalizeStyle(suffixStyle.value),
-					"aria-hidden": "true"
-				}, [renderSlot(_ctx.$slots, "suffix")], 6)) : createCommentVNode("", true),
-				hasVerticalControls.value ? (openBlock(), createElementBlock("div", {
-					key: 2,
-					"data-testid": "number-input-controls-vertical",
-					"data-gr-number-input-controls": "vertical",
-					class: "absolute inset-y-0 flex items-center justify-center border-l border-[var(--gr-brd)]",
-					style: normalizeStyle(verticalControlsStyle.value)
-				}, [createElementVNode("div", _hoisted_2, [createElementVNode("button", {
-					type: "button",
-					class: "h-4 w-7 inline-flex items-center justify-center rounded text-[10px] text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed",
-					disabled: __props.disabled,
-					"aria-label": resolvedIncreaseLabel.value,
-					onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
-					onClick: _cache[1] || (_cache[1] = ($event) => stepBy(1))
-				}, [..._cache[8] || (_cache[8] = [createElementVNode("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					xmlns: "http://www.w3.org/2000/svg",
-					"aria-hidden": "true"
-				}, [createElementVNode("path", {
-					d: "M7 14l5-5 5 5",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				})], -1)])], 40, _hoisted_3), createElementVNode("button", {
-					type: "button",
-					class: "h-4 w-7 inline-flex items-center justify-center rounded text-[10px] text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed",
-					disabled: __props.disabled,
-					"aria-label": resolvedDecreaseLabel.value,
-					onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
-					onClick: _cache[3] || (_cache[3] = ($event) => stepBy(-1))
-				}, [..._cache[9] || (_cache[9] = [createElementVNode("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					xmlns: "http://www.w3.org/2000/svg",
-					"aria-hidden": "true"
-				}, [createElementVNode("path", {
-					d: "M7 10l5 5 5-5",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				})], -1)])], 40, _hoisted_4)])], 4)) : createCommentVNode("", true),
-				hasHorizontalControls.value ? (openBlock(), createElementBlock("div", {
-					key: 3,
-					"data-testid": "number-input-controls-horizontal-left",
-					"data-gr-number-input-controls": "horizontal-left",
-					class: "absolute inset-y-0 flex items-stretch justify-center border-r border-[var(--gr-brd)]",
-					style: normalizeStyle(horizontalLeftControlsStyle.value)
-				}, [createElementVNode("button", {
-					type: "button",
-					class: "h-full w-full inline-flex items-center justify-center text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]",
-					disabled: __props.disabled,
-					"aria-label": resolvedDecreaseLabel.value,
-					onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["prevent"])),
-					onClick: _cache[5] || (_cache[5] = ($event) => stepBy(-1))
-				}, [..._cache[10] || (_cache[10] = [createElementVNode("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					xmlns: "http://www.w3.org/2000/svg",
-					"aria-hidden": "true"
-				}, [createElementVNode("path", {
-					d: "M14 7l-5 5 5 5",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				})], -1)])], 40, _hoisted_5)], 4)) : createCommentVNode("", true),
-				hasHorizontalControls.value ? (openBlock(), createElementBlock("div", {
-					key: 4,
-					"data-testid": "number-input-controls-horizontal-right",
-					"data-gr-number-input-controls": "horizontal-right",
-					class: "absolute inset-y-0 flex items-stretch justify-center border-l border-[var(--gr-brd)]",
-					style: normalizeStyle(horizontalRightControlsStyle.value)
-				}, [createElementVNode("button", {
-					type: "button",
-					class: "h-full w-full inline-flex items-center justify-center text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]",
-					disabled: __props.disabled,
-					"aria-label": resolvedIncreaseLabel.value,
-					onMousedown: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent"])),
-					onClick: _cache[7] || (_cache[7] = ($event) => stepBy(1))
-				}, [..._cache[11] || (_cache[11] = [createElementVNode("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					xmlns: "http://www.w3.org/2000/svg",
-					"aria-hidden": "true"
-				}, [createElementVNode("path", {
-					d: "M10 7l5 5-5 5",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				})], -1)])], 40, _hoisted_6)], 4)) : createCommentVNode("", true)
-			], 2);
-		};
-	}
-});
-//#endregion
-export { GrNumberInput_default as t };

package/dist/components/GrNumberInput/chunks/GrNumberInput-l9ZOHG9D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrNumberInput-l9ZOHG9D.js","names":["$slots","$attrs"],"sources":["../../../../src/components/GrNumberInput/GrNumberInput.vue","../../../../src/components/GrNumberInput/GrNumberInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { InputHTMLAttributes } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { computed, ref, useSlots } from 'vue'\n\nimport {\n  grNumberInputInputClass,\n  grNumberInputShellClass,\n  type GrNumberInputControlsDirection,\n  type GrNumberInputSize,\n  type GrNumberInputState,\n  type GrNumberInputTextAlign,\n} from './grNumberInputStyles'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { addLen, useAddonMeasurement } from '../../composables/internal/useAddonMeasurement'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst ADDON_PX_BY_SIZE: Record<GrNumberInputSize, number> = {\n  xs: 32,\n  sm: 36,\n  md: 40,\n  lg: 48,\n}\n\nconst BASE_PADDING_X_LEN_BY_SIZE: Record<GrNumberInputSize, string> = {\n  xs: '10px',\n  sm: '12px',\n  md: '12px',\n  lg: '16px',\n}\n\nfunction px(n: number): string {\n  return `${n}px`\n}\n\nexport interface GrNumberInputProps {\n  /** Значение (строка — контролируем форматирование внутри). */\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  inputmode?: InputHTMLAttributes['inputmode']\n  disabled?: boolean\n  /** Быстрый флаг невалидности; эквивалент `state='danger'` + `aria-invalid`. */\n  invalid?: boolean\n  state?: GrNumberInputState\n  name?: string\n  id?: string\n  size?: GrNumberInputSize\n\n  textAlign?: GrNumberInputTextAlign\n\n  decimalSeparator?: string\n  step?: number\n  min?: number\n  max?: number\n  precision?: number\n\n  /**\n   * BCP-47 локаль для отображения значения (группировка разрядов и разделители\n   * через `Intl.NumberFormat`). Работает вместе с `useGrouping`.\n   */\n  locale?: string\n  /**\n   * Группировать разряды при отображении (когда поле не в фокусе). При фокусе\n   * показывается «сырое» значение для редактирования. По умолчанию выключено.\n   */\n  useGrouping?: boolean\n\n  /** Показывать кнопки +/-. */\n  controls?: boolean\n  controlsDirection?: GrNumberInputControlsDirection\n\n  prefixMinWidth?: string\n  prefixMaxWidth?: string\n  suffixMinWidth?: string\n  suffixMaxWidth?: string\n  /**\n   * Фиксированная ширина у prefix/suffix: жёсткая ширина (из `*MaxWidth` →\n   * `*MinWidth` → дефолт) + обрезка контента по краю (prefix — справа,\n   * suffix — слева). По умолчанию аддоны растягиваются под контент.\n   */\n  prefixFixed?: boolean\n  suffixFixed?: boolean\n\n  /** i18n-friendly aria-label для кнопки \"увеличить\". */\n  increaseLabel?: string\n  /** i18n-friendly aria-label для кнопки \"уменьшить\". */\n  decreaseLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrNumberInputProps>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  inputmode: 'decimal',\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  size: undefined,\n\n  textAlign: 'left',\n\n  decimalSeparator: '.',\n  step: 1,\n  min: undefined,\n  max: undefined,\n  precision: undefined,\n  locale: undefined,\n  useGrouping: false,\n\n  controls: false,\n  controlsDirection: 'vertical',\n\n  prefixMinWidth: undefined,\n  prefixMaxWidth: undefined,\n  suffixMinWidth: undefined,\n  suffixMaxWidth: undefined,\n  prefixFixed: false,\n  suffixFixed: false,\n\n  increaseLabel: undefined,\n  decreaseLabel: undefined,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrNumberInput' })\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n  (e: 'change', value: string): void\n}>()\n\nconst inputEl = ref<HTMLInputElement | null>(null)\n\nfunction focus(): void {\n  inputEl.value?.focus()\n}\n\ndefineExpose({\n  focus,\n})\n\nconst slots = useSlots()\n\nconst { t } = useGranularityTranslations()\nconst resolvedIncreaseLabel = computed(() => props.increaseLabel ?? t('gr.numberInput.increase', 'Increase'))\nconst resolvedDecreaseLabel = computed(() => props.decreaseLabel ?? t('gr.numberInput.decrease', 'Decrease'))\n\nconst hasPrefix = computed(() => Boolean(slots.prefix))\nconst hasSuffix = computed(() => Boolean(slots.suffix))\n\nconst hasHorizontalControls = computed(() => props.controls && props.controlsDirection === 'horizontal')\nconst hasVerticalControls = computed(() => props.controls && props.controlsDirection === 'vertical')\n\nconst addonPx = computed(() => ADDON_PX_BY_SIZE[resolvedSize.value])\nconst addonLen = computed(() => px(addonPx.value))\nconst basePaddingXLen = computed(() => BASE_PADDING_X_LEN_BY_SIZE[resolvedSize.value])\n\nconst defaultAddonMinWidth = computed(() => addonLen.value)\nconst prefixMinWidth = computed(() => props.prefixMinWidth ?? defaultAddonMinWidth.value)\nconst suffixMinWidth = computed(() => props.suffixMinWidth ?? defaultAddonMinWidth.value)\n\n// Жёсткая ширина для fixed-режима: max → min → дефолт.\nconst prefixFixedWidth = computed(() => props.prefixMaxWidth ?? props.prefixMinWidth ?? defaultAddonMinWidth.value)\nconst suffixFixedWidth = computed(() => props.suffixMaxWidth ?? props.suffixMinWidth ?? defaultAddonMinWidth.value)\n\nconst { prefixEl, suffixEl, measuredPrefixWidth, measuredSuffixWidth } = useAddonMeasurement(hasPrefix, hasSuffix)\n\nconst prefixLen = computed(() => {\n  if (!hasPrefix.value) return '0px'\n  return props.prefixFixed ? prefixFixedWidth.value : measuredPrefixWidth.value ?? prefixMinWidth.value\n})\nconst suffixLen = computed(() => {\n  if (!hasSuffix.value) return '0px'\n  return props.suffixFixed ? suffixFixedWidth.value : measuredSuffixWidth.value ?? suffixMinWidth.value\n})\n\nfunction addonStyle(side: 'left' | 'right', offset: string): Record<string, string> {\n  return {\n    width: addonLen.value,\n    [side]: offset,\n  }\n}\n\nconst inputStyle = computed(() => {\n  const leftControls = hasHorizontalControls.value ? addonLen.value : '0px'\n  const rightControlsCount = (hasHorizontalControls.value ? 1 : 0) + (hasVerticalControls.value ? 1 : 0)\n  const rightControls = rightControlsCount > 0 ? px(addonPx.value * rightControlsCount) : '0px'\n\n  const leftReserved = addLen(prefixLen.value, leftControls)\n  const rightReserved = addLen(suffixLen.value, rightControls)\n\n  const left = hasPrefix.value || hasHorizontalControls.value ? addLen(leftReserved, basePaddingXLen.value) : undefined\n  const right = hasSuffix.value || rightControlsCount > 0 ? addLen(rightReserved, basePaddingXLen.value) : undefined\n\n  return {\n    paddingLeft: left,\n    paddingRight: right,\n  } as Record<string, string | undefined>\n})\n\nconst suffixStyle = computed(() => {\n  if (props.suffixFixed) {\n    return {\n      right: '0px',\n      width: suffixFixedWidth.value,\n      minWidth: suffixFixedWidth.value,\n      maxWidth: suffixFixedWidth.value,\n    }\n  }\n\n  return {\n    right: '0px',\n    minWidth: suffixMinWidth.value,\n    maxWidth: props.suffixMaxWidth,\n  }\n})\n\nconst prefixStyle = computed(() => {\n  if (props.prefixFixed) {\n    return {\n      width: prefixFixedWidth.value,\n      minWidth: prefixFixedWidth.value,\n      maxWidth: prefixFixedWidth.value,\n    }\n  }\n\n  return {\n    minWidth: prefixMinWidth.value,\n    maxWidth: props.prefixMaxWidth,\n  }\n})\n\nconst verticalControlsStyle = computed(() => addonStyle('right', suffixLen.value))\nconst horizontalLeftControlsStyle = computed(() => addonStyle('left', prefixLen.value))\nconst horizontalRightControlsStyle = computed(() => addonStyle('right', suffixLen.value))\n\nconst shellClassName = computed(() => {\n  return grNumberInputShellClass({\n    disabled: props.disabled,\n    state: props.invalid ? 'danger' : props.state,\n  })\n})\n\nconst inputClassName = computed(() => {\n  return grNumberInputInputClass({\n    size: resolvedSize.value,\n    textAlign: props.textAlign,\n  })\n})\n\nfunction isDigit(ch: string): boolean {\n  return ch >= '0' && ch <= '9'\n}\n\nfunction sanitize(raw: string): string {\n  const sep = props.decimalSeparator || '.'\n\n  let out = ''\n  let hasSepLocal = false\n\n  for (let i = 0; i < raw.length; i++) {\n    const ch = raw[i]\n\n    // Ведущий минус: разрешаем один в начале, чтобы можно было ввести\n    // отрицательное значение с клавиатуры (границы проверит `clamp` на change).\n    if (ch === '-' && out.length === 0) {\n      out += '-'\n      continue\n    }\n\n    if (isDigit(ch)) {\n      out += ch\n      continue\n    }\n\n    if ((ch === sep || ch === '.' || ch === ',') && !hasSepLocal) {\n      out += sep\n      hasSepLocal = true\n    }\n  }\n\n  return out\n}\n\nfunction toNumber(value: string): number | null {\n  if (value.trim() === '') return null\n  const sep = props.decimalSeparator || '.'\n  const normalized = sep === '.' ? value : value.replace(sep, '.')\n  const n = Number(normalized)\n  if (!Number.isFinite(n)) return null\n  return n\n}\n\nfunction clamp(v: number): number {\n  if (props.min !== undefined) v = Math.max(props.min, v)\n  if (props.max !== undefined) v = Math.min(props.max, v)\n  return v\n}\n\nfunction normalize(v: number): number {\n  if (props.precision === undefined) return v\n  const p = Math.max(0, props.precision)\n  return Number(v.toFixed(p))\n}\n\nfunction format(n: number): string {\n  const sep = props.decimalSeparator || '.'\n  const p = props.precision\n\n  // Без `precision` избегаем экспоненциальной записи (`String(1e21)` → `\"1e+21\"`),\n  // форматируя через `Intl` без группировки разрядов.\n  let s = p === undefined\n    ? n.toLocaleString('en-US', { useGrouping: false, maximumFractionDigits: 20 })\n    : n.toFixed(Math.max(0, p))\n  if (sep !== '.') s = s.replace('.', sep)\n  return s\n}\n\nfunction onInput(e: Event): void {\n  const el = e.target as HTMLInputElement\n  const raw = el.value\n  const next = sanitize(raw)\n\n  if (raw !== next) {\n    // Сохраняем позицию каретки: считаем, сколько валидных символов было ДО\n    // каретки, и ставим её после стольких же в очищенной строке — иначе при\n    // редактировании середины числа каретка прыгала в конец.\n    const caret = el.selectionStart ?? raw.length\n    const keptBefore = sanitize(raw.slice(0, caret)).length\n    el.value = next\n    el.setSelectionRange(keptBefore, keptBefore)\n  }\n\n  emit('update:modelValue', next)\n}\n\nfunction commit(el: HTMLInputElement): void {\n  const num = toNumber(sanitize(el.value))\n  // Пустое значение (или незавершённый ввод `-`) оставляем как есть.\n  const next = num === null ? sanitize(el.value) : format(clamp(normalize(num)))\n\n  if (el.value !== next) el.value = next\n  if (next !== props.modelValue) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onChange(e: Event): void {\n  // Клампинг границ (`min`/`max`) и нормализация — на `change`/`blur`, а не только\n  // в кнопках: раньше ручной ввод «999» при `max=10` оставался невалидным.\n  commit(e.target as HTMLInputElement)\n}\n\nfunction setValue(n: number): void {\n  const nextStr = format(clamp(normalize(n)))\n  emit('update:modelValue', nextStr)\n  emit('change', nextStr)\n}\n\nfunction stepBy(dir: 1 | -1): void {\n  if (props.disabled) return\n\n  const current = toNumber(props.modelValue) ?? 0\n  setValue(current + (props.step ?? 1) * dir)\n  focus()\n}\n\n// Клавиатура спинбаттона (WAI-ARIA spinbutton): стрелки шагают, Home/End —\n// к границам `min`/`max` (если заданы).\nfunction onKeydown(e: KeyboardEvent): void {\n  if (props.disabled) return\n\n  switch (e.key) {\n    case 'ArrowUp':\n      e.preventDefault()\n      stepBy(1)\n      break\n    case 'ArrowDown':\n      e.preventDefault()\n      stepBy(-1)\n      break\n    case 'Home':\n      if (props.min !== undefined) {\n        e.preventDefault()\n        setValue(props.min)\n      }\n      break\n    case 'End':\n      if (props.max !== undefined) {\n        e.preventDefault()\n        setValue(props.max)\n      }\n      break\n  }\n}\n\n// `aria-valuenow` — числовое значение для скринридеров; отсутствует, если поле пусто.\nconst ariaValueNow = computed(() => toNumber(props.modelValue) ?? undefined)\n\n// Локале-зависимое отображение: при фокусе показываем «сырое» значение для\n// редактирования, иначе — сгруппированное через `Intl.NumberFormat`.\nconst isFocused = ref(false)\n\nfunction formatGrouped(value: string): string {\n  const num = toNumber(value)\n  if (num === null) return value\n  const sep = props.decimalSeparator || '.'\n  // formatToParts позволяет оставить локале-зависимый групповой разделитель,\n  // но принудительно подставить наш десятичный разделитель (`decimalSeparator`),\n  // корректно работая для любой локали (в т.ч. de-DE, где группа — '.').\n  return new Intl.NumberFormat(props.locale, {\n    useGrouping: true,\n    minimumFractionDigits: props.precision ?? 0,\n    maximumFractionDigits: props.precision ?? 20,\n  })\n    .formatToParts(num)\n    .map(part => (part.type === 'decimal' ? sep : part.value))\n    .join('')\n}\n\nconst displayValue = computed(() => {\n  if (!props.useGrouping || isFocused.value) return props.modelValue\n  return formatGrouped(props.modelValue)\n})\n\nfunction onFocus(): void {\n  isFocused.value = true\n}\n\nfunction onBlur(): void {\n  isFocused.value = false\n}\n</script>\n\n<template>\n  <div\n    data-gr-number-input\n    class=\"relative w-full overflow-hidden rounded-md border bg-[var(--gr-bg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--gr-ring)]\"\n    :class=\"shellClassName\"\n  >\n    <div\n      v-if=\"$slots.prefix\"\n      ref=\"prefixEl\"\n      data-testid=\"number-input-prefix\"\n      data-gr-number-input-prefix\n      class=\"absolute inset-y-0 left-0 flex items-center justify-center border-r border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate\"\n      :style=\"prefixStyle\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"prefix\" />\n    </div>\n\n    <input\n      :id=\"id\"\n      ref=\"inputEl\"\n      v-bind=\"$attrs\"\n      :name=\"name\"\n      type=\"text\"\n      :inputmode=\"inputmode\"\n      :autocomplete=\"autocomplete\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :value=\"displayValue\"\n      role=\"spinbutton\"\n      :aria-valuenow=\"ariaValueNow\"\n      :aria-valuemin=\"min\"\n      :aria-valuemax=\"max\"\n      :aria-invalid=\"invalid ? 'true' : undefined\"\n      class=\"w-full bg-transparent text-[var(--gr-fg)] placeholder:text-[var(--gr-muted-fg)] focus:placeholder:text-transparent focus:outline-none disabled:cursor-not-allowed\"\n      :class=\"inputClassName\"\n      :style=\"inputStyle\"\n      @input=\"onInput\"\n      @change=\"onChange\"\n      @keydown=\"onKeydown\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n    >\n\n    <div\n      v-if=\"$slots.suffix\"\n      ref=\"suffixEl\"\n      data-testid=\"number-input-suffix\"\n      data-gr-number-input-suffix\n      class=\"absolute inset-y-0 flex items-center justify-center border-l border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate\"\n      :class=\"suffixFixed ? '[direction:rtl]' : ''\"\n      :style=\"suffixStyle\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"suffix\" />\n    </div>\n\n    <div\n      v-if=\"hasVerticalControls\"\n      data-testid=\"number-input-controls-vertical\"\n      data-gr-number-input-controls=\"vertical\"\n      class=\"absolute inset-y-0 flex items-center justify-center border-l border-[var(--gr-brd)]\"\n      :style=\"verticalControlsStyle\"\n    >\n      <div class=\"flex flex-col justify-center gap-1\">\n        <button\n          type=\"button\"\n          class=\"h-4 w-7 inline-flex items-center justify-center rounded text-[10px] text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed\"\n          :disabled=\"disabled\"\n          :aria-label=\"resolvedIncreaseLabel\"\n          @mousedown.prevent\n          @click=\"stepBy(1)\"\n        >\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n            <path\n              d=\"M7 14l5-5 5 5\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        </button>\n        <button\n          type=\"button\"\n          class=\"h-4 w-7 inline-flex items-center justify-center rounded text-[10px] text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed\"\n          :disabled=\"disabled\"\n          :aria-label=\"resolvedDecreaseLabel\"\n          @mousedown.prevent\n          @click=\"stepBy(-1)\"\n        >\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n            <path\n              d=\"M7 10l5 5 5-5\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        </button>\n      </div>\n    </div>\n\n    <div\n      v-if=\"hasHorizontalControls\"\n      data-testid=\"number-input-controls-horizontal-left\"\n      data-gr-number-input-controls=\"horizontal-left\"\n      class=\"absolute inset-y-0 flex items-stretch justify-center border-r border-[var(--gr-brd)]\"\n      :style=\"horizontalLeftControlsStyle\"\n    >\n      <button\n        type=\"button\"\n        class=\"h-full w-full inline-flex items-center justify-center text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n        :disabled=\"disabled\"\n        :aria-label=\"resolvedDecreaseLabel\"\n        @mousedown.prevent\n        @click=\"stepBy(-1)\"\n      >\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n          <path\n            d=\"M14 7l-5 5 5 5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n\n    <div\n      v-if=\"hasHorizontalControls\"\n      data-testid=\"number-input-controls-horizontal-right\"\n      data-gr-number-input-controls=\"horizontal-right\"\n      class=\"absolute inset-y-0 flex items-stretch justify-center border-l border-[var(--gr-brd)]\"\n      :style=\"horizontalRightControlsStyle\"\n    >\n      <button\n        type=\"button\"\n        class=\"h-full w-full inline-flex items-center justify-center text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n        :disabled=\"disabled\"\n        :aria-label=\"resolvedIncreaseLabel\"\n        @mousedown.prevent\n        @click=\"stepBy(1)\"\n      >\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n          <path\n            d=\"M10 7l5 5-5 5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { InputHTMLAttributes } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { computed, ref, useSlots } from 'vue'\n\nimport {\n  grNumberInputInputClass,\n  grNumberInputShellClass,\n  type GrNumberInputControlsDirection,\n  type GrNumberInputSize,\n  type GrNumberInputState,\n  type GrNumberInputTextAlign,\n} from './grNumberInputStyles'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { addLen, useAddonMeasurement } from '../../composables/internal/useAddonMeasurement'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst ADDON_PX_BY_SIZE: Record<GrNumberInputSize, number> = {\n  xs: 32,\n  sm: 36,\n  md: 40,\n  lg: 48,\n}\n\nconst BASE_PADDING_X_LEN_BY_SIZE: Record<GrNumberInputSize, string> = {\n  xs: '10px',\n  sm: '12px',\n  md: '12px',\n  lg: '16px',\n}\n\nfunction px(n: number): string {\n  return `${n}px`\n}\n\nexport interface GrNumberInputProps {\n  /** Значение (строка — контролируем форматирование внутри). */\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  inputmode?: InputHTMLAttributes['inputmode']\n  disabled?: boolean\n  /** Быстрый флаг невалидности; эквивалент `state='danger'` + `aria-invalid`. */\n  invalid?: boolean\n  state?: GrNumberInputState\n  name?: string\n  id?: string\n  size?: GrNumberInputSize\n\n  textAlign?: GrNumberInputTextAlign\n\n  decimalSeparator?: string\n  step?: number\n  min?: number\n  max?: number\n  precision?: number\n\n  /**\n   * BCP-47 локаль для отображения значения (группировка разрядов и разделители\n   * через `Intl.NumberFormat`). Работает вместе с `useGrouping`.\n   */\n  locale?: string\n  /**\n   * Группировать разряды при отображении (когда поле не в фокусе). При фокусе\n   * показывается «сырое» значение для редактирования. По умолчанию выключено.\n   */\n  useGrouping?: boolean\n\n  /** Показывать кнопки +/-. */\n  controls?: boolean\n  controlsDirection?: GrNumberInputControlsDirection\n\n  prefixMinWidth?: string\n  prefixMaxWidth?: string\n  suffixMinWidth?: string\n  suffixMaxWidth?: string\n  /**\n   * Фиксированная ширина у prefix/suffix: жёсткая ширина (из `*MaxWidth` →\n   * `*MinWidth` → дефолт) + обрезка контента по краю (prefix — справа,\n   * suffix — слева). По умолчанию аддоны растягиваются под контент.\n   */\n  prefixFixed?: boolean\n  suffixFixed?: boolean\n\n  /** i18n-friendly aria-label для кнопки \"увеличить\". */\n  increaseLabel?: string\n  /** i18n-friendly aria-label для кнопки \"уменьшить\". */\n  decreaseLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrNumberInputProps>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  inputmode: 'decimal',\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  size: undefined,\n\n  textAlign: 'left',\n\n  decimalSeparator: '.',\n  step: 1,\n  min: undefined,\n  max: undefined,\n  precision: undefined,\n  locale: undefined,\n  useGrouping: false,\n\n  controls: false,\n  controlsDirection: 'vertical',\n\n  prefixMinWidth: undefined,\n  prefixMaxWidth: undefined,\n  suffixMinWidth: undefined,\n  suffixMaxWidth: undefined,\n  prefixFixed: false,\n  suffixFixed: false,\n\n  increaseLabel: undefined,\n  decreaseLabel: undefined,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrNumberInput' })\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n  (e: 'change', value: string): void\n}>()\n\nconst inputEl = ref<HTMLInputElement | null>(null)\n\nfunction focus(): void {\n  inputEl.value?.focus()\n}\n\ndefineExpose({\n  focus,\n})\n\nconst slots = useSlots()\n\nconst { t } = useGranularityTranslations()\nconst resolvedIncreaseLabel = computed(() => props.increaseLabel ?? t('gr.numberInput.increase', 'Increase'))\nconst resolvedDecreaseLabel = computed(() => props.decreaseLabel ?? t('gr.numberInput.decrease', 'Decrease'))\n\nconst hasPrefix = computed(() => Boolean(slots.prefix))\nconst hasSuffix = computed(() => Boolean(slots.suffix))\n\nconst hasHorizontalControls = computed(() => props.controls && props.controlsDirection === 'horizontal')\nconst hasVerticalControls = computed(() => props.controls && props.controlsDirection === 'vertical')\n\nconst addonPx = computed(() => ADDON_PX_BY_SIZE[resolvedSize.value])\nconst addonLen = computed(() => px(addonPx.value))\nconst basePaddingXLen = computed(() => BASE_PADDING_X_LEN_BY_SIZE[resolvedSize.value])\n\nconst defaultAddonMinWidth = computed(() => addonLen.value)\nconst prefixMinWidth = computed(() => props.prefixMinWidth ?? defaultAddonMinWidth.value)\nconst suffixMinWidth = computed(() => props.suffixMinWidth ?? defaultAddonMinWidth.value)\n\n// Жёсткая ширина для fixed-режима: max → min → дефолт.\nconst prefixFixedWidth = computed(() => props.prefixMaxWidth ?? props.prefixMinWidth ?? defaultAddonMinWidth.value)\nconst suffixFixedWidth = computed(() => props.suffixMaxWidth ?? props.suffixMinWidth ?? defaultAddonMinWidth.value)\n\nconst { prefixEl, suffixEl, measuredPrefixWidth, measuredSuffixWidth } = useAddonMeasurement(hasPrefix, hasSuffix)\n\nconst prefixLen = computed(() => {\n  if (!hasPrefix.value) return '0px'\n  return props.prefixFixed ? prefixFixedWidth.value : measuredPrefixWidth.value ?? prefixMinWidth.value\n})\nconst suffixLen = computed(() => {\n  if (!hasSuffix.value) return '0px'\n  return props.suffixFixed ? suffixFixedWidth.value : measuredSuffixWidth.value ?? suffixMinWidth.value\n})\n\nfunction addonStyle(side: 'left' | 'right', offset: string): Record<string, string> {\n  return {\n    width: addonLen.value,\n    [side]: offset,\n  }\n}\n\nconst inputStyle = computed(() => {\n  const leftControls = hasHorizontalControls.value ? addonLen.value : '0px'\n  const rightControlsCount = (hasHorizontalControls.value ? 1 : 0) + (hasVerticalControls.value ? 1 : 0)\n  const rightControls = rightControlsCount > 0 ? px(addonPx.value * rightControlsCount) : '0px'\n\n  const leftReserved = addLen(prefixLen.value, leftControls)\n  const rightReserved = addLen(suffixLen.value, rightControls)\n\n  const left = hasPrefix.value || hasHorizontalControls.value ? addLen(leftReserved, basePaddingXLen.value) : undefined\n  const right = hasSuffix.value || rightControlsCount > 0 ? addLen(rightReserved, basePaddingXLen.value) : undefined\n\n  return {\n    paddingLeft: left,\n    paddingRight: right,\n  } as Record<string, string | undefined>\n})\n\nconst suffixStyle = computed(() => {\n  if (props.suffixFixed) {\n    return {\n      right: '0px',\n      width: suffixFixedWidth.value,\n      minWidth: suffixFixedWidth.value,\n      maxWidth: suffixFixedWidth.value,\n    }\n  }\n\n  return {\n    right: '0px',\n    minWidth: suffixMinWidth.value,\n    maxWidth: props.suffixMaxWidth,\n  }\n})\n\nconst prefixStyle = computed(() => {\n  if (props.prefixFixed) {\n    return {\n      width: prefixFixedWidth.value,\n      minWidth: prefixFixedWidth.value,\n      maxWidth: prefixFixedWidth.value,\n    }\n  }\n\n  return {\n    minWidth: prefixMinWidth.value,\n    maxWidth: props.prefixMaxWidth,\n  }\n})\n\nconst verticalControlsStyle = computed(() => addonStyle('right', suffixLen.value))\nconst horizontalLeftControlsStyle = computed(() => addonStyle('left', prefixLen.value))\nconst horizontalRightControlsStyle = computed(() => addonStyle('right', suffixLen.value))\n\nconst shellClassName = computed(() => {\n  return grNumberInputShellClass({\n    disabled: props.disabled,\n    state: props.invalid ? 'danger' : props.state,\n  })\n})\n\nconst inputClassName = computed(() => {\n  return grNumberInputInputClass({\n    size: resolvedSize.value,\n    textAlign: props.textAlign,\n  })\n})\n\nfunction isDigit(ch: string): boolean {\n  return ch >= '0' && ch <= '9'\n}\n\nfunction sanitize(raw: string): string {\n  const sep = props.decimalSeparator || '.'\n\n  let out = ''\n  let hasSepLocal = false\n\n  for (let i = 0; i < raw.length; i++) {\n    const ch = raw[i]\n\n    // Ведущий минус: разрешаем один в начале, чтобы можно было ввести\n    // отрицательное значение с клавиатуры (границы проверит `clamp` на change).\n    if (ch === '-' && out.length === 0) {\n      out += '-'\n      continue\n    }\n\n    if (isDigit(ch)) {\n      out += ch\n      continue\n    }\n\n    if ((ch === sep || ch === '.' || ch === ',') && !hasSepLocal) {\n      out += sep\n      hasSepLocal = true\n    }\n  }\n\n  return out\n}\n\nfunction toNumber(value: string): number | null {\n  if (value.trim() === '') return null\n  const sep = props.decimalSeparator || '.'\n  const normalized = sep === '.' ? value : value.replace(sep, '.')\n  const n = Number(normalized)\n  if (!Number.isFinite(n)) return null\n  return n\n}\n\nfunction clamp(v: number): number {\n  if (props.min !== undefined) v = Math.max(props.min, v)\n  if (props.max !== undefined) v = Math.min(props.max, v)\n  return v\n}\n\nfunction normalize(v: number): number {\n  if (props.precision === undefined) return v\n  const p = Math.max(0, props.precision)\n  return Number(v.toFixed(p))\n}\n\nfunction format(n: number): string {\n  const sep = props.decimalSeparator || '.'\n  const p = props.precision\n\n  // Без `precision` избегаем экспоненциальной записи (`String(1e21)` → `\"1e+21\"`),\n  // форматируя через `Intl` без группировки разрядов.\n  let s = p === undefined\n    ? n.toLocaleString('en-US', { useGrouping: false, maximumFractionDigits: 20 })\n    : n.toFixed(Math.max(0, p))\n  if (sep !== '.') s = s.replace('.', sep)\n  return s\n}\n\nfunction onInput(e: Event): void {\n  const el = e.target as HTMLInputElement\n  const raw = el.value\n  const next = sanitize(raw)\n\n  if (raw !== next) {\n    // Сохраняем позицию каретки: считаем, сколько валидных символов было ДО\n    // каретки, и ставим её после стольких же в очищенной строке — иначе при\n    // редактировании середины числа каретка прыгала в конец.\n    const caret = el.selectionStart ?? raw.length\n    const keptBefore = sanitize(raw.slice(0, caret)).length\n    el.value = next\n    el.setSelectionRange(keptBefore, keptBefore)\n  }\n\n  emit('update:modelValue', next)\n}\n\nfunction commit(el: HTMLInputElement): void {\n  const num = toNumber(sanitize(el.value))\n  // Пустое значение (или незавершённый ввод `-`) оставляем как есть.\n  const next = num === null ? sanitize(el.value) : format(clamp(normalize(num)))\n\n  if (el.value !== next) el.value = next\n  if (next !== props.modelValue) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onChange(e: Event): void {\n  // Клампинг границ (`min`/`max`) и нормализация — на `change`/`blur`, а не только\n  // в кнопках: раньше ручной ввод «999» при `max=10` оставался невалидным.\n  commit(e.target as HTMLInputElement)\n}\n\nfunction setValue(n: number): void {\n  const nextStr = format(clamp(normalize(n)))\n  emit('update:modelValue', nextStr)\n  emit('change', nextStr)\n}\n\nfunction stepBy(dir: 1 | -1): void {\n  if (props.disabled) return\n\n  const current = toNumber(props.modelValue) ?? 0\n  setValue(current + (props.step ?? 1) * dir)\n  focus()\n}\n\n// Клавиатура спинбаттона (WAI-ARIA spinbutton): стрелки шагают, Home/End —\n// к границам `min`/`max` (если заданы).\nfunction onKeydown(e: KeyboardEvent): void {\n  if (props.disabled) return\n\n  switch (e.key) {\n    case 'ArrowUp':\n      e.preventDefault()\n      stepBy(1)\n      break\n    case 'ArrowDown':\n      e.preventDefault()\n      stepBy(-1)\n      break\n    case 'Home':\n      if (props.min !== undefined) {\n        e.preventDefault()\n        setValue(props.min)\n      }\n      break\n    case 'End':\n      if (props.max !== undefined) {\n        e.preventDefault()\n        setValue(props.max)\n      }\n      break\n  }\n}\n\n// `aria-valuenow` — числовое значение для скринридеров; отсутствует, если поле пусто.\nconst ariaValueNow = computed(() => toNumber(props.modelValue) ?? undefined)\n\n// Локале-зависимое отображение: при фокусе показываем «сырое» значение для\n// редактирования, иначе — сгруппированное через `Intl.NumberFormat`.\nconst isFocused = ref(false)\n\nfunction formatGrouped(value: string): string {\n  const num = toNumber(value)\n  if (num === null) return value\n  const sep = props.decimalSeparator || '.'\n  // formatToParts позволяет оставить локале-зависимый групповой разделитель,\n  // но принудительно подставить наш десятичный разделитель (`decimalSeparator`),\n  // корректно работая для любой локали (в т.ч. de-DE, где группа — '.').\n  return new Intl.NumberFormat(props.locale, {\n    useGrouping: true,\n    minimumFractionDigits: props.precision ?? 0,\n    maximumFractionDigits: props.precision ?? 20,\n  })\n    .formatToParts(num)\n    .map(part => (part.type === 'decimal' ? sep : part.value))\n    .join('')\n}\n\nconst displayValue = computed(() => {\n  if (!props.useGrouping || isFocused.value) return props.modelValue\n  return formatGrouped(props.modelValue)\n})\n\nfunction onFocus(): void {\n  isFocused.value = true\n}\n\nfunction onBlur(): void {\n  isFocused.value = false\n}\n</script>\n\n<template>\n  <div\n    data-gr-number-input\n    class=\"relative w-full overflow-hidden rounded-md border bg-[var(--gr-bg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--gr-ring)]\"\n    :class=\"shellClassName\"\n  >\n    <div\n      v-if=\"$slots.prefix\"\n      ref=\"prefixEl\"\n      data-testid=\"number-input-prefix\"\n      data-gr-number-input-prefix\n      class=\"absolute inset-y-0 left-0 flex items-center justify-center border-r border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate\"\n      :style=\"prefixStyle\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"prefix\" />\n    </div>\n\n    <input\n      :id=\"id\"\n      ref=\"inputEl\"\n      v-bind=\"$attrs\"\n      :name=\"name\"\n      type=\"text\"\n      :inputmode=\"inputmode\"\n      :autocomplete=\"autocomplete\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :value=\"displayValue\"\n      role=\"spinbutton\"\n      :aria-valuenow=\"ariaValueNow\"\n      :aria-valuemin=\"min\"\n      :aria-valuemax=\"max\"\n      :aria-invalid=\"invalid ? 'true' : undefined\"\n      class=\"w-full bg-transparent text-[var(--gr-fg)] placeholder:text-[var(--gr-muted-fg)] focus:placeholder:text-transparent focus:outline-none disabled:cursor-not-allowed\"\n      :class=\"inputClassName\"\n      :style=\"inputStyle\"\n      @input=\"onInput\"\n      @change=\"onChange\"\n      @keydown=\"onKeydown\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n    >\n\n    <div\n      v-if=\"$slots.suffix\"\n      ref=\"suffixEl\"\n      data-testid=\"number-input-suffix\"\n      data-gr-number-input-suffix\n      class=\"absolute inset-y-0 flex items-center justify-center border-l border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate\"\n      :class=\"suffixFixed ? '[direction:rtl]' : ''\"\n      :style=\"suffixStyle\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"suffix\" />\n    </div>\n\n    <div\n      v-if=\"hasVerticalControls\"\n      data-testid=\"number-input-controls-vertical\"\n      data-gr-number-input-controls=\"vertical\"\n      class=\"absolute inset-y-0 flex items-center justify-center border-l border-[var(--gr-brd)]\"\n      :style=\"verticalControlsStyle\"\n    >\n      <div class=\"flex flex-col justify-center gap-1\">\n        <button\n          type=\"button\"\n          class=\"h-4 w-7 inline-flex items-center justify-center rounded text-[10px] text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed\"\n          :disabled=\"disabled\"\n          :aria-label=\"resolvedIncreaseLabel\"\n          @mousedown.prevent\n          @click=\"stepBy(1)\"\n        >\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n            <path\n              d=\"M7 14l5-5 5 5\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        </button>\n        <button\n          type=\"button\"\n          class=\"h-4 w-7 inline-flex items-center justify-center rounded text-[10px] text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed\"\n          :disabled=\"disabled\"\n          :aria-label=\"resolvedDecreaseLabel\"\n          @mousedown.prevent\n          @click=\"stepBy(-1)\"\n        >\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n            <path\n              d=\"M7 10l5 5 5-5\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        </button>\n      </div>\n    </div>\n\n    <div\n      v-if=\"hasHorizontalControls\"\n      data-testid=\"number-input-controls-horizontal-left\"\n      data-gr-number-input-controls=\"horizontal-left\"\n      class=\"absolute inset-y-0 flex items-stretch justify-center border-r border-[var(--gr-brd)]\"\n      :style=\"horizontalLeftControlsStyle\"\n    >\n      <button\n        type=\"button\"\n        class=\"h-full w-full inline-flex items-center justify-center text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n        :disabled=\"disabled\"\n        :aria-label=\"resolvedDecreaseLabel\"\n        @mousedown.prevent\n        @click=\"stepBy(-1)\"\n      >\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n          <path\n            d=\"M14 7l-5 5 5 5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n\n    <div\n      v-if=\"hasHorizontalControls\"\n      data-testid=\"number-input-controls-horizontal-right\"\n      data-gr-number-input-controls=\"horizontal-right\"\n      class=\"absolute inset-y-0 flex items-stretch justify-center border-l border-[var(--gr-brd)]\"\n      :style=\"horizontalRightControlsStyle\"\n    >\n      <button\n        type=\"button\"\n        class=\"h-full w-full inline-flex items-center justify-center text-[var(--gr-muted-fg)] hover:bg-[var(--gr-muted)] active:bg-[var(--gr-muted)] disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n        :disabled=\"disabled\"\n        :aria-label=\"resolvedIncreaseLabel\"\n        @mousedown.prevent\n        @click=\"stepBy(1)\"\n      >\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n          <path\n            d=\"M10 7l5 5-5 5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}