@atscript/vue-form 0.1.58

package/dist/as-number-JPEwPK8Q.mjs

@@ -0,0 +1,376 @@
+import { n as useAsLocale } from "./use-as-locale-BrFdAgnU.mjs";
+import { t as as_field_shell_default } from "./as-field-shell-Pdy3sAvr.mjs";
+import { t as as_input_control_default } from "./as-input-control-BzELjheN.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, ref, toDisplayString, withCtx } from "vue";
+import { getDecimalSeparator, parseDecimalInput } from "@atscript/ui";
+//#region src/composables/use-as-number.ts
+/**
+* Reactive composable that powers the default `AsNumber` SFC. Single-
+* input shape — currency-agnostic, scale-agnostic, just a plain number
+* with optional prefix/suffix chrome owned by the SFC.
+*
+* Commit shape is always a `number` (or `null` for empty input).
+* atscript `number` fields are primitive `number` in the model — there
+* is no precision-preservation reason to ship a string the way decimals
+* do. The SFC owns prefix/suffix render concerns; this composable only
+* knows about the value.
+*/
+function useAsNumber(opts) {
+	const localeCtx = useAsLocale();
+	const locale = computed(() => {
+		const explicit = opts.locale?.();
+		if (explicit) return explicit;
+		return localeCtx.locale.value;
+	});
+	const decimalSeparator = computed(() => getDecimalSeparator(locale.value));
+	const rawValue = computed(() => {
+		const v = opts.modelValue();
+		if (v === null || v === void 0) return "";
+		return typeof v === "number" ? Number.isFinite(v) ? String(v) : "" : v;
+	});
+	const displayValue = computed(() => {
+		const s = rawValue.value;
+		if (s === "") return "";
+		const sep = decimalSeparator.value;
+		return sep === "." ? s : s.replace(".", sep);
+	});
+	function setFromInput(raw) {
+		if (raw.trim() === "") {
+			opts.onCommit(null);
+			return;
+		}
+		const parsed = parseDecimalInput(raw, locale.value);
+		if (parsed === null) return;
+		opts.onCommit(Number(parsed));
+	}
+	return {
+		decimalSeparator,
+		displayValue,
+		rawValue,
+		setFromInput
+	};
+}
+//#endregion
+//#region src/components/defaults/as-number.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["title"];
+const _hoisted_2 = {
+	key: 1,
+	class: "as-prefix",
+	"aria-hidden": "true"
+};
+const _hoisted_3 = [
+	"id",
+	"value",
+	"placeholder",
+	"name",
+	"disabled",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-label"
+];
+const _hoisted_4 = {
+	key: 2,
+	class: "as-suffix",
+	"aria-hidden": "true"
+};
+//#endregion
+//#region src/components/defaults/as-number.vue
+var as_number_default = /* @__PURE__ */ defineComponent({
+	__name: "as-number",
+	props: {
+		onBlur: {
+			type: Function,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: [Object, String],
+			required: false
+		},
+		style: {
+			type: [Object, String],
+			required: false
+		},
+		optional: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		onToggleOptional: {
+			type: Function,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		formAction: {
+			type: Object,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		field: {
+			type: Object,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		valueHelp: {
+			type: Object,
+			required: false
+		},
+		singularLabel: {
+			type: String,
+			required: false
+		},
+		inputId: {
+			type: String,
+			required: true
+		},
+		errorId: {
+			type: String,
+			required: true
+		},
+		descId: {
+			type: String,
+			required: true
+		},
+		ariaDescribedBy: {
+			type: String,
+			required: false
+		},
+		currencyCode: {
+			type: String,
+			required: false
+		},
+		unitCode: {
+			type: String,
+			required: false
+		},
+		precisionScale: {
+			type: Number,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		scale: {
+			type: Number,
+			required: false
+		},
+		hasAdornment: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { displayValue, rawValue, setFromInput } = useAsNumber({
+			modelValue: () => props.model.value,
+			onCommit: (v) => {
+				props.model.value = v;
+			}
+		});
+		const focusActive = ref(false);
+		const editValue = computed(() => focusActive.value ? rawValue.value : displayValue.value);
+		function onFocus(e) {
+			focusActive.value = true;
+			const el = e.target;
+			if (el && typeof el.select === "function") el.select();
+		}
+		function onBlurField() {
+			focusActive.value = false;
+			props.onBlur();
+		}
+		/**
+		* Sanitize raw decimal input to keep only chars that could form a valid
+		* decimal: optional leading "-", digits, and at most one decimal separator
+		* (`.` or `,` — locale handling lives in `parseDecimalInput` downstream).
+		* Without this, the composable correctly rejects garbage but the DOM input
+		* keeps showing the typed letters until blur.
+		*/
+		function sanitizeDecimal(raw) {
+			let s = raw;
+			let sign = "";
+			if (s.startsWith("-")) {
+				sign = "-";
+				s = s.slice(1);
+			}
+			s = s.replace(/[^0-9.,]/g, "");
+			const firstSep = s.search(/[.,]/);
+			if (firstSep !== -1) s = s.slice(0, firstSep + 1) + s.slice(firstSep + 1).replace(/[.,]/g, "");
+			return sign + s;
+		}
+		function onInput(e) {
+			const el = e.target;
+			const cleaned = sanitizeDecimal(el.value);
+			if (cleaned !== el.value) el.value = cleaned;
+			setFromInput(cleaned);
+		}
+		/**
+		* Arrow-key step support for the merged-chrome path. The single input
+		* inside the `as-number` shell is `type="text"` (so we can paint
+		* prefix/suffix pills) — that means the browser doesn't ship the
+		* native `<input type="number">` arrow-key behaviour. Re-introduce a
+		* minimal +/- 1 step here. Commit goes through `setFromInput` so the
+		* composable's null + number-coercion logic is single-sourced.
+		*/
+		function onKeyDown(e) {
+			const delta = e.key === "ArrowUp" ? 1 : e.key === "ArrowDown" ? -1 : 0;
+			if (!delta) return;
+			e.preventDefault();
+			const base = Number(rawValue.value);
+			setFromInput(String((Number.isFinite(base) ? base : 0) + delta));
+		}
+		const shellTitle = computed(() => props.currencyCode ?? props.unitCode ?? void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(as_field_shell_default, normalizeProps(guardReactiveProps(_ctx.$props)), {
+				default: withCtx(({ inputId }) => [createCommentVNode(" Adornment path: bordered shell with prefix / suffix pills. The\n           shell paints whenever AsField saw an adornment-driving\n           annotation on the field — even when the resolved prefix/suffix\n           is currently empty (sibling-ref source not selected yet),\n           keeping the layout stable. "), __props.hasAdornment ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["as-number", {
+						error: !!__props.error,
+						required: __props.required
+					}]),
+					title: shellTitle.value
+				}, [
+					__props.prefixIcon ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(["as-prefix-icon", __props.prefixIcon]),
+						"aria-hidden": "true"
+					}, null, 2)) : createCommentVNode("v-if", true),
+					__props.prefix ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.prefix), 1)) : createCommentVNode("v-if", true),
+					createElementVNode("input", {
+						id: inputId,
+						class: "as-number-input",
+						type: "text",
+						inputmode: "decimal",
+						autocomplete: "off",
+						value: editValue.value,
+						onInput,
+						onKeydown: onKeyDown,
+						onFocus,
+						onBlur: onBlurField,
+						placeholder: __props.placeholder,
+						name: __props.name,
+						disabled: __props.disabled,
+						readonly: __props.readonly,
+						"aria-required": __props.required || void 0,
+						"aria-invalid": !!__props.error || void 0,
+						"aria-describedby": __props.ariaDescribedBy,
+						"aria-label": !__props.label ? __props.name : void 0
+					}, null, 40, _hoisted_3),
+					__props.suffix ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.suffix), 1)) : createCommentVNode("v-if", true),
+					__props.suffixIcon ? (openBlock(), createElementBlock("span", {
+						key: 3,
+						class: normalizeClass(["as-suffix-icon", __props.suffixIcon]),
+						"aria-hidden": "true"
+					}, null, 2)) : createCommentVNode("v-if", true)
+				], 10, _hoisted_1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Plain-number fallback: defer to AsInputControl (visually unchanged\n           from the pre-Phase-6 single <input type=\"number\"> rendering). "), createVNode(as_input_control_default, mergeProps(_ctx.$props, { "input-id": inputId }), null, 16, ["input-id"])], 2112))]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { useAsNumber as n, as_number_default as t };

package/dist/as-number.cjs

@@ -0,0 +1,8 @@
+require("./use-form-context-Dwr8Ai1v.cjs");
+require("./use-as-locale-C4z5stwD.cjs");
+require("./use-as-dropdown-C-Qy7Vt0.cjs");
+require("./as-field-shell-B2iTn-iM.cjs");
+require("./as-variant-picker-DObQZHmm.cjs");
+require("./as-input-control-C5-DelZT.cjs");
+const require_as_number = require("./as-number-BA55JIq1.cjs");
+module.exports = require_as_number.as_number_default;

package/dist/as-number.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-number.vue-C2Aih98s.cjs";
+export = _default;

package/dist/as-number.d.mts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-number.vue-Bk-W7Vwv.mjs";
+export { _default as default };

package/dist/as-number.mjs

@@ -0,0 +1,8 @@
+import "./use-form-context-bAj7UoSe.mjs";
+import "./use-as-locale-BrFdAgnU.mjs";
+import "./use-as-dropdown-BMnEm6jF.mjs";
+import "./as-field-shell-Pdy3sAvr.mjs";
+import "./as-variant-picker-BVs0AvjK.mjs";
+import "./as-input-control-BzELjheN.mjs";
+import { t as as_number_default } from "./as-number-JPEwPK8Q.mjs";
+export { as_number_default as default };

package/dist/as-number.vue-Bk-W7Vwv.d.mts

@@ -0,0 +1,26 @@
+import { i as TAsComponentProps } from "./types-Czm-Gtud.mjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-number.vue.d.ts
+/**
+ * Default number renderer — single input with optional leading prefix
+ * pill and trailing suffix pill. Shares the merged-chrome family with
+ * `AsDecimal`; numbers aren't precision-critical, so there's no integer/
+ * decimal split.
+ *
+ * Picks up `prefix` (resolved at AsField from `@ui.form.prefix` /
+ * `.ref` / currency) and `suffix` (`@ui.form.suffix` / `.ref` /
+ * `@db.unit*`) as plain string props.
+ *
+ * **Plain-number fallback** — when neither prefix nor suffix is set
+ * (and the dispatcher only landed on this renderer because the field
+ * is design-type `number` without adornments), this SFC delegates to
+ * `AsInputControl` with the standard input chrome instead of painting
+ * the merged-chrome shell. This keeps plain `<input type="number">`
+ * rendering visually unchanged from the pre-Phase-6 behaviour.
+ */
+type __VLS_Props = TAsComponentProps;
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-number.vue-C2Aih98s.d.cts

@@ -0,0 +1,26 @@
+import { i as TAsComponentProps } from "./types-C4HRSxgV.cjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-number.vue.d.ts
+/**
+ * Default number renderer — single input with optional leading prefix
+ * pill and trailing suffix pill. Shares the merged-chrome family with
+ * `AsDecimal`; numbers aren't precision-critical, so there's no integer/
+ * decimal split.
+ *
+ * Picks up `prefix` (resolved at AsField from `@ui.form.prefix` /
+ * `.ref` / currency) and `suffix` (`@ui.form.suffix` / `.ref` /
+ * `@db.unit*`) as plain string props.
+ *
+ * **Plain-number fallback** — when neither prefix nor suffix is set
+ * (and the dispatcher only landed on this renderer because the field
+ * is design-type `number` without adornments), this SFC delegates to
+ * `AsInputControl` with the standard input chrome instead of painting
+ * the merged-chrome shell. This keeps plain `<input type="number">`
+ * rendering visually unchanged from the pre-Phase-6 behaviour.
+ */
+type __VLS_Props = TAsComponentProps;
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };