@atscript/vue-form 0.1.58

package/dist/as-iterator.cjs

@@ -0,0 +1,5 @@
+require("./use-form-context-Dwr8Ai1v.cjs");
+require("./as-field-wLYoaZnT.cjs");
+require("./use-as-locale-C4z5stwD.cjs");
+const require_as_iterator = require("./as-iterator-BYMNe6UJ.cjs");
+module.exports = require_as_iterator.as_iterator_default;

package/dist/as-iterator.d.cts

@@ -0,0 +1,14 @@
+import * as vue from "vue";
+import { FormDef } from "@atscript/ui";
+
+//#region src/components/as-iterator.vue.d.ts
+type __VLS_Props = {
+  def: FormDef;
+  pathPrefix?: string;
+  onRemove?: () => void;
+  canRemove?: boolean;
+  removeLabel?: string;
+};
+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;
+export = _default;

package/dist/as-iterator.d.mts

@@ -0,0 +1,15 @@
+import * as vue from "vue";
+import { FormDef } from "@atscript/ui";
+
+//#region src/components/as-iterator.vue.d.ts
+type __VLS_Props = {
+  def: FormDef;
+  pathPrefix?: string;
+  onRemove?: () => void;
+  canRemove?: boolean;
+  removeLabel?: string;
+};
+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 default };

package/dist/as-iterator.mjs

@@ -0,0 +1,5 @@
+import "./use-form-context-bAj7UoSe.mjs";
+import "./as-field-CXVjrEPQ.mjs";
+import "./use-as-locale-BrFdAgnU.mjs";
+import { t as as_iterator_default } from "./as-iterator-CT5y1jyn.mjs";
+export { as_iterator_default as default };

package/dist/as-number-BA55JIq1.cjs

@@ -0,0 +1,387 @@
+const require_use_as_locale = require("./use-as-locale-C4z5stwD.cjs");
+const require_as_field_shell = require("./as-field-shell-B2iTn-iM.cjs");
+const require_as_input_control = require("./as-input-control-C5-DelZT.cjs");
+let vue = require("vue");
+let _atscript_ui = require("@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 = require_use_as_locale.useAsLocale();
+	const locale = (0, vue.computed)(() => {
+		const explicit = opts.locale?.();
+		if (explicit) return explicit;
+		return localeCtx.locale.value;
+	});
+	const decimalSeparator = (0, vue.computed)(() => (0, _atscript_ui.getDecimalSeparator)(locale.value));
+	const rawValue = (0, vue.computed)(() => {
+		const v = opts.modelValue();
+		if (v === null || v === void 0) return "";
+		return typeof v === "number" ? Number.isFinite(v) ? String(v) : "" : v;
+	});
+	const displayValue = (0, vue.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 = (0, _atscript_ui.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__ */ (0, vue.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 = (0, vue.ref)(false);
+		const editValue = (0, vue.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 = (0, vue.computed)(() => props.currencyCode ?? props.unitCode ?? void 0);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_as_field_shell.as_field_shell_default, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(_ctx.$props)), {
+				default: (0, vue.withCtx)(({ inputId }) => [(0, vue.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 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 0,
+					class: (0, vue.normalizeClass)(["as-number", {
+						error: !!__props.error,
+						required: __props.required
+					}]),
+					title: shellTitle.value
+				}, [
+					__props.prefixIcon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+						key: 0,
+						class: (0, vue.normalizeClass)(["as-prefix-icon", __props.prefixIcon]),
+						"aria-hidden": "true"
+					}, null, 2)) : (0, vue.createCommentVNode)("v-if", true),
+					__props.prefix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, (0, vue.toDisplayString)(__props.prefix), 1)) : (0, vue.createCommentVNode)("v-if", true),
+					(0, vue.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 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, (0, vue.toDisplayString)(__props.suffix), 1)) : (0, vue.createCommentVNode)("v-if", true),
+					__props.suffixIcon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+						key: 3,
+						class: (0, vue.normalizeClass)(["as-suffix-icon", __props.suffixIcon]),
+						"aria-hidden": "true"
+					}, null, 2)) : (0, vue.createCommentVNode)("v-if", true)
+				], 10, _hoisted_1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createCommentVNode)(" Plain-number fallback: defer to AsInputControl (visually unchanged\n           from the pre-Phase-6 single <input type=\"number\"> rendering). "), (0, vue.createVNode)(require_as_input_control.as_input_control_default, (0, vue.mergeProps)(_ctx.$props, { "input-id": inputId }), null, 16, ["input-id"])], 2112))]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_number_default", {
+	enumerable: true,
+	get: function() {
+		return as_number_default;
+	}
+});
+Object.defineProperty(exports, "useAsNumber", {
+	enumerable: true,
+	get: function() {
+		return useAsNumber;
+	}
+});