vue-stream-markdown 0.1.4 → 0.1.5

package/dist/{delete-BdWzKJCy.js → delete-D17YBeI-.js}

@@ -1,4 +1,4 @@
-import { t as node_list_default } from "./node-list-CGr_EVtn.js";
+import { t as node_list_default } from "./node-list-YhpHXdM_.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/delete.vue?vue&type=script&setup=true&lang.ts
@@ -18,18 +18,10 @@ var delete_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			type: Object,
 			required: true
 		},
-		mediumZoom: {
-			type: Object,
-			required: true
-		},
 		indexKey: {
 			type: [Number, String],
 			required: true
 		},
-		getContainer: {
-			type: Function,
-			required: true
-		},
 		controls: {
 			type: [Boolean, Object],
 			required: false

package/dist/dropdown-Y5_Z4a_u.js

@@ -0,0 +1,5 @@
+import "./composables-yny5gJo3.js";
+import "./tooltip-Bgbzbk4Q.js";
+import { n as dropdown_default } from "./button-BQhuT7wh.js";
+
+export { dropdown_default as default };

package/dist/{emphasis-CTuGt1Ok.js → emphasis-B-2R_0Q5.js}

@@ -1,4 +1,4 @@
-import { t as node_list_default } from "./node-list-CGr_EVtn.js";
+import { t as node_list_default } from "./node-list-YhpHXdM_.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/emphasis.vue?vue&type=script&setup=true&lang.ts
@@ -18,18 +18,10 @@ var emphasis_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			type: Object,
 			required: true
 		},
-		mediumZoom: {
-			type: Object,
-			required: true
-		},
 		indexKey: {
 			type: [Number, String],
 			required: true
 		},
-		getContainer: {
-			type: Function,
-			required: true
-		},
 		controls: {
 			type: [Boolean, Object],
 			required: false

package/dist/{en-US-Bfc50l3I.js → en-US-Kw2LYAMk.js}

@@ -9,7 +9,13 @@ var button = {
 	"copy": "Copy",
 	"download": "Download",
 	"minimize": "Minimize",
-	"maximize": "Maximize"
+	"maximize": "Maximize",
+	"flipY": "Flip Y",
+	"flipX": "Flip X",
+	"rotateLeft": "Rotate Left",
+	"rotateRight": "Rotate Right",
+	"previous": "Previous",
+	"next": "Next"
 };
 var error = {
 	"vanilla": "Error",

package/dist/{error-component-Bhl770lu.js → error-component-Bb0gIZsx.js}

@@ -1,4 +1,4 @@
-import { B as useContext, u as useI18n } from "./composables-Cx0nvyHl.js";
+import { H as useContext, u as useI18n } from "./composables-yny5gJo3.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderSlot, resolveDynamicComponent, toDisplayString } from "vue";
 
 //#region src/components/error-component.vue?vue&type=script&setup=true&lang.ts

package/dist/error-component-DEIWb6kB.js

@@ -0,0 +1,4 @@
+import "./composables-yny5gJo3.js";
+import { t as error_component_default } from "./error-component-Bb0gIZsx.js";
+
+export { error_component_default as default };

package/dist/flip-horizontal-BFWjqDbQ.js

@@ -0,0 +1,25 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/lucide/flip-horizontal
+const _hoisted_1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3m8-18h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3m-4-1v2m0-8v2m0-8v2m0-8v2"
+	}, null, -1)])]);
+}
+var flip_horizontal_default = markRaw({
+	name: "lucide-flip-horizontal",
+	render
+});
+
+//#endregion
+export { flip_horizontal_default as default };

package/dist/{heading-2vpQQtTH.js → heading-DyJIwNrN.js}

@@ -1,4 +1,4 @@
-import { t as node_list_default } from "./node-list-CGr_EVtn.js";
+import { t as node_list_default } from "./node-list-YhpHXdM_.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/heading.vue?vue&type=script&setup=true&lang.ts
@@ -17,18 +17,10 @@ var heading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			type: Object,
 			required: true
 		},
-		mediumZoom: {
-			type: Object,
-			required: true
-		},
 		indexKey: {
 			type: [Number, String],
 			required: true
 		},
-		getContainer: {
-			type: Function,
-			required: true
-		},
 		controls: {
 			type: [Boolean, Object],
 			required: false

package/dist/{html-DL0PcUXX.js → html-DXNqMvt_.js}

@@ -17,18 +17,10 @@ var html_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: true
 		},
-		mediumZoom: {
-			type: Object,
-			required: true
-		},
 		indexKey: {
 			type: [Number, String],
 			required: true
 		},
-		getContainer: {
-			type: Function,
-			required: true
-		},
 		controls: {
 			type: [Boolean, Object],
 			required: false

package/dist/{image-BDtPwitR.js → image-BPhFn1xp.js}

@@ -1,18 +1,16 @@
-import { B as useContext, O as save, g as useHardenSanitizers, u as useI18n, z as useControls } from "./composables-Cx0nvyHl.js";
-import "./tooltip-3UDC9mw-.js";
-import { t as button_default } from "./button-jFTF378X.js";
-import { t as error_component_default } from "./error-component-Bhl770lu.js";
-import { t as spin_default } from "./spin-Ds5W7qC_.js";
-import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, resolveDynamicComponent, toDisplayString, toRefs, unref, withCtx } from "vue";
+import { H as useContext, V as useControls, g as useHardenSanitizers, k as saveImage, u as useI18n } from "./composables-yny5gJo3.js";
+import "./tooltip-Bgbzbk4Q.js";
+import { t as button_default } from "./button-BQhuT7wh.js";
+import "./modal-Rc_RoeYA.js";
+import { t as error_component_default } from "./error-component-Bb0gIZsx.js";
+import { t as image_default$1 } from "./image-DvOGBhi-.js";
+import "./zoom-container-B1qbA-7z.js";
+import { t as spin_default } from "./spin--f5jNjBn.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, resolveDynamicComponent, toDisplayString, toRefs, unref, withCtx } from "vue";
 
 //#region src/components/renderers/image.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { "data-stream-markdown": "image-wrapper" };
-const _hoisted_2 = [
-	"src",
-	"alt",
-	"title"
-];
-const _hoisted_3 = {
+const _hoisted_2 = {
 	key: 0,
 	"data-stream-markdown": "image-caption"
 };
@@ -31,18 +29,10 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: true
 		},
-		mediumZoom: {
-			type: Object,
-			required: true
-		},
 		indexKey: {
 			type: [Number, String],
 			required: true
 		},
-		getContainer: {
-			type: Function,
-			required: true
-		},
 		controls: {
 			type: [Boolean, Object],
 			required: false
@@ -82,18 +72,17 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	},
 	setup(__props) {
 		const props = __props;
-		const fileExtensionPattern = /\.[^/.]+$/;
 		const { t } = useI18n();
 		const { icons } = useContext();
 		const { controls, hardenOptions } = toRefs(props);
 		const { isControlEnabled } = useControls({ controls });
-		const imgRef = ref();
 		const maskRef = ref();
 		const loadError = ref(false);
 		const imageLoaded = ref(false);
 		const fallbackAttempted = ref(false);
 		const isLoading = computed(() => props.node.loading || !props.node.url);
-		const showDownload = computed(() => isControlEnabled("image.download"));
+		const enableDownload = computed(() => isControlEnabled("image.download"));
+		const enablePreview = computed(() => isControlEnabled("image.preview"));
 		const fallback = computed(() => {
 			var _props$imageOptions;
 			return ((_props$imageOptions = props.imageOptions) === null || _props$imageOptions === void 0 ? void 0 : _props$imageOptions.fallback) ?? "";
@@ -117,8 +106,6 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		});
 		function handleLoaded() {
 			imageLoaded.value = true;
-			if (fallbackAttempted.value) return;
-			if (imgRef.value) props.mediumZoom.attach(imgRef.value);
 		}
 		function handleError() {
 			if (fallback.value && !fallbackAttempted.value) {
@@ -129,29 +116,13 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		}
 		async function handleDownload() {
 			if (!imageSrc.value) return;
-			const blob = await (await fetch(imageSrc.value)).blob();
-			const originalFilename = new URL(imageSrc.value, window.location.origin).pathname.split("/").pop() || "";
-			const extension = originalFilename.split(".").pop();
-			const hasExtension = originalFilename.includes(".") && extension !== void 0 && extension.length <= 4;
-			let filename = "";
-			if (hasExtension) filename = originalFilename;
-			else {
-				const mimeType = blob.type;
-				let fileExtension = "png";
-				if (mimeType.includes("jpeg") || mimeType.includes("jpg")) fileExtension = "jpg";
-				else if (mimeType.includes("png")) fileExtension = "png";
-				else if (mimeType.includes("svg")) fileExtension = "svg";
-				else if (mimeType.includes("gif")) fileExtension = "gif";
-				else if (mimeType.includes("webp")) fileExtension = "webp";
-				filename = `${(alt.value || originalFilename || "image").replace(fileExtensionPattern, "")}.${fileExtension}`;
-			}
-			save(filename, blob, blob.type);
+			saveImage(imageSrc.value, alt.value);
 		}
 		function handleMouseEnter() {
-			if (maskRef.value) maskRef.value.style.display = "block";
+			if (maskRef.value) maskRef.value.style.opacity = 1;
 		}
 		function handleMouseLeave() {
-			if (maskRef.value) maskRef.value.style.display = "none";
+			if (maskRef.value) maskRef.value.style.opacity = 0;
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("figure", {
@@ -165,7 +136,7 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					ref_key: "maskRef",
 					ref: maskRef,
 					"data-stream-markdown": "image-mask"
-				}, [!isLoading.value && showDownload.value ? (openBlock(), createBlock(button_default, {
+				}, [!isLoading.value && enableDownload.value ? (openBlock(), createBlock(button_default, {
 					key: 0,
 					"data-stream-markdown": "image-download-button",
 					icon: unref(icons).download,
@@ -177,37 +148,29 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					onClick: handleDownload
 				}, null, 8, ["icon", "name"])) : createCommentVNode("v-if", true)], 512)) : createCommentVNode("v-if", true),
 				(isLoading.value || !imageLoaded.value) && !unref(isHardenUrl) ? (openBlock(), createBlock(spin_default, { key: 1 })) : createCommentVNode("v-if", true),
-				createVNode(Transition, {
-					name: "img-switch",
-					mode: "out-in"
-				}, {
-					default: withCtx(() => [!isLoading.value && !unref(isHardenUrl) && typeof unref(transformedUrl) === "string" ? (openBlock(), createElementBlock("img", {
-						ref_key: "imgRef",
-						ref: imgRef,
-						key: unref(transformedUrl),
-						"data-stream-markdown": "image",
-						src: unref(transformedUrl),
-						alt: alt.value,
-						title: title.value,
-						style: normalizeStyle({
-							opacity: isLoading.value ? 0 : 1,
-							cursor: isLoading.value ? "default" : "pointer"
-						}),
-						loading: "lazy",
-						decoding: "async",
-						"data-zoomable": "",
-						onLoad: handleLoaded,
-						onError: handleError
-					}, null, 44, _hoisted_2)) : unref(isHardenUrl) || loadError.value ? (openBlock(), createBlock(resolveDynamicComponent(Error.value), mergeProps({
-						key: 1,
-						variant: unref(isHardenUrl) ? "harden-image" : "image"
-					}, props), {
-						default: withCtx(() => [createTextVNode(toDisplayString(title.value), 1)]),
-						_: 1
-					}, 16, ["variant"])) : createCommentVNode("v-if", true)]),
+				!isLoading.value && !unref(isHardenUrl) && typeof unref(transformedUrl) === "string" ? (openBlock(), createBlock(image_default$1, {
+					key: unref(transformedUrl),
+					src: unref(transformedUrl),
+					alt: alt.value,
+					title: title.value,
+					preview: !fallbackAttempted.value && enablePreview.value,
+					controls: unref(controls),
+					onLoad: handleLoaded,
+					onError: handleError
+				}, null, 8, [
+					"src",
+					"alt",
+					"title",
+					"preview",
+					"controls"
+				])) : unref(isHardenUrl) || loadError.value ? (openBlock(), createBlock(resolveDynamicComponent(Error.value), mergeProps({
+					key: 3,
+					variant: unref(isHardenUrl) ? "harden-image" : "image"
+				}, props), {
+					default: withCtx(() => [createTextVNode(toDisplayString(title.value), 1)]),
 					_: 1
-				})
-			]), showCaption.value && title.value ? (openBlock(), createElementBlock("figcaption", _hoisted_3, toDisplayString(title.value), 1)) : createCommentVNode("v-if", true)], 36);
+				}, 16, ["variant"])) : createCommentVNode("v-if", true)
+			]), showCaption.value && title.value ? (openBlock(), createElementBlock("figcaption", _hoisted_2, toDisplayString(title.value), 1)) : createCommentVNode("v-if", true)], 36);
 		};
 	}
 });

package/dist/image-DXBD47sF.js

@@ -0,0 +1,8 @@
+import "./composables-yny5gJo3.js";
+import "./tooltip-Bgbzbk4Q.js";
+import "./button-BQhuT7wh.js";
+import "./modal-Rc_RoeYA.js";
+import { t as image_default } from "./image-DvOGBhi-.js";
+import "./zoom-container-B1qbA-7z.js";
+
+export { image_default as default };

package/dist/image-DvOGBhi-.js

@@ -0,0 +1,327 @@
+import { H as useContext, V as useControls, a as useMediumZoom, k as saveImage, u as useI18n } from "./composables-yny5gJo3.js";
+import { t as button_default } from "./button-BQhuT7wh.js";
+import { t as modal_default } from "./modal-Rc_RoeYA.js";
+import { t as zoom_container_default } from "./zoom-container-B1qbA-7z.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, toRefs, unref, watch, withCtx } from "vue";
+import { useCycleList } from "@vueuse/core";
+
+//#region node_modules/.pnpm/treechop@0.1.2/node_modules/treechop/dist/index.js
+const DEFAULT_CHILDREN_KEY = "children";
+function createTreeUtils(options = {}) {
+	const { childrenKey = DEFAULT_CHILDREN_KEY } = options;
+	return {
+		childrenKey,
+		getChildrenKey(node, meta) {
+			return typeof this.childrenKey === "function" ? this.childrenKey(node, meta) : this.childrenKey;
+		},
+		getChildren(node, meta) {
+			return node[this.getChildrenKey(node, meta)] || [];
+		},
+		hasChildren(node, meta) {
+			const children = this.getChildren(node, meta);
+			return Array.isArray(children) && children.length > 0;
+		}
+	};
+}
+function preOrderTraverse(tree, callback, utils) {
+	const result = [];
+	const traverse = (nodes, parents = [], depth = 0) => {
+		nodes.forEach((node, index) => {
+			const meta = {
+				depth,
+				index,
+				parents
+			};
+			result.push(callback(node, meta));
+			if (utils.hasChildren(node, meta)) traverse(utils.getChildren(node, meta), [...parents, node], depth + 1);
+		});
+	};
+	traverse(tree);
+	return result;
+}
+function postOrderTraverse(tree, callback, utils) {
+	const result = [];
+	const traverse = (nodes, parents = [], depth = 0) => {
+		nodes.forEach((node, index) => {
+			const meta = {
+				depth,
+				index,
+				parents
+			};
+			if (utils.hasChildren(node, meta)) traverse(utils.getChildren(node, meta), [...parents, node], depth + 1);
+			result.push(callback(node, meta));
+		});
+	};
+	traverse(tree);
+	return result;
+}
+function breadthTraverse(tree, callback, utils) {
+	const result = [];
+	const queue = tree.map((node, index) => [
+		node,
+		index,
+		[],
+		0
+	]);
+	while (queue.length) {
+		const [node, index, parents, depth] = queue.shift();
+		const meta = {
+			depth,
+			index,
+			parents
+		};
+		result.push(callback(node, meta));
+		if (utils.hasChildren(node, meta)) utils.getChildren(node, meta).forEach((child, childIndex) => {
+			queue.push([
+				child,
+				childIndex,
+				[...parents, node],
+				depth + 1
+			]);
+		});
+	}
+	return result;
+}
+function treeFlatFilter(tree, predicate, options = {}) {
+	const { strategy = "pre" } = options;
+	const utils = createTreeUtils(options);
+	const callback = (node, meta) => {
+		return predicate(node, meta) ? node : null;
+	};
+	switch (strategy) {
+		case "post": return postOrderTraverse(tree, callback, utils).filter(Boolean);
+		case "breadth": return breadthTraverse(tree, callback, utils).filter(Boolean);
+		case "pre":
+		default: return preOrderTraverse(tree, callback, utils).filter(Boolean);
+	}
+}
+
+//#endregion
+//#region src/components/image.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"src",
+	"alt",
+	"title"
+];
+const _hoisted_2 = [
+	"src",
+	"alt",
+	"title"
+];
+var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image",
+	props: {
+		src: {
+			type: String,
+			required: false
+		},
+		alt: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		preview: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		margin: {
+			type: Number,
+			required: false,
+			default: 16
+		},
+		controls: {
+			type: [Boolean, Object],
+			required: false,
+			default: true
+		}
+	},
+	emits: ["load", "error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { margin, controls } = toRefs(props);
+		const { t } = useI18n();
+		const { icons, parsedNodes } = useContext();
+		const { isControlEnabled, getControlValue } = useControls({ controls });
+		const imageNodes = computed(() => treeFlatFilter(parsedNodes.value, (node) => node.type === "image" && !node.loading));
+		const imageList = computed(() => [...new Set(imageNodes.value.map((node) => node.url))]);
+		const { state: imageSrc, prev, next } = useCycleList(imageList, {
+			initialValue: props.src,
+			fallbackIndex: 0
+		});
+		const enableDownload = computed(() => isControlEnabled("image.download"));
+		const enableCarousel = computed(() => isControlEnabled("image.carousel"));
+		const enableFlip = computed(() => isControlEnabled("image.flip"));
+		const enableRotate = computed(() => isControlEnabled("image.rotate"));
+		const controlPosition = computed(() => {
+			const position = getControlValue("image.controlPosition");
+			if (typeof position === "boolean") return "bottom-center";
+			return position || "bottom-center";
+		});
+		const loaded = ref(false);
+		const open = ref(false);
+		const scaleX = ref(1);
+		const scaleY = ref(1);
+		const rotate = ref(0);
+		const { isAnimating, elementRef, zoomElementRef: _zoomElementRef, elementStyle, zoomIn, zoomOut } = useMediumZoom({
+			margin,
+			open: () => open.value = true,
+			close: () => open.value = false
+		});
+		const imageStyle = computed(() => ({
+			transform: `
+    scaleX(${scaleX.value})
+    scaleY(${scaleY.value})
+    rotate(${rotate.value}deg)
+  `,
+			transition: "transform 0.3s ease",
+			...elementStyle.value
+		}));
+		function handleLoad(event) {
+			loaded.value = true;
+			emits("load", event);
+		}
+		function handleError(event) {
+			emits("error", event);
+		}
+		function handleOpen() {
+			if (!props.preview || !elementRef.value || !loaded.value) return;
+			zoomIn();
+		}
+		function handleClose() {
+			if (isAnimating.value) return;
+			zoomOut();
+		}
+		function download() {
+			if (!imageSrc.value) return;
+			saveImage(imageSrc.value, props.alt);
+		}
+		function flipHorizontal() {
+			scaleX.value *= -1;
+		}
+		function flipVertical() {
+			scaleY.value *= -1;
+		}
+		function rotateLeft() {
+			rotate.value -= 90;
+		}
+		function rotateRight() {
+			rotate.value += 90;
+		}
+		watch(open, (data) => {
+			if (!data) {
+				scaleX.value = 1;
+				scaleY.value = 1;
+				rotate.value = 0;
+				if (props.src) imageSrc.value = props.src;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("img", {
+				ref_key: "elementRef",
+				ref: elementRef,
+				"data-stream-markdown": "image",
+				src: __props.src,
+				alt: __props.alt,
+				title: __props.title,
+				style: { transition: "transform 300ms cubic-bezier(0.2, 0, 0.2, 1)" },
+				loading: "lazy",
+				decoding: "async",
+				onLoad: handleLoad,
+				onError: handleError,
+				onClick: handleOpen
+			}, null, 40, _hoisted_1), createVNode(modal_default, {
+				open: open.value,
+				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
+				transition: "",
+				"modal-style": { backgroundColor: "rgba(0, 0, 0, 0.45)" },
+				close: handleClose
+			}, {
+				default: withCtx(() => [createVNode(zoom_container_default, {
+					"control-size": "large",
+					position: controlPosition.value,
+					"container-style": {
+						width: "auto",
+						maxWidth: `calc(100% - ${props.margin * 2}px)`,
+						cursor: "grab"
+					},
+					onClick: handleClose
+				}, {
+					controls: withCtx((buttonProps) => [
+						unref(imageSrc) && enableDownload.value ? (openBlock(), createBlock(button_default, mergeProps({ key: 0 }, buttonProps, {
+							icon: unref(icons).download,
+							name: unref(t)("button.download"),
+							onClick: download
+						}), null, 16, ["icon", "name"])) : createCommentVNode("v-if", true),
+						imageList.value.length > 1 && enableCarousel.value ? (openBlock(), createBlock(button_default, mergeProps({ key: 1 }, buttonProps, {
+							icon: unref(icons).arrowLeft,
+							name: unref(t)("button.previous"),
+							onClick: _cache[0] || (_cache[0] = () => unref(prev)())
+						}), null, 16, ["icon", "name"])) : createCommentVNode("v-if", true),
+						imageList.value.length > 1 && enableCarousel.value ? (openBlock(), createBlock(button_default, mergeProps({ key: 2 }, buttonProps, {
+							icon: unref(icons).arrowRight || unref(icons).arrowLeft,
+							name: unref(t)("button.next"),
+							"button-style": { transform: unref(icons).arrowRight ? void 0 : "scaleX(-1)" },
+							onClick: _cache[1] || (_cache[1] = () => unref(next)())
+						}), null, 16, [
+							"icon",
+							"name",
+							"button-style"
+						])) : createCommentVNode("v-if", true),
+						enableFlip.value ? (openBlock(), createBlock(button_default, mergeProps({ key: 3 }, buttonProps, {
+							icon: unref(icons).flipHorizontal,
+							name: unref(t)("button.flipX"),
+							onClick: flipHorizontal
+						}), null, 16, ["icon", "name"])) : createCommentVNode("v-if", true),
+						enableFlip.value ? (openBlock(), createBlock(button_default, mergeProps({ key: 4 }, buttonProps, {
+							icon: unref(icons).flipVertical || unref(icons).flipHorizontal,
+							name: unref(t)("button.flipY"),
+							"button-style": { rotate: unref(icons).flipVertical ? void 0 : "90deg" },
+							onClick: flipVertical
+						}), null, 16, [
+							"icon",
+							"name",
+							"button-style"
+						])) : createCommentVNode("v-if", true),
+						enableRotate.value ? (openBlock(), createBlock(button_default, mergeProps({ key: 5 }, buttonProps, {
+							icon: unref(icons).rotateLeft,
+							name: unref(t)("button.rotateLeft"),
+							onClick: rotateLeft
+						}), null, 16, ["icon", "name"])) : createCommentVNode("v-if", true),
+						enableRotate.value ? (openBlock(), createBlock(button_default, mergeProps({ key: 6 }, buttonProps, {
+							icon: unref(icons).rotateRight || unref(icons).rotateLeft,
+							name: unref(t)("button.rotateRight"),
+							"button-style": { transform: unref(icons).rotateRight ? void 0 : "scaleX(-1)" },
+							onClick: rotateRight
+						}), null, 16, [
+							"icon",
+							"name",
+							"button-style"
+						])) : createCommentVNode("v-if", true)
+					]),
+					default: withCtx(() => [createElementVNode("img", {
+						ref_key: "_zoomElementRef",
+						ref: _zoomElementRef,
+						src: unref(imageSrc),
+						alt: __props.alt,
+						title: __props.title,
+						style: normalizeStyle(imageStyle.value)
+					}, null, 12, _hoisted_2)]),
+					_: 1
+				}, 8, ["position", "container-style"])]),
+				_: 1
+			}, 8, ["open"])], 64);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image.vue
+var image_default = image_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { image_default as t };