@rebilly/revel 13.1.6 → 13.1.7

package/CHANGELOG.md

@@ -1,5 +1,5 @@
-## 13.1.6 (2026-10-13)
+## 13.1.7 (2026-10-15)
 
 ### Bug Fixes
 
-- **recomm, revel:** list Files API image types on logo dropzones ([#28942](https://github.com/Rebilly/rebilly/pull/28942))
+- **revel:** update validation state when the validate prop changes ([#29183](https://github.com/Rebilly/rebilly/pull/29183))

package/dist/composables/use-validate.d.ts

@@ -1,5 +1,5 @@
 import type { ValidationState } from '../types';
-export declare function useValidate(validate: Voidable<ValidationState>): {
+export declare function useValidate(getValidate: () => Voidable<ValidationState>): {
     validateErrorMessages: import("vue").ComputedRef<string[]>;
     isInvalid: import("vue").ComputedRef<boolean>;
 };

package/dist/revel.mjs

@@ -7074,15 +7074,18 @@ var $x = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", eS
 //#region src/composables/use-validate.ts
 function _S(e) {
 	let t = i(() => {
-		let t = [];
-		function n(e) {
+		let t = e(), n = [];
+		function r(e) {
 			return typeof e.$message == "string" ? e.$message : e.$message.value;
 		}
-		return e && (typeof e == "string" ? t.push(e) : Array.isArray(e) ? t.push(...e.reduce((e, t) => (typeof t == "string" ? e.push(t) : typeof t == "object" && "$message" in t && e.push(n(t)), e), [])) : typeof e == "object" && "$errors" in e && t.push(...e.$errors.map((e) => n(e)))), t;
+		return t && (typeof t == "string" ? n.push(t) : Array.isArray(t) ? n.push(...t.reduce((e, t) => (typeof t == "string" ? e.push(t) : typeof t == "object" && "$message" in t && e.push(r(t)), e), [])) : typeof t == "object" && "$errors" in t && n.push(...t.$errors.map((e) => r(e)))), n;
 	});
 	return {
 		validateErrorMessages: t,
-		isInvalid: i(() => e && typeof e == "object" && "$invalid" in e && "$dirty" in e ? e.$invalid && e.$dirty : t.value.length > 0)
+		isInvalid: i(() => {
+			let n = e();
+			return n && typeof n == "object" && "$invalid" in n && "$dirty" in n ? n.$invalid && n.$dirty : t.value.length > 0;
+		})
 	};
 }
 //#endregion
@@ -7123,7 +7126,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isInvalid: a } = _S(n.validate), l = i(() => n.fuzzy ? !0 : n.modelValue === null ? !1 : Array.isArray(n.modelValue) ? n.modelValue.includes(n.value.toString()) : n.modelValue === n.value), f = i(() => n.fuzzy ? "dash-l" : "check-s"), p = () => {
+		let n = e, r = t, { isInvalid: a } = _S(() => n.validate), l = i(() => n.fuzzy ? !0 : n.modelValue === null ? !1 : Array.isArray(n.modelValue) ? n.modelValue.includes(n.value.toString()) : n.modelValue === n.value), f = i(() => n.fuzzy ? "dash-l" : "check-s"), p = () => {
 			if (!Array.isArray(n.modelValue)) return !l.value;
 			let e = n.modelValue.slice();
 			return Array.isArray(e) ? (l.value ? e.splice(n.modelValue.indexOf(n.value.toString()), 1) : e.push(n.value.toString()), e) : !l.value;
@@ -7640,8 +7643,8 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 		}
 	},
 	setup(t) {
-		let { validateErrorMessages: n, isInvalid: r } = _S(t.validate);
-		return (i, a) => z(r) && t.showValidateMessages ? (D(!0), s(e, { key: 0 }, M(z(n), (e, t) => (D(), s("span", {
+		let n = t, { validateErrorMessages: r, isInvalid: i } = _S(() => n.validate);
+		return (n, a) => z(i) && t.showValidateMessages ? (D(!0), s(e, { key: 0 }, M(z(r), (e, t) => (D(), s("span", {
 			key: t,
 			class: "r-field-caption-error"
 		}, I(e), 1))), 128)) : o("", !0);
@@ -7700,7 +7703,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isInvalid: c } = _S(n.validate), l = i(() => n.type === "range"), u = i(() => {
+		let n = e, r = t, { isInvalid: c } = _S(() => n.validate), l = i(() => n.type === "range"), u = i(() => {
 			let e = {
 				id: n.id,
 				name: n.id,
@@ -9080,7 +9083,7 @@ var VC = {
 		}), E(() => {
 			window.removeEventListener("resize", g);
 		});
-		let { isInvalid: _ } = _S(r.validate), v = RC({
+		let { isInvalid: _ } = _S(() => r.validate), v = RC({
 			timezone: r.timezone,
 			showTimePicker: r.showTimePicker
 		}), y = i(() => r.columns === void 0 ? m.value ? 1 : 2 : r.columns), x = i(() => {
@@ -9392,7 +9395,7 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, l = n, f = ae("file-input"), { validateErrorMessages: p, isInvalid: m } = _S(r.validate), h = k({
+		let r = t, l = n, f = ae("file-input"), { validateErrorMessages: p, isInvalid: m } = _S(() => r.validate), h = k({
 			dropzoneHighlight: !1,
 			invalidFiles: []
 		}), g = i({
@@ -9829,7 +9832,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 		"right-icon-click"
 	],
 	setup(t, { expose: n, emit: r }) {
-		let l = t, f = r, p = ie(), m = A(null), h = A(null), { isInvalid: g } = _S(l.validate), _ = A(!1), x = i(() => !l.multiline && (l.leftIcon || l.rightIcon || l.leftLabel || l.rightLabel || l.password || p["right-button"])), S = i(() => {
+		let l = t, f = r, p = ie(), m = A(null), h = A(null), { isInvalid: g } = _S(() => l.validate), _ = A(!1), x = i(() => !l.multiline && (l.leftIcon || l.rightIcon || l.leftLabel || l.rightLabel || l.password || p["right-button"])), S = i(() => {
 			let e = {};
 			return l.leftIcon && (e["r-has-icon-left"] = !0), (l.rightIcon || l.password) && (e["r-has-icon-right"] = !0), e;
 		}), C = i(() => l.password ? "password" : l.numeric ? "number" : "text"), w = i(() => l.autoComplete || `new-${l.name}`), E = i(() => `(${(l.modelValue ? Number(l.maxLength) - String(l.modelValue).length : Number(l.maxLength)).toLocaleString("en-US")} characters left)`);
@@ -10484,7 +10487,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, a = n, { isInvalid: l } = _S(r.validate), f = i(() => ({ "r-is-error": l.value })), p = i(() => ({
+		let r = t, a = n, { isInvalid: l } = _S(() => r.validate), f = i(() => ({ "r-is-error": l.value })), p = i(() => ({
 			"r-is-disabled": r.disabled,
 			"r-is-checked": m.value
 		})), m = i(() => r.value !== null && r.modelValue === r.value);
@@ -10947,7 +10950,7 @@ var kT = (e) => e.reduce((e, t) => [...e, ...t.options || []], []), AT = (e) =>
 		"select"
 	],
 	setup(e) {
-		let t = A(null), n = A(null), r = A(null), { isInvalid: i } = _S(e.validate);
+		let t = A(null), n = A(null), r = A(null), { isInvalid: i } = _S(() => e.validate);
 		return {
 			searchElement: t,
 			tagsElement: n,
@@ -11561,7 +11564,7 @@ var $T = /*#__PURE__*/ ww(jT, [["render", QT]]), eE = f({
 		U(() => JSON.stringify(e.to), () => {
 			d.value = e.to;
 		});
-		let f = e.validate.map((e) => _S(e)), p = i(() => f.map((e) => e.validateErrorMessages.value).reduce((e, t) => e.concat(t), [])), m = i(() => f.some((e) => e.isInvalid.value)), g = i(() => s.value || eS()), _ = i(() => `tab-${g.value}`), v = i(() => {
+		let f = e.validate.map((e) => _S(() => e)), p = i(() => f.map((e) => e.validateErrorMessages.value).reduce((e, t) => e.concat(t), [])), m = i(() => f.some((e) => e.isInvalid.value)), g = i(() => s.value || eS()), _ = i(() => `tab-${g.value}`), v = i(() => {
 			if (r) return r.value.find(({ tabId: e }) => e === _.value)?.isActive;
 		}), y = i(() => `tabpanel-${g.value}`), b = i(() => e.lazy ?? a?.value ?? !0), x = A(e.active);
 		U(v, (e) => {