@atscript/vue-form 0.1.58

package/dist/as-input-control-BzELjheN.mjs

@@ -0,0 +1,266 @@
+import { createElementBlock, defineComponent, openBlock, vModelDynamic, vModelText, withDirectives } from "vue";
+//#region src/components/internal/as-input-control.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"id",
+	"placeholder",
+	"name",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-label"
+];
+const _hoisted_2 = [
+	"id",
+	"placeholder",
+	"autocomplete",
+	"name",
+	"type",
+	"disabled",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-label"
+];
+//#endregion
+//#region src/components/internal/as-input-control.vue
+var as_input_control_default = /* @__PURE__ */ defineComponent({
+	__name: "as-input-control",
+	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;
+		/**
+		* UX polish — numeric inputs select-all on focus so the next keystroke
+		* replaces the existing value. Skipped for text/password/textarea where
+		* the cursor-at-position behaviour is expected (clicking inside a long
+		* email or sentence to fix one character shouldn't wipe it).
+		*/
+		function onFocus(e) {
+			if (props.type !== "number") return;
+			const el = e.target;
+			if (el && typeof el.select === "function") el.select();
+		}
+		return (_ctx, _cache) => {
+			return __props.type === "textarea" ? withDirectives((openBlock(), createElementBlock("textarea", {
+				key: 0,
+				id: __props.inputId,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model.value = $event),
+				onBlur: _cache[1] || (_cache[1] = (...args) => __props.onBlur && __props.onBlur(...args)),
+				placeholder: __props.placeholder,
+				name: __props.name,
+				disabled: __props.disabled,
+				readonly: __props.readonly,
+				maxlength: __props.maxLength,
+				"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_1)), [[vModelText, __props.model.value]]) : withDirectives((openBlock(), createElementBlock("input", {
+				key: 1,
+				id: __props.inputId,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.model.value = $event),
+				onFocus,
+				onBlur: _cache[3] || (_cache[3] = (...args) => __props.onBlur && __props.onBlur(...args)),
+				placeholder: __props.placeholder,
+				autocomplete: __props.autocomplete,
+				name: __props.name,
+				type: __props.type,
+				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_2)), [[vModelDynamic, __props.model.value]]);
+		};
+	}
+});
+//#endregion
+export { as_input_control_default as t };

package/dist/as-input-control-C5-DelZT.cjs

@@ -0,0 +1,271 @@
+let vue = require("vue");
+//#region src/components/internal/as-input-control.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"id",
+	"placeholder",
+	"name",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-label"
+];
+const _hoisted_2 = [
+	"id",
+	"placeholder",
+	"autocomplete",
+	"name",
+	"type",
+	"disabled",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-label"
+];
+//#endregion
+//#region src/components/internal/as-input-control.vue
+var as_input_control_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-input-control",
+	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;
+		/**
+		* UX polish — numeric inputs select-all on focus so the next keystroke
+		* replaces the existing value. Skipped for text/password/textarea where
+		* the cursor-at-position behaviour is expected (clicking inside a long
+		* email or sentence to fix one character shouldn't wipe it).
+		*/
+		function onFocus(e) {
+			if (props.type !== "number") return;
+			const el = e.target;
+			if (el && typeof el.select === "function") el.select();
+		}
+		return (_ctx, _cache) => {
+			return __props.type === "textarea" ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("textarea", {
+				key: 0,
+				id: __props.inputId,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model.value = $event),
+				onBlur: _cache[1] || (_cache[1] = (...args) => __props.onBlur && __props.onBlur(...args)),
+				placeholder: __props.placeholder,
+				name: __props.name,
+				disabled: __props.disabled,
+				readonly: __props.readonly,
+				maxlength: __props.maxLength,
+				"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_1)), [[vue.vModelText, __props.model.value]]) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+				key: 1,
+				id: __props.inputId,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.model.value = $event),
+				onFocus,
+				onBlur: _cache[3] || (_cache[3] = (...args) => __props.onBlur && __props.onBlur(...args)),
+				placeholder: __props.placeholder,
+				autocomplete: __props.autocomplete,
+				name: __props.name,
+				type: __props.type,
+				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_2)), [[vue.vModelDynamic, __props.model.value]]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_input_control_default", {
+	enumerable: true,
+	get: function() {
+		return as_input_control_default;
+	}
+});

package/dist/as-input.cjs

@@ -0,0 +1,8 @@
+require("./use-form-context-Dwr8Ai1v.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");
+require("./as-adornment-shell-9UmdNIPR.cjs");
+const require_as_input = require("./as-input-CpbV2k3s.cjs");
+module.exports = require_as_input.as_input_default;

package/dist/as-input.d.cts

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

package/dist/as-input.d.mts

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

package/dist/as-input.mjs

@@ -0,0 +1,8 @@
+import "./use-form-context-bAj7UoSe.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 "./as-adornment-shell-knFiB7Ct.mjs";
+import { t as as_input_default } from "./as-input-DIa8BzLv.mjs";
+export { as_input_default as default };

package/dist/as-input.vue-11ldp9uT.d.cts

@@ -0,0 +1,17 @@
+import { i as TAsComponentProps } from "./types-C4HRSxgV.cjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-input.vue.d.ts
+/**
+ * Default text/password/textarea input renderer. When AsField sees ANY
+ * adornment annotation on the field (`@ui.form.prefix*` /
+ * `@ui.form.suffix*` — text or icon), the input renders inside the merged
+ * `AsAdornmentShell` chrome family shared with AsNumber / AsDecimal:
+ * `[prefix-icon][prefix-text][input][suffix-text][suffix-icon]`. Without
+ * any adornment, the plain control renders directly.
+ */
+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-input.vue-fUhcvfv2.d.mts

@@ -0,0 +1,17 @@
+import { i as TAsComponentProps } from "./types-Czm-Gtud.mjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-input.vue.d.ts
+/**
+ * Default text/password/textarea input renderer. When AsField sees ANY
+ * adornment annotation on the field (`@ui.form.prefix*` /
+ * `@ui.form.suffix*` — text or icon), the input renders inside the merged
+ * `AsAdornmentShell` chrome family shared with AsNumber / AsDecimal:
+ * `[prefix-icon][prefix-text][input][suffix-text][suffix-icon]`. Without
+ * any adornment, the plain control renders directly.
+ */
+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-iterator-BYMNe6UJ.cjs

@@ -0,0 +1,61 @@
+const require_use_form_context = require("./use-form-context-Dwr8Ai1v.cjs");
+const require_as_field = require("./as-field-wLYoaZnT.cjs");
+let vue = require("vue");
+//#endregion
+//#region src/components/as-iterator.vue
+var as_iterator_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-iterator",
+	props: {
+		def: {
+			type: Object,
+			required: true
+		},
+		pathPrefix: {
+			type: String,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const parentPrefix = (0, vue.inject)(require_use_form_context.PATH_PREFIX_KEY, (0, vue.computed)(() => ""));
+		(0, vue.provide)(require_use_form_context.PATH_PREFIX_KEY, (0, vue.computed)(() => {
+			if (props.pathPrefix !== void 0) return parentPrefix.value ? `${parentPrefix.value}.${props.pathPrefix}` : props.pathPrefix;
+			return parentPrefix.value;
+		}));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.def.fields, (f) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(require_as_field.as_field_default, {
+					key: f.path ?? f.name,
+					field: f,
+					"on-remove": __props.onRemove,
+					"can-remove": __props.canRemove,
+					"remove-label": __props.removeLabel
+				}, null, 8, [
+					"field",
+					"on-remove",
+					"can-remove",
+					"remove-label"
+				]);
+			}), 128);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_iterator_default", {
+	enumerable: true,
+	get: function() {
+		return as_iterator_default;
+	}
+});

package/dist/as-iterator-CT5y1jyn.mjs

@@ -0,0 +1,56 @@
+import { m as PATH_PREFIX_KEY } from "./use-form-context-bAj7UoSe.mjs";
+import { t as as_field_default } from "./as-field-CXVjrEPQ.mjs";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, inject, openBlock, provide, renderList } from "vue";
+//#endregion
+//#region src/components/as-iterator.vue
+var as_iterator_default = /* @__PURE__ */ defineComponent({
+	__name: "as-iterator",
+	props: {
+		def: {
+			type: Object,
+			required: true
+		},
+		pathPrefix: {
+			type: String,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const parentPrefix = inject(PATH_PREFIX_KEY, computed(() => ""));
+		provide(PATH_PREFIX_KEY, computed(() => {
+			if (props.pathPrefix !== void 0) return parentPrefix.value ? `${parentPrefix.value}.${props.pathPrefix}` : props.pathPrefix;
+			return parentPrefix.value;
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.def.fields, (f) => {
+				return openBlock(), createBlock(as_field_default, {
+					key: f.path ?? f.name,
+					field: f,
+					"on-remove": __props.onRemove,
+					"can-remove": __props.canRemove,
+					"remove-label": __props.removeLabel
+				}, null, 8, [
+					"field",
+					"on-remove",
+					"can-remove",
+					"remove-label"
+				]);
+			}), 128);
+		};
+	}
+});
+//#endregion
+export { as_iterator_default as t };