@atscript/vue-form 0.1.58

package/dist/as-collapsible-CqxeJut7.cjs

@@ -0,0 +1,148 @@
+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_dropdown = require("./use-as-dropdown-C-Qy7Vt0.cjs");
+let vue = require("vue");
+//#region src/components/internal/as-collapsible.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["open", "data-object-level"];
+const _hoisted_2 = { class: "as-collapsible-summary" };
+const _hoisted_3 = { class: "as-collapsible-header" };
+const _hoisted_4 = { class: "as-collapsible-title-row" };
+const _hoisted_5 = {
+	key: 0,
+	class: "as-collapsible-title-index"
+};
+const _hoisted_6 = {
+	key: 0,
+	class: "as-collapsible-description"
+};
+const _hoisted_7 = ["aria-label"];
+const _hoisted_8 = { class: "as-collapsible-body" };
+const _hoisted_9 = {
+	key: 0,
+	class: "as-collapsible-error",
+	role: "alert"
+};
+//#endregion
+//#region src/components/internal/as-collapsible.vue
+var as_collapsible_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "as-collapsible",
+	props: {
+		title: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: true
+		},
+		optional: {
+			type: Boolean,
+			required: true
+		},
+		optionalEnabled: {
+			type: Boolean,
+			required: true
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const titleParts = (0, vue.computed)(() => require_use_form_context.formatIndexedLabelParts(props.title, props.arrayIndex));
+		const variant = (0, vue.computed)(() => {
+			const lvl = props.level;
+			if (lvl <= 0) return "root";
+			return lvl % 2 === 1 ? "section" : "island";
+		});
+		const containerClass = (0, vue.computed)(() => {
+			if (variant.value === "section") return "as-collapsible-section";
+			return ["as-collapsible-island", (props.level - 2) / 2 % 2 === 0 ? "as-collapsible-island-even" : "as-collapsible-island-odd"];
+		});
+		const titleClass = (0, vue.computed)(() => props.level <= 1 ? "as-collapsible-title" : "as-collapsible-title-nested");
+		const headingTag = (0, vue.computed)(() => props.level <= 1 ? "h3" : "h4");
+		const store = require_use_as_nested_sections_store.useAsNestedSectionsStore();
+		(0, vue.onMounted)(() => {
+			if (variant.value !== "root" && props.path) {
+				store?.register(props.path);
+				if (props.defaultOpen) store?.setOpen(props.path, true);
+			}
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			if (variant.value !== "root" && props.path) store?.unregister(props.path);
+		});
+		const isOpen = (0, vue.computed)(() => variant.value === "root" ? true : store?.isOpen(props.path) ?? false);
+		function onNativeToggle(e) {
+			if (variant.value === "root" || !props.path) return;
+			store?.setOpen(props.path, e.target.open);
+		}
+		const descendantErrorCounts = (0, vue.inject)(require_use_as_nested_sections_store.DESCENDANT_ERROR_COUNTS_KEY, void 0);
+		const descendantErrorCount = (0, vue.computed)(() => props.path ? descendantErrorCounts?.value.get(props.path) ?? 0 : 0);
+		const { rootRef, runAndFocus, runAndFocusNew } = require_use_as_dropdown.useAsFocusFirstAfter();
+		__expose({
+			runAndFocus,
+			runAndFocusNew
+		});
+		return (_ctx, _cache) => {
+			return __props.optional && !__props.optionalEnabled ? (0, vue.renderSlot)(_ctx.$slots, "empty", { key: 0 }) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("details", {
+				key: 1,
+				ref_key: "rootRef",
+				ref: rootRef,
+				open: isOpen.value,
+				class: (0, vue.normalizeClass)([
+					containerClass.value,
+					"as-grid-item",
+					_ctx.$attrs.class
+				]),
+				"data-object-level": __props.level,
+				onToggle: onNativeToggle
+			}, [(0, vue.createElementVNode)("summary", _hoisted_2, [
+				(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createElementVNode)("div", _hoisted_4, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(headingTag.value), { class: (0, vue.normalizeClass)(titleClass.value) }, {
+					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(titleParts.value?.base), 1), titleParts.value?.suffix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5, "\xA0" + (0, vue.toDisplayString)(titleParts.value.suffix), 1)) : (0, vue.createCommentVNode)("v-if", true)]),
+					_: 1
+				}, 8, ["class"])), (0, vue.renderSlot)(_ctx.$slots, "title-extras")]), __props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_6, (0, vue.toDisplayString)(__props.description), 1)) : (0, vue.createCommentVNode)("v-if", true)]),
+				(0, vue.renderSlot)(_ctx.$slots, "badges"),
+				(0, vue.renderSlot)(_ctx.$slots, "actions"),
+				!isOpen.value && descendantErrorCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					key: 0,
+					class: "as-collapsible-error-badge",
+					"aria-label": `${descendantErrorCount.value} error${descendantErrorCount.value === 1 ? "" : "s"} inside`
+				}, (0, vue.toDisplayString)(descendantErrorCount.value), 9, _hoisted_7)) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.createElementVNode)("span", {
+					class: (0, vue.normalizeClass)(["as-collapsible-chevron", { "as-collapsible-chevron-collapsed": !isOpen.value }]),
+					"aria-hidden": "true"
+				}, null, 2)
+			]), (0, vue.createElementVNode)("div", _hoisted_8, [__props.error ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9, (0, vue.toDisplayString)(__props.error), 1)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.renderSlot)(_ctx.$slots, "body")])], 42, _hoisted_1)), [[vue.vShow, !__props.hidden]]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_collapsible_default", {
+	enumerable: true,
+	get: function() {
+		return as_collapsible_default;
+	}
+});

package/dist/as-collapsible-DtNCofNT.mjs

@@ -0,0 +1,143 @@
+import { t as formatIndexedLabelParts } from "./use-form-context-bAj7UoSe.mjs";
+import { r as useAsNestedSectionsStore, t as DESCENDANT_ERROR_COUNTS_KEY } from "./use-as-nested-sections-store-lhi0z5z1.mjs";
+import { i as useAsFocusFirstAfter } from "./use-as-dropdown-BMnEm6jF.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/internal/as-collapsible.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["open", "data-object-level"];
+const _hoisted_2 = { class: "as-collapsible-summary" };
+const _hoisted_3 = { class: "as-collapsible-header" };
+const _hoisted_4 = { class: "as-collapsible-title-row" };
+const _hoisted_5 = {
+	key: 0,
+	class: "as-collapsible-title-index"
+};
+const _hoisted_6 = {
+	key: 0,
+	class: "as-collapsible-description"
+};
+const _hoisted_7 = ["aria-label"];
+const _hoisted_8 = { class: "as-collapsible-body" };
+const _hoisted_9 = {
+	key: 0,
+	class: "as-collapsible-error",
+	role: "alert"
+};
+//#endregion
+//#region src/components/internal/as-collapsible.vue
+var as_collapsible_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "as-collapsible",
+	props: {
+		title: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: true
+		},
+		optional: {
+			type: Boolean,
+			required: true
+		},
+		optionalEnabled: {
+			type: Boolean,
+			required: true
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const titleParts = computed(() => formatIndexedLabelParts(props.title, props.arrayIndex));
+		const variant = computed(() => {
+			const lvl = props.level;
+			if (lvl <= 0) return "root";
+			return lvl % 2 === 1 ? "section" : "island";
+		});
+		const containerClass = computed(() => {
+			if (variant.value === "section") return "as-collapsible-section";
+			return ["as-collapsible-island", (props.level - 2) / 2 % 2 === 0 ? "as-collapsible-island-even" : "as-collapsible-island-odd"];
+		});
+		const titleClass = computed(() => props.level <= 1 ? "as-collapsible-title" : "as-collapsible-title-nested");
+		const headingTag = computed(() => props.level <= 1 ? "h3" : "h4");
+		const store = useAsNestedSectionsStore();
+		onMounted(() => {
+			if (variant.value !== "root" && props.path) {
+				store?.register(props.path);
+				if (props.defaultOpen) store?.setOpen(props.path, true);
+			}
+		});
+		onBeforeUnmount(() => {
+			if (variant.value !== "root" && props.path) store?.unregister(props.path);
+		});
+		const isOpen = computed(() => variant.value === "root" ? true : store?.isOpen(props.path) ?? false);
+		function onNativeToggle(e) {
+			if (variant.value === "root" || !props.path) return;
+			store?.setOpen(props.path, e.target.open);
+		}
+		const descendantErrorCounts = inject(DESCENDANT_ERROR_COUNTS_KEY, void 0);
+		const descendantErrorCount = computed(() => props.path ? descendantErrorCounts?.value.get(props.path) ?? 0 : 0);
+		const { rootRef, runAndFocus, runAndFocusNew } = useAsFocusFirstAfter();
+		__expose({
+			runAndFocus,
+			runAndFocusNew
+		});
+		return (_ctx, _cache) => {
+			return __props.optional && !__props.optionalEnabled ? renderSlot(_ctx.$slots, "empty", { key: 0 }) : withDirectives((openBlock(), createElementBlock("details", {
+				key: 1,
+				ref_key: "rootRef",
+				ref: rootRef,
+				open: isOpen.value,
+				class: normalizeClass([
+					containerClass.value,
+					"as-grid-item",
+					_ctx.$attrs.class
+				]),
+				"data-object-level": __props.level,
+				onToggle: onNativeToggle
+			}, [createElementVNode("summary", _hoisted_2, [
+				createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [(openBlock(), createBlock(resolveDynamicComponent(headingTag.value), { class: normalizeClass(titleClass.value) }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(titleParts.value?.base), 1), titleParts.value?.suffix ? (openBlock(), createElementBlock("span", _hoisted_5, "\xA0" + toDisplayString(titleParts.value.suffix), 1)) : createCommentVNode("v-if", true)]),
+					_: 1
+				}, 8, ["class"])), renderSlot(_ctx.$slots, "title-extras")]), __props.description ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)]),
+				renderSlot(_ctx.$slots, "badges"),
+				renderSlot(_ctx.$slots, "actions"),
+				!isOpen.value && descendantErrorCount.value > 0 ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "as-collapsible-error-badge",
+					"aria-label": `${descendantErrorCount.value} error${descendantErrorCount.value === 1 ? "" : "s"} inside`
+				}, toDisplayString(descendantErrorCount.value), 9, _hoisted_7)) : createCommentVNode("v-if", true),
+				createElementVNode("span", {
+					class: normalizeClass(["as-collapsible-chevron", { "as-collapsible-chevron-collapsed": !isOpen.value }]),
+					"aria-hidden": "true"
+				}, null, 2)
+			]), createElementVNode("div", _hoisted_8, [__props.error ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(__props.error), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "body")])], 42, _hoisted_1)), [[vShow, !__props.hidden]]);
+		};
+	}
+});
+//#endregion
+export { as_collapsible_default as t };

package/dist/as-date-C7tFQDkh.mjs

@@ -0,0 +1,253 @@
+import { t as as_field_shell_default } from "./as-field-shell-Pdy3sAvr.mjs";
+import { t as as_adornment_shell_default } from "./as-adornment-shell-knFiB7Ct.mjs";
+import { n as as_date_control_default, t as useAsDate } from "./use-as-date-C39i9mzE.mjs";
+import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/defaults/as-date.vue
+var as_date_default = /* @__PURE__ */ defineComponent({
+	__name: "as-date",
+	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 { inputType, displayValue, setFromInput } = useAsDate({
+			modelValue: () => props.model.value,
+			kind: "date",
+			onCommit: (v) => {
+				props.model.value = v;
+			}
+		});
+		const shellTitle = computed(() => props.currencyCode ?? props.unitCode ?? void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(as_field_shell_default, normalizeProps(guardReactiveProps(_ctx.$props)), {
+				default: withCtx(({ inputId }) => [__props.hasAdornment ? (openBlock(), createBlock(as_adornment_shell_default, {
+					key: 0,
+					"prefix-icon": __props.prefixIcon,
+					prefix: __props.prefix,
+					suffix: __props.suffix,
+					"suffix-icon": __props.suffixIcon,
+					error: __props.error,
+					required: __props.required,
+					title: shellTitle.value
+				}, {
+					default: withCtx(() => [createVNode(as_date_control_default, mergeProps(_ctx.$props, {
+						"input-id": inputId,
+						"input-type": unref(inputType),
+						"display-value": unref(displayValue),
+						"set-from-input": unref(setFromInput)
+					}), null, 16, [
+						"input-id",
+						"input-type",
+						"display-value",
+						"set-from-input"
+					])]),
+					_: 2
+				}, 1032, [
+					"prefix-icon",
+					"prefix",
+					"suffix",
+					"suffix-icon",
+					"error",
+					"required",
+					"title"
+				])) : (openBlock(), createBlock(as_date_control_default, mergeProps({ key: 1 }, _ctx.$props, {
+					"input-id": inputId,
+					"input-type": unref(inputType),
+					"display-value": unref(displayValue),
+					"set-from-input": unref(setFromInput)
+				}), null, 16, [
+					"input-id",
+					"input-type",
+					"display-value",
+					"set-from-input"
+				]))]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { as_date_default as t };