@threadlabs/looma 0.30.2 → 0.30.3

package/vue/chunks/UiEditorLinkForm.js

@@ -1,5 +1,5 @@
 import { _ as uniqueKeys, a as concat, g as text, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, s as cycleCheckedComputed, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
+import { c as inputRead, f as vPropValidity, i as checkPropInput, l as propValidityState, n as READY_INPUT, o as evaluateInput, p as vuePropInputs, r as acceptsControllerWrite, s as inputComputed, t as BINDING_INPUTS_PROP, u as requireInputStatus } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiCheckbox_default } from "./UiCheckbox.js";
 import { t as UiScrollArea_default } from "./UiScrollArea.js";
@@ -34,54 +34,19 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorLinkForm",
 	props: {
-		error: {
-			type: null,
-			default: ""
-		},
-		existing: {
-			type: null,
-			default: false
-		},
-		mode: {
-			type: null,
-			default: "url"
-		},
-		newTab: {
-			type: null,
-			default: false
-		},
-		placeholder: {
-			type: null,
-			default: "https://example.com"
-		},
-		results: {
-			type: null,
-			default: null
-		},
-		searchable: {
-			type: null,
-			default: false
-		},
-		selected: {
-			type: null,
-			default: ""
-		},
-		status: {
-			type: null,
-			default: ""
-		},
-		text: {
-			type: null,
-			default: ""
-		},
-		textEditable: {
-			type: null,
-			default: false
-		},
-		value: {
-			type: null,
-			default: ""
-		}
+		error: { type: null },
+		existing: { type: null },
+		mode: { type: null },
+		newTab: { type: null },
+		placeholder: { type: null },
+		results: { type: null },
+		searchable: { type: null },
+		selected: { type: null },
+		status: { type: null },
+		text: { type: null },
+		textEditable: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:newTab",
@@ -248,7 +213,7 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			error: "",
 			existing: false,
 			mode: "url",
@@ -261,86 +226,125 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 			text: "",
 			textEditable: false,
 			value: ""
-		};
-		const checkedProps = computed(() => ({
-			error: checkedProp(props["error"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "error", acceptedProps),
-			existing: checkedProp(props["existing"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "existing", acceptedProps),
-			mode: checkedProp(props["mode"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "mode", acceptedProps),
-			newTab: checkedProp(props["newTab"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "newTab", acceptedProps),
-			placeholder: checkedProp(props["placeholder"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "placeholder", acceptedProps),
-			results: checkedProp(props["results"], {
-				kind: "list",
-				item: {
-					kind: "object",
-					fields: [
-						{
-							name: "id",
-							type: {
-								kind: "terminal",
-								name: "string"
-							},
-							optional: false
-						},
-						{
-							name: "label",
-							type: {
-								kind: "terminal",
-								name: "string"
+		}, {
+			error: "",
+			existing: false,
+			mode: "url",
+			newTab: false,
+			placeholder: "https://example.com",
+			searchable: false,
+			selected: "",
+			status: "",
+			text: "",
+			textEditable: false,
+			value: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "error": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "existing": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "mode": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "newTab": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "placeholder": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "results": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "id",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
 							},
-							optional: false
-						},
-						{
-							name: "detail",
-							type: {
-								kind: "terminal",
-								name: "string"
+							{
+								name: "label",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
 							},
-							optional: true
-						}
-					],
-					open: false
-				}
-			}, false, "results", acceptedProps),
-			searchable: checkedProp(props["searchable"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "searchable", acceptedProps),
-			selected: checkedProp(props["selected"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "selected", acceptedProps),
-			status: checkedProp(props["status"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "status", acceptedProps),
-			text: checkedProp(props["text"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "text", acceptedProps),
-			textEditable: checkedProp(props["textEditable"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "textEditable", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps)
-		}));
+							{
+								name: "detail",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							}
+						],
+						open: false
+					}
+				}, true, true);
+				case "searchable": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "selected": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "status": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "text": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "textEditable": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "value": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				error: propInputs.value("error", props["error"], props[BINDING_INPUTS_PROP]),
+				existing: propInputs.value("existing", props["existing"], props[BINDING_INPUTS_PROP]),
+				mode: propInputs.value("mode", props["mode"], props[BINDING_INPUTS_PROP]),
+				newTab: propInputs.value("newTab", props["newTab"], props[BINDING_INPUTS_PROP]),
+				placeholder: propInputs.value("placeholder", props["placeholder"], props[BINDING_INPUTS_PROP]),
+				results: propInputs.value("results", props["results"], props[BINDING_INPUTS_PROP]),
+				searchable: propInputs.value("searchable", props["searchable"], props[BINDING_INPUTS_PROP]),
+				selected: propInputs.value("selected", props["selected"], props[BINDING_INPUTS_PROP]),
+				status: propInputs.value("status", props["status"], props[BINDING_INPUTS_PROP]),
+				text: propInputs.value("text", props["text"], props[BINDING_INPUTS_PROP]),
+				textEditable: propInputs.value("textEditable", props["textEditable"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
+		};
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -351,23 +355,25 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 		const root = ref(null);
 		const base = ref("ui-editor-link-form");
 		let headingPrevious = null;
-		const heading = cycleCheckedComputed(() => {
-			const next = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+		const heading = inputComputed(() => {
+			return ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
 				true: "Edit link",
 				false: "Add link"
-			}, concat(checkedProps.value.existing));
-			if (next === Symbol.for("html-next.invalid-result")) return headingPrevious;
-			return headingPrevious = next;
-		});
+			}, concat(inputRead(checkedProps.value.existing, propInputs.status("existing"))));
+		}, (read) => {
+			const value = cycleCheckedComputed(read);
+			return { get: () => value.value };
+		}, (next) => next === Symbol.for("html-next.invalid-result") ? headingPrevious : headingPrevious = next);
 		let fieldLabelPrevious = null;
-		const fieldLabel = cycleCheckedComputed(() => {
-			const next = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+		const fieldLabel = inputComputed(() => {
+			return ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
 				true: "Link destination",
 				false: "URL"
-			}, concat(checkedProps.value.searchable));
-			if (next === Symbol.for("html-next.invalid-result")) return fieldLabelPrevious;
-			return fieldLabelPrevious = next;
-		});
+			}, concat(inputRead(checkedProps.value.searchable, propInputs.status("searchable"))));
+		}, (read) => {
+			const value = cycleCheckedComputed(read);
+			return { get: () => value.value };
+		}, (next) => next === Symbol.for("html-next.invalid-result") ? fieldLabelPrevious : fieldLabelPrevious = next);
 		let guardedPrevious = null;
 		const guarded = computed(() => {
 			const candidate = concat(base.value, "-destination");
@@ -376,10 +382,7 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 		});
 		let guardedBindingPrevious = null;
 		const guardedBinding = computed(() => {
-			const candidate = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
-				true: "search",
-				false: "link"
-			}, concat(checkedProps.value.mode === "target"));
+			const candidate = concat(base.value, "-destination");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
 			return guardedBindingPrevious = candidate;
 		});
@@ -391,7 +394,7 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 		});
 		let guardedBinding3Previous = null;
 		const guardedBinding3 = computed(() => {
-			const candidate = concat(base.value, "-destination");
+			const candidate = concat(base.value, "-text");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
 			return guardedBinding3Previous = candidate;
 		});
@@ -401,12 +404,6 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding4Previous;
 			return guardedBinding4Previous = candidate;
 		});
-		let guardedBinding5Previous = null;
-		const guardedBinding5 = computed(() => {
-			const candidate = concat(base.value, "-text");
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding5Previous;
-			return guardedBinding5Previous = candidate;
-		});
 		provide("html-next:ui-editor-link-form:base", base);
 		checkHydratedRoot("form", "ui-editor-link-form");
 		const isDestinationDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && Object.keys(detail).every((key) => ["value"].includes(key));
@@ -437,11 +434,14 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 				kind: "terminal",
 				name: "string"
 			} }[name], keys),
+			initials: { base: "ui-editor-link-form" },
 			controllerSource: {
 				specifier: "../components/ui-editor-link-form/ui-editor-link-form.js",
 				definition: "./components/ui-editor-link-form/ui-editor-link-form.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -469,6 +469,10 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 			computed: {
 				heading,
 				fieldLabel
+			},
+			availability: {
+				heading: () => heading.status(),
+				fieldLabel: () => fieldLabel.status()
 			}
 		});
 		return (_ctx, _cache) => {
@@ -495,74 +499,87 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 						size: "sm",
 						weight: "semibold"
 					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(unref(text)(unref(heading))), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(text)(unref(heading).get())), 1)]),
 						_: 1
 					}),
 					_cache[11] || (_cache[11] = createTextVNode(toDisplayString(" "), -1)),
 					createVNode(UiStack_default, { gap: "s" }, {
 						default: withCtx(() => [
-							createVNode(UiFormField_default, { invalid: checkedProps.value.error !== "" }, {
-								label: withCtx(() => [createElementVNode("label", {
-									slot: "label",
-									for: guarded.value
-								}, toDisplayString(unref(text)(unref(fieldLabel))), 9, _hoisted_2)]),
-								default: withCtx(() => [
-									checkedProps.value.searchable ? (openBlock(), createBlock(UiInputGroup_default, {
-										key: 0,
-										"prefix-kind": "icon"
-									}, {
-										prefix: withCtx(() => [createVNode(UiIcon_default, {
-											slot: "prefix",
-											name: guardedBinding.value
-										}, null, 8, ["name"])]),
-										action: withCtx(() => [checkedProps.value.value !== "" ? (openBlock(), createBlock(UiIconButton_default, {
+							(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => unref(inputRead)(checkedProps.value.error, inputStatus("error", true)) !== "", unref(READY_INPUT))], (boundInput) => {
+								return openBlock(), createBlock(UiFormField_default, mergeProps({ invalid: boundInput.value }, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { invalid: () => boundInput } }), {
+									label: withCtx(() => [createElementVNode("label", {
+										slot: "label",
+										for: guarded.value
+									}, toDisplayString(unref(text)(unref(fieldLabel).get())), 9, _hoisted_2)]),
+									default: withCtx(() => [
+										checkedProps.value.searchable ? (openBlock(), createBlock(UiInputGroup_default, {
 											key: 0,
-											slot: "action",
-											label: "Clear search",
-											variant: "ghost",
-											size: "sm",
-											"data-link-clear": ""
+											"prefix-kind": "icon"
 										}, {
-											default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
+											prefix: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+												true: "search",
+												false: "link"
+											}, unref(concat)(unref(inputRead)(checkedProps.value.mode, inputStatus("mode", true)) === "target")), unref(READY_INPUT))], (boundInputSnapshot) => {
+												return openBlock(), createBlock(UiIcon_default, mergeProps({
+													slot: "prefix",
+													name: boundInputSnapshot.value
+												}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { name: () => boundInputSnapshot } }), null, 16, ["name"]);
+											}), 256))]),
+											action: withCtx(() => [checkedProps.value.value !== "" ? (openBlock(), createBlock(UiIconButton_default, {
+												key: 0,
+												slot: "action",
+												label: "Clear search",
+												variant: "ghost",
+												size: "sm",
+												"data-link-clear": ""
+											}, {
+												default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
+												_: 1
+											})) : createCommentVNode("v-if", true)]),
+											default: withCtx(() => [createVNode(UiInput_default, mergeProps({
+												"data-link-destination": "",
+												"data-link-search": "",
+												type: "text",
+												role: "searchbox",
+												autocomplete: "off",
+												id: guardedBinding.value,
+												placeholder: checkedProps.value.placeholder,
+												value: checkedProps.value.value
+											}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { value: () => ({
+												value: checkedProps.value.value,
+												status: inputStatus("value", true)
+											}) } }), null, 16, [
+												"id",
+												"placeholder",
+												"value"
+											])]),
 											_: 1
-										})) : createCommentVNode("v-if", true)]),
-										default: withCtx(() => [createVNode(UiInput_default, {
-											"data-link-destination": "",
-											"data-link-search": "",
-											type: "text",
-											role: "searchbox",
-											autocomplete: "off",
-											id: guardedBinding2.value,
-											placeholder: checkedProps.value.placeholder,
-											value: checkedProps.value.value
-										}, null, 8, [
-											"id",
-											"placeholder",
-											"value"
-										])]),
-										_: 1
-									})) : createCommentVNode("v-if", true),
-									_cache[2] || (_cache[2] = createTextVNode(toDisplayString(" "), -1)),
-									!checkedProps.value.searchable ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-										_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
-										createVNode(UiInput_default, {
-											"data-link-destination": "",
-											type: "text",
-											inputmode: "url",
-											size: "sm",
-											id: guardedBinding3.value,
-											placeholder: checkedProps.value.placeholder,
-											value: checkedProps.value.value
-										}, null, 8, [
-											"id",
-											"placeholder",
-											"value"
-										]),
-										_cache[1] || (_cache[1] = createTextVNode(toDisplayString(" "), -1))
-									], 64)) : createCommentVNode("v-if", true)
-								]),
-								_: 1
-							}, 8, ["invalid"]),
+										})) : createCommentVNode("v-if", true),
+										_cache[2] || (_cache[2] = createTextVNode(toDisplayString(" "), -1)),
+										!checkedProps.value.searchable ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+											_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+											createVNode(UiInput_default, mergeProps({
+												"data-link-destination": "",
+												type: "text",
+												inputmode: "url",
+												size: "sm",
+												id: guardedBinding2.value,
+												placeholder: checkedProps.value.placeholder,
+												value: checkedProps.value.value
+											}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { value: () => ({
+												value: checkedProps.value.value,
+												status: inputStatus("value", true)
+											}) } }), null, 16, [
+												"id",
+												"placeholder",
+												"value"
+											]),
+											_cache[1] || (_cache[1] = createTextVNode(toDisplayString(" "), -1))
+										], 64)) : createCommentVNode("v-if", true)
+									]),
+									_: 1
+								}, 16, ["invalid"]);
+							}), 256)),
 							_cache[7] || (_cache[7] = createTextVNode(toDisplayString(" "), -1)),
 							checkedProps.value.mode === "target" ? (openBlock(), createBlock(UiScrollArea_default, {
 								key: 0,
@@ -582,47 +599,48 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 									_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
 									createVNode(unref(KeyedBoundary), null, {
 										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(checkedProps.value.results ?? [], (result, index, loop) => result.id), (result) => {
-											return openBlock(), createBlock(UiSearchResultRow_default, {
-												key: result.id,
-												density: "compact",
-												"data-link-result": "",
-												selected: result.id === checkedProps.value.selected,
-												"data-link-id": result.id
-											}, {
-												leading: withCtx(() => [createVNode(UiIcon_default, {
-													slot: "leading",
-													name: "file-text"
-												})]),
-												title: withCtx(() => [createVNode(UiText_default, {
-													slot: "title",
-													as: "strong",
-													size: "sm",
-													weight: "medium",
-													truncate: true,
-													title: result.label
-												}, {
-													default: withCtx(() => [createTextVNode(toDisplayString(result.label), 1)]),
-													_: 2
-												}, 1032, ["title"])]),
-												meta: withCtx(() => [result.detail ? (openBlock(), createBlock(UiText_default, {
-													key: 0,
-													slot: "meta",
-													as: "span",
-													size: "xs",
-													tone: "secondary",
-													truncate: true,
-													title: result.detail
-												}, {
-													default: withCtx(() => [createTextVNode(toDisplayString(result.detail), 1)]),
+											return openBlock(), createElementBlock(Fragment, { key: result.id }, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => result.id === unref(inputRead)(checkedProps.value.selected, inputStatus("selected", true)), unref(READY_INPUT))], (boundInputSnapshot2) => {
+												return openBlock(), createBlock(UiSearchResultRow_default, mergeProps({
+													density: "compact",
+													"data-link-result": "",
+													selected: boundInputSnapshot2.value,
+													"data-link-id": result.id
+												}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { selected: () => boundInputSnapshot2 } }), {
+													leading: withCtx(() => [createVNode(UiIcon_default, {
+														slot: "leading",
+														name: "file-text"
+													})]),
+													title: withCtx(() => [createVNode(UiText_default, {
+														slot: "title",
+														as: "strong",
+														size: "sm",
+														weight: "medium",
+														truncate: true,
+														title: result.label
+													}, {
+														default: withCtx(() => [createTextVNode(toDisplayString(result.label), 1)]),
+														_: 2
+													}, 1032, ["title"])]),
+													meta: withCtx(() => [result.detail ? (openBlock(), createBlock(UiText_default, {
+														key: 0,
+														slot: "meta",
+														as: "span",
+														size: "xs",
+														tone: "secondary",
+														truncate: true,
+														title: result.detail
+													}, {
+														default: withCtx(() => [createTextVNode(toDisplayString(result.detail), 1)]),
+														_: 2
+													}, 1032, ["title"])) : createCommentVNode("v-if", true)]),
+													trailing: withCtx(() => [result.id === checkedProps.value.selected ? (openBlock(), createBlock(UiIcon_default, {
+														key: 0,
+														slot: "trailing",
+														name: "check"
+													})) : createCommentVNode("v-if", true)]),
 													_: 2
-												}, 1032, ["title"])) : createCommentVNode("v-if", true)]),
-												trailing: withCtx(() => [result.id === checkedProps.value.selected ? (openBlock(), createBlock(UiIcon_default, {
-													key: 0,
-													slot: "trailing",
-													name: "check"
-												})) : createCommentVNode("v-if", true)]),
-												_: 2
-											}, 1032, ["selected", "data-link-id"]);
+												}, 1040, ["selected", "data-link-id"]);
+											}), 256))], 64);
 										}), 128))]),
 										_: 1
 									})
@@ -632,14 +650,17 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 							_cache[8] || (_cache[8] = createTextVNode(toDisplayString(" "), -1)),
 							checkedProps.value.mode === "url" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 								_cache[5] || (_cache[5] = createTextVNode(toDisplayString(" "), -1)),
-								createVNode(UiCheckbox_default, {
+								createVNode(UiCheckbox_default, mergeProps({
 									size: "sm",
 									"data-link-new-tab": "",
 									checked: checkedProps.value.newTab
-								}, {
+								}, { [unref(BINDING_INPUTS_PROP)]: { checked: () => ({
+									value: checkedProps.value.newTab,
+									status: inputStatus("newTab", true)
+								}) } }), {
 									default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Open in new tab", -1)])]),
 									_: 1
-								}, 8, ["checked"]),
+								}, 16, ["checked"]),
 								_cache[6] || (_cache[6] = createTextVNode(toDisplayString(" "), -1))
 							], 64)) : createCommentVNode("v-if", true)
 						]),
@@ -651,14 +672,17 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 						createVNode(UiFormField_default, null, {
 							label: withCtx(() => [createElementVNode("label", {
 								slot: "label",
-								for: guardedBinding4.value
+								for: guardedBinding3.value
 							}, "Text", 8, _hoisted_3)]),
-							default: withCtx(() => [createVNode(UiInput_default, {
+							default: withCtx(() => [createVNode(UiInput_default, mergeProps({
 								"data-link-text": "",
 								size: "sm",
-								id: guardedBinding5.value,
+								id: guardedBinding4.value,
 								value: checkedProps.value.text
-							}, null, 8, ["id", "value"])]),
+							}, { [unref(BINDING_INPUTS_PROP)]: { value: () => ({
+								value: checkedProps.value.text,
+								status: inputStatus("text", true)
+							}) } }), null, 16, ["id", "value"])]),
 							_: 1
 						}),
 						_cache[10] || (_cache[10] = createTextVNode(toDisplayString(" "), -1))