@atscript/vue-aooth 0.1.75

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Artem Maltsev <artem@maltsev.nl>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/as-consent-array-B8gtVvew.cjs

@@ -0,0 +1,346 @@
+let vue = require("vue");
+let _atscript_vue_form = require("@atscript/vue-form");
+let _atscript_ui = require("@atscript/ui");
+//#region src/components/as-consent-array.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["for"];
+const _hoisted_2 = [
+	"id",
+	"checked",
+	"name",
+	"disabled",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"onChange"
+];
+const _hoisted_3 = ["href"];
+const _hoisted_4 = ["id"];
+//#endregion
+//#region src/components/as-consent-array.vue
+var as_consent_array_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-consent-array",
+	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
+		},
+		pendingConsents: {
+			type: Array,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		function rowId(itemId) {
+			const safe = itemId.replace(/[^A-Za-z0-9_-]/g, "_");
+			return `${props.inputId}-${safe}`;
+		}
+		const consents = (0, vue.computed)(() => props.pendingConsents ?? []);
+		const explicitLabel = (0, vue.computed)(() => {
+			const prop = props.field?.prop;
+			if (!prop) return void 0;
+			const meta = (0, _atscript_ui.getFieldMeta)(prop, _atscript_ui.META_LABEL);
+			return typeof meta === "string" ? meta : void 0;
+		});
+		const { error: localError, onBlur } = (0, _atscript_vue_form.useAsField)({
+			getValue: () => props.model.value ?? [],
+			setValue: (v) => {
+				props.model.value = v;
+			},
+			rules: [(value) => {
+				for (const c of consents.value) if (c.required && !value.includes(c.id)) return c.required;
+				return true;
+			}],
+			path: () => props.path,
+			resetValue: []
+		});
+		const showRequiredErrors = (0, vue.computed)(() => !!localError.value);
+		function errorFor(item) {
+			if (!showRequiredErrors.value) return void 0;
+			if (!item.required) return void 0;
+			if ((props.model.value ?? []).includes(item.id)) return void 0;
+			return item.required;
+		}
+		function commit(id, on) {
+			const current = props.model.value ?? [];
+			if (on) {
+				if (current.indexOf(id) === -1) props.model.value = [...current, id];
+			} else {
+				const next = current.filter((v) => v !== id);
+				if (next.length !== current.length) props.model.value = next;
+			}
+		}
+		function onChange(id, ev) {
+			commit(id, ev.target.checked);
+		}
+		const isChecked = (id) => (props.model.value ?? []).includes(id);
+		const MD_LINK_RE = /\[([^\]]+)\]\(([^)]+)\)/g;
+		const SAFE_SCHEME_RE = /^(?:https?:\/\/|mailto:)/i;
+		function parseConsentText(text) {
+			const segments = [];
+			let lastIndex = 0;
+			for (const match of text.matchAll(MD_LINK_RE)) {
+				const [full, label, href] = match;
+				const idx = match.index ?? 0;
+				if (idx > lastIndex) segments.push({
+					kind: "text",
+					value: text.slice(lastIndex, idx)
+				});
+				if (SAFE_SCHEME_RE.test(href)) segments.push({
+					kind: "link",
+					label,
+					href
+				});
+				else segments.push({
+					kind: "text",
+					value: full
+				});
+				lastIndex = idx + full.length;
+			}
+			if (lastIndex < text.length) segments.push({
+				kind: "text",
+				value: text.slice(lastIndex)
+			});
+			return segments;
+		}
+		const consentSegments = (0, vue.computed)(() => {
+			const map = /* @__PURE__ */ new Map();
+			for (const item of consents.value) map.set(item.id, parseConsentText(item.text));
+			return map;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)("\n    `:error=\"undefined\"` suppresses the shell's footer error row. The\n    backend / submit error string would otherwise render here AND under\n    each missing-required item (per-item rendering is the canonical\n    display, see `errorFor`) — that's the duplication we deliberately\n    avoid. Must override `v-bind=\"$props\".error`; the explicit binding\n    wins via `mergeProps` semantics.\n\n    `:class=\"{ error: showRequiredErrors }\"` still paints the wrapper\n    error chrome so the group reads as errored even with no shell\n    footer.\n  "), consents.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_atscript_vue_form.AsFieldShell), (0, vue.mergeProps)({ key: 0 }, _ctx.$props, {
+				label: explicitLabel.value,
+				error: void 0,
+				class: { error: showRequiredErrors.value },
+				"field-class": "as-consent-array"
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
+					class: "as-consent-array-group",
+					onBlurCapture: _cache[1] || (_cache[1] = (...args) => (0, vue.unref)(onBlur) && (0, vue.unref)(onBlur)(...args))
+				}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(consents.value, (item) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: item.id,
+						class: "as-consent-array-item"
+					}, [(0, vue.createElementVNode)("label", {
+						for: rowId(item.id),
+						class: "as-consent-array-row"
+					}, [(0, vue.createElementVNode)("input", {
+						id: rowId(item.id),
+						type: "checkbox",
+						checked: isChecked(item.id),
+						name: __props.name,
+						disabled: __props.disabled,
+						readonly: __props.readonly,
+						"aria-required": item.required ? "true" : void 0,
+						"aria-invalid": !!errorFor(item) || void 0,
+						"aria-describedby": __props.ariaDescribedBy,
+						onChange: (e) => onChange(item.id, e)
+					}, null, 40, _hoisted_2), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["as-consent-array-text", { required: !!item.required }]) }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(consentSegments.value.get(item.id), (seg, segIdx) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: segIdx }, [seg.kind === "link" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 0,
+							href: seg.href,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							class: "as-consent-array-link",
+							onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, (0, vue.toDisplayString)(seg.label), 9, _hoisted_3)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(seg.value), 1)], 64))], 64);
+					}), 128))], 2)], 8, _hoisted_1), errorFor(item) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 0,
+						id: `${rowId(item.id)}-err`,
+						class: "as-error-slot",
+						role: "alert"
+					}, (0, vue.toDisplayString)(errorFor(item)), 9, _hoisted_4)) : (0, vue.createCommentVNode)("v-if", true)]);
+				}), 128))], 32)]),
+				_: 1
+			}, 16, ["label", "class"])) : (0, vue.createCommentVNode)("v-if", true)], 2112);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_consent_array_default", {
+	enumerable: true,
+	get: function() {
+		return as_consent_array_default;
+	}
+});

package/dist/as-consent-array-C1GpSvgX.mjs

@@ -0,0 +1,341 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { AsFieldShell, useAsField } from "@atscript/vue-form";
+import { META_LABEL, getFieldMeta } from "@atscript/ui";
+//#region src/components/as-consent-array.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["for"];
+const _hoisted_2 = [
+	"id",
+	"checked",
+	"name",
+	"disabled",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"onChange"
+];
+const _hoisted_3 = ["href"];
+const _hoisted_4 = ["id"];
+//#endregion
+//#region src/components/as-consent-array.vue
+var as_consent_array_default = /* @__PURE__ */ defineComponent({
+	__name: "as-consent-array",
+	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
+		},
+		pendingConsents: {
+			type: Array,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		function rowId(itemId) {
+			const safe = itemId.replace(/[^A-Za-z0-9_-]/g, "_");
+			return `${props.inputId}-${safe}`;
+		}
+		const consents = computed(() => props.pendingConsents ?? []);
+		const explicitLabel = computed(() => {
+			const prop = props.field?.prop;
+			if (!prop) return void 0;
+			const meta = getFieldMeta(prop, META_LABEL);
+			return typeof meta === "string" ? meta : void 0;
+		});
+		const { error: localError, onBlur } = useAsField({
+			getValue: () => props.model.value ?? [],
+			setValue: (v) => {
+				props.model.value = v;
+			},
+			rules: [(value) => {
+				for (const c of consents.value) if (c.required && !value.includes(c.id)) return c.required;
+				return true;
+			}],
+			path: () => props.path,
+			resetValue: []
+		});
+		const showRequiredErrors = computed(() => !!localError.value);
+		function errorFor(item) {
+			if (!showRequiredErrors.value) return void 0;
+			if (!item.required) return void 0;
+			if ((props.model.value ?? []).includes(item.id)) return void 0;
+			return item.required;
+		}
+		function commit(id, on) {
+			const current = props.model.value ?? [];
+			if (on) {
+				if (current.indexOf(id) === -1) props.model.value = [...current, id];
+			} else {
+				const next = current.filter((v) => v !== id);
+				if (next.length !== current.length) props.model.value = next;
+			}
+		}
+		function onChange(id, ev) {
+			commit(id, ev.target.checked);
+		}
+		const isChecked = (id) => (props.model.value ?? []).includes(id);
+		const MD_LINK_RE = /\[([^\]]+)\]\(([^)]+)\)/g;
+		const SAFE_SCHEME_RE = /^(?:https?:\/\/|mailto:)/i;
+		function parseConsentText(text) {
+			const segments = [];
+			let lastIndex = 0;
+			for (const match of text.matchAll(MD_LINK_RE)) {
+				const [full, label, href] = match;
+				const idx = match.index ?? 0;
+				if (idx > lastIndex) segments.push({
+					kind: "text",
+					value: text.slice(lastIndex, idx)
+				});
+				if (SAFE_SCHEME_RE.test(href)) segments.push({
+					kind: "link",
+					label,
+					href
+				});
+				else segments.push({
+					kind: "text",
+					value: full
+				});
+				lastIndex = idx + full.length;
+			}
+			if (lastIndex < text.length) segments.push({
+				kind: "text",
+				value: text.slice(lastIndex)
+			});
+			return segments;
+		}
+		const consentSegments = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			for (const item of consents.value) map.set(item.id, parseConsentText(item.text));
+			return map;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode("\n    `:error=\"undefined\"` suppresses the shell's footer error row. The\n    backend / submit error string would otherwise render here AND under\n    each missing-required item (per-item rendering is the canonical\n    display, see `errorFor`) — that's the duplication we deliberately\n    avoid. Must override `v-bind=\"$props\".error`; the explicit binding\n    wins via `mergeProps` semantics.\n\n    `:class=\"{ error: showRequiredErrors }\"` still paints the wrapper\n    error chrome so the group reads as errored even with no shell\n    footer.\n  "), consents.value.length > 0 ? (openBlock(), createBlock(unref(AsFieldShell), mergeProps({ key: 0 }, _ctx.$props, {
+				label: explicitLabel.value,
+				error: void 0,
+				class: { error: showRequiredErrors.value },
+				"field-class": "as-consent-array"
+			}), {
+				default: withCtx(() => [createElementVNode("div", {
+					class: "as-consent-array-group",
+					onBlurCapture: _cache[1] || (_cache[1] = (...args) => unref(onBlur) && unref(onBlur)(...args))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(consents.value, (item) => {
+					return openBlock(), createElementBlock("div", {
+						key: item.id,
+						class: "as-consent-array-item"
+					}, [createElementVNode("label", {
+						for: rowId(item.id),
+						class: "as-consent-array-row"
+					}, [createElementVNode("input", {
+						id: rowId(item.id),
+						type: "checkbox",
+						checked: isChecked(item.id),
+						name: __props.name,
+						disabled: __props.disabled,
+						readonly: __props.readonly,
+						"aria-required": item.required ? "true" : void 0,
+						"aria-invalid": !!errorFor(item) || void 0,
+						"aria-describedby": __props.ariaDescribedBy,
+						onChange: (e) => onChange(item.id, e)
+					}, null, 40, _hoisted_2), createElementVNode("span", { class: normalizeClass(["as-consent-array-text", { required: !!item.required }]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(consentSegments.value.get(item.id), (seg, segIdx) => {
+						return openBlock(), createElementBlock(Fragment, { key: segIdx }, [seg.kind === "link" ? (openBlock(), createElementBlock("a", {
+							key: 0,
+							href: seg.href,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							class: "as-consent-array-link",
+							onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+						}, toDisplayString(seg.label), 9, _hoisted_3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(seg.value), 1)], 64))], 64);
+					}), 128))], 2)], 8, _hoisted_1), errorFor(item) ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						id: `${rowId(item.id)}-err`,
+						class: "as-error-slot",
+						role: "alert"
+					}, toDisplayString(errorFor(item)), 9, _hoisted_4)) : createCommentVNode("v-if", true)]);
+				}), 128))], 32)]),
+				_: 1
+			}, 16, ["label", "class"])) : createCommentVNode("v-if", true)], 2112);
+		};
+	}
+});
+//#endregion
+export { as_consent_array_default as t };

package/dist/as-consent-array.cjs

@@ -0,0 +1,2 @@
+const require_as_consent_array = require("./as-consent-array-B8gtVvew.cjs");
+module.exports = require_as_consent_array.as_consent_array_default;