@atscript/vue-form 0.1.58

package/dist/as-radio-U3OK7bTg.cjs

@@ -0,0 +1,247 @@
+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-radio.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["id"];
+const _hoisted_2 = [
+	"aria-labelledby",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby"
+];
+const _hoisted_3 = [
+	"value",
+	"name",
+	"disabled",
+	"readonly"
+];
+//#endregion
+//#region src/components/defaults/as-radio.vue
+var as_radio_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-radio",
+	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.mergeProps)(_ctx.$props, {
+				"field-class": "as-radio-field",
+				"hide-empty-placeholder": true
+			}), {
+				header: (0, vue.withCtx)(({ inputId }) => [(0, vue.createElementVNode)("span", {
+					id: inputId,
+					class: "as-field-label"
+				}, (0, vue.toDisplayString)(__props.label), 9, _hoisted_1)]),
+				default: (0, vue.withCtx)(({ inputId }) => [(0, vue.createElementVNode)("div", {
+					class: "as-radio-group",
+					role: "radiogroup",
+					"aria-labelledby": inputId,
+					"aria-required": __props.required || void 0,
+					"aria-invalid": !!__props.error || void 0,
+					"aria-describedby": __props.ariaDescribedBy
+				}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.options, (opt) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", { key: (0, vue.unref)(_atscript_ui.optKey)(opt) }, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+						type: "radio",
+						value: (0, vue.unref)(_atscript_ui.optKey)(opt),
+						"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
+					}, null, 40, _hoisted_3), [[vue.vModelRadio, __props.model.value]]), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(_atscript_ui.optLabel)(opt)), 1)]);
+				}), 128))], 8, _hoisted_2)]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_radio_default", {
+	enumerable: true,
+	get: function() {
+		return as_radio_default;
+	}
+});

package/dist/as-radio.cjs

@@ -0,0 +1,6 @@
+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");
+const require_as_radio = require("./as-radio-U3OK7bTg.cjs");
+module.exports = require_as_radio.as_radio_default;

package/dist/as-radio.d.cts

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

package/dist/as-radio.d.mts

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

package/dist/as-radio.mjs

@@ -0,0 +1,6 @@
+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 { t as as_radio_default } from "./as-radio-B1N-gmoI.mjs";
+export { as_radio_default as default };

package/dist/as-radio.vue-D_fweoN1.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-radio.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-radio.vue-ZC4kLBnT.d.cts

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

@@ -0,0 +1,337 @@
+import { n as useAsValueHelp } from "./use-as-value-help-CBykDEjZ.mjs";
+import { t as as_field_shell_default } from "./as-field-shell-Pdy3sAvr.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, ref, renderList, toDisplayString, unref, vModelText, withCtx, withDirectives } from "vue";
+import { ComboboxAnchor, ComboboxCancel, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxRoot, ComboboxViewport } from "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__ */ 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 ? 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 = ref(false);
+		function onSearchInput(e) {
+			if (vh) vh.searchText.value = e.target.value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(as_field_shell_default, normalizeProps(guardReactiveProps(_ctx.$props)), {
+				default: withCtx(({ inputId }) => [createCommentVNode(" Fallback: plain text input when no ValueHelpInfo or target meta unreachable "), !unref(info) || !unref(vh) || unref(status) === "error" ? withDirectives((openBlock(), 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)), [[vModelText, __props.model.value]]) : unref(status) === "loading" || !unref(resolved) ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[5] || (_cache[5] = [createElementVNode("span", {
+					class: "as-ref-spinner",
+					"aria-hidden": "true"
+				}, null, -1)])])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" reka-ui Combobox for FK ref fields — value is the raw FK id. "), createVNode(unref(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: withCtx(() => [createVNode(unref(ComboboxAnchor), { class: "as-ref-anchor" }, {
+						default: withCtx(() => [createVNode(unref(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 ? (openBlock(), createBlock(unref(ComboboxCancel), {
+							key: 0,
+							class: "as-ref-clear"
+						}, {
+							default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" × ", -1)])]),
+							_: 1
+						})) : createCommentVNode("v-if", true)]),
+						_: 2
+					}, 1024), createVNode(unref(ComboboxContent), {
+						position: "popper",
+						side: "bottom",
+						"side-offset": 4,
+						class: "as-ref-content"
+					}, {
+						default: withCtx(() => [createVNode(unref(ComboboxViewport), { class: "as-ref-viewport" }, {
+							default: withCtx(() => [unref(searching) ? (openBlock(), createElementBlock("div", _hoisted_3, [..._cache[7] || (_cache[7] = [createElementVNode("span", {
+								class: "as-ref-spinner",
+								"aria-hidden": "true"
+							}, null, -1)])])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(results), (item) => {
+								return openBlock(), createBlock(unref(ComboboxItem), {
+									key: String(item[unref(info).targetField]),
+									value: item[unref(info).targetField],
+									class: "as-ref-item"
+								}, {
+									default: withCtx(() => [createElementVNode("span", _hoisted_4, toDisplayString(item[unref(info).targetField]), 1), createElementVNode("span", _hoisted_5, [createTextVNode(toDisplayString(item[unref(resolved).labelField]) + " ", 1), unref(resolved).descrField && item[unref(resolved).descrField] ? (openBlock(), createElementBlock("span", _hoisted_6, " — " + toDisplayString(item[unref(resolved).descrField]), 1)) : createCommentVNode("v-if", true)])]),
+									_: 2
+								}, 1032, ["value"]);
+							}), 128)), createVNode(unref(ComboboxEmpty), { class: "as-ref-status" }, {
+								default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("No results", -1)])]),
+								_: 1
+							})], 64))]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 2
+				}, 1032, [
+					"modelValue",
+					"open",
+					"disabled",
+					"name"
+				])], 2112))]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { as_ref_default as t };