@threadlabs/looma 0.28.4 → 0.28.5

package/vue/chunks/UiEditorImageToolbar.js

@@ -0,0 +1,584 @@
+import { r as useComponentHost, t as createDispatch } from "./host.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 UiCluster_default } from "./UiCluster.js";
+import { t as UiTooltip_default } from "./UiTooltip.js";
+import { t as UiEditorToolbar_default } from "./UiEditorToolbar.js";
+import { t as UiFormField_default } from "./UiFormField.js";
+import { t as UiIconButton_default } from "./UiIconButton.js";
+import { t as UiInput_default } from "./UiInput.js";
+import { t as UiPopover_default } from "./UiPopover.js";
+import { t as UiStack_default } from "./UiStack.js";
+import { t as UiText_default } from "./UiText.js";
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+//#region .build/vue/UiEditorImageToolbar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-alt",
+	"data-placement",
+	"data-target"
+];
+var _hoisted_2 = { "aria-label": "Image description" };
+var _hoisted_3 = ["for"];
+var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
+function htmlNextAuthoredCheck2(accepted, location, message) {
+	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
+		htmlNextAuthoredCheck2Reported.add(location);
+		console.warn(message);
+	}
+	return accepted;
+}
+//#endregion
+//#region .build/vue/UiEditorImageToolbar.vue
+var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiEditorImageToolbar",
+	props: {
+		alt: {
+			type: null,
+			default: ""
+		},
+		placement: {
+			type: null,
+			default: "block"
+		},
+		target: {
+			type: null,
+			default: ""
+		}
+	},
+	emits: [
+		"update:alt",
+		"update:placement",
+		"placement",
+		"describe",
+		"delete"
+	],
+	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			alt: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "alt" },
+				description: "The selected image's description, which the description form starts from.",
+				default: ""
+			},
+			placement: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "placement" },
+				description: "How the selected image sits in the text; its command shows as pressed.",
+				values: [
+					"block",
+					"center",
+					"wrap-left",
+					"wrap-right"
+				],
+				default: "block"
+			},
+			target: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "target" },
+				description: "Identifies the image the toolbar acts on. When it changes, an open description draft is cancelled rather than applied to another image.",
+				default: ""
+			}
+		} };
+		const props = __props;
+		const acceptedProps = {
+			alt: "",
+			placement: "block",
+			target: ""
+		};
+		const checkedProps = computed(() => ({
+			alt: checkedProp(props["alt"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "alt", acceptedProps),
+			placement: checkedProp(props["placement"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "placement", acceptedProps),
+			target: checkedProp(props["target"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "target", acceptedProps)
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationInstance = getCurrentInstance();
+		const emit = __emit;
+		const root = ref(null);
+		const base = ref("ui-editor-image-toolbar");
+		const describing = ref(false);
+		const draft = ref("");
+		let guardedPrevious = null;
+		const guarded = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-block'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedPrevious;
+			const candidate = concat(base.value, "-block");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedPrevious;
+			return guardedPrevious = candidate;
+		});
+		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: "outline",
+				false: "ghost"
+			}, concat(checkedProps.value.placement === "block"));
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
+			return guardedBindingPrevious = candidate;
+		});
+		let guardedBinding2Previous = null;
+		const guardedBinding2 = computed(() => {
+			const candidate = concat(checkedProps.value.placement === "block");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding2Previous;
+			return guardedBinding2Previous = candidate;
+		});
+		let guardedBinding3Previous = null;
+		const guardedBinding3 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-center'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding3Previous;
+			const candidate = concat(base.value, "-center");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
+			return guardedBinding3Previous = candidate;
+		});
+		let guardedBinding4Previous = null;
+		const guardedBinding4 = 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: "outline",
+				false: "ghost"
+			}, concat(checkedProps.value.placement === "center"));
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding4Previous;
+			return guardedBinding4Previous = candidate;
+		});
+		let guardedBinding5Previous = null;
+		const guardedBinding5 = computed(() => {
+			const candidate = concat(checkedProps.value.placement === "center");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding5Previous;
+			return guardedBinding5Previous = candidate;
+		});
+		let guardedBinding6Previous = null;
+		const guardedBinding6 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-wrap-left'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding6Previous;
+			const candidate = concat(base.value, "-wrap-left");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding6Previous;
+			return guardedBinding6Previous = candidate;
+		});
+		let guardedBinding7Previous = null;
+		const guardedBinding7 = 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: "outline",
+				false: "ghost"
+			}, concat(checkedProps.value.placement === "wrap-left"));
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding7Previous;
+			return guardedBinding7Previous = candidate;
+		});
+		let guardedBinding8Previous = null;
+		const guardedBinding8 = computed(() => {
+			const candidate = concat(checkedProps.value.placement === "wrap-left");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding8Previous;
+			return guardedBinding8Previous = candidate;
+		});
+		let guardedBinding9Previous = null;
+		const guardedBinding9 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-wrap-right'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding9Previous;
+			const candidate = concat(base.value, "-wrap-right");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding9Previous;
+			return guardedBinding9Previous = candidate;
+		});
+		let guardedBinding10Previous = null;
+		const guardedBinding10 = 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: "outline",
+				false: "ghost"
+			}, concat(checkedProps.value.placement === "wrap-right"));
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding10Previous;
+			return guardedBinding10Previous = candidate;
+		});
+		let guardedBinding11Previous = null;
+		const guardedBinding11 = computed(() => {
+			const candidate = concat(checkedProps.value.placement === "wrap-right");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding11Previous;
+			return guardedBinding11Previous = candidate;
+		});
+		let guardedBinding12Previous;
+		const guardedBinding12 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "$base:base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding12Previous;
+			return guardedBinding12Previous = base.value;
+		});
+		let guardedBinding13Previous = null;
+		const guardedBinding13 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-delete'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding13Previous;
+			const candidate = concat(base.value, "-delete");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding13Previous;
+			return guardedBinding13Previous = candidate;
+		});
+		let guardedBinding14Previous = null;
+		const guardedBinding14 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-block'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding14Previous;
+			const candidate = concat(base.value, "-block");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding14Previous;
+			return guardedBinding14Previous = candidate;
+		});
+		let guardedBinding15Previous = null;
+		const guardedBinding15 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-center'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding15Previous;
+			const candidate = concat(base.value, "-center");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding15Previous;
+			return guardedBinding15Previous = candidate;
+		});
+		let guardedBinding16Previous = null;
+		const guardedBinding16 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-wrap-left'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding16Previous;
+			const candidate = concat(base.value, "-wrap-left");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding16Previous;
+			return guardedBinding16Previous = candidate;
+		});
+		let guardedBinding17Previous = null;
+		const guardedBinding17 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-wrap-right'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding17Previous;
+			const candidate = concat(base.value, "-wrap-right");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding17Previous;
+			return guardedBinding17Previous = candidate;
+		});
+		let guardedBinding18Previous;
+		const guardedBinding18 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "$base:base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding18Previous;
+			return guardedBinding18Previous = base.value;
+		});
+		let guardedBinding19Previous = null;
+		const guardedBinding19 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-delete'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding19Previous;
+			const candidate = concat(base.value, "-delete");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding19Previous;
+			return guardedBinding19Previous = candidate;
+		});
+		let guardedBinding20Previous;
+		const guardedBinding20 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "$base:base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding20Previous;
+			return guardedBinding20Previous = base.value;
+		});
+		let guardedBinding21Previous;
+		const guardedBinding21 = computed(() => {
+			if (!htmlNextAuthoredCheck2(describing.value == null || typeof describing.value === "boolean", "$describing:describing", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference describing does not satisfy its declared type.")) return guardedBinding21Previous;
+			return guardedBinding21Previous = describing.value;
+		});
+		let guardedBinding22Previous = null;
+		const guardedBinding22 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-alt'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding22Previous;
+			const candidate = concat(base.value, "-alt");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding22Previous;
+			return guardedBinding22Previous = candidate;
+		});
+		let guardedBinding23Previous = null;
+		const guardedBinding23 = computed(() => {
+			if (!htmlNextAuthoredCheck2(base.value == null || typeof base.value === "string", "concat($base, '-alt'):base", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.")) return guardedBinding23Previous;
+			const candidate = concat(base.value, "-alt");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding23Previous;
+			return guardedBinding23Previous = candidate;
+		});
+		let guardedBinding24Previous;
+		const guardedBinding24 = computed(() => {
+			if (!htmlNextAuthoredCheck2(draft.value == null || typeof draft.value === "string", "$draft:draft", "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference draft does not satisfy its declared type.")) return guardedBinding24Previous;
+			return guardedBinding24Previous = draft.value;
+		});
+		provide("html-next:ui-editor-image-toolbar:base", base);
+		provide("html-next:ui-editor-image-toolbar:describing", describing);
+		provide("html-next:ui-editor-image-toolbar:draft", draft);
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-image-toolbar> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-editor-image-toolbar> has an incompatible root."
+			})
+		});
+		const isPlacementDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["placement"] === "block" || detail["placement"] === "center" || detail["placement"] === "wrap-left" || detail["placement"] === "wrap-right") && Object.keys(detail).every((key) => ["placement"].includes(key));
+		const isDescribeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["alt"] === "string" && Object.keys(detail).every((key) => ["alt"].includes(key));
+		const isDeleteDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Object.values(detail).every((item) => true);
+		const dispatch = createDispatch(root, emit, {
+			checks: {
+				placement: isPlacementDetail,
+				describe: isDescribeDetail,
+				delete: isDeleteDetail
+			},
+			modeled: ["alt", "placement"]
+		});
+		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-image-toolbar/ui-editor-image-toolbar.js"), {
+			root,
+			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				base: {
+					kind: "terminal",
+					name: "string"
+				},
+				describing: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				draft: {
+					kind: "terminal",
+					name: "string"
+				}
+			}[name], keys),
+			controllerSource: {
+				specifier: "../components/ui-editor-image-toolbar/ui-editor-image-toolbar.js",
+				definition: "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.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: [
+				"alt",
+				"placement",
+				"target"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
+			state: {
+				base,
+				describing,
+				draft
+			}
+		});
+		function concat(...values) {
+			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
+			if (values.some((value) => value === void 0)) return void 0;
+			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
+			return values.map((value) => value === null ? "" : String(value)).join("");
+		}
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editor-image-toolbar" }, nativeAttrs(_ctx.$attrs), {
+				"data-alt": reflectedProp("alt", "alt", checkedProps.value.alt, void 0, false),
+				"data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
+				"data-target": reflectedProp("target", "target", checkedProps.value.target, void 0, false),
+				ref_key: "root",
+				ref: root
+			}), [createVNode(UiText_default, {
+				as: "div",
+				font: "sans"
+			}, {
+				default: withCtx(() => [
+					createVNode(UiEditorToolbar_default, {
+						"aria-label": "Image actions",
+						floating: true
+					}, {
+						default: withCtx(() => [
+							createVNode(UiIconButton_default, {
+								label: "Image in line",
+								size: "sm",
+								"data-image-placement": "block",
+								id: guarded.value,
+								variant: guardedBinding.value,
+								"aria-pressed": guardedBinding2.value
+							}, {
+								default: withCtx(() => [createVNode(UiIcon_default, {
+									name: "panel-top",
+									size: "sm"
+								})]),
+								_: 1
+							}, 8, [
+								"id",
+								"variant",
+								"aria-pressed"
+							]),
+							createVNode(UiIconButton_default, {
+								label: "Center image",
+								size: "sm",
+								"data-image-placement": "center",
+								id: guardedBinding3.value,
+								variant: guardedBinding4.value,
+								"aria-pressed": guardedBinding5.value
+							}, {
+								default: withCtx(() => [createVNode(UiIcon_default, {
+									name: "align-center",
+									size: "sm"
+								})]),
+								_: 1
+							}, 8, [
+								"id",
+								"variant",
+								"aria-pressed"
+							]),
+							createVNode(UiIconButton_default, {
+								label: "Wrap text to the right",
+								size: "sm",
+								"data-image-placement": "wrap-left",
+								id: guardedBinding6.value,
+								variant: guardedBinding7.value,
+								"aria-pressed": guardedBinding8.value
+							}, {
+								default: withCtx(() => [createVNode(UiIcon_default, {
+									name: "panel-left",
+									size: "sm"
+								})]),
+								_: 1
+							}, 8, [
+								"id",
+								"variant",
+								"aria-pressed"
+							]),
+							createVNode(UiIconButton_default, {
+								label: "Wrap text to the left",
+								size: "sm",
+								"data-image-placement": "wrap-right",
+								id: guardedBinding9.value,
+								variant: guardedBinding10.value,
+								"aria-pressed": guardedBinding11.value
+							}, {
+								default: withCtx(() => [createVNode(UiIcon_default, {
+									name: "panel-right",
+									size: "sm"
+								})]),
+								_: 1
+							}, 8, [
+								"id",
+								"variant",
+								"aria-pressed"
+							]),
+							createVNode(UiIconButton_default, {
+								label: "Image description",
+								size: "sm",
+								variant: "ghost",
+								id: guardedBinding12.value
+							}, {
+								default: withCtx(() => [createVNode(UiIcon_default, {
+									name: "file-text",
+									size: "sm"
+								})]),
+								_: 1
+							}, 8, ["id"]),
+							createVNode(UiIconButton_default, {
+								label: "Delete image",
+								size: "sm",
+								variant: "ghost",
+								"data-image-action": "delete",
+								id: guardedBinding13.value
+							}, {
+								default: withCtx(() => [createVNode(UiIcon_default, {
+									name: "trash",
+									size: "sm"
+								})]),
+								_: 1
+							}, 8, ["id"])
+						]),
+						_: 1
+					}),
+					createVNode(UiTooltip_default, { for: guardedBinding14.value }, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Image in line", -1)])]),
+						_: 1
+					}, 8, ["for"]),
+					createVNode(UiTooltip_default, { for: guardedBinding15.value }, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Center image", -1)])]),
+						_: 1
+					}, 8, ["for"]),
+					createVNode(UiTooltip_default, { for: guardedBinding16.value }, {
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Wrap text to the right", -1)])]),
+						_: 1
+					}, 8, ["for"]),
+					createVNode(UiTooltip_default, { for: guardedBinding17.value }, {
+						default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Wrap text to the left", -1)])]),
+						_: 1
+					}, 8, ["for"]),
+					createVNode(UiTooltip_default, { for: guardedBinding18.value }, {
+						default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Image description", -1)])]),
+						_: 1
+					}, 8, ["for"]),
+					createVNode(UiTooltip_default, { for: guardedBinding19.value }, {
+						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Delete image", -1)])]),
+						_: 1
+					}, 8, ["for"]),
+					createVNode(UiPopover_default, {
+						"data-image-description": "",
+						size: "sm",
+						"aria-label": "Image description",
+						for: guardedBinding20.value,
+						open: guardedBinding21.value
+					}, {
+						default: withCtx(() => [createElementVNode("form", _hoisted_2, [createVNode(UiStack_default, { gap: "s" }, {
+							default: withCtx(() => [
+								createVNode(UiFormField_default, null, {
+									default: withCtx(() => [createElementVNode("label", {
+										slot: "label",
+										for: guardedBinding22.value
+									}, "Alt text", 8, _hoisted_3), createVNode(UiInput_default, {
+										"data-image-alt": "",
+										size: "sm",
+										id: guardedBinding23.value,
+										value: guardedBinding24.value
+									}, null, 8, ["id", "value"])]),
+									_: 1
+								}),
+								createVNode(UiText_default, {
+									size: "xs",
+									tone: "secondary"
+								}, {
+									default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Describe the image for people using a screen reader.", -1)])]),
+									_: 1
+								}),
+								createVNode(UiCluster_default, {
+									justify: "end",
+									gap: "xs"
+								}, {
+									default: withCtx(() => [createVNode(UiButton_default, {
+										type: "button",
+										variant: "ghost",
+										tone: "neutral",
+										size: "sm",
+										"data-image-action": "cancel"
+									}, {
+										default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("Cancel", -1)])]),
+										_: 1
+									}), createVNode(UiButton_default, {
+										type: "submit",
+										variant: "solid",
+										size: "sm"
+									}, {
+										default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("Save", -1)])]),
+										_: 1
+									})]),
+									_: 1
+								})
+							]),
+							_: 1
+						})])]),
+						_: 1
+					}, 8, ["for", "open"])
+				]),
+				_: 1
+			})], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
+			}]]);
+		};
+	}
+});
+//#endregion
+export { UiEditorImageToolbar_default as t };