@atscript/vue-form 0.1.58

package/dist/as-ref-SImaIrwK.cjs

@@ -0,0 +1,342 @@
+const require_use_as_value_help = require("./use-as-value-help-uANI3zWa.cjs");
+const require_as_field_shell = require("./as-field-shell-B2iTn-iM.cjs");
+let vue = require("vue");
+let reka_ui = require("reka-ui");
+//#region src/components/defaults/as-ref.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"id",
+	"name",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-label"
+];
+const _hoisted_2 = {
+	key: 1,
+	class: "as-ref-loading"
+};
+const _hoisted_3 = {
+	key: 0,
+	class: "as-ref-status"
+};
+const _hoisted_4 = { class: "as-ref-item-id" };
+const _hoisted_5 = { class: "as-ref-item-label" };
+const _hoisted_6 = {
+	key: 0,
+	class: "as-ref-item-description"
+};
+//#endregion
+//#region src/components/defaults/as-ref.vue
+var as_ref_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-ref",
+	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 info = props.valueHelp;
+		const vh = info ? require_use_as_value_help.useAsValueHelp({
+			info,
+			model: props.model,
+			onBlur: props.onBlur
+		}) : void 0;
+		const resolved = vh?.resolved;
+		const results = vh?.results;
+		const status = vh?.status;
+		const searching = vh?.searching;
+		const open = (0, vue.ref)(false);
+		function onSearchInput(e) {
+			if (vh) vh.searchText.value = e.target.value;
+		}
+		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)(" Fallback: plain text input when no ValueHelpInfo or target meta unreachable "), !(0, vue.unref)(info) || !(0, vue.unref)(vh) || (0, vue.unref)(status) === "error" ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+					key: 0,
+					id: inputId,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model.value = $event),
+					type: "text",
+					name: __props.name,
+					placeholder: __props.placeholder,
+					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,
+					onBlur: _cache[1] || (_cache[1] = (...args) => __props.onBlur && __props.onBlur(...args))
+				}, null, 40, _hoisted_1)), [[vue.vModelText, __props.model.value]]) : (0, vue.unref)(status) === "loading" || !(0, vue.unref)(resolved) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [..._cache[5] || (_cache[5] = [(0, vue.createElementVNode)("span", {
+					class: "as-ref-spinner",
+					"aria-hidden": "true"
+				}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createCommentVNode)(" reka-ui Combobox for FK ref fields — value is the raw FK id. "), (0, vue.createVNode)((0, vue.unref)(reka_ui.ComboboxRoot), {
+					modelValue: __props.model.value,
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.model.value = $event),
+					open: open.value,
+					"onUpdate:open": _cache[4] || (_cache[4] = ($event) => open.value = $event),
+					disabled: __props.disabled,
+					name: __props.name,
+					"ignore-filter": "",
+					class: "as-ref-root"
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.ComboboxAnchor), { class: "as-ref-anchor" }, {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.ComboboxInput), {
+							id: inputId,
+							placeholder: __props.placeholder,
+							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,
+							class: "as-ref-input",
+							onFocus: _cache[2] || (_cache[2] = ($event) => open.value = true),
+							onInput: onSearchInput,
+							onBlur: __props.onBlur
+						}, null, 8, [
+							"id",
+							"placeholder",
+							"disabled",
+							"readonly",
+							"aria-required",
+							"aria-invalid",
+							"aria-describedby",
+							"aria-label",
+							"onBlur"
+						]), __props.model.value != null && __props.model.value !== "" && !__props.disabled && !__props.readonly ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.ComboboxCancel), {
+							key: 0,
+							class: "as-ref-clear"
+						}, {
+							default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createTextVNode)(" × ", -1)])]),
+							_: 1
+						})) : (0, vue.createCommentVNode)("v-if", true)]),
+						_: 2
+					}, 1024), (0, vue.createVNode)((0, vue.unref)(reka_ui.ComboboxContent), {
+						position: "popper",
+						side: "bottom",
+						"side-offset": 4,
+						class: "as-ref-content"
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.ComboboxViewport), { class: "as-ref-viewport" }, {
+							default: (0, vue.withCtx)(() => [(0, vue.unref)(searching) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, [..._cache[7] || (_cache[7] = [(0, vue.createElementVNode)("span", {
+								class: "as-ref-spinner",
+								"aria-hidden": "true"
+							}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)((0, vue.unref)(results), (item) => {
+								return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.ComboboxItem), {
+									key: String(item[(0, vue.unref)(info).targetField]),
+									value: item[(0, vue.unref)(info).targetField],
+									class: "as-ref-item"
+								}, {
+									default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(item[(0, vue.unref)(info).targetField]), 1), (0, vue.createElementVNode)("span", _hoisted_5, [(0, vue.createTextVNode)((0, vue.toDisplayString)(item[(0, vue.unref)(resolved).labelField]) + " ", 1), (0, vue.unref)(resolved).descrField && item[(0, vue.unref)(resolved).descrField] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6, " — " + (0, vue.toDisplayString)(item[(0, vue.unref)(resolved).descrField]), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
+									_: 2
+								}, 1032, ["value"]);
+							}), 128)), (0, vue.createVNode)((0, vue.unref)(reka_ui.ComboboxEmpty), { class: "as-ref-status" }, {
+								default: (0, vue.withCtx)(() => [..._cache[8] || (_cache[8] = [(0, vue.createTextVNode)("No results", -1)])]),
+								_: 1
+							})], 64))]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 2
+				}, 1032, [
+					"modelValue",
+					"open",
+					"disabled",
+					"name"
+				])], 2112))]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_ref_default", {
+	enumerable: true,
+	get: function() {
+		return as_ref_default;
+	}
+});

package/dist/as-ref.cjs

@@ -0,0 +1,7 @@
+require("./use-form-context-Dwr8Ai1v.cjs");
+require("./use-as-value-help-uANI3zWa.cjs");
+require("./use-as-dropdown-C-Qy7Vt0.cjs");
+require("./as-field-shell-B2iTn-iM.cjs");
+require("./as-variant-picker-DObQZHmm.cjs");
+const require_as_ref = require("./as-ref-SImaIrwK.cjs");
+module.exports = require_as_ref.as_ref_default;

package/dist/as-ref.d.cts

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

package/dist/as-ref.d.mts

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

package/dist/as-ref.mjs

@@ -0,0 +1,7 @@
+import "./use-form-context-bAj7UoSe.mjs";
+import "./use-as-value-help-CBykDEjZ.mjs";
+import "./use-as-dropdown-BMnEm6jF.mjs";
+import "./as-field-shell-Pdy3sAvr.mjs";
+import "./as-variant-picker-BVs0AvjK.mjs";
+import { t as as_ref_default } from "./as-ref-CIifSSCQ.mjs";
+export { as_ref_default as default };

package/dist/as-ref.vue-BNeQeQpO.d.cts

@@ -0,0 +1,9 @@
+import { i as TAsComponentProps } from "./types-C4HRSxgV.cjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-ref.vue.d.ts
+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-ref.vue-Cr5jeNDn.d.mts

@@ -0,0 +1,9 @@
+import { i as TAsComponentProps } from "./types-Czm-Gtud.mjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-ref.vue.d.ts
+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-select-BB3uxACS.cjs

@@ -0,0 +1,246 @@
+const require_as_field_shell = require("./as-field-shell-B2iTn-iM.cjs");
+let vue = require("vue");
+let _atscript_ui = require("@atscript/ui");
+//#region src/components/defaults/as-select.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-select-wrap" };
+const _hoisted_2 = [
+	"id",
+	"name",
+	"disabled",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-label"
+];
+const _hoisted_3 = {
+	key: 0,
+	value: "",
+	disabled: ""
+};
+const _hoisted_4 = ["value"];
+//#endregion
+//#region src/components/defaults/as-select.vue
+var as_select_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-select",
+	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) {
+		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.createElementVNode)("span", _hoisted_1, [(0, vue.withDirectives)((0, vue.createElementVNode)("select", {
+					id: inputId,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model.value = $event),
+					onChange: _cache[1] || (_cache[1] = (...args) => __props.onBlur && __props.onBlur(...args)),
+					onBlur: _cache[2] || (_cache[2] = (...args) => __props.onBlur && __props.onBlur(...args)),
+					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
+				}, [__props.placeholder ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("option", _hoisted_3, (0, vue.toDisplayString)(__props.placeholder), 1)) : (0, vue.createCommentVNode)("v-if", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.options, (opt) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
+						key: (0, vue.unref)(_atscript_ui.optKey)(opt),
+						value: (0, vue.unref)(_atscript_ui.optKey)(opt)
+					}, (0, vue.toDisplayString)((0, vue.unref)(_atscript_ui.optLabel)(opt)), 9, _hoisted_4);
+				}), 128))], 40, _hoisted_2), [[vue.vModelSelect, __props.model.value]]), _cache[3] || (_cache[3] = (0, vue.createElementVNode)("span", {
+					class: "as-select-caret i-as-chevron-down",
+					"aria-hidden": "true"
+				}, null, -1))])]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_select_default", {
+	enumerable: true,
+	get: function() {
+		return as_select_default;
+	}
+});