@simon_he/vue-tui 1.1.4 → 1.1.6

package/dist/vue/mermaid/beautiful-mermaid.d.ts

@@ -1,4 +1,5 @@
 import { type TMermaidCopyPayload, type TMermaidRenderer, type TMermaidTransientErrorClassifier } from "../components/TMermaidText.js";
+import { type TMermaidImageCopyPayload } from "../components/TMermaidImage.js";
 export declare function isMissingBeautifulMermaid(error: unknown): boolean;
 export declare const beautifulMermaidRenderer: TMermaidRenderer;
 export declare function createBeautifulMermaidRenderer(): TMermaidRenderer;
@@ -360,6 +361,13 @@ export declare const TMermaidText: import("vue").DefineComponent<import("vue").E
     readonly maxRenderSourceLines: number;
     readonly copiedDurationMs: number;
 }, {}>;
+/**
+ * Adaptive default mermaid component: renders the diagram as a terminal image
+ * (Kitty/iTerm2 graphics) when the terminal supports it, otherwise falls back
+ * to the beautiful-mermaid ASCII renderer, otherwise shows the raw source.
+ * While any pipeline is pending the raw source stays visible (source-first);
+ * streaming sources are only rendered once `final` is true.
+ */
 export declare const TMermaid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly x: {
         readonly type: NumberConstructor;
@@ -393,14 +401,6 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
         readonly type: import("vue").PropType<import("../../core.js").Style>;
         readonly default: undefined;
     };
-    readonly loadingStyle: {
-        readonly type: import("vue").PropType<import("../../core.js").Style>;
-        readonly default: undefined;
-    };
-    readonly errorStyle: {
-        readonly type: import("vue").PropType<import("../../core.js").Style>;
-        readonly default: undefined;
-    };
     readonly clear: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -413,57 +413,53 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-    readonly ascii: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
+    readonly renderer: {
+        readonly type: import("vue").PropType<import("./mermaid-image.js").TuiMermaidImageRasterizer>;
+        readonly default: undefined;
     };
-    readonly paddingX: {
+    readonly cellWidthPx: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly paddingY: {
+    readonly cellHeightPx: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly boxBorderPadding: {
+    readonly scale: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly options: {
-        readonly type: import("vue").PropType<import("../index.js").TMermaidAsciiOptions>;
+    readonly bg: {
+        readonly type: StringConstructor;
         readonly default: undefined;
     };
-    readonly renderer: {
-        readonly type: import("vue").PropType<TMermaidRenderer>;
+    readonly fg: {
+        readonly type: StringConstructor;
         readonly default: undefined;
     };
-    readonly isTransientError: {
-        readonly type: import("vue").PropType<TMermaidTransientErrorClassifier>;
+    readonly maxWidthCells: {
+        readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly shouldRenderSource: {
-        readonly type: import("vue").PropType<import("../index.js").TMermaidRenderEligibility>;
+    readonly maxHeightCells: {
+        readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly loadingText: {
-        readonly type: StringConstructor;
-        readonly default: "Rendering Mermaid diagram...";
-    };
-    readonly incompleteText: {
-        readonly type: StringConstructor;
-        readonly default: "Waiting for complete Mermaid diagram...";
+    readonly padding: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
     };
-    readonly missingDependencyText: {
-        readonly type: StringConstructor;
-        readonly default: "Install the Mermaid renderer package and use TMermaidText from @simon_he/vue-tui/mermaid or @simon_he/vue-tui/agent/mermaid, or pass a renderer prop.";
+    readonly textRenderer: {
+        readonly type: import("vue").PropType<TMermaidRenderer>;
+        readonly default: undefined;
     };
-    readonly errorText: {
-        readonly type: StringConstructor;
-        readonly default: "Mermaid render failed";
+    readonly shouldRenderSource: {
+        readonly type: import("vue").PropType<import("../index.js").TMermaidRenderEligibility>;
+        readonly default: undefined;
     };
-    readonly showErrorDetails: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
+    readonly textOptions: {
+        readonly type: import("vue").PropType<import("../index.js").TMermaidAsciiOptions>;
+        readonly default: undefined;
     };
     readonly box: {
         readonly type: BooleanConstructor;
@@ -485,9 +481,13 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
         readonly type: StringConstructor;
         readonly default: "copied";
     };
+    readonly copiedDurationMs: {
+        readonly type: NumberConstructor;
+        readonly default: 1200;
+    };
     readonly renderTimeoutMs: {
         readonly type: NumberConstructor;
-        readonly default: 2500;
+        readonly default: 0;
     };
     readonly maxRenderSourceChars: {
         readonly type: NumberConstructor;
@@ -497,14 +497,38 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
         readonly type: NumberConstructor;
         readonly default: 400;
     };
-    readonly copiedDurationMs: {
+    readonly copyOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly ascii: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly zoomOnWheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zoomModifier: {
+        readonly type: import("vue").PropType<"meta" | "ctrl" | "metaCtrl" | "none">;
+        readonly default: "metaCtrl";
+    };
+    readonly minZoom: {
         readonly type: NumberConstructor;
-        readonly default: 1200;
+        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, {
-    copy: (_payload: TMermaidCopyPayload) => true;
+    copy: (_payload: TMermaidImageCopyPayload) => true;
 }, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
     readonly x: {
         readonly type: NumberConstructor;
@@ -538,14 +562,6 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
         readonly type: import("vue").PropType<import("../../core.js").Style>;
         readonly default: undefined;
     };
-    readonly loadingStyle: {
-        readonly type: import("vue").PropType<import("../../core.js").Style>;
-        readonly default: undefined;
-    };
-    readonly errorStyle: {
-        readonly type: import("vue").PropType<import("../../core.js").Style>;
-        readonly default: undefined;
-    };
     readonly clear: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -558,57 +574,53 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-    readonly ascii: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
+    readonly renderer: {
+        readonly type: import("vue").PropType<import("./mermaid-image.js").TuiMermaidImageRasterizer>;
+        readonly default: undefined;
     };
-    readonly paddingX: {
+    readonly cellWidthPx: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly paddingY: {
+    readonly cellHeightPx: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly boxBorderPadding: {
+    readonly scale: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly options: {
-        readonly type: import("vue").PropType<import("../index.js").TMermaidAsciiOptions>;
+    readonly bg: {
+        readonly type: StringConstructor;
         readonly default: undefined;
     };
-    readonly renderer: {
-        readonly type: import("vue").PropType<TMermaidRenderer>;
+    readonly fg: {
+        readonly type: StringConstructor;
         readonly default: undefined;
     };
-    readonly isTransientError: {
-        readonly type: import("vue").PropType<TMermaidTransientErrorClassifier>;
+    readonly maxWidthCells: {
+        readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly shouldRenderSource: {
-        readonly type: import("vue").PropType<import("../index.js").TMermaidRenderEligibility>;
+    readonly maxHeightCells: {
+        readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly loadingText: {
-        readonly type: StringConstructor;
-        readonly default: "Rendering Mermaid diagram...";
-    };
-    readonly incompleteText: {
-        readonly type: StringConstructor;
-        readonly default: "Waiting for complete Mermaid diagram...";
+    readonly padding: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
     };
-    readonly missingDependencyText: {
-        readonly type: StringConstructor;
-        readonly default: "Install the Mermaid renderer package and use TMermaidText from @simon_he/vue-tui/mermaid or @simon_he/vue-tui/agent/mermaid, or pass a renderer prop.";
+    readonly textRenderer: {
+        readonly type: import("vue").PropType<TMermaidRenderer>;
+        readonly default: undefined;
     };
-    readonly errorText: {
-        readonly type: StringConstructor;
-        readonly default: "Mermaid render failed";
+    readonly shouldRenderSource: {
+        readonly type: import("vue").PropType<import("../index.js").TMermaidRenderEligibility>;
+        readonly default: undefined;
     };
-    readonly showErrorDetails: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
+    readonly textOptions: {
+        readonly type: import("vue").PropType<import("../index.js").TMermaidAsciiOptions>;
+        readonly default: undefined;
     };
     readonly box: {
         readonly type: BooleanConstructor;
@@ -630,9 +642,13 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
         readonly type: StringConstructor;
         readonly default: "copied";
     };
+    readonly copiedDurationMs: {
+        readonly type: NumberConstructor;
+        readonly default: 1200;
+    };
     readonly renderTimeoutMs: {
         readonly type: NumberConstructor;
-        readonly default: 2500;
+        readonly default: 0;
     };
     readonly maxRenderSourceChars: {
         readonly type: NumberConstructor;
@@ -642,9 +658,33 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
         readonly type: NumberConstructor;
         readonly default: 400;
     };
-    readonly copiedDurationMs: {
+    readonly copyOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly ascii: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly zoomOnWheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zoomModifier: {
+        readonly type: import("vue").PropType<"meta" | "ctrl" | "metaCtrl" | "none">;
+        readonly default: "metaCtrl";
+    };
+    readonly minZoom: {
         readonly type: NumberConstructor;
-        readonly default: 1200;
+        readonly default: 1;
+    };
+    readonly maxZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly zoomSensitivity: {
+        readonly type: NumberConstructor;
+        readonly default: 0.002;
     };
 }>> & Readonly<{
     onCopy?: ((_payload: Readonly<{
@@ -653,6 +693,8 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
         error?: unknown;
     }>) => any) | undefined;
 }>, {
+    readonly fg: string;
+    readonly bg: string;
     readonly style: Readonly<{
         fg?: string;
         bg?: string;
@@ -668,47 +710,17 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
     readonly h: number;
     readonly zIndex: number;
     readonly clear: boolean;
-    readonly renderer: TMermaidRenderer;
+    readonly renderer: import("./mermaid-image.js").TuiMermaidImageRasterizer;
+    readonly padding: number;
     readonly content: string;
-    readonly options: Readonly<{
-        paddingX?: number;
-        paddingY?: number;
-        boxBorderPadding?: number;
-        theme?: import("../index.js").TMermaidAsciiTheme;
-    }>;
-    readonly loadingText: string;
-    readonly errorText: string;
-    readonly loadingStyle: Readonly<{
-        fg?: string;
-        bg?: string;
-        bold?: boolean;
-        dim?: boolean;
-        italic?: boolean;
-        underline?: boolean;
-        inverse?: boolean;
-        href?: string;
-    }>;
-    readonly errorStyle: Readonly<{
-        fg?: string;
-        bg?: string;
-        bold?: boolean;
-        dim?: boolean;
-        italic?: boolean;
-        underline?: boolean;
-        inverse?: boolean;
-        href?: string;
-    }>;
     readonly final: boolean;
     readonly streaming: boolean;
+    readonly cellWidthPx: number;
+    readonly cellHeightPx: number;
+    readonly scale: number;
+    readonly maxWidthCells: number;
     readonly ascii: boolean;
-    readonly paddingX: number;
-    readonly paddingY: number;
-    readonly boxBorderPadding: number;
-    readonly isTransientError: TMermaidTransientErrorClassifier;
     readonly shouldRenderSource: import("../index.js").TMermaidRenderEligibility;
-    readonly incompleteText: string;
-    readonly missingDependencyText: string;
-    readonly showErrorDetails: boolean;
     readonly box: boolean;
     readonly copyButton: boolean;
     readonly copyText: string;
@@ -717,6 +729,20 @@ export declare const TMermaid: import("vue").DefineComponent<import("vue").Extra
     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("../index.js").TMermaidAsciiTheme;
+    }>;
+    readonly copyOnClick: boolean;
+    readonly zoomOnWheel: boolean;
+    readonly zoomModifier: "none" | "meta" | "ctrl" | "metaCtrl";
 }, {}>;
 export declare const TBeautifulMermaidText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly x: {
@@ -1109,14 +1135,6 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
         readonly type: import("vue").PropType<import("../../core.js").Style>;
         readonly default: undefined;
     };
-    readonly loadingStyle: {
-        readonly type: import("vue").PropType<import("../../core.js").Style>;
-        readonly default: undefined;
-    };
-    readonly errorStyle: {
-        readonly type: import("vue").PropType<import("../../core.js").Style>;
-        readonly default: undefined;
-    };
     readonly clear: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -1129,57 +1147,53 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-    readonly ascii: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
+    readonly renderer: {
+        readonly type: import("vue").PropType<import("./mermaid-image.js").TuiMermaidImageRasterizer>;
+        readonly default: undefined;
     };
-    readonly paddingX: {
+    readonly cellWidthPx: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly paddingY: {
+    readonly cellHeightPx: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly boxBorderPadding: {
+    readonly scale: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly options: {
-        readonly type: import("vue").PropType<import("../index.js").TMermaidAsciiOptions>;
+    readonly bg: {
+        readonly type: StringConstructor;
         readonly default: undefined;
     };
-    readonly renderer: {
-        readonly type: import("vue").PropType<TMermaidRenderer>;
+    readonly fg: {
+        readonly type: StringConstructor;
         readonly default: undefined;
     };
-    readonly isTransientError: {
-        readonly type: import("vue").PropType<TMermaidTransientErrorClassifier>;
+    readonly maxWidthCells: {
+        readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly shouldRenderSource: {
-        readonly type: import("vue").PropType<import("../index.js").TMermaidRenderEligibility>;
+    readonly maxHeightCells: {
+        readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly loadingText: {
-        readonly type: StringConstructor;
-        readonly default: "Rendering Mermaid diagram...";
-    };
-    readonly incompleteText: {
-        readonly type: StringConstructor;
-        readonly default: "Waiting for complete Mermaid diagram...";
+    readonly padding: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
     };
-    readonly missingDependencyText: {
-        readonly type: StringConstructor;
-        readonly default: "Install the Mermaid renderer package and use TMermaidText from @simon_he/vue-tui/mermaid or @simon_he/vue-tui/agent/mermaid, or pass a renderer prop.";
+    readonly textRenderer: {
+        readonly type: import("vue").PropType<TMermaidRenderer>;
+        readonly default: undefined;
     };
-    readonly errorText: {
-        readonly type: StringConstructor;
-        readonly default: "Mermaid render failed";
+    readonly shouldRenderSource: {
+        readonly type: import("vue").PropType<import("../index.js").TMermaidRenderEligibility>;
+        readonly default: undefined;
     };
-    readonly showErrorDetails: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
+    readonly textOptions: {
+        readonly type: import("vue").PropType<import("../index.js").TMermaidAsciiOptions>;
+        readonly default: undefined;
     };
     readonly box: {
         readonly type: BooleanConstructor;
@@ -1201,9 +1215,13 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
         readonly type: StringConstructor;
         readonly default: "copied";
     };
+    readonly copiedDurationMs: {
+        readonly type: NumberConstructor;
+        readonly default: 1200;
+    };
     readonly renderTimeoutMs: {
         readonly type: NumberConstructor;
-        readonly default: 2500;
+        readonly default: 0;
     };
     readonly maxRenderSourceChars: {
         readonly type: NumberConstructor;
@@ -1213,14 +1231,38 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
         readonly type: NumberConstructor;
         readonly default: 400;
     };
-    readonly copiedDurationMs: {
+    readonly copyOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly ascii: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly zoomOnWheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zoomModifier: {
+        readonly type: import("vue").PropType<"meta" | "ctrl" | "metaCtrl" | "none">;
+        readonly default: "metaCtrl";
+    };
+    readonly minZoom: {
         readonly type: NumberConstructor;
-        readonly default: 1200;
+        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, {
-    copy: (_payload: TMermaidCopyPayload) => true;
+    copy: (_payload: TMermaidImageCopyPayload) => true;
 }, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
     readonly x: {
         readonly type: NumberConstructor;
@@ -1254,14 +1296,6 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
         readonly type: import("vue").PropType<import("../../core.js").Style>;
         readonly default: undefined;
     };
-    readonly loadingStyle: {
-        readonly type: import("vue").PropType<import("../../core.js").Style>;
-        readonly default: undefined;
-    };
-    readonly errorStyle: {
-        readonly type: import("vue").PropType<import("../../core.js").Style>;
-        readonly default: undefined;
-    };
     readonly clear: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -1274,57 +1308,53 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-    readonly ascii: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
+    readonly renderer: {
+        readonly type: import("vue").PropType<import("./mermaid-image.js").TuiMermaidImageRasterizer>;
+        readonly default: undefined;
     };
-    readonly paddingX: {
+    readonly cellWidthPx: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly paddingY: {
+    readonly cellHeightPx: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly boxBorderPadding: {
+    readonly scale: {
         readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly options: {
-        readonly type: import("vue").PropType<import("../index.js").TMermaidAsciiOptions>;
+    readonly bg: {
+        readonly type: StringConstructor;
         readonly default: undefined;
     };
-    readonly renderer: {
-        readonly type: import("vue").PropType<TMermaidRenderer>;
+    readonly fg: {
+        readonly type: StringConstructor;
         readonly default: undefined;
     };
-    readonly isTransientError: {
-        readonly type: import("vue").PropType<TMermaidTransientErrorClassifier>;
+    readonly maxWidthCells: {
+        readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly shouldRenderSource: {
-        readonly type: import("vue").PropType<import("../index.js").TMermaidRenderEligibility>;
+    readonly maxHeightCells: {
+        readonly type: NumberConstructor;
         readonly default: undefined;
     };
-    readonly loadingText: {
-        readonly type: StringConstructor;
-        readonly default: "Rendering Mermaid diagram...";
-    };
-    readonly incompleteText: {
-        readonly type: StringConstructor;
-        readonly default: "Waiting for complete Mermaid diagram...";
+    readonly padding: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
     };
-    readonly missingDependencyText: {
-        readonly type: StringConstructor;
-        readonly default: "Install the Mermaid renderer package and use TMermaidText from @simon_he/vue-tui/mermaid or @simon_he/vue-tui/agent/mermaid, or pass a renderer prop.";
+    readonly textRenderer: {
+        readonly type: import("vue").PropType<TMermaidRenderer>;
+        readonly default: undefined;
     };
-    readonly errorText: {
-        readonly type: StringConstructor;
-        readonly default: "Mermaid render failed";
+    readonly shouldRenderSource: {
+        readonly type: import("vue").PropType<import("../index.js").TMermaidRenderEligibility>;
+        readonly default: undefined;
     };
-    readonly showErrorDetails: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
+    readonly textOptions: {
+        readonly type: import("vue").PropType<import("../index.js").TMermaidAsciiOptions>;
+        readonly default: undefined;
     };
     readonly box: {
         readonly type: BooleanConstructor;
@@ -1346,9 +1376,13 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
         readonly type: StringConstructor;
         readonly default: "copied";
     };
+    readonly copiedDurationMs: {
+        readonly type: NumberConstructor;
+        readonly default: 1200;
+    };
     readonly renderTimeoutMs: {
         readonly type: NumberConstructor;
-        readonly default: 2500;
+        readonly default: 0;
     };
     readonly maxRenderSourceChars: {
         readonly type: NumberConstructor;
@@ -1358,9 +1392,33 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
         readonly type: NumberConstructor;
         readonly default: 400;
     };
-    readonly copiedDurationMs: {
+    readonly copyOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly ascii: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly zoomOnWheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zoomModifier: {
+        readonly type: import("vue").PropType<"meta" | "ctrl" | "metaCtrl" | "none">;
+        readonly default: "metaCtrl";
+    };
+    readonly minZoom: {
         readonly type: NumberConstructor;
-        readonly default: 1200;
+        readonly default: 1;
+    };
+    readonly maxZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly zoomSensitivity: {
+        readonly type: NumberConstructor;
+        readonly default: 0.002;
     };
 }>> & Readonly<{
     onCopy?: ((_payload: Readonly<{
@@ -1369,6 +1427,8 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
         error?: unknown;
     }>) => any) | undefined;
 }>, {
+    readonly fg: string;
+    readonly bg: string;
     readonly style: Readonly<{
         fg?: string;
         bg?: string;
@@ -1384,47 +1444,17 @@ export declare const TBeautifulMermaid: import("vue").DefineComponent<import("vu
     readonly h: number;
     readonly zIndex: number;
     readonly clear: boolean;
-    readonly renderer: TMermaidRenderer;
+    readonly renderer: import("./mermaid-image.js").TuiMermaidImageRasterizer;
+    readonly padding: number;
     readonly content: string;
-    readonly options: Readonly<{
-        paddingX?: number;
-        paddingY?: number;
-        boxBorderPadding?: number;
-        theme?: import("../index.js").TMermaidAsciiTheme;
-    }>;
-    readonly loadingText: string;
-    readonly errorText: string;
-    readonly loadingStyle: Readonly<{
-        fg?: string;
-        bg?: string;
-        bold?: boolean;
-        dim?: boolean;
-        italic?: boolean;
-        underline?: boolean;
-        inverse?: boolean;
-        href?: string;
-    }>;
-    readonly errorStyle: Readonly<{
-        fg?: string;
-        bg?: string;
-        bold?: boolean;
-        dim?: boolean;
-        italic?: boolean;
-        underline?: boolean;
-        inverse?: boolean;
-        href?: string;
-    }>;
     readonly final: boolean;
     readonly streaming: boolean;
+    readonly cellWidthPx: number;
+    readonly cellHeightPx: number;
+    readonly scale: number;
+    readonly maxWidthCells: number;
     readonly ascii: boolean;
-    readonly paddingX: number;
-    readonly paddingY: number;
-    readonly boxBorderPadding: number;
-    readonly isTransientError: TMermaidTransientErrorClassifier;
     readonly shouldRenderSource: import("../index.js").TMermaidRenderEligibility;
-    readonly incompleteText: string;
-    readonly missingDependencyText: string;
-    readonly showErrorDetails: boolean;
     readonly box: boolean;
     readonly copyButton: boolean;
     readonly copyText: string;
@@ -1433,4 +1463,18 @@ export declare const TBeautifulMermaid: 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("../index.js").TMermaidAsciiTheme;
+    }>;
+    readonly copyOnClick: boolean;
+    readonly zoomOnWheel: boolean;
+    readonly zoomModifier: "none" | "meta" | "ctrl" | "metaCtrl";
 }, {}>;