@simon_he/vue-tui 1.1.4 → 1.1.5

package/dist/mermaid.d.cts

@@ -3,5 +3,5 @@ export { isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, } from "./
 export { beautifulMermaidRenderer, createBeautifulMermaidRenderer, TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidText, } from "./vue/mermaid/beautiful-mermaid.js";
 export { TMermaidImage } from "./vue/components/TMermaidImage.js";
 export type { TMermaidImageCopyPayload, TMermaidImageProps, } from "./vue/components/TMermaidImage.js";
-export { clearMermaidImageCache, getCachedMermaidImage, getMermaidImage, isMermaidImageRendererReady, loadMermaidImageRenderer, normalizeMermaidImageOptions, resolveMermaidImageColor, setMermaidImageRasterizer, subscribeMermaidImage, } from "./vue/mermaid/mermaid-image.js";
+export { clearMermaidImageCache, getCachedMermaidImage, getMermaidImage, isMermaidImageRendererReady, loadMermaidImageRenderer, normalizeMermaidImageOptions, resolveMermaidImageColor, resolveMermaidSvgForResvg, setMermaidImageRasterizer, subscribeMermaidImage, } from "./vue/mermaid/mermaid-image.js";
 export type { TuiMermaidImageCells, TuiMermaidImageOptions, TuiMermaidImageRasterizer, } from "./vue/mermaid/mermaid-image.js";

package/dist/mermaid.d.ts

@@ -3,5 +3,5 @@ export { isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, } from "./
 export { beautifulMermaidRenderer, createBeautifulMermaidRenderer, TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidText, } from "./vue/mermaid/beautiful-mermaid.js";
 export { TMermaidImage } from "./vue/components/TMermaidImage.js";
 export type { TMermaidImageCopyPayload, TMermaidImageProps, } from "./vue/components/TMermaidImage.js";
-export { clearMermaidImageCache, getCachedMermaidImage, getMermaidImage, isMermaidImageRendererReady, loadMermaidImageRenderer, normalizeMermaidImageOptions, resolveMermaidImageColor, setMermaidImageRasterizer, subscribeMermaidImage, } from "./vue/mermaid/mermaid-image.js";
+export { clearMermaidImageCache, getCachedMermaidImage, getMermaidImage, isMermaidImageRendererReady, loadMermaidImageRenderer, normalizeMermaidImageOptions, resolveMermaidImageColor, resolveMermaidSvgForResvg, setMermaidImageRasterizer, subscribeMermaidImage, } from "./vue/mermaid/mermaid-image.js";
 export type { TuiMermaidImageCells, TuiMermaidImageOptions, TuiMermaidImageRasterizer, } from "./vue/mermaid/mermaid-image.js";

package/dist/mermaid.js

@@ -1,8 +1,8 @@
 import "./create-terminal-Db_-UGVQ.js";
 import "./rect-JzWMJxxc.js";
 import { isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal } from "./TMermaidText-wLnMMvVS.js";
-import "./terminal-graphics-DWZrl3oh.js";
+import "./terminal-graphics-2FTRg9x3.js";
 import "./math-image-BZhmfUeu.js";
-import { TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidImage, TMermaidText, beautifulMermaidRenderer, clearMermaidImageCache, createBeautifulMermaidRenderer, getCachedMermaidImage, getMermaidImage, isMermaidImageRendererReady, loadMermaidImageRenderer, normalizeMermaidImageOptions, resolveMermaidImageColor, setMermaidImageRasterizer, subscribeMermaidImage } from "./mermaid-uEfRItDe.js";
+import { TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidImage, TMermaidText, beautifulMermaidRenderer, clearMermaidImageCache, createBeautifulMermaidRenderer, getCachedMermaidImage, getMermaidImage, isMermaidImageRendererReady, loadMermaidImageRenderer, normalizeMermaidImageOptions, resolveMermaidImageColor, resolveMermaidSvgForResvg, setMermaidImageRasterizer, subscribeMermaidImage } from "./mermaid-N3kGTHFy.js";
 
-export { TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidImage, TMermaidText, beautifulMermaidRenderer, clearMermaidImageCache, createBeautifulMermaidRenderer, getCachedMermaidImage, getMermaidImage, isMermaidImageRendererReady, isSimpleMermaidFlowchartSource, loadMermaidImageRenderer, markMermaidRenderErrorFatal, normalizeMermaidImageOptions, resolveMermaidImageColor, setMermaidImageRasterizer, subscribeMermaidImage };
+export { TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidImage, TMermaidText, beautifulMermaidRenderer, clearMermaidImageCache, createBeautifulMermaidRenderer, getCachedMermaidImage, getMermaidImage, isMermaidImageRendererReady, isSimpleMermaidFlowchartSource, loadMermaidImageRenderer, markMermaidRenderErrorFatal, normalizeMermaidImageOptions, resolveMermaidImageColor, resolveMermaidSvgForResvg, setMermaidImageRasterizer, subscribeMermaidImage };

package/dist/renderer/terminal-graphics.d.ts

@@ -162,6 +162,23 @@ export type CreateTerminalGraphicPngSequenceOptions = Readonly<{
     sourceHeight?: number;
     placementColumns?: number;
     placementRows?: number;
+    /**
+     * Optional placement used by the initial transmission (a=T). Defaults to
+     * `placementColumns` / `placementRows`. When the resize placement changes
+     * over time (e.g. mermaid wheel zoom), keep this stable so the stdout
+     * renderer can replace the placement with the resize sequence instead of
+     * re-sending the PNG (the renderer compares the full transmission string).
+     */
+    transmissionColumns?: number;
+    transmissionRows?: number;
+    /**
+     * Whether the initial transmission (a=T) carries the source crop. Defaults
+     * to `true` (current behavior). Set to `false` when the same image must be
+     * re-placed with different crops later (e.g. wheel zoom): the transmission
+     * then stores the full image so every resize placement can reference any
+     * region of it.
+     */
+    cropTransmission?: boolean;
     rect?: TerminalGraphicPngViewport;
     fullRect?: TerminalGraphicPngViewport;
     zIndex?: number;

package/dist/{terminal-graphics-DWZrl3oh.js → terminal-graphics-2FTRg9x3.js}

@@ -630,6 +630,11 @@ function createTerminalGraphicPngSequence(options) {
 				...crop
 			};
 		}
+		const cropTransmission = options.cropTransmission !== false;
+		const transmissionPlacement = cropTransmission ? placement : {
+			columns: options.transmissionColumns ?? options.placementColumns,
+			rows: options.transmissionRows ?? options.placementRows
+		};
 		return {
 			type: "sequence",
 			protocol: "kitty",
@@ -637,7 +642,7 @@ function createTerminalGraphicPngSequence(options) {
 				imageId: options.imageId,
 				placementId: options.placementId,
 				zIndex: options.zIndex,
-				...placement
+				...transmissionPlacement
 			}),
 			resizeSequence: createKittyPlacementSequence({
 				imageId: options.imageId,

package/dist/{tlog-theme-DqnF_zNe.js → tlog-theme-B91Wv7Zj.js}

@@ -5,7 +5,7 @@ import { TView, TuiThemeContextKey, createFrameMailbox, defaultActiveStyle, link
 import { framePerfNow } from "./frame-perf-CHpWhbC4.js";
 import { terminalSelectionRowSpans, terminalSelectionVisibleRowSpans } from "./terminal-selection-4W1SJj4c.js";
 import { applyWheelScroll, createWheelScrollState, resetWheelScrollState } from "./wheel-scroll-DASkEZr-.js";
-import { canDrawTerminalGraphicRect, createKittyDeleteGraphicsSequence, createKittyPlacementSequence, getTerminalGraphicsOutput, getTerminalGraphicsOutputVersion, isSafeTerminalGraphicsSequence, isTerminalGraphicsProtocol, normalizeTerminalGraphicSize, sanitizeTerminalFallbackText, stableTerminalGraphicNumericId, subscribeTerminalGraphicsOutput } from "./terminal-graphics-DWZrl3oh.js";
+import { canDrawTerminalGraphicRect, createKittyDeleteGraphicsSequence, createKittyPlacementSequence, getTerminalGraphicsOutput, getTerminalGraphicsOutputVersion, isSafeTerminalGraphicsSequence, isTerminalGraphicsProtocol, normalizeTerminalGraphicSize, sanitizeTerminalFallbackText, stableTerminalGraphicNumericId, subscribeTerminalGraphicsOutput } from "./terminal-graphics-2FTRg9x3.js";
 import { computed, defineComponent, getCurrentInstance, h, inject, markRaw, onBeforeUnmount, provide, ref, shallowReactive, shallowRef, watch, watchEffect } from "vue";
 
 //#region src/vue/utils/row-scroll.ts

package/dist/vue/components/TMermaidImage.d.ts

@@ -1,5 +1,6 @@
 import type { ExtractPublicPropTypes, PropType } from "vue";
 import type { Style } from "../../core/types.js";
+import type { TMermaidAsciiOptions, TMermaidRenderEligibility, TMermaidRenderer } from "./TMermaidText.js";
 import { type TuiMermaidImageRasterizer } from "../mermaid/mermaid-image.js";
 export type TMermaidImageCopyPayload = Readonly<{
     text: string;
@@ -87,6 +88,18 @@ export declare const tMermaidImageProps: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
+    readonly textRenderer: {
+        readonly type: PropType<TMermaidRenderer>;
+        readonly default: undefined;
+    };
+    readonly shouldRenderSource: {
+        readonly type: PropType<TMermaidRenderEligibility>;
+        readonly default: undefined;
+    };
+    readonly textOptions: {
+        readonly type: PropType<TMermaidAsciiOptions>;
+        readonly default: undefined;
+    };
     readonly box: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -131,6 +144,26 @@ export declare const tMermaidImageProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly zoomOnWheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zoomModifier: {
+        readonly type: PropType<"meta" | "ctrl" | "metaCtrl" | "none">;
+        readonly default: "metaCtrl";
+    };
+    readonly minZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly maxZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly zoomSensitivity: {
+        readonly type: NumberConstructor;
+        readonly default: 0.002;
+    };
 };
 export type TMermaidImageProps = ExtractPublicPropTypes<typeof tMermaidImageProps>;
 export declare const TMermaidImage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -214,6 +247,18 @@ export declare const TMermaidImage: import("vue").DefineComponent<import("vue").
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
+    readonly textRenderer: {
+        readonly type: PropType<TMermaidRenderer>;
+        readonly default: undefined;
+    };
+    readonly shouldRenderSource: {
+        readonly type: PropType<TMermaidRenderEligibility>;
+        readonly default: undefined;
+    };
+    readonly textOptions: {
+        readonly type: PropType<TMermaidAsciiOptions>;
+        readonly default: undefined;
+    };
     readonly box: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -258,6 +303,26 @@ export declare const TMermaidImage: import("vue").DefineComponent<import("vue").
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly zoomOnWheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zoomModifier: {
+        readonly type: PropType<"meta" | "ctrl" | "metaCtrl" | "none">;
+        readonly default: "metaCtrl";
+    };
+    readonly minZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly maxZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly zoomSensitivity: {
+        readonly type: NumberConstructor;
+        readonly default: 0.002;
+    };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -343,6 +408,18 @@ export declare const TMermaidImage: import("vue").DefineComponent<import("vue").
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
+    readonly textRenderer: {
+        readonly type: PropType<TMermaidRenderer>;
+        readonly default: undefined;
+    };
+    readonly shouldRenderSource: {
+        readonly type: PropType<TMermaidRenderEligibility>;
+        readonly default: undefined;
+    };
+    readonly textOptions: {
+        readonly type: PropType<TMermaidAsciiOptions>;
+        readonly default: undefined;
+    };
     readonly box: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -387,6 +464,26 @@ export declare const TMermaidImage: import("vue").DefineComponent<import("vue").
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly zoomOnWheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zoomModifier: {
+        readonly type: PropType<"meta" | "ctrl" | "metaCtrl" | "none">;
+        readonly default: "metaCtrl";
+    };
+    readonly minZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly maxZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly zoomSensitivity: {
+        readonly type: NumberConstructor;
+        readonly default: 0.002;
+    };
 }>> & Readonly<{
     onCopy?: ((_payload: Readonly<{
         text: string;
@@ -421,6 +518,7 @@ export declare const TMermaidImage: import("vue").DefineComponent<import("vue").
     readonly scale: number;
     readonly maxWidthCells: number;
     readonly ascii: boolean;
+    readonly shouldRenderSource: TMermaidRenderEligibility;
     readonly box: boolean;
     readonly copyButton: boolean;
     readonly copyText: string;
@@ -429,8 +527,20 @@ export declare const TMermaidImage: import("vue").DefineComponent<import("vue").
     readonly maxRenderSourceChars: number;
     readonly maxRenderSourceLines: number;
     readonly copiedDurationMs: number;
+    readonly minZoom: number;
+    readonly maxZoom: number;
+    readonly zoomSensitivity: number;
     readonly maxHeightCells: number;
+    readonly textRenderer: TMermaidRenderer;
+    readonly textOptions: Readonly<{
+        paddingX?: number;
+        paddingY?: number;
+        boxBorderPadding?: number;
+        theme?: import("./TMermaidText.js").TMermaidAsciiTheme;
+    }>;
     readonly copyOnClick: boolean;
+    readonly zoomOnWheel: boolean;
+    readonly zoomModifier: "none" | "meta" | "ctrl" | "metaCtrl";
 }, {}>;
 export declare const TMermaidImageText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly x: {
@@ -513,6 +623,18 @@ export declare const TMermaidImageText: import("vue").DefineComponent<import("vu
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
+    readonly textRenderer: {
+        readonly type: PropType<TMermaidRenderer>;
+        readonly default: undefined;
+    };
+    readonly shouldRenderSource: {
+        readonly type: PropType<TMermaidRenderEligibility>;
+        readonly default: undefined;
+    };
+    readonly textOptions: {
+        readonly type: PropType<TMermaidAsciiOptions>;
+        readonly default: undefined;
+    };
     readonly box: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -557,6 +679,26 @@ export declare const TMermaidImageText: import("vue").DefineComponent<import("vu
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly zoomOnWheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zoomModifier: {
+        readonly type: PropType<"meta" | "ctrl" | "metaCtrl" | "none">;
+        readonly default: "metaCtrl";
+    };
+    readonly minZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly maxZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly zoomSensitivity: {
+        readonly type: NumberConstructor;
+        readonly default: 0.002;
+    };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -642,6 +784,18 @@ export declare const TMermaidImageText: import("vue").DefineComponent<import("vu
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
+    readonly textRenderer: {
+        readonly type: PropType<TMermaidRenderer>;
+        readonly default: undefined;
+    };
+    readonly shouldRenderSource: {
+        readonly type: PropType<TMermaidRenderEligibility>;
+        readonly default: undefined;
+    };
+    readonly textOptions: {
+        readonly type: PropType<TMermaidAsciiOptions>;
+        readonly default: undefined;
+    };
     readonly box: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -686,6 +840,26 @@ export declare const TMermaidImageText: import("vue").DefineComponent<import("vu
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly zoomOnWheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zoomModifier: {
+        readonly type: PropType<"meta" | "ctrl" | "metaCtrl" | "none">;
+        readonly default: "metaCtrl";
+    };
+    readonly minZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly maxZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly zoomSensitivity: {
+        readonly type: NumberConstructor;
+        readonly default: 0.002;
+    };
 }>> & Readonly<{
     onCopy?: ((_payload: Readonly<{
         text: string;
@@ -720,6 +894,7 @@ export declare const TMermaidImageText: import("vue").DefineComponent<import("vu
     readonly scale: number;
     readonly maxWidthCells: number;
     readonly ascii: boolean;
+    readonly shouldRenderSource: TMermaidRenderEligibility;
     readonly box: boolean;
     readonly copyButton: boolean;
     readonly copyText: string;
@@ -728,6 +903,18 @@ export declare const TMermaidImageText: import("vue").DefineComponent<import("vu
     readonly maxRenderSourceChars: number;
     readonly maxRenderSourceLines: number;
     readonly copiedDurationMs: number;
+    readonly minZoom: number;
+    readonly maxZoom: number;
+    readonly zoomSensitivity: number;
     readonly maxHeightCells: number;
+    readonly textRenderer: TMermaidRenderer;
+    readonly textOptions: Readonly<{
+        paddingX?: number;
+        paddingY?: number;
+        boxBorderPadding?: number;
+        theme?: import("./TMermaidText.js").TMermaidAsciiTheme;
+    }>;
     readonly copyOnClick: boolean;
+    readonly zoomOnWheel: boolean;
+    readonly zoomModifier: "none" | "meta" | "ctrl" | "metaCtrl";
 }, {}>;