@threadlabs/looma 0.28.6 → 0.28.8

package/vue/chunks/UiCover.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCover.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiDescriptionItem.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDescriptionItem.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiDescriptionList.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDescriptionList.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiDialog.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, 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 { t as UiScrollArea_default } from "./UiScrollArea.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";

package/vue/chunks/UiDisclosure.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp, y as warnUnless } from "./_plugin-vue_export-helper.js";
+import { b as warnUnless, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, 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 { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDisclosure.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiEditable.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, 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 { r as vBindControl } from "./control.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";

package/vue/chunks/UiEditorBlockActions.js

@@ -0,0 +1,127 @@
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
+import { t as UiMenu_default } from "./UiMenu.js";
+import { t as UiMenuItem_default } from "./UiMenuItem.js";
+import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+//#region .build/vue/UiEditorBlockActions.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-for", "data-placement"];
+//#endregion
+//#region .build/vue/UiEditorBlockActions.vue
+var UiEditorBlockActions_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiEditorBlockActions",
+	props: {
+		for: {
+			type: null,
+			default: ""
+		},
+		placement: {
+			type: null,
+			default: "bottom-start"
+		}
+	},
+	emits: ["action"],
+	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			for: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "for" },
+				description: "The id of the button that opens the menu and anchors it.",
+				default: ""
+			},
+			placement: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "placement" },
+				description: "Where the menu opens beside its button; top-start suits a toolbar docked at the bottom of the screen.",
+				values: ["bottom-start", "top-start"],
+				default: "bottom-start"
+			}
+		} };
+		const props = __props;
+		const acceptedProps = {
+			for: "",
+			placement: "bottom-start"
+		};
+		const checkedProps = computed(() => ({
+			for: checkedProp(props["for"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "for", acceptedProps),
+			placement: checkedProp(props["placement"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "placement", acceptedProps)
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		const reflectedProp = useReflectedProp();
+		const hydrationInstance = getCurrentInstance();
+		const emit = __emit;
+		const root = ref(null);
+		checkHydratedRoot("div", "ui-editor-block-actions");
+		const isActionDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "insert-below" || detail["action"] === "duplicate" || detail["action"] === "delete") && Object.keys(detail).every((key) => ["action"].includes(key));
+		const dispatch = createDispatch(root, emit, { checks: { action: isActionDetail } });
+		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-block-actions/ui-editor-block-actions.js"), {
+			root,
+			dispatch,
+			controllerSource: {
+				specifier: "../components/ui-editor-block-actions/ui-editor-block-actions.js",
+				definition: "./components/ui-editor-block-actions/ui-editor-block-actions.html"
+			},
+			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: ["for", "placement"],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name)
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps(unref(nativeAttrs)(_ctx.$attrs), {
+				"data-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
+				"data-placement": unref(reflectedProp)("placement", "placement", checkedProps.value.placement, void 0, false),
+				ref_key: "root",
+				ref: root
+			}), [createVNode(UiMenu_default, {
+				"aria-label": "Block actions",
+				for: checkedProps.value.for,
+				placement: checkedProps.value.placement
+			}, {
+				default: withCtx(() => [
+					createVNode(UiMenuItem_default, { value: "insert-below" }, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Insert paragraph below", -1)])]),
+						_: 1
+					}),
+					createVNode(UiMenuItem_default, { value: "duplicate" }, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Duplicate block", -1)])]),
+						_: 1
+					}),
+					createVNode(UiMenuItem_default, { value: "delete" }, {
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Delete block", -1)])]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["for", "placement"])], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
+			}]]);
+		};
+	}
+});
+//#endregion
+export { UiEditorBlockActions_default as t };

package/vue/chunks/UiEditorImageToolbar.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, a as concat, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { a as concat, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, 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 { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiButton_default } from "./UiButton.js";
@@ -330,10 +330,7 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 								variant: guardedBinding.value,
 								"aria-pressed": guardedBinding2.value
 							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, {
-									name: "panel-top",
-									size: "sm"
-								})]),
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "panel-top" })]),
 								_: 1
 							}, 8, [
 								"id",
@@ -348,10 +345,7 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 								variant: guardedBinding4.value,
 								"aria-pressed": guardedBinding5.value
 							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, {
-									name: "align-center",
-									size: "sm"
-								})]),
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "align-center" })]),
 								_: 1
 							}, 8, [
 								"id",
@@ -366,10 +360,7 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 								variant: guardedBinding7.value,
 								"aria-pressed": guardedBinding8.value
 							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, {
-									name: "panel-left",
-									size: "sm"
-								})]),
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "panel-left" })]),
 								_: 1
 							}, 8, [
 								"id",
@@ -384,10 +375,7 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 								variant: guardedBinding10.value,
 								"aria-pressed": guardedBinding11.value
 							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, {
-									name: "panel-right",
-									size: "sm"
-								})]),
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "panel-right" })]),
 								_: 1
 							}, 8, [
 								"id",
@@ -400,10 +388,7 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 								variant: "ghost",
 								id: base.value
 							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, {
-									name: "file-text",
-									size: "sm"
-								})]),
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "file-text" })]),
 								_: 1
 							}, 8, ["id"]),
 							createVNode(UiIconButton_default, {
@@ -413,10 +398,7 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 								"data-image-action": "delete",
 								id: guardedBinding12.value
 							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, {
-									name: "trash",
-									size: "sm"
-								})]),
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "trash" })]),
 								_: 1
 							}, 8, ["id"])
 						]),

package/vue/chunks/UiEditorInsertTableGrid.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, g as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { _ as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, 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 { r as vBindControl } from "./control.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";

package/vue/chunks/UiEditorLinkCard.js

@@ -0,0 +1,356 @@
+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 { t as UiIcon_default } from "./UiIcon.js";
+import { t as UiButton_default } from "./UiButton.js";
+import { t as UiCard_default } from "./UiCard.js";
+import { t as UiCluster_default } from "./UiCluster.js";
+import { t as UiTooltip_default } from "./UiTooltip.js";
+import { t as UiIconButton_default } from "./UiIconButton.js";
+import { t as UiStack_default } from "./UiStack.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";
+//#region .build/vue/UiEditorLinkCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-detail",
+	"data-href",
+	"data-label",
+	"data-open-href",
+	"data-target-label"
+];
+//#endregion
+//#region .build/vue/UiEditorLinkCard.vue
+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"
+		}
+	},
+	emits: ["edit", "remove"],
+	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			detail: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "detail" },
+				description: "A second line under the label, such as where the destination lives.",
+				default: ""
+			},
+			href: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "title" },
+				description: "The link's destination, shown when there is no label.",
+				default: ""
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "label" },
+				description: "The resolved destination's name, such as a page title, shown in place of the address.",
+				default: ""
+			},
+			openHref: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "href" },
+				description: "The address Open link opens in a new tab; without it the card offers no Open link. The editor passes the destination only when it is an http, https,\n      mailto, tel, or relative address.",
+				default: ""
+			},
+			targetLabel: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "targetlabel" },
+				description: "What a resolved destination is called, as in \"Page: Guide\" for a screen reader.",
+				default: "Item"
+			}
+		} };
+		const props = __props;
+		const acceptedProps = {
+			detail: "",
+			href: "",
+			label: "",
+			openHref: "",
+			targetLabel: "Item"
+		};
+		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;
+		});
+		const reflectedProp = useReflectedProp();
+		const hydrationInstance = getCurrentInstance();
+		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;
+		});
+		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));
+			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);
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
+			return guardedBindingPrevious = candidate;
+		});
+		let guardedBinding2Previous = null;
+		const guardedBinding2 = computed(() => {
+			const candidate = concat(base.value, "-open");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding2Previous;
+			return guardedBinding2Previous = candidate;
+		});
+		let guardedBinding3Previous = null;
+		const guardedBinding3 = computed(() => {
+			const candidate = concat(base.value, "-open");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
+			return guardedBinding3Previous = candidate;
+		});
+		let guardedBinding4Previous = null;
+		const guardedBinding4 = computed(() => {
+			const candidate = concat(base.value, "-edit");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding4Previous;
+			return guardedBinding4Previous = candidate;
+		});
+		let guardedBinding5Previous = null;
+		const guardedBinding5 = computed(() => {
+			const candidate = concat(base.value, "-edit");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding5Previous;
+			return guardedBinding5Previous = candidate;
+		});
+		let guardedBinding6Previous = null;
+		const guardedBinding6 = computed(() => {
+			const candidate = concat(base.value, "-remove");
+			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);
+		const dispatch = createDispatch(root, emit, { checks: {
+			edit: isEditDetail,
+			remove: isEditDetail
+		} });
+		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-link-card/ui-editor-link-card.js"), {
+			root,
+			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { base: {
+				kind: "terminal",
+				name: "string"
+			} }[name], keys),
+			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,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"detail",
+				"href",
+				"label",
+				"openHref",
+				"targetLabel"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
+			state: { base },
+			computed: {
+				resolved,
+				shown
+			}
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps(unref(nativeAttrs)(_ctx.$attrs), {
+				"data-detail": unref(reflectedProp)("detail", "detail", checkedProps.value.detail, void 0, false),
+				"data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-open-href": unref(reflectedProp)("openHref", "open-href", checkedProps.value.openHref, void 0, false),
+				"data-target-label": unref(reflectedProp)("targetLabel", "target-label", checkedProps.value.targetLabel, void 0, false),
+				ref_key: "root",
+				ref: root
+			}), [createVNode(UiCard_default, {
+				variant: "elevated",
+				padding: "xs",
+				size: "content"
+			}, {
+				default: withCtx(() => [createVNode(UiCluster_default, {
+					gap: "xs",
+					wrap: "nowrap",
+					role: "group",
+					"aria-label": "Link actions"
+				}, {
+					default: withCtx(() => [
+						createVNode(UiIcon_default, { name: guarded.value }, null, 8, ["name"]),
+						createVNode(UiStack_default, {
+							gap: "none",
+							title: checkedProps.value.href,
+							"aria-label": guardedBinding.value
+						}, {
+							default: withCtx(() => [createVNode(UiText_default, {
+								as: "strong",
+								size: "sm",
+								weight: "medium",
+								font: "sans",
+								wrap: "anywhere"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(text)(unref(shown))), 1)]),
+								_: 1
+							}), checkedProps.value.detail !== "" ? (openBlock(), createBlock(UiText_default, {
+								key: 0,
+								as: "small",
+								size: "xs",
+								tone: "secondary",
+								font: "sans"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(checkedProps.value.detail), 1)]),
+								_: 1
+							})) : createCommentVNode("v-if", true)]),
+							_: 1
+						}, 8, ["title", "aria-label"]),
+						checkedProps.value.openHref !== "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(UiButton_default, {
+							as: "a",
+							variant: "ghost",
+							tone: "neutral",
+							size: "sm",
+							target: "_blank",
+							rel: "noopener noreferrer",
+							"aria-label": "Open link",
+							id: guardedBinding2.value,
+							href: checkedProps.value.openHref
+						}, {
+							default: withCtx(() => [createVNode(UiCluster_default, {
+								gap: "xs",
+								wrap: "nowrap"
+							}, {
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "external-link" }), _cache[0] || (_cache[0] = createTextVNode("Open link", -1))]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["id", "href"]), createVNode(UiTooltip_default, { for: guardedBinding3.value }, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Open link", -1)])]),
+							_: 1
+						}, 8, ["for"])], 64)) : createCommentVNode("v-if", true),
+						createVNode(UiIconButton_default, {
+							label: "Edit link",
+							variant: "ghost",
+							size: "sm",
+							"data-link-action": "edit",
+							id: guardedBinding4.value
+						}, {
+							default: withCtx(() => [createVNode(UiIcon_default, { name: "pencil" })]),
+							_: 1
+						}, 8, ["id"]),
+						createVNode(UiTooltip_default, { for: guardedBinding5.value }, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Edit link", -1)])]),
+							_: 1
+						}, 8, ["for"]),
+						createVNode(UiIconButton_default, {
+							label: "Remove link",
+							variant: "ghost",
+							size: "sm",
+							"data-link-action": "remove",
+							id: guardedBinding6.value
+						}, {
+							default: withCtx(() => [createVNode(UiIcon_default, { name: "unlink" })]),
+							_: 1
+						}, 8, ["id"]),
+						createVNode(UiTooltip_default, { for: guardedBinding7.value }, {
+							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Remove link", -1)])]),
+							_: 1
+						}, 8, ["for"])
+					]),
+					_: 1
+				})]),
+				_: 1
+			})], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
+			}]]);
+		};
+	}
+});
+//#endregion
+export { UiEditorLinkCard_default as t };