vue-stream-markdown 0.1.3 → 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-ClGLfmwy.js → error-component-Bb0gIZsx.js}

@@ -1,4 +1,4 @@
-import { M as ICONS, u as useI18n } from "./composables-Cj6_jbwr.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
@@ -25,6 +25,7 @@ var error_component_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 	setup(__props) {
 		const props = __props;
 		const { t } = useI18n();
+		const { icons } = useContext();
 		const messages = computed(() => ({
 			"vanilla": t("error.vanilla"),
 			"image": t("error.image"),
@@ -35,8 +36,8 @@ var error_component_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		}));
 		const icon = computed(() => {
 			if (props.icon) return props.icon;
-			if (ICONS[props.variant]) return ICONS[props.variant];
-			return ICONS[props.variant.replace("harden-", "")] || ICONS.error;
+			if (icons.value[props.variant]) return icons.value[props.variant];
+			return icons.value[props.variant.replace("harden-", "")] || icons.value.error;
 		});
 		const message = computed(() => props.message ? props.message : messages.value[props.variant] || messages.value.vanilla);
 		const isHarden = computed(() => {

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-xeiC5YFM.js → image-BPhFn1xp.js}

@@ -1,18 +1,16 @@
-import { M as ICONS, O as save, g as useHardenSanitizers, u as useI18n, z as useControls } from "./composables-Cj6_jbwr.js";
-import "./tooltip-gxsqaBNg.js";
-import { t as button_default } from "./button-CJyeXWq2.js";
-import { t as error_component_default } from "./error-component-ClGLfmwy.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,17 +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) ?? "";
@@ -116,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) {
@@ -128,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", {
@@ -164,10 +136,10 @@ 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,
+					icon: unref(icons).download,
 					name: unref(t)("button.download"),
 					"icon-class": "test",
 					"icon-width": 16,
@@ -176,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 };