@atscript/vue-form 0.1.58

package/dist/as-object-CT6lNEqt.mjs

@@ -0,0 +1,300 @@
+import { n as useAsUnionVariant } from "./use-form-context-bAj7UoSe.mjs";
+import { t as as_iterator_default } from "./as-iterator-CT5y1jyn.mjs";
+import { n as as_optional_clear_default, t as as_variant_picker_default } from "./as-variant-picker-BVs0AvjK.mjs";
+import { t as useAsOptionalAddFlow } from "./use-as-optional-add-flow-CuXEir_i.mjs";
+import { t as as_collapsible_default } from "./as-collapsible-DtNCofNT.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, useTemplateRef, vShow, withCtx, withDirectives, withModifiers } from "vue";
+import { isObjectField } from "@atscript/ui";
+//#region src/components/defaults/as-object.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-form-title"
+};
+const _hoisted_2 = {
+	key: 1,
+	class: "as-form-description"
+};
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = {
+	key: 0,
+	class: "as-collapsible-description"
+};
+//#endregion
+//#region src/components/defaults/as-object.vue
+var as_object_default = /* @__PURE__ */ defineComponent({
+	__name: "as-object",
+	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
+		}
+	},
+	emits: ["action"],
+	setup(__props) {
+		const props = __props;
+		const objectDef = computed(() => isObjectField(props.field) ? props.field.objectDef : void 0);
+		const optionalEnabled = computed(() => props.model?.value != null);
+		const unionCtx = useAsUnionVariant();
+		const hasVariantPicker = computed(() => unionCtx !== void 0 && unionCtx.variants.length > 1);
+		const level = computed(() => props.level ?? 0);
+		const isRoot = computed(() => level.value <= 0);
+		const collapsibleRef = useTemplateRef("collapsibleRef");
+		const { composeAction } = useAsOptionalAddFlow({ path: () => props.path });
+		function handleAddData() {
+			collapsibleRef.value?.runAndFocusNew(composeAction(() => props.onToggleOptional?.(true)), 2);
+		}
+		return (_ctx, _cache) => {
+			return isRoot.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+				__props.title ? (openBlock(), createElementBlock("h2", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("v-if", true),
+				__props.description ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true),
+				objectDef.value ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(["as-form-grid", _ctx.$props.class])
+				}, [createVNode(as_iterator_default, { def: objectDef.value }, null, 8, ["def"])], 2)) : createCommentVNode("v-if", true)
+			], 64)) : (openBlock(), createBlock(as_collapsible_default, {
+				key: 1,
+				ref_key: "collapsibleRef",
+				ref: collapsibleRef,
+				class: normalizeClass(_ctx.$props.class),
+				title: __props.title,
+				"array-index": __props.arrayIndex,
+				description: __props.description,
+				level: level.value,
+				optional: !!__props.optional,
+				"optional-enabled": optionalEnabled.value,
+				path: __props.path,
+				error: __props.error,
+				hidden: __props.hidden,
+				"default-open": __props.arrayIndex !== void 0
+			}, {
+				"title-extras": withCtx(() => [hasVariantPicker.value ? (openBlock(), createBlock(as_variant_picker_default, {
+					key: 0,
+					"union-context": unref(unionCtx),
+					disabled: __props.disabled
+				}, null, 8, ["union-context", "disabled"])) : createCommentVNode("v-if", true)]),
+				actions: withCtx(() => [__props.onRemove ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "as-field-remove-btn",
+					disabled: !__props.canRemove,
+					"aria-label": "Remove",
+					title: "Remove",
+					onClick: _cache[0] || (_cache[0] = withModifiers((...args) => __props.onRemove && __props.onRemove(...args), ["stop", "prevent"]))
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("span", {
+					class: "as-field-remove-btn-icon",
+					"aria-hidden": "true"
+				}, null, -1)])], 8, _hoisted_3)) : __props.optional && optionalEnabled.value ? (openBlock(), createBlock(as_optional_clear_default, {
+					key: 1,
+					label: __props.title,
+					onClear: _cache[1] || (_cache[1] = ($event) => __props.onToggleOptional?.(false))
+				}, null, 8, ["label"])) : createCommentVNode("v-if", true)]),
+				body: withCtx(() => [objectDef.value ? (openBlock(), createBlock(as_iterator_default, {
+					key: 0,
+					def: objectDef.value
+				}, null, 8, ["def"])) : createCommentVNode("v-if", true)]),
+				empty: withCtx(() => [withDirectives(createElementVNode("div", { class: normalizeClass(["as-object-empty as-grid-item", _ctx.$props.class]) }, [createElementVNode("button", {
+					type: "button",
+					class: "as-object-empty-add",
+					onClick: handleAddData
+				}, [_cache[3] || (_cache[3] = createElementVNode("span", {
+					class: "i-as-field-fill as-object-empty-add-icon",
+					"aria-hidden": "true"
+				}, null, -1)), createTextVNode(" Add " + toDisplayString(__props.title), 1)]), __props.description ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)], 2), [[vShow, !__props.hidden]])]),
+				_: 1
+			}, 8, [
+				"class",
+				"title",
+				"array-index",
+				"description",
+				"level",
+				"optional",
+				"optional-enabled",
+				"path",
+				"error",
+				"hidden",
+				"default-open"
+			]));
+		};
+	}
+});
+//#endregion
+export { as_object_default as t };

package/dist/as-object-qUL7l8V1.cjs

@@ -0,0 +1,305 @@
+const require_use_form_context = require("./use-form-context-Dwr8Ai1v.cjs");
+const require_as_iterator = require("./as-iterator-BYMNe6UJ.cjs");
+const require_as_variant_picker = require("./as-variant-picker-DObQZHmm.cjs");
+const require_use_as_optional_add_flow = require("./use-as-optional-add-flow-STOaQWo9.cjs");
+const require_as_collapsible = require("./as-collapsible-CqxeJut7.cjs");
+let vue = require("vue");
+let _atscript_ui = require("@atscript/ui");
+//#region src/components/defaults/as-object.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-form-title"
+};
+const _hoisted_2 = {
+	key: 1,
+	class: "as-form-description"
+};
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = {
+	key: 0,
+	class: "as-collapsible-description"
+};
+//#endregion
+//#region src/components/defaults/as-object.vue
+var as_object_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-object",
+	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
+		}
+	},
+	emits: ["action"],
+	setup(__props) {
+		const props = __props;
+		const objectDef = (0, vue.computed)(() => (0, _atscript_ui.isObjectField)(props.field) ? props.field.objectDef : void 0);
+		const optionalEnabled = (0, vue.computed)(() => props.model?.value != null);
+		const unionCtx = require_use_form_context.useAsUnionVariant();
+		const hasVariantPicker = (0, vue.computed)(() => unionCtx !== void 0 && unionCtx.variants.length > 1);
+		const level = (0, vue.computed)(() => props.level ?? 0);
+		const isRoot = (0, vue.computed)(() => level.value <= 0);
+		const collapsibleRef = (0, vue.useTemplateRef)("collapsibleRef");
+		const { composeAction } = require_use_as_optional_add_flow.useAsOptionalAddFlow({ path: () => props.path });
+		function handleAddData() {
+			collapsibleRef.value?.runAndFocusNew(composeAction(() => props.onToggleOptional?.(true)), 2);
+		}
+		return (_ctx, _cache) => {
+			return isRoot.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [
+				__props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("h2", _hoisted_1, (0, vue.toDisplayString)(__props.title), 1)) : (0, vue.createCommentVNode)("v-if", true),
+				__props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_2, (0, vue.toDisplayString)(__props.description), 1)) : (0, vue.createCommentVNode)("v-if", true),
+				objectDef.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 2,
+					class: (0, vue.normalizeClass)(["as-form-grid", _ctx.$props.class])
+				}, [(0, vue.createVNode)(require_as_iterator.as_iterator_default, { def: objectDef.value }, null, 8, ["def"])], 2)) : (0, vue.createCommentVNode)("v-if", true)
+			], 64)) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_collapsible.as_collapsible_default, {
+				key: 1,
+				ref_key: "collapsibleRef",
+				ref: collapsibleRef,
+				class: (0, vue.normalizeClass)(_ctx.$props.class),
+				title: __props.title,
+				"array-index": __props.arrayIndex,
+				description: __props.description,
+				level: level.value,
+				optional: !!__props.optional,
+				"optional-enabled": optionalEnabled.value,
+				path: __props.path,
+				error: __props.error,
+				hidden: __props.hidden,
+				"default-open": __props.arrayIndex !== void 0
+			}, {
+				"title-extras": (0, vue.withCtx)(() => [hasVariantPicker.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_variant_picker.as_variant_picker_default, {
+					key: 0,
+					"union-context": (0, vue.unref)(unionCtx),
+					disabled: __props.disabled
+				}, null, 8, ["union-context", "disabled"])) : (0, vue.createCommentVNode)("v-if", true)]),
+				actions: (0, vue.withCtx)(() => [__props.onRemove ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					key: 0,
+					type: "button",
+					class: "as-field-remove-btn",
+					disabled: !__props.canRemove,
+					"aria-label": "Remove",
+					title: "Remove",
+					onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)((...args) => __props.onRemove && __props.onRemove(...args), ["stop", "prevent"]))
+				}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", {
+					class: "as-field-remove-btn-icon",
+					"aria-hidden": "true"
+				}, null, -1)])], 8, _hoisted_3)) : __props.optional && optionalEnabled.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_variant_picker.as_optional_clear_default, {
+					key: 1,
+					label: __props.title,
+					onClear: _cache[1] || (_cache[1] = ($event) => __props.onToggleOptional?.(false))
+				}, null, 8, ["label"])) : (0, vue.createCommentVNode)("v-if", true)]),
+				body: (0, vue.withCtx)(() => [objectDef.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_iterator.as_iterator_default, {
+					key: 0,
+					def: objectDef.value
+				}, null, 8, ["def"])) : (0, vue.createCommentVNode)("v-if", true)]),
+				empty: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["as-object-empty as-grid-item", _ctx.$props.class]) }, [(0, vue.createElementVNode)("button", {
+					type: "button",
+					class: "as-object-empty-add",
+					onClick: handleAddData
+				}, [_cache[3] || (_cache[3] = (0, vue.createElementVNode)("span", {
+					class: "i-as-field-fill as-object-empty-add-icon",
+					"aria-hidden": "true"
+				}, null, -1)), (0, vue.createTextVNode)(" Add " + (0, vue.toDisplayString)(__props.title), 1)]), __props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_4, (0, vue.toDisplayString)(__props.description), 1)) : (0, vue.createCommentVNode)("v-if", true)], 2), [[vue.vShow, !__props.hidden]])]),
+				_: 1
+			}, 8, [
+				"class",
+				"title",
+				"array-index",
+				"description",
+				"level",
+				"optional",
+				"optional-enabled",
+				"path",
+				"error",
+				"hidden",
+				"default-open"
+			]));
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_object_default", {
+	enumerable: true,
+	get: function() {
+		return as_object_default;
+	}
+});

package/dist/as-object.cjs

@@ -0,0 +1,11 @@
+require("./use-form-context-Dwr8Ai1v.cjs");
+require("./use-as-nested-sections-store-jdMRxjBE.cjs");
+require("./as-field-wLYoaZnT.cjs");
+require("./use-as-locale-C4z5stwD.cjs");
+require("./as-iterator-BYMNe6UJ.cjs");
+require("./use-as-dropdown-C-Qy7Vt0.cjs");
+require("./as-variant-picker-DObQZHmm.cjs");
+require("./use-as-optional-add-flow-STOaQWo9.cjs");
+require("./as-collapsible-CqxeJut7.cjs");
+const require_as_object = require("./as-object-qUL7l8V1.cjs");
+module.exports = require_as_object.as_object_default;

package/dist/as-object.d.cts

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

package/dist/as-object.d.mts

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

package/dist/as-object.mjs

@@ -0,0 +1,11 @@
+import "./use-form-context-bAj7UoSe.mjs";
+import "./use-as-nested-sections-store-lhi0z5z1.mjs";
+import "./as-field-CXVjrEPQ.mjs";
+import "./use-as-locale-BrFdAgnU.mjs";
+import "./as-iterator-CT5y1jyn.mjs";
+import "./use-as-dropdown-BMnEm6jF.mjs";
+import "./as-variant-picker-BVs0AvjK.mjs";
+import "./use-as-optional-add-flow-CuXEir_i.mjs";
+import "./as-collapsible-DtNCofNT.mjs";
+import { t as as_object_default } from "./as-object-CT6lNEqt.mjs";
+export { as_object_default as default };

package/dist/as-object.vue-CKwMyM_F.d.cts

@@ -0,0 +1,13 @@
+import { i as TAsComponentProps } from "./types-C4HRSxgV.cjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-object.vue.d.ts
+type __VLS_Props = TAsComponentProps;
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  action: (name: string) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onAction?: ((name: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-object.vue-Cg52b61-.d.mts

@@ -0,0 +1,13 @@
+import { i as TAsComponentProps } from "./types-Czm-Gtud.mjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-object.vue.d.ts
+type __VLS_Props = TAsComponentProps;
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  action: (name: string) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onAction?: ((name: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };