← All changes | assets/js/atomic-widgets-form-handler.js +1 -12 4.2.0-beta1 → 4.1.0-beta3 View file →

		@@ -130,18 +130,14 @@
130	130	});
131	131	});
132	132	return fields;
133	133	}
134		-function getGroupedFieldId(name, inputs, checkedInputs) {
135		- const primaryInput = checkedInputs[0] ?? inputs[0];
136		- return primaryInput?.dataset.interactionId ?? name;
137		-}
138	134	function getGroupedFields(name, inputs, type, form) {
139	135	const checkedInputs = inputs.filter(input => input.checked);
140	136	const value = getAtomicFormFieldValue(checkedInputs, type);
141	137	const options = getAtomicFieldOptions(inputs, type, form);
142	138	return {
143		- id: getGroupedFieldId(name, inputs, checkedInputs),
	139	+ id: name,
144	140	type,
145	141	label: name,
146	142	value,
147	143	name,
		@@ -256,9 +252,8 @@
256	252	return;
257	253	}
258	254	element.classList.remove('form-state-default', 'form-state-success', 'form-state-error');
259	255	element.classList.add(`form-state-${state}`);
260		- setFocusOnMessageElement(element, state);
261	256	}
262	257	function refreshDom(element) {
263	258	if (!_alpinejs.Alpine?.nextTick || !_alpinejs.Alpine?.destroyTree || !_alpinejs.Alpine?.initTree) {
264	259	return;
		@@ -267,14 +262,8 @@
267	262	_alpinejs.Alpine.destroyTree(element);
268	263	_alpinejs.Alpine.initTree(element);
269	264	});
270	265	return () => _alpinejs.Alpine.destroyTree(element);
271		-}
272		-function setFocusOnMessageElement(element, type) {
273		- const messageElement = element.querySelector(`[data-e-type="e-form-${type}-message"]`);
274		- messageElement?.focus({
275		- focusVisible: true
276		- });
277	266	}
278	267
279	268	/***/ }),
280	269