vue-stream-markdown 0.1.3 → 0.1.5

package/dist/zoom-container-D_fBClW2.js

@@ -1,111 +0,0 @@
-import { M as ICONS, t as useZoom, u as useI18n } from "./composables-Cj6_jbwr.js";
-import { t as button_default } from "./button-CJyeXWq2.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, renderSlot, unref, withModifiers } from "vue";
-
-//#region src/components/zoom-container.vue?vue&type=script&setup=true&lang.ts
-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: {
-		showControl: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		position: {
-			type: String,
-			required: false,
-			default: "bottom-right"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const containerRef = ref();
-		const { t } = useI18n();
-		const { zoom, isDragging, transformStyle, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, handleWheel } = useZoom();
-		const zoomPercent = computed(() => `${Math.round(zoom.value * 100)}%`);
-		const controlsStyle = computed(() => {
-			switch (props.position) {
-				case "top-left": return {
-					top: "0.5rem",
-					left: "0.5rem"
-				};
-				case "top-right": return {
-					top: "0.5rem",
-					right: "0.5rem"
-				};
-				case "bottom-left": return {
-					bottom: "0.5rem",
-					left: "0.5rem"
-				};
-				case "bottom-right":
-				default: return {
-					bottom: "0.5rem",
-					right: "0.5rem"
-				};
-			}
-		});
-		function onWheel(event) {
-			if (containerRef.value) handleWheel(event, containerRef.value);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "containerRef",
-				ref: containerRef,
-				"data-stream-markdown": "zoom-container",
-				onWheel,
-				onPointerdown: _cache[0] || (_cache[0] = withModifiers((...args) => unref(startDrag) && unref(startDrag)(...args), ["prevent"])),
-				onPointermove: _cache[1] || (_cache[1] = withModifiers((...args) => unref(onDrag) && unref(onDrag)(...args), ["prevent"])),
-				onPointerup: _cache[2] || (_cache[2] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
-				onPointercancel: _cache[3] || (_cache[3] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
-				onPointerleave: _cache[4] || (_cache[4] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"]))
-			}, [__props.showControl ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				"data-stream-markdown": "zoom-controls",
-				style: normalizeStyle(controlsStyle.value)
-			}, [
-				createVNode(button_default, {
-					icon: unref(ICONS).zoomIn,
-					name: unref(t)("button.zoomIn"),
-					onClick: unref(zoomIn)
-				}, null, 8, [
-					"icon",
-					"name",
-					"onClick"
-				]),
-				createVNode(button_default, {
-					icon: unref(ICONS).zoomOut,
-					name: unref(t)("button.zoomOut"),
-					onClick: unref(zoomOut)
-				}, null, 8, [
-					"icon",
-					"name",
-					"onClick"
-				]),
-				createVNode(button_default, {
-					title: unref(t)("button.resetZoom"),
-					name: zoomPercent.value,
-					variant: "text",
-					onClick: unref(resetZoom)
-				}, null, 8, [
-					"title",
-					"name",
-					"onClick"
-				])
-			], 4)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_1, [createElementVNode("div", {
-				"data-stream-markdown": "zoom-transform-container",
-				style: normalizeStyle({
-					...unref(transformStyle),
-					cursor: unref(isDragging) ? "grabbing" : "grab"
-				})
-			}, [renderSlot(_ctx.$slots, "default")], 4)])], 544);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/zoom-container.vue
-var zoom_container_default = zoom_container_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-export { zoom_container_default as t };