@atscript/vue-form 0.1.58

package/dist/as-checkbox-B_9mwla6.mjs

@@ -0,0 +1,285 @@
+import { t as as_field_shell_default } from "./as-field-shell-Pdy3sAvr.mjs";
+import { n as as_optional_clear_default } from "./as-variant-picker-BVs0AvjK.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, toDisplayString, unref, watchEffect, withCtx } from "vue";
+//#region src/composables/use-as-tri-state-checkbox.ts
+/**
+* Tri-state checkbox helper. The visible state is derived from the
+* model: `true` checked, `false` unchecked, `undefined` indeterminate.
+* Clicking commits a boolean — never `undefined` — because browsers do
+* not emit a "tri-state click". The "back to undefined" path stays a
+* separate optional-clear affordance owned by the host component.
+*
+* Use this composable in a custom checkbox swap component to inherit the
+* same a11y / DOM-sync behaviour as the built-in `AsCheckbox` without
+* re-implementing the `watchEffect` plumbing or remembering that
+* `indeterminate` is a property, not an attribute.
+*/
+function useAsTriStateCheckbox(options) {
+	const inputRef = ref(null);
+	const checked = computed(() => options.modelValue() === true);
+	const indeterminate = computed(() => options.modelValue() === void 0);
+	watchEffect(() => {
+		if (inputRef.value) inputRef.value.indeterminate = indeterminate.value;
+	}, { flush: "post" });
+	function onChange(e) {
+		options.onCommit(e.target.checked);
+	}
+	return {
+		checked,
+		indeterminate,
+		inputRef,
+		onChange
+	};
+}
+//#endregion
+//#region src/components/defaults/as-checkbox.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-checkbox-row" };
+const _hoisted_2 = ["for"];
+const _hoisted_3 = [
+	"id",
+	"checked",
+	"name",
+	"disabled",
+	"readonly",
+	"aria-invalid",
+	"aria-describedby"
+];
+const _hoisted_4 = ["id"];
+//#endregion
+//#region src/components/defaults/as-checkbox.vue
+var as_checkbox_default = /* @__PURE__ */ defineComponent({
+	__name: "as-checkbox",
+	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 { checked, indeterminate, inputRef, onChange } = useAsTriStateCheckbox({
+			modelValue: () => props.model.value,
+			onCommit: (v) => {
+				props.model.value = v;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(as_field_shell_default, mergeProps(_ctx.$props, {
+				"field-class": "as-checkbox-field",
+				chromeless: true
+			}), {
+				default: withCtx(({ inputId }) => [createElementVNode("div", _hoisted_1, [
+					createElementVNode("label", {
+						for: inputId,
+						class: normalizeClass(["as-field-label", { "as-checkbox-indeterminate": unref(indeterminate) }])
+					}, [createElementVNode("input", {
+						ref_key: "inputRef",
+						ref: inputRef,
+						id: inputId,
+						type: "checkbox",
+						checked: unref(checked),
+						onChange: _cache[0] || (_cache[0] = (...args) => unref(onChange) && unref(onChange)(...args)),
+						onBlur: _cache[1] || (_cache[1] = (...args) => __props.onBlur && __props.onBlur(...args)),
+						name: __props.name,
+						disabled: __props.disabled,
+						readonly: __props.readonly,
+						"aria-invalid": !!__props.error || void 0,
+						"aria-describedby": __props.ariaDescribedBy
+					}, null, 40, _hoisted_3), createTextVNode(" " + toDisplayString(__props.label), 1)], 10, _hoisted_2),
+					createCommentVNode(" Treat both undefined and null as 'unset' — DB-roundtripped null otherwise renders as \"set\". "),
+					__props.optional && __props.model.value != null ? (openBlock(), createBlock(as_optional_clear_default, {
+						key: 0,
+						onClear: _cache[2] || (_cache[2] = ($event) => __props.onToggleOptional?.(false))
+					})) : createCommentVNode("v-if", true)
+				])]),
+				"after-input": withCtx(({ descId }) => [__props.description ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: descId,
+					class: "as-field-description"
+				}, toDisplayString(__props.description), 9, _hoisted_4)) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { useAsTriStateCheckbox as n, as_checkbox_default as t };

package/dist/as-checkbox-DXGTVHPE.cjs

@@ -0,0 +1,296 @@
+const require_as_field_shell = require("./as-field-shell-B2iTn-iM.cjs");
+const require_as_variant_picker = require("./as-variant-picker-DObQZHmm.cjs");
+let vue = require("vue");
+//#region src/composables/use-as-tri-state-checkbox.ts
+/**
+* Tri-state checkbox helper. The visible state is derived from the
+* model: `true` checked, `false` unchecked, `undefined` indeterminate.
+* Clicking commits a boolean — never `undefined` — because browsers do
+* not emit a "tri-state click". The "back to undefined" path stays a
+* separate optional-clear affordance owned by the host component.
+*
+* Use this composable in a custom checkbox swap component to inherit the
+* same a11y / DOM-sync behaviour as the built-in `AsCheckbox` without
+* re-implementing the `watchEffect` plumbing or remembering that
+* `indeterminate` is a property, not an attribute.
+*/
+function useAsTriStateCheckbox(options) {
+	const inputRef = (0, vue.ref)(null);
+	const checked = (0, vue.computed)(() => options.modelValue() === true);
+	const indeterminate = (0, vue.computed)(() => options.modelValue() === void 0);
+	(0, vue.watchEffect)(() => {
+		if (inputRef.value) inputRef.value.indeterminate = indeterminate.value;
+	}, { flush: "post" });
+	function onChange(e) {
+		options.onCommit(e.target.checked);
+	}
+	return {
+		checked,
+		indeterminate,
+		inputRef,
+		onChange
+	};
+}
+//#endregion
+//#region src/components/defaults/as-checkbox.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-checkbox-row" };
+const _hoisted_2 = ["for"];
+const _hoisted_3 = [
+	"id",
+	"checked",
+	"name",
+	"disabled",
+	"readonly",
+	"aria-invalid",
+	"aria-describedby"
+];
+const _hoisted_4 = ["id"];
+//#endregion
+//#region src/components/defaults/as-checkbox.vue
+var as_checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-checkbox",
+	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 { checked, indeterminate, inputRef, onChange } = useAsTriStateCheckbox({
+			modelValue: () => props.model.value,
+			onCommit: (v) => {
+				props.model.value = v;
+			}
+		});
+		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-checkbox-field",
+				chromeless: true
+			}), {
+				default: (0, vue.withCtx)(({ inputId }) => [(0, vue.createElementVNode)("div", _hoisted_1, [
+					(0, vue.createElementVNode)("label", {
+						for: inputId,
+						class: (0, vue.normalizeClass)(["as-field-label", { "as-checkbox-indeterminate": (0, vue.unref)(indeterminate) }])
+					}, [(0, vue.createElementVNode)("input", {
+						ref_key: "inputRef",
+						ref: inputRef,
+						id: inputId,
+						type: "checkbox",
+						checked: (0, vue.unref)(checked),
+						onChange: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(onChange) && (0, vue.unref)(onChange)(...args)),
+						onBlur: _cache[1] || (_cache[1] = (...args) => __props.onBlur && __props.onBlur(...args)),
+						name: __props.name,
+						disabled: __props.disabled,
+						readonly: __props.readonly,
+						"aria-invalid": !!__props.error || void 0,
+						"aria-describedby": __props.ariaDescribedBy
+					}, null, 40, _hoisted_3), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(__props.label), 1)], 10, _hoisted_2),
+					(0, vue.createCommentVNode)(" Treat both undefined and null as 'unset' — DB-roundtripped null otherwise renders as \"set\". "),
+					__props.optional && __props.model.value != null ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_variant_picker.as_optional_clear_default, {
+						key: 0,
+						onClear: _cache[2] || (_cache[2] = ($event) => __props.onToggleOptional?.(false))
+					})) : (0, vue.createCommentVNode)("v-if", true)
+				])]),
+				"after-input": (0, vue.withCtx)(({ descId }) => [__props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 0,
+					id: descId,
+					class: "as-field-description"
+				}, (0, vue.toDisplayString)(__props.description), 9, _hoisted_4)) : (0, vue.createCommentVNode)("v-if", true)]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_checkbox_default", {
+	enumerable: true,
+	get: function() {
+		return as_checkbox_default;
+	}
+});
+Object.defineProperty(exports, "useAsTriStateCheckbox", {
+	enumerable: true,
+	get: function() {
+		return useAsTriStateCheckbox;
+	}
+});

package/dist/as-checkbox.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_checkbox = require("./as-checkbox-DXGTVHPE.cjs");
+module.exports = require_as_checkbox.as_checkbox_default;

package/dist/as-checkbox.d.cts

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

package/dist/as-checkbox.d.mts

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

package/dist/as-checkbox.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_checkbox_default } from "./as-checkbox-B_9mwla6.mjs";
+export { as_checkbox_default as default };

package/dist/as-checkbox.vue-BL53Xjmi.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-checkbox.vue.d.ts
+type __VLS_Props = TAsComponentProps<boolean | undefined>;
+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-checkbox.vue-Da1KVG5J.d.cts

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