@threadlabs/looma 0.30.1 → 0.30.3

package/vue/chunks/UiEditorLinkCard.js

@@ -1,5 +1,5 @@
 import { a as concat, g as text, i as checkHydratedRoot, 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 UiButton_default } from "./UiButton.js";
 import { t as UiCard_default } from "./UiCard.js";
@@ -8,7 +8,7 @@ import { t as UiTooltip_default } from "./UiTooltip.js";
 import { t as UiStack_default } from "./UiStack.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
 import { t as UiText_default } from "./UiText.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorLinkCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-ui-editor-link-card-prop-detail",
@@ -23,26 +23,12 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorLinkCard",
 	props: {
-		detail: {
-			type: null,
-			default: ""
-		},
-		href: {
-			type: null,
-			default: ""
-		},
-		label: {
-			type: null,
-			default: ""
-		},
-		openHref: {
-			type: null,
-			default: ""
-		},
-		targetLabel: {
-			type: null,
-			default: "Item"
-		}
+		detail: { type: null },
+		href: { type: null },
+		label: { type: null },
+		openHref: { type: null },
+		targetLabel: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["edit", "remove"],
 	setup(__props, { emit: __emit }) {
@@ -99,35 +85,61 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			detail: "",
 			href: "",
 			label: "",
 			openHref: "",
 			targetLabel: "Item"
+		}, {
+			detail: "",
+			href: "",
+			label: "",
+			openHref: "",
+			targetLabel: "Item"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "detail": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "href": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "openHref": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "targetLabel": 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 {
+				detail: propInputs.value("detail", props["detail"], props[BINDING_INPUTS_PROP]),
+				href: propInputs.value("href", props["href"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				openHref: propInputs.value("openHref", props["openHref"], props[BINDING_INPUTS_PROP]),
+				targetLabel: propInputs.value("targetLabel", props["targetLabel"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
 		};
-		const checkedProps = computed(() => ({
-			detail: checkedProp(props["detail"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "detail", acceptedProps),
-			href: checkedProp(props["href"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "href", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			openHref: checkedProp(props["openHref"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "openHref", acceptedProps),
-			targetLabel: checkedProp(props["targetLabel"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "targetLabel", acceptedProps)
-		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -137,31 +149,32 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const root = ref(null);
 		const base = ref("ui-editor-link-card");
-		const resolved = cycleCheckedComputed(() => checkedProps.value.label !== "");
-		let shownPrevious = null;
-		const shown = 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])({
-				true: checkedProps.value.label,
-				false: checkedProps.value.href
-			}, concat(resolved.value));
-			if (next === Symbol.for("html-next.invalid-result")) return shownPrevious;
-			return shownPrevious = next;
+		const resolved = inputComputed(() => inputRead(checkedProps.value.label, propInputs.status("label")) !== "", (read) => {
+			const value = cycleCheckedComputed(read);
+			return { get: () => value.value };
 		});
+		let shownPrevious = null;
+		const shown = 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: inputRead(checkedProps.value.label, propInputs.status("label")),
+				false: inputRead(checkedProps.value.href, propInputs.status("href"))
+			}, concat(inputRead(resolved.get(), resolved.status())));
+		}, (read) => {
+			const value = cycleCheckedComputed(read);
+			return { get: () => value.value };
+		}, (next) => next === Symbol.for("html-next.invalid-result") ? shownPrevious : shownPrevious = next);
 		let guardedPrevious = null;
 		const guarded = 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: "file-text",
-				false: "link"
-			}, concat(resolved.value));
+			const candidate = concat(((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: checkedProps.value.targetLabel,
+				false: "URL"
+			}, concat(resolved.get())), ": ", shown.get());
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedPrevious;
 			return guardedPrevious = candidate;
 		});
 		let guardedBindingPrevious = null;
 		const guardedBinding = computed(() => {
-			const candidate = concat(((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: checkedProps.value.targetLabel,
-				false: "URL"
-			}, concat(resolved.value)), ": ", shown.value);
+			const candidate = concat(base.value, "-open");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
 			return guardedBindingPrevious = candidate;
 		});
@@ -173,7 +186,7 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 		});
 		let guardedBinding3Previous = null;
 		const guardedBinding3 = computed(() => {
-			const candidate = concat(base.value, "-open");
+			const candidate = concat(base.value, "-edit");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
 			return guardedBinding3Previous = candidate;
 		});
@@ -185,7 +198,7 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 		});
 		let guardedBinding5Previous = null;
 		const guardedBinding5 = computed(() => {
-			const candidate = concat(base.value, "-edit");
+			const candidate = concat(base.value, "-remove");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding5Previous;
 			return guardedBinding5Previous = candidate;
 		});
@@ -195,12 +208,6 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding6Previous;
 			return guardedBinding6Previous = candidate;
 		});
-		let guardedBinding7Previous = null;
-		const guardedBinding7 = computed(() => {
-			const candidate = concat(base.value, "-remove");
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding7Previous;
-			return guardedBinding7Previous = candidate;
-		});
 		provide("html-next:ui-editor-link-card:base", base);
 		checkHydratedRoot("div", "ui-editor-link-card");
 		const isEditDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Object.values(detail).every((item) => true);
@@ -215,11 +222,14 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 				kind: "terminal",
 				name: "string"
 			} }[name], keys),
+			initials: { base: "ui-editor-link-card" },
 			controllerSource: {
 				specifier: "../components/ui-editor-link-card/ui-editor-link-card.js",
 				definition: "./components/ui-editor-link-card/ui-editor-link-card.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -240,6 +250,10 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 			computed: {
 				resolved,
 				shown
+			},
+			availability: {
+				resolved: () => resolved.status(),
+				shown: () => shown.status()
 			}
 		});
 		return (_ctx, _cache) => {
@@ -264,13 +278,18 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 					"aria-label": "Link actions"
 				}, {
 					default: withCtx(() => [
-						createVNode(UiIcon_default, { name: guarded.value }, null, 8, ["name"]),
+						(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: "file-text",
+							false: "link"
+						}, unref(concat)(unref(inputRead)(unref(resolved).get(), unref(resolved).status()))), unref(READY_INPUT))], (boundInput) => {
+							return openBlock(), createBlock(UiIcon_default, mergeProps({ name: boundInput.value }, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { name: () => boundInput } }), null, 16, ["name"]);
+						}), 256)),
 						_cache[7] || (_cache[7] = createTextVNode(toDisplayString(" "), -1)),
 						createVNode(UiStack_default, {
 							gap: "none",
 							fill: true,
 							title: checkedProps.value.href,
-							"aria-label": guardedBinding.value
+							"aria-label": guarded.value
 						}, {
 							default: withCtx(() => [
 								createVNode(UiText_default, {
@@ -280,7 +299,7 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 									font: "sans",
 									truncate: true
 								}, {
-									default: withCtx(() => [createTextVNode(toDisplayString(unref(text)(unref(shown))), 1)]),
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(text)(unref(shown).get())), 1)]),
 									_: 1
 								}),
 								_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
@@ -301,7 +320,7 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 						_cache[8] || (_cache[8] = createTextVNode(toDisplayString(" "), -1)),
 						checkedProps.value.openHref !== "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 							_cache[2] || (_cache[2] = createTextVNode(toDisplayString(" "), -1)),
-							createVNode(UiButton_default, {
+							createVNode(UiButton_default, mergeProps({
 								as: "a",
 								variant: "ghost",
 								tone: "neutral",
@@ -309,14 +328,17 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 								target: "_blank",
 								rel: "noopener noreferrer",
 								"aria-label": "Open link",
-								id: guardedBinding2.value,
+								id: guardedBinding.value,
 								href: checkedProps.value.openHref
-							}, {
+							}, { [unref(BINDING_INPUTS_PROP)]: { href: () => ({
+								value: checkedProps.value.openHref,
+								status: inputStatus("openHref", true)
+							}) } }), {
 								default: withCtx(() => [createVNode(UiIcon_default, { name: "external-link" })]),
 								_: 1
-							}, 8, ["id", "href"]),
+							}, 16, ["id", "href"]),
 							_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
-							createVNode(UiTooltip_default, { for: guardedBinding3.value }, {
+							createVNode(UiTooltip_default, { for: guardedBinding2.value }, {
 								default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Open link", -1)])]),
 								_: 1
 							}, 8, ["for"]),
@@ -328,13 +350,13 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 							variant: "ghost",
 							size: "sm",
 							"data-link-action": "edit",
-							id: guardedBinding4.value
+							id: guardedBinding3.value
 						}, {
 							default: withCtx(() => [createVNode(UiIcon_default, { name: "pencil" })]),
 							_: 1
 						}, 8, ["id"]),
 						_cache[10] || (_cache[10] = createTextVNode(toDisplayString(" "), -1)),
-						createVNode(UiTooltip_default, { for: guardedBinding5.value }, {
+						createVNode(UiTooltip_default, { for: guardedBinding4.value }, {
 							default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Edit link", -1)])]),
 							_: 1
 						}, 8, ["for"]),
@@ -344,13 +366,13 @@ var UiEditorLinkCard_default = /* @__PURE__ */ defineComponent({
 							variant: "ghost",
 							size: "sm",
 							"data-link-action": "remove",
-							id: guardedBinding6.value
+							id: guardedBinding5.value
 						}, {
 							default: withCtx(() => [createVNode(UiIcon_default, { name: "unlink" })]),
 							_: 1
 						}, 8, ["id"]),
 						_cache[12] || (_cache[12] = createTextVNode(toDisplayString(" "), -1)),
-						createVNode(UiTooltip_default, { for: guardedBinding7.value }, {
+						createVNode(UiTooltip_default, { for: guardedBinding6.value }, {
 							default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Remove link", -1)])]),
 							_: 1
 						}, 8, ["for"])