vue-stream-markdown 0.2.2 → 0.2.3

package/dist/{inline-code-E5uGvmnx.js → inline-code-B5lfHACE.js}

@@ -53,6 +53,10 @@ var inline_code_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{inline-math-BHDNxQ5R.js → inline-math-CPkpjl8t.js}

@@ -1,6 +1,6 @@
-import { g as useMathRenderer } from "./composables-BMXMKLLj.js";
-import "./icon-CpKYt1dR.js";
-import { t as error_component_default } from "./error-component-CckClFee.js";
+import { g as useMathRenderer } from "./composables-CzUVrTt_.js";
+import "./icon-DcLTFhFW.js";
+import { t as error_component_default } from "./error-component-BTe-SuY7.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/inline-math.vue?vue&type=script&setup=true&lang.ts
@@ -56,6 +56,10 @@ var inline_math_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{link-BiA46FMM.js → link-BACrkxRW.js}

@@ -1,7 +1,7 @@
-import { i as useSanitizers } from "./composables-BMXMKLLj.js";
-import { t as node_list_default } from "./node-list-D6zJX92N.js";
-import "./icon-CpKYt1dR.js";
-import { t as error_component_default } from "./error-component-CckClFee.js";
+import { i as useSanitizers } from "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+import "./icon-DcLTFhFW.js";
+import { t as error_component_default } from "./error-component-BTe-SuY7.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
 
 //#region src/components/renderers/link.vue?vue&type=script&setup=true&lang.ts
@@ -57,6 +57,10 @@ var link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{list-D7QyoGUy.js → list-Cu8G46hK.js}

@@ -1,5 +1,5 @@
-import "./composables-BMXMKLLj.js";
-import { t as node_list_default } from "./node-list-D6zJX92N.js";
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/list.vue?vue&type=script&setup=true&lang.ts
@@ -54,6 +54,10 @@ var list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{list-item-Cv8l3Ufd.js → list-item-BMgDS1tS.js}

@@ -1,5 +1,5 @@
-import "./composables-BMXMKLLj.js";
-import { t as node_list_default } from "./node-list-D6zJX92N.js";
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/list-item.vue?vue&type=script&setup=true&lang.ts
@@ -60,6 +60,10 @@ var list_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{math-BzuYH4PG.js → math-XsZX0VMw.js}

@@ -1,6 +1,6 @@
-import { g as useMathRenderer } from "./composables-BMXMKLLj.js";
-import "./icon-CpKYt1dR.js";
-import { t as error_component_default } from "./error-component-CckClFee.js";
+import { g as useMathRenderer } from "./composables-CzUVrTt_.js";
+import "./icon-DcLTFhFW.js";
+import { t as error_component_default } from "./error-component-BTe-SuY7.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/math.vue?vue&type=script&setup=true&lang.ts
@@ -56,6 +56,10 @@ var math_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{mermaid-BoiSJ4fF.js → mermaid-CQdSlhqn.js}

@@ -1,9 +1,9 @@
-import { G as useControls, _ as throttle, m as useMermaid } from "./composables-BMXMKLLj.js";
-import "./tooltip-C4RiUZwy.js";
-import { t as button_default } from "./button-CWSGNZmd.js";
-import "./icon-CpKYt1dR.js";
-import { t as error_component_default } from "./error-component-CckClFee.js";
-import { t as zoom_container_default } from "./zoom-container-CqZQ4X6w.js";
+import { G as useControls, _ as throttle, m as useMermaid } from "./composables-CzUVrTt_.js";
+import "./tooltip-DarhJuZR.js";
+import { t as button_default } from "./button-DVWlhfQ9.js";
+import "./icon-DcLTFhFW.js";
+import { t as error_component_default } from "./error-component-BTe-SuY7.js";
+import { t as zoom_container_default } from "./zoom-container-DQMpHHGQ.js";
 import { t as spin_default } from "./spin-DzERwGWy.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeStyle, openBlock, ref, renderList, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
@@ -61,10 +61,19 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false
 		},
+		interactive: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
 		throttle: {
 			type: Number,
 			required: false,
@@ -198,7 +207,8 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				"show-icon": false
 			}), null, 16, ["message"]))], 64)) : createCommentVNode("v-if", true), createVNode(zoom_container_default, {
 				"show-control": showControl.value,
-				position: controlPosition.value
+				position: controlPosition.value,
+				interactive: __props.interactive
 			}, {
 				controls: withCtx((buttonProps) => [(openBlock(true), createElementBlock(Fragment, null, renderList(mermaidControls.value, (item) => {
 					return openBlock(), createBlock(button_default, mergeProps({ ref_for: true }, {
@@ -214,7 +224,11 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 					innerHTML: svg.value
 				}, null, 8, _hoisted_1)]),
 				_: 1
-			}, 8, ["show-control", "position"])], 4);
+			}, 8, [
+				"show-control",
+				"position",
+				"interactive"
+			])], 4);
 		};
 	}
 });

package/dist/{modal-DHGxvCt5.js → modal-C1riNMrs.js}

@@ -1,4 +1,4 @@
-import { K as useContext } from "./composables-BMXMKLLj.js";
+import { K as useContext, R as isClient } from "./composables-CzUVrTt_.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
 import { createReusableTemplate, useEventListener } from "@vueuse/core";
 
@@ -14,7 +14,7 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		zIndex: {
 			type: Number,
 			required: false,
-			default: 100
+			default: 9999
 		},
 		modalStyle: {
 			type: Object,
@@ -27,7 +27,7 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		transition: {
 			type: String,
 			required: false,
-			default: "modal"
+			default: "stream-markdown-modal"
 		},
 		close: {
 			type: Function,
@@ -47,13 +47,16 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const slots = useSlots();
 		const open = useModel(__props, "open");
 		const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
-		const { getContainer } = useContext();
-		const container = computed(() => getContainer() || "body");
+		const { getOverlayContainer } = useContext();
 		const modalStyle = computed(() => ({
 			...props.modalStyle,
 			zIndex: props.zIndex
 		}));
 		const showHeader = computed(() => !!props.title || !!slots.title || !!slots.extra);
+		const container = computed(() => {
+			if (!isClient()) return "body";
+			return getOverlayContainer() || document.body;
+		});
 		useEventListener(document, "keyup", (event) => {
 			if (event.key === "Escape" || event.key === "Esc") if (props.close) props.close();
 			else open.value = false;

package/dist/modal-C7O4jt5-.js

@@ -0,0 +1,4 @@
+import "./composables-CzUVrTt_.js";
+import { t as modal_default } from "./modal-C1riNMrs.js";
+
+export { modal_default as default };

package/dist/{node-list-D6zJX92N.js → node-list-7H-lIfUX.js}

@@ -1,4 +1,4 @@
-import { K as useContext } from "./composables-BMXMKLLj.js";
+import { K as useContext } from "./composables-CzUVrTt_.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/markdown.vue?vue&type=script&setup=true&lang.ts
@@ -54,6 +54,10 @@ var markdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false
@@ -130,6 +134,10 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false
@@ -170,7 +178,7 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			return openBlock(true), createElementBlock(Fragment, null, renderList(nodes.value, (item) => {
 				return openBlock(), createElementBlock(Fragment, { key: item.key }, [enableTransition.value && !excludeTransition.includes(item.node.type) ? (openBlock(), createBlock(Transition, {
 					key: 0,
-					name: "typewriter",
+					name: "stream-markdown-typewriter",
 					appear: ""
 				}, {
 					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(getNodeComponent(item.node)), mergeProps({ ref_for: true }, getNodeBindings(item.node), { "node-key": item.key }), null, 16, ["node-key"]))]),

package/dist/node-list-DMwAmH_n.js

@@ -0,0 +1,4 @@
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+
+export { node_list_default as default };

package/dist/{paragraph-YTqe84Bm.js → paragraph-Cfd37HUK.js}

@@ -1,5 +1,5 @@
-import "./composables-BMXMKLLj.js";
-import { t as node_list_default } from "./node-list-D6zJX92N.js";
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/paragraph.vue?vue&type=script&setup=true&lang.ts
@@ -55,6 +55,10 @@ var paragraph_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/previewers-C7PKsIbc.js

@@ -0,0 +1,10 @@
+import { defineAsyncComponent } from "vue";
+
+//#region src/components/previewers/index.ts
+const CODE_PREVIEWERS = {
+	html: defineAsyncComponent(() => import("./html-DfTs9nEm.js")),
+	mermaid: defineAsyncComponent(() => import("./mermaid-CQdSlhqn.js"))
+};
+
+//#endregion
+export { CODE_PREVIEWERS as t };

package/dist/segmented-BRTZXoDN.js

@@ -0,0 +1,7 @@
+import "./composables-CzUVrTt_.js";
+import "./tooltip-DarhJuZR.js";
+import "./button-DVWlhfQ9.js";
+import "./icon-DcLTFhFW.js";
+import { t as segmented_default } from "./segmented-C9j-IIDc.js";
+
+export { segmented_default as default };

package/dist/{segmented-DDQZGL7l.js → segmented-C9j-IIDc.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-CWSGNZmd.js";
+import { t as button_default } from "./button-DVWlhfQ9.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, mergeModels, openBlock, renderList, useModel } from "vue";
 
 //#region src/components/segmented.vue?vue&type=script&setup=true&lang.ts

package/dist/{shiki-DDfRFzy0.js → shiki-BoBbCakv.js}

@@ -1,5 +1,5 @@
-import { q as useCodeOptions, r as useShiki } from "./composables-BMXMKLLj.js";
-import { t as vanilla_default } from "./vanilla-NR7MOE5P.js";
+import { q as useCodeOptions, r as useShiki } from "./composables-CzUVrTt_.js";
+import { t as vanilla_default } from "./vanilla-Z6d1vQmX.js";
 import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeStyle, openBlock, ref, toRefs, unref, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
 
@@ -55,6 +55,10 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false
@@ -96,7 +100,7 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		}, { immediate: true });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Transition, {
-				name: "code-fade",
+				name: "stream-markdown-code-switch",
 				mode: "out-in"
 			}, {
 				default: withCtx(() => [tokens.value ? (openBlock(), createElementBlock("div", {

package/dist/{strong-nPwCJEKq.js → strong-BzOBAWrG.js}

@@ -1,5 +1,5 @@
-import "./composables-BMXMKLLj.js";
-import { t as node_list_default } from "./node-list-D6zJX92N.js";
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/strong.vue?vue&type=script&setup=true&lang.ts
@@ -55,6 +55,10 @@ var strong_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{table-Dtpd-MnT.js → table-YY5M01Jm.js}

@@ -1,8 +1,8 @@
-import { A as tableDataToMarkdown, G as useControls, K as useContext, O as extractTableDataFromElement, V as save, b as useI18n, j as tableDataToTSV, k as tableDataToCSV } from "./composables-BMXMKLLj.js";
-import { t as node_list_default } from "./node-list-D6zJX92N.js";
-import "./tooltip-C4RiUZwy.js";
-import { t as button_default } from "./button-CWSGNZmd.js";
-import "./icon-CpKYt1dR.js";
+import { A as tableDataToMarkdown, G as useControls, K as useContext, O as extractTableDataFromElement, V as save, b as useI18n, j as tableDataToTSV, k as tableDataToCSV } from "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+import "./tooltip-DarhJuZR.js";
+import { t as button_default } from "./button-DVWlhfQ9.js";
+import "./icon-DcLTFhFW.js";
 import { t as spin_default } from "./spin-DzERwGWy.js";
 import { t as table_default$1 } from "./table-tZ8TA3cu.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, withCtx } from "vue";
@@ -63,6 +63,10 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{text-CfRWiRE0.js → text-DbHMEN3P.js}

@@ -53,6 +53,10 @@ var text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{thematic-break-DgOD2KmY.js → thematic-break-CdlhHAEZ.js}

@@ -53,6 +53,10 @@ var thematic_break_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/theme.css

@@ -1,4 +1,4 @@
-.stream-markdown.light {
+:is(.stream-markdown, .stream-markdown-overlay).light {
   --background: oklch(1 0 0);
   --foreground: oklch(0.141 0.005 285.823);
   --card: oklch(1 0 0);
@@ -32,7 +32,7 @@
   --sidebar-ring: oklch(0.708 0 0);
 }
 
-.stream-markdown.dark {
+:is(.stream-markdown, .stream-markdown-overlay).dark {
   --background: oklch(0.141 0.005 285.823);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.21 0.006 285.885);

package/dist/{tooltip-C4RiUZwy.js → tooltip-DarhJuZR.js}

@@ -1,4 +1,4 @@
-import { E as useFloating, K as useContext } from "./composables-BMXMKLLj.js";
+import { E as useFloating, K as useContext } from "./composables-CzUVrTt_.js";
 import { Fragment, Teleport, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, toDisplayString, toRefs, unref } from "vue";
 
 //#region src/components/tooltip.vue?vue&type=script&setup=true&lang.ts
@@ -29,8 +29,9 @@ var tooltip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	},
 	setup(__props, { expose: __expose }) {
 		const { placement, delay, trigger } = toRefs(__props);
-		const { getContainer } = useContext();
+		const { hideTooltip, getContainer } = useContext();
 		const { referenceEl: _referenceEl, floatingEl: _floatingEl, open, appendTo, floatingStyle, show, hide, onMouseEnter, onMouseLeave, onClick, onFloatingEnter, onFloatingLeave } = useFloating({
+			hideTooltip,
 			placement,
 			delay,
 			trigger,

package/dist/tooltip-vDDEbLwf.js

@@ -0,0 +1,4 @@
+import "./composables-CzUVrTt_.js";
+import { t as tooltip_default } from "./tooltip-DarhJuZR.js";
+
+export { tooltip_default as default };

package/dist/vanilla-CzQw2_b4.js

@@ -0,0 +1,4 @@
+import "./composables-CzUVrTt_.js";
+import { t as vanilla_default } from "./vanilla-Z6d1vQmX.js";
+
+export { vanilla_default as default };

package/dist/{vanilla-NR7MOE5P.js → vanilla-Z6d1vQmX.js}

@@ -1,4 +1,4 @@
-import { q as useCodeOptions } from "./composables-BMXMKLLj.js";
+import { q as useCodeOptions } from "./composables-CzUVrTt_.js";
 import { computed, defineComponent, h, renderList, toRefs } from "vue";
 
 //#region src/components/renderers/code/vanilla.ts

package/dist/{yaml-DP0yfJyS.js → yaml-DL5ozHZ_.js}

@@ -54,6 +54,10 @@ var yaml_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{zoom-container-CqZQ4X6w.js → zoom-container-DQMpHHGQ.js}

@@ -1,5 +1,5 @@
-import { b as useI18n, t as useZoom } from "./composables-BMXMKLLj.js";
-import { t as button_default } from "./button-CWSGNZmd.js";
+import { b as useI18n, t as useZoom } from "./composables-CzUVrTt_.js";
+import { t as button_default } from "./button-DVWlhfQ9.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, unref, withModifiers } from "vue";
 
 //#region src/components/zoom-container.vue?vue&type=script&setup=true&lang.ts
@@ -7,6 +7,11 @@ const _hoisted_1 = { "data-stream-markdown": "zoom-inner" };
 var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "zoom-container",
 	props: {
+		interactive: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
 		showControl: {
 			type: Boolean,
 			required: false,
@@ -99,13 +104,31 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		function onWheel(event) {
 			if (containerRef.value) handleWheel(event, containerRef.value);
 		}
+		function onPointerDown(event) {
+			if (!props.interactive) return;
+			event.preventDefault();
+			startDrag(event);
+		}
+		function onPointerMove(event) {
+			if (!props.interactive) return;
+			event.preventDefault();
+			onDrag(event);
+		}
+		function onPointerUp(event) {
+			if (!props.interactive) return;
+			event.preventDefault();
+			stopDrag();
+		}
 		function onTouchStart(event) {
+			if (!props.interactive) return;
 			if (containerRef.value) handleTouchStart(event, containerRef.value);
 		}
 		function onTouchMove(event) {
+			if (!props.interactive) return;
 			if (containerRef.value) handleTouchMove(event, containerRef.value);
 		}
 		function onTouchEnd(event) {
+			if (!props.interactive) return;
 			handleTouchEnd(event);
 		}
 		return (_ctx, _cache) => {
@@ -113,16 +136,17 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				ref_key: "containerRef",
 				ref: containerRef,
 				"data-stream-markdown": "zoom-container",
+				style: normalizeStyle({ touchAction: __props.interactive ? "none" : "auto" }),
 				onWheel,
 				onTouchstart: onTouchStart,
 				onTouchmove: onTouchMove,
 				onTouchend: onTouchEnd,
-				onPointerdown: _cache[2] || (_cache[2] = withModifiers((...args) => unref(startDrag) && unref(startDrag)(...args), ["prevent"])),
-				onPointermove: _cache[3] || (_cache[3] = withModifiers((...args) => unref(onDrag) && unref(onDrag)(...args), ["prevent"])),
-				onPointerup: _cache[4] || (_cache[4] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
-				onPointercancel: _cache[5] || (_cache[5] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
-				onPointerleave: _cache[6] || (_cache[6] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"]))
-			}, [__props.showControl ? (openBlock(), createElementBlock("div", {
+				onPointerdown: onPointerDown,
+				onPointermove: onPointerMove,
+				onPointerup: onPointerUp,
+				onPointercancel: onPointerUp,
+				onPointerleave: onPointerUp
+			}, [__props.showControl && __props.interactive ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				"data-stream-markdown": "zoom-controls",
 				style: normalizeStyle(controlsPosition.value),
@@ -140,7 +164,7 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					cursor: unref(isDragging) ? "grabbing" : "grab"
 				}),
 				onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-			}, [renderSlot(_ctx.$slots, "default")], 4)])], 544);
+			}, [renderSlot(_ctx.$slots, "default")], 4)])], 36);
 		};
 	}
 });

package/dist/zoom-container-JLbwB4gy.js

@@ -0,0 +1,7 @@
+import "./composables-CzUVrTt_.js";
+import "./tooltip-DarhJuZR.js";
+import "./button-DVWlhfQ9.js";
+import "./icon-DcLTFhFW.js";
+import { t as zoom_container_default } from "./zoom-container-DQMpHHGQ.js";
+
+export { zoom_container_default as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-stream-markdown",
   "type": "module",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Streaming markdown output, Useful for text streams like LLM outputs.",
   "author": "jinghaihan",
   "license": "MIT",
@@ -69,6 +69,7 @@
     "@unocss/eslint-plugin": "66.5.9",
     "@unocss/nuxt": "^66.5.10",
     "@vitejs/plugin-vue": "^6.0.3",
+    "@vitest/coverage-v8": "^4.0.15",
     "@vue/test-utils": "^2.4.6",
     "@vueuse/nuxt": "^14.1.0",
     "bumpp": "^10.3.2",

package/dist/button-BFS-gHGF.js

@@ -1,6 +0,0 @@
-import "./composables-BMXMKLLj.js";
-import "./tooltip-C4RiUZwy.js";
-import { t as button_default } from "./button-CWSGNZmd.js";
-import "./icon-CpKYt1dR.js";
-
-export { button_default as default };

package/dist/code-block-CTM9VEwA.js

@@ -1,10 +0,0 @@
-import "./previewers-Cpx1Wqu8.js";
-import "./composables-BMXMKLLj.js";
-import "./tooltip-C4RiUZwy.js";
-import "./button-CWSGNZmd.js";
-import "./icon-CpKYt1dR.js";
-import "./modal-DHGxvCt5.js";
-import { t as code_block_default } from "./code-block-XfHjZodV.js";
-import "./segmented-DDQZGL7l.js";
-
-export { code_block_default as default };

package/dist/dropdown-BQ3uynLf.js

@@ -1,6 +0,0 @@
-import "./composables-BMXMKLLj.js";
-import "./tooltip-C4RiUZwy.js";
-import { n as dropdown_default } from "./button-CWSGNZmd.js";
-import "./icon-CpKYt1dR.js";
-
-export { dropdown_default as default };

package/dist/error-component-B_Vacrqa.js

@@ -1,5 +0,0 @@
-import "./composables-BMXMKLLj.js";
-import "./icon-CpKYt1dR.js";
-import { t as error_component_default } from "./error-component-CckClFee.js";
-
-export { error_component_default as default };

package/dist/icon-BX3KKloR.js

@@ -1,4 +0,0 @@
-import "./composables-BMXMKLLj.js";
-import { t as icon_default } from "./icon-CpKYt1dR.js";
-
-export { icon_default as default };

package/dist/image-BtkXhzG1.js

@@ -1,9 +0,0 @@
-import "./composables-BMXMKLLj.js";
-import "./tooltip-C4RiUZwy.js";
-import "./button-CWSGNZmd.js";
-import "./icon-CpKYt1dR.js";
-import "./modal-DHGxvCt5.js";
-import "./zoom-container-CqZQ4X6w.js";
-import { t as image_default } from "./image-Dwe5A7RP.js";
-
-export { image_default as default };

package/dist/modal-CFOdkYNj.js

@@ -1,4 +0,0 @@
-import "./composables-BMXMKLLj.js";
-import { t as modal_default } from "./modal-DHGxvCt5.js";
-
-export { modal_default as default };