mermaid - npm Package Compare versions

Comparing version 11.2.1 to 11.3.0

dist/dagre-wrapper/nodes.d.ts

@@ -1,4 +0,4 @@
-export function insertNode(elem: any, node: any, dir: any): Promise<any>;
+export function insertNode(elem: any, node: any, renderOptions: any): Promise<any>;
 export function setNodeElem(elem: any, node: any): void;
 export function clear(): void;
 export function positionNode(node: any): any;

dist/diagrams/flowchart/flowDb.d.ts

@@ -13,3 +13,3 @@ import type { Node, Edge } from '../../rendering-util/types.js';
  */
-export declare const addVertex: (id: string, textObj: FlowText, type: 'group', style: string[], classes: string[], dir: string, props?: {}) => void;
+export declare const addVertex: (id: string, textObj: FlowText, type: 'group', style: string[], classes: string[], dir: string, props: {} | undefined, shapeData: any) => void;
 /**
@@ -124,3 +124,3 @@ * Function called by parser when a link/edge definition has been found
     setAccDescription: (txt: string) => void;
-    addVertex: (id: string, textObj: FlowText, type: "group", style: string[], classes: string[], dir: string, props?: {}) => void;
+    addVertex: (id: string, textObj: FlowText, type: "group", style: string[], classes: string[], dir: string, props: {} | undefined, shapeData: any) => void;
     lookUpDomId: (id: string) => string;
@@ -127,0 +127,0 @@ addLink: (_start: string[], _end: string[], type: unknown) => void;

dist/diagrams/flowchart/flowDiagram.d.ts

@@ -16,3 +16,3 @@ import type { MermaidConfig } from '../../config.type.js';
         setAccDescription: (txt: string) => void;
-        addVertex: (id: string, textObj: import("./types.js").FlowText, type: "group", style: string[], classes: string[], dir: string, props?: {}) => void;
+        addVertex: (id: string, textObj: import("./types.js").FlowText, type: "group", style: string[], classes: string[], dir: string, props: {} | undefined, shapeData: any) => void;
         lookUpDomId: (id: string) => string;
@@ -19,0 +19,0 @@ addLink: (_start: string[], _end: string[], type: unknown) => void;

dist/diagrams/flowchart/types.d.ts

@@ -14,2 +14,11 @@ export interface FlowVertex {
     type?: string;
+    icon?: string;
+    form?: string;
+    pos?: 't' | 'b';
+    img?: string;
+    assetWidth?: number;
+    assetHeight?: number;
+    defaultWidth?: number;
+    imageAspectRatio?: number;
+    constraint?: 'on' | 'off';
 }
@@ -16,0 +25,0 @@ export interface FlowText {

dist/internals.d.ts

@@ -28,3 +28,3 @@ import { interpolateToCurve } from './utils.js';
     insertMarkers: (elem: any, markerArray: any, type: any, id: any) => void;
-    insertNode: (elem: any, node: any, dir: any) => Promise<any>;
+    insertNode: (elem: any, node: any, renderOptions: any) => Promise<any>;
     interpolateToCurve: typeof interpolateToCurve;
@@ -31,0 +31,0 @@ labelHelper: (parent: any, node: any, _classes: any) => Promise<{

dist/rendering-util/insertElementsForSize.d.ts

@@ -1,2 +0,1 @@
-export function insertElementsForSize(el: any, data: any): void;
 export function getDiagramElement(id: any, securityLevel: any): any;

dist/rendering-util/rendering-elements/nodes.d.ts

@@ -1,4 +0,159 @@
-export function insertNode(elem: any, node: any, dir: any): Promise<any>;
+export const shapes: {
+    state: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    stateStart: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    stateEnd: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    forkJoin: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { dir, config: { state, themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    choice: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    note: (parent: SVGAElement, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => Promise<any>;
+    rectWithTitle: (parent: SVGElement, node: import("../types.js").Node) => Promise<any>;
+    roundedRect: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    squareRect: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    rectangle: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    rect: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    process: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    proc: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    rounded: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    event: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    stadium: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    pill: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    terminal: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    subroutine: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'framed-rectangle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'fr-rect': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    subprocess: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    subproc: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    cylinder: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    db: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    cyl: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    database: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    question: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    diam: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    diamond: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    decision: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    hexagon: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    hex: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    prepare: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    lean_right: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'lean-r': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'lean-right': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'in-out': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    lean_left: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'lean-l': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'lean-left': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'out-in': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    trapezoid: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'trap-b': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'trapezoid-bottom': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    priority: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    inv_trapezoid: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'inv-trapezoid': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'trapezoid-top': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'trap-t': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    manual: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    doublecircle: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'dbl-circ': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'double-circle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    circle: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    circ: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    rect_left_inv_arrow: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    odd: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    card: typeof card;
+    'notched-rectangle': typeof card;
+    'notch-rect': typeof card;
+    'lined-rectangle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'lin-rect': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'lin-proc': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'lined-process': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'shaded-process': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'small-circle': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    'sm-circ': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    start: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    stop: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    'framed-circle': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    'fr-circ': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    join: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { dir, config: { state, themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    fork: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { dir, config: { state, themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    comment: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'brace-l': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    bolt: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    'com-link': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    'lightning-bolt': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    doc: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    document: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    delay: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'half-rounded-rectangle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'horizontal-cylinder': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'h-cyl': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    das: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'lined-cylinder': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'lin-cyl': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    disk: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'curved-trapezoid': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'curv-trap': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    display: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'divided-rectangle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'div-rect': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'div-proc': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'divided-process': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    triangle: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    tri: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    extract: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'window-pane': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'win-pane': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'internal-storage': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'f-circ': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    junction: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    'filled-circle': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables } }: import("../types.js").ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    'lin-doc': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'lined-document': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'notched-pentagon': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'notch-pent': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'loop-limit': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'flipped-triangle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'flip-tri': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'manual-file': (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    'sloped-rectangle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'sl-rect': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'manual-input': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    docs: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    documents: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'st-doc': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'stacked-document': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    processes: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    procs: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'stacked-rectangle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'st-rect': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    flag: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'paper-tape': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'bow-tie-rectangle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'bow-rect': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'stored-data': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'crossed-circle': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    'cross-circ': (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    summary: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+    'tag-doc': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'tagged-document': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'tag-rect': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'tagged-rectangle': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'tag-proc': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    'tagged-process': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    hourglass: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    collate: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    text: typeof text;
+    anchor: (parent: SVGAElement, node: import("../types.js").Node) => Promise<SVGAElement>;
+    brace: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    labelRect: (parent: SVGElement, node: import("../types.js").Node) => Promise<any>;
+    'brace-r': (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    braces: (parent: SVGAElement, node: import("../types.js").Node) => Promise<any>;
+    iconSquare: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables, flowchart } }: import("../types.js").ShapeRenderOptions) => Promise<any>;
+    iconCircle: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables, flowchart } }: import("../types.js").ShapeRenderOptions) => Promise<any>;
+    icon: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables, flowchart } }: import("../types.js").ShapeRenderOptions) => Promise<any>;
+    iconRounded: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { themeVariables, flowchart } }: import("../types.js").ShapeRenderOptions) => Promise<any>;
+    imageSquare: (parent: import("../../mermaid.js").SVG, node: import("../types.js").Node, { config: { flowchart } }: import("../types.js").ShapeRenderOptions) => Promise<any>;
+};
+export function insertNode(elem: any, node: any, renderOptions: any): Promise<any>;
 export function setNodeElem(elem: any, node: any): void;
 export function clear(): void;
 export function positionNode(node: any): any;
+import { card } from './shapes/card.js';
+import { text } from './shapes/text.js';

dist/rendering-util/rendering-elements/shapes/forkJoin.d.ts

@@ -1,3 +0,3 @@
-import type { Node } from '../../types.js';
 import type { SVG } from '../../../diagram-api/types.js';
-export declare const forkJoin: (parent: SVG, node: Node, dir: string) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+import type { Node, ShapeRenderOptions } from '../../types.js';
+export declare const forkJoin: (parent: SVG, node: Node, { dir, config: { state, themeVariables } }: ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;

dist/rendering-util/rendering-elements/shapes/invertedTrapezoid.d.ts

 import type { Node } from '../../types.js';
-export declare const createInvertedTrapezoidPathD: (x: number, y: number, width: number, height: number) => string;
 export declare const inv_trapezoid: (parent: SVGAElement, node: Node) => Promise<SVGAElement>;

dist/rendering-util/rendering-elements/shapes/leanLeft.d.ts

 import type { Node } from '../../types.js';
-export declare const createLeanLeftPathD: (x: number, y: number, width: number, height: number) => string;
 export declare const lean_left: (parent: SVGAElement, node: Node) => Promise<SVGAElement>;

dist/rendering-util/rendering-elements/shapes/leanRight.d.ts

 import type { Node } from '../../types.js';
-export declare const createLeanRightPathD: (x: number, y: number, width: number, height: number) => string;
 export declare const lean_right: (parent: SVGAElement, node: Node) => Promise<SVGAElement>;

dist/rendering-util/rendering-elements/shapes/note.d.ts

@@ -1,2 +0,2 @@
-import type { Node } from '../../types.js';
-export declare const note: (parent: SVGAElement, node: Node) => Promise<any>;
+import type { Node, ShapeRenderOptions } from '../../types.js';
+export declare const note: (parent: SVGAElement, node: Node, { config: { themeVariables } }: ShapeRenderOptions) => Promise<any>;

dist/rendering-util/rendering-elements/shapes/rectLeftInvArrow.d.ts

 import type { Node } from '../../types.js';
-export declare const createPolygonPathD: (x: number, y: number, width: number, height: number) => string;
 export declare const rect_left_inv_arrow: (parent: SVGAElement, node: Node) => Promise<SVGAElement>;

dist/rendering-util/rendering-elements/shapes/stateEnd.d.ts

@@ -1,3 +0,3 @@
-import type { Node } from '../../types.js';
 import type { SVG } from '../../../diagram-api/types.js';
-export declare const stateEnd: (parent: SVG, node: Node) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+import type { Node, ShapeRenderOptions } from '../../types.js';
+export declare const stateEnd: (parent: SVG, node: Node, { config: { themeVariables } }: ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;

dist/rendering-util/rendering-elements/shapes/stateStart.d.ts

@@ -1,3 +0,3 @@
-import type { Node } from '../../types.js';
 import type { SVG } from '../../../diagram-api/types.js';
-export declare const stateStart: (parent: SVG, node: Node) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;
+import type { Node, ShapeRenderOptions } from '../../types.js';
+export declare const stateStart: (parent: SVG, node: Node, { config: { themeVariables } }: ShapeRenderOptions) => import("d3-selection").Selection<SVGGElement, unknown, Element | null, unknown>;

dist/rendering-util/rendering-elements/shapes/subroutine.d.ts

 import type { Node } from '../../types.js';
 export declare const createSubroutinePathD: (x: number, y: number, width: number, height: number) => string;
 export declare const subroutine: (parent: SVGAElement, node: Node) => Promise<any>;
-export default subroutine;

dist/rendering-util/rendering-elements/shapes/trapezoid.d.ts

 import type { Node } from '../../types.js';
-export declare const createTrapezoidPathD: (x: number, y: number, width: number, height: number) => string;
 export declare const trapezoid: (parent: SVGAElement, node: Node) => Promise<SVGAElement>;

dist/rendering-util/rendering-elements/shapes/util.d.ts

@@ -8,2 +8,11 @@ /**
 export function insertPolygonShape(parent: any, w: any, h: any, points: any): any;
+export function createPathFromPoints(points: any): any;
+export function generateFullSineWavePoints(x1: any, y1: any, x2: any, y2: any, amplitude: any, numCycles: any): {
+    x: any;
+    y: any;
+}[];
+export function generateCirclePoints(centerX: any, centerY: any, radius: any, numPoints: any, startAngle: any, endAngle: any): {
+    x: number;
+    y: number;
+}[];
 export function labelHelper(parent: any, node: any, _classes: any): Promise<{
@@ -10,0 +19,0 @@ shapeSvg: any;

dist/rendering-util/types.d.ts

@@ -45,2 +45,10 @@ export type MarkdownWordType = 'normal' | 'strong' | 'em';
     look?: string;
+    icon?: string;
+    pos?: 't' | 'b';
+    img?: string;
+    assetWidth?: number;
+    assetHeight?: number;
+    defaultWidth?: number;
+    imageAspectRatio?: number;
+    constraint?: 'on' | 'off';
 }
@@ -94,1 +102,5 @@ export interface Edge {
 export type LayoutMethod = 'dagre' | 'dagre-wrapper' | 'elk' | 'neato' | 'dot' | 'circo' | 'fdp' | 'osage' | 'grid';
+export interface ShapeRenderOptions {
+    config: MermaidConfig;
+    dir: string;
+}

dist/types.d.ts

@@ -0,1 +1,12 @@
+export interface NodeMetaData {
+    shape?: string;
+    label?: string;
+    icon?: string;
+    form?: string;
+    pos?: 't' | 'b';
+    img?: string;
+    w?: string;
+    h?: string;
+    constraint?: 'on' | 'off';
+}
 import type { MermaidConfig } from './config.type.js';
@@ -2,0 +13,0 @@ export interface Point {

package.json

 {
   "name": "mermaid",
-  "version": "11.2.1",
+  "version": "11.3.0",
   "description": "Markdown-ish syntax for generating flowcharts, mindmaps, sequence diagrams, class diagrams, gantt charts, git graphs and more.",
@@ -60,3 +60,3 @@ "type": "module",
     "dayjs": "^1.11.10",
-    "dompurify": "^3.0.11",
+    "dompurify": "^3.0.11 <3.1.7",
     "katex": "^0.16.9",
@@ -63,0 +63,0 @@ "khroma": "^2.1.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

61617509

increased by2.38%

Number of package files

683

increased by5.4%

Lines of code

218787

increased by2.56%

Worsened metrics

Number of medium supply chain risk alerts

7

increased by16.67%

Dependency changes

• + Addeddompurify@3.1.6(transitive)

• - Removeddompurify@3.1.7(transitive)

• Updateddompurify@^3.0.11 <3.1.7