@atscript/vue-form 0.1.58

package/dist/as-union.cjs

@@ -0,0 +1,6 @@
+require("./use-form-context-Dwr8Ai1v.cjs");
+require("./use-as-nested-sections-store-jdMRxjBE.cjs");
+require("./use-as-dropdown-C-Qy7Vt0.cjs");
+require("./use-as-optional-add-flow-STOaQWo9.cjs");
+const require_as_union = require("./as-union-C0btoJn3.cjs");
+module.exports = require_as_union.as_union_default;

package/dist/as-union.d.cts

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

package/dist/as-union.d.mts

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

package/dist/as-union.mjs

@@ -0,0 +1,6 @@
+import "./use-form-context-bAj7UoSe.mjs";
+import "./use-as-nested-sections-store-lhi0z5z1.mjs";
+import "./use-as-dropdown-BMnEm6jF.mjs";
+import "./use-as-optional-add-flow-CuXEir_i.mjs";
+import { t as as_union_default } from "./as-union-BGvdxr3G.mjs";
+export { as_union_default as default };

package/dist/as-union.vue-BjlDPZn0.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-union.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-union.vue-CqjU3O10.d.cts

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

@@ -0,0 +1,96 @@
+import { t as useAsDropdown } from "./use-as-dropdown-BMnEm6jF.mjs";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withModifiers } from "vue";
+//#region src/components/internal/as-optional-clear.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = [
+	"disabled",
+	"aria-label",
+	"title"
+];
+//#endregion
+//#region src/components/internal/as-optional-clear.vue
+var as_optional_clear_default = /* @__PURE__ */ defineComponent({
+	__name: "as-optional-clear",
+	props: {
+		label: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["clear"],
+	setup(__props) {
+		/** `label` only feeds the aria-label so screen-readers say "Unset City". */
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
+				class: "as-field-remove-btn",
+				disabled: __props.disabled,
+				"aria-label": __props.label ? `Unset ${__props.label}` : "Unset value",
+				title: __props.label ? `Unset ${__props.label}` : "Unset",
+				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("clear"), ["stop", "prevent"]))
+			}, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
+				class: "as-field-remove-btn-icon",
+				"aria-hidden": "true"
+			}, null, -1)])], 8, _hoisted_1$1);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/as-variant-picker.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["disabled", "title"];
+const _hoisted_2 = {
+	key: 0,
+	class: "as-dropdown-menu"
+};
+const _hoisted_3 = ["onClick"];
+//#endregion
+//#region src/components/internal/as-variant-picker.vue
+var as_variant_picker_default = /* @__PURE__ */ defineComponent({
+	__name: "as-variant-picker",
+	props: {
+		unionContext: {
+			type: Object,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const dropdownRef = ref(null);
+		const { isOpen, toggle, select } = useAsDropdown(dropdownRef);
+		const currentLabel = computed(() => {
+			return (props.unionContext.variants[props.unionContext.currentIndex.value]?.label ?? "").replace(/^\d+\.\s+/, "");
+		});
+		function onSelectVariant(ctx, index) {
+			select(() => ctx.changeVariant(index));
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "dropdownRef",
+				ref: dropdownRef,
+				class: "as-dropdown"
+			}, [createElementVNode("button", {
+				type: "button",
+				class: "as-variant-trigger",
+				disabled: __props.disabled,
+				title: `Switch type — current: ${currentLabel.value}`,
+				onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
+			}, toDisplayString(currentLabel.value || "Switch"), 9, _hoisted_1), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.unionContext.variants, (v, vi) => {
+				return openBlock(), createElementBlock("button", {
+					key: vi,
+					type: "button",
+					class: normalizeClass(["as-dropdown-item", { "as-dropdown-item--active": __props.unionContext.currentIndex.value === vi }]),
+					onClick: ($event) => onSelectVariant(__props.unionContext, vi)
+				}, toDisplayString(v.label), 11, _hoisted_3);
+			}), 128))])) : createCommentVNode("v-if", true)], 512);
+		};
+	}
+});
+//#endregion
+export { as_optional_clear_default as n, as_variant_picker_default as t };

package/dist/as-variant-picker-DObQZHmm.cjs

@@ -0,0 +1,107 @@
+const require_use_as_dropdown = require("./use-as-dropdown-C-Qy7Vt0.cjs");
+let vue = require("vue");
+//#region src/components/internal/as-optional-clear.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = [
+	"disabled",
+	"aria-label",
+	"title"
+];
+//#endregion
+//#region src/components/internal/as-optional-clear.vue
+var as_optional_clear_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-optional-clear",
+	props: {
+		label: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["clear"],
+	setup(__props) {
+		/** `label` only feeds the aria-label so screen-readers say "Unset City". */
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+				type: "button",
+				class: "as-field-remove-btn",
+				disabled: __props.disabled,
+				"aria-label": __props.label ? `Unset ${__props.label}` : "Unset value",
+				title: __props.label ? `Unset ${__props.label}` : "Unset",
+				onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => _ctx.$emit("clear"), ["stop", "prevent"]))
+			}, [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("span", {
+				class: "as-field-remove-btn-icon",
+				"aria-hidden": "true"
+			}, null, -1)])], 8, _hoisted_1$1);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/as-variant-picker.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["disabled", "title"];
+const _hoisted_2 = {
+	key: 0,
+	class: "as-dropdown-menu"
+};
+const _hoisted_3 = ["onClick"];
+//#endregion
+//#region src/components/internal/as-variant-picker.vue
+var as_variant_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-variant-picker",
+	props: {
+		unionContext: {
+			type: Object,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const dropdownRef = (0, vue.ref)(null);
+		const { isOpen, toggle, select } = require_use_as_dropdown.useAsDropdown(dropdownRef);
+		const currentLabel = (0, vue.computed)(() => {
+			return (props.unionContext.variants[props.unionContext.currentIndex.value]?.label ?? "").replace(/^\d+\.\s+/, "");
+		});
+		function onSelectVariant(ctx, index) {
+			select(() => ctx.changeVariant(index));
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				ref_key: "dropdownRef",
+				ref: dropdownRef,
+				class: "as-dropdown"
+			}, [(0, vue.createElementVNode)("button", {
+				type: "button",
+				class: "as-variant-trigger",
+				disabled: __props.disabled,
+				title: `Switch type — current: ${currentLabel.value}`,
+				onClick: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(toggle) && (0, vue.unref)(toggle)(...args))
+			}, (0, vue.toDisplayString)(currentLabel.value || "Switch"), 9, _hoisted_1), (0, vue.unref)(isOpen) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.unionContext.variants, (v, vi) => {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					key: vi,
+					type: "button",
+					class: (0, vue.normalizeClass)(["as-dropdown-item", { "as-dropdown-item--active": __props.unionContext.currentIndex.value === vi }]),
+					onClick: ($event) => onSelectVariant(__props.unionContext, vi)
+				}, (0, vue.toDisplayString)(v.label), 11, _hoisted_3);
+			}), 128))])) : (0, vue.createCommentVNode)("v-if", true)], 512);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_optional_clear_default", {
+	enumerable: true,
+	get: function() {
+		return as_optional_clear_default;
+	}
+});
+Object.defineProperty(exports, "as_variant_picker_default", {
+	enumerable: true,
+	get: function() {
+		return as_variant_picker_default;
+	}
+});

package/dist/index.cjs

@@ -0,0 +1,173 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_use_form_context = require("./use-form-context-Dwr8Ai1v.cjs");
+const require_use_as_nested_sections_store = require("./use-as-nested-sections-store-jdMRxjBE.cjs");
+const require_use_as_value_help = require("./use-as-value-help-uANI3zWa.cjs");
+const require_as_form = require("./as-form-DAIkyt7H.cjs");
+const require_as_field = require("./as-field-wLYoaZnT.cjs");
+const require_use_as_locale = require("./use-as-locale-C4z5stwD.cjs");
+const require_as_iterator = require("./as-iterator-BYMNe6UJ.cjs");
+const require_use_as_dropdown = require("./use-as-dropdown-C-Qy7Vt0.cjs");
+const require_as_field_shell = 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");
+const require_as_select = require("./as-select-BB3uxACS.cjs");
+const require_as_radio = require("./as-radio-U3OK7bTg.cjs");
+const require_as_checkbox = require("./as-checkbox-DXGTVHPE.cjs");
+const require_as_paragraph = require("./as-paragraph-BGO-j4US.cjs");
+const require_as_action = require("./as-action-71f9E_bL.cjs");
+const require_use_as_optional_add_flow = require("./use-as-optional-add-flow-STOaQWo9.cjs");
+require("./as-collapsible-CqxeJut7.cjs");
+const require_as_object = require("./as-object-qUL7l8V1.cjs");
+const require_as_array = require("./as-array-Bn27x9cq.cjs");
+require("./as-array-clear-btn-DAGervXL.cjs");
+const require_as_union = require("./as-union-C0btoJn3.cjs");
+const require_as_tuple = require("./as-tuple-BU--cuuI.cjs");
+const require_as_ref = require("./as-ref-SImaIrwK.cjs");
+const require_as_decimal = require("./as-decimal-BJIGgPXU.cjs");
+const require_as_number = require("./as-number-BA55JIq1.cjs");
+const require_use_as_date = require("./use-as-date-B7CtcRQd.cjs");
+const require_as_date = require("./as-date-k3MW3dmA.cjs");
+const require_as_datetime = require("./as-datetime-C030mzI5.cjs");
+const require_as_time = require("./as-time-C24rvslH.cjs");
+let vue = require("vue");
+let _atscript_ui = require("@atscript/ui");
+//#region src/composables/create-as-form-def.ts
+/**
+* Creates a reactive form definition and data object from an ATScript annotated type.
+*
+* @param type - An ATScript annotated type (imported from a `.as` file).
+* @param context - Optional context object forwarded to `ui.fn.value` resolvers during data creation.
+*   Only effective when `@atscript/ui-fns` is installed (dynamic resolver).
+* @returns `{ def, formData }` — the FormDef and a Vue reactive data object with defaults applied
+*/
+function createAsFormDef(type, context) {
+	return {
+		def: (0, _atscript_ui.createFormDef)(type),
+		formData: (0, vue.reactive)((0, _atscript_ui.createFormData)(type, context ? (0, _atscript_ui.createFormValueResolver)({}, context) : void 0))
+	};
+}
+//#endregion
+//#region src/composables/create-default-types.ts
+/**
+* Returns a fresh type-to-component map pre-filled with all built-in defaults.
+*
+* Spread or assign additional entries to extend with custom field types:
+* ```ts
+* const types = { ...createDefaultTypes(), rating: MyRatingComponent }
+* ```
+*/
+function createDefaultTypes() {
+	return {
+		text: require_as_input.as_input_default,
+		textarea: require_as_input.as_input_default,
+		password: require_as_input.as_input_default,
+		number: require_as_number.as_number_default,
+		decimal: require_as_decimal.as_decimal_default,
+		select: require_as_select.as_select_default,
+		radio: require_as_radio.as_radio_default,
+		checkbox: require_as_checkbox.as_checkbox_default,
+		paragraph: require_as_paragraph.as_paragraph_default,
+		action: require_as_action.as_action_default,
+		object: require_as_object.as_object_default,
+		array: require_as_array.as_array_default,
+		union: require_as_union.as_union_default,
+		tuple: require_as_tuple.as_tuple_default,
+		ref: require_as_ref.as_ref_default,
+		date: require_as_date.as_date_default,
+		datetime: require_as_datetime.as_datetime_default,
+		time: require_as_time.as_time_default
+	};
+}
+//#endregion
+//#region src/composables/use-as-path.ts
+const EMPTY_PATH = (0, vue.computed)(() => "");
+/**
+* Reactive read-only access to the absolute dotted path prefix at the
+* current point in the `<AsForm>` tree. Returns `''` when called outside
+* a form.
+*/
+function useAsPath() {
+	return { path: (0, vue.inject)(require_use_form_context.PATH_PREFIX_KEY, EMPTY_PATH) };
+}
+//#endregion
+//#region src/composables/use-as-error-dismiss.ts
+const NOOP = () => {};
+/**
+* Returns the `dismissExternalAt` callback provided by the nearest
+* ancestor `<AsForm>`. Outside a form the result is a no-op so calling
+* it from a leaf component does not throw.
+*/
+function useAsErrorDismiss() {
+	return (0, vue.inject)(require_use_form_context.DISMISS_EXTERNAL_AT_KEY, null) ?? NOOP;
+}
+//#endregion
+exports.AsAction = require_as_action.as_action_default;
+exports.AsArray = require_as_array.as_array_default;
+exports.AsCheckbox = require_as_checkbox.as_checkbox_default;
+exports.AsDate = require_as_date.as_date_default;
+exports.AsDatetime = require_as_datetime.as_datetime_default;
+exports.AsDecimal = require_as_decimal.as_decimal_default;
+exports.AsField = require_as_field.as_field_default;
+exports.AsFieldShell = require_as_field_shell.as_field_shell_default;
+exports.AsForm = require_as_form.as_form_default;
+exports.AsInput = require_as_input.as_input_default;
+exports.AsIterator = require_as_iterator.as_iterator_default;
+exports.AsNumber = require_as_number.as_number_default;
+exports.AsObject = require_as_object.as_object_default;
+exports.AsParagraph = require_as_paragraph.as_paragraph_default;
+exports.AsRadio = require_as_radio.as_radio_default;
+exports.AsRef = require_as_ref.as_ref_default;
+exports.AsSelect = require_as_select.as_select_default;
+exports.AsTime = require_as_time.as_time_default;
+exports.AsTuple = require_as_tuple.as_tuple_default;
+exports.AsUnion = require_as_union.as_union_default;
+exports.createAsFormDef = createAsFormDef;
+exports.createDefaultTypes = createDefaultTypes;
+exports.focusFirstAfter = require_use_as_dropdown.focusFirstAfter;
+exports.focusNewFocusableAfter = require_use_as_dropdown.focusNewFocusableAfter;
+exports.formatIndexedLabelParts = require_use_form_context.formatIndexedLabelParts;
+Object.defineProperty(exports, "getDefaultClientFactory", {
+	enumerable: true,
+	get: function() {
+		return _atscript_ui.getDefaultClientFactory;
+	}
+});
+exports.provideAsLocale = require_use_as_locale.provideAsLocale;
+exports.provideAsNestedSectionsStore = require_use_as_nested_sections_store.provideAsNestedSectionsStore;
+Object.defineProperty(exports, "resetDefaultClientFactory", {
+	enumerable: true,
+	get: function() {
+		return _atscript_ui.resetDefaultClientFactory;
+	}
+});
+Object.defineProperty(exports, "setDefaultClientFactory", {
+	enumerable: true,
+	get: function() {
+		return _atscript_ui.setDefaultClientFactory;
+	}
+});
+exports.useAsArray = require_as_array.useAsArray;
+exports.useAsData = require_as_field.useAsData;
+exports.useAsDate = require_use_as_date.useAsDate;
+exports.useAsDecimal = require_as_decimal.useAsDecimal;
+exports.useAsDropdown = require_use_as_dropdown.useAsDropdown;
+exports.useAsDualInput = require_as_decimal.useAsDualInput;
+exports.useAsErrorDismiss = useAsErrorDismiss;
+exports.useAsExternalErrors = require_as_form.useAsExternalErrors;
+exports.useAsField = require_as_field.useAsField;
+exports.useAsFocusFirstAfter = require_use_as_dropdown.useAsFocusFirstAfter;
+exports.useAsForm = require_as_form.useAsForm;
+exports.useAsLocale = require_use_as_locale.useAsLocale;
+exports.useAsNestedSectionsStore = require_use_as_nested_sections_store.useAsNestedSectionsStore;
+exports.useAsNumber = require_as_number.useAsNumber;
+exports.useAsOptionalAddFlow = require_use_as_optional_add_flow.useAsOptionalAddFlow;
+exports.useAsPath = useAsPath;
+exports.useAsState = require_as_form.useAsState;
+exports.useAsTriStateCheckbox = require_as_checkbox.useAsTriStateCheckbox;
+exports.useAsTuple = require_as_tuple.useAsTuple;
+exports.useAsTypeMap = require_as_union.useAsTypeMap;
+exports.useAsUnion = require_as_union.useAsUnion;
+exports.useAsUnionVariant = require_use_form_context.useAsUnionVariant;
+exports.useAsValueHelp = require_use_as_value_help.useAsValueHelp;