import * as i0 from '@angular/core'; import { InjectionToken, Type, TemplateRef, PipeTransform, ViewContainerRef, OnChanges, AfterViewInit, OnDestroy, ElementRef, EventEmitter, SecurityContext, Provider, ModuleWithProviders } from '@angular/core'; import { MarkedOptions, Renderer, MarkedExtension } from 'marked'; export { MarkedOptions, Renderer as MarkedRenderer } from 'marked'; import { Observable } from 'rxjs'; import { SafeHtml } from '@angular/platform-browser'; declare class ClipboardButtonComponent { private _buttonClick$; readonly copied: i0.Signal; readonly copiedText: i0.Signal<"Copy" | "Copied">; onCopyToClipboardClick(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } interface ClipboardOptions { buttonComponent?: Type; } interface ClipboardRenderOptions extends ClipboardOptions { buttonTemplate?: TemplateRef; } declare const CLIPBOARD_OPTIONS: InjectionToken; declare class KatexSpecificOptions { /** * If `true`, math will be rendered in display mode * (math in display style and center math on page) * * If `false`, math will be rendered in inline mode * @default false */ displayMode?: boolean; /** * If `true`, KaTeX will throw a `ParseError` when * it encounters an unsupported command or invalid LaTex * * If `false`, KaTeX will render unsupported commands as * text, and render invalid LaTeX as its source code with * hover text giving the error, in color given by errorColor * @default true */ throwOnError?: boolean; /** * A Color string given in format `#XXX` or `#XXXXXX` */ errorColor?: string; /** * A collection of custom macros. * * See `src/macros.js` for its usage */ macros?: any; /** * If `true`, `\color` will work like LaTeX's `\textcolor` * and takes 2 arguments * * If `false`, `\color` will work like LaTeX's `\color` * and takes 1 argument * * In both cases, `\textcolor` works as in LaTeX * * @default false */ colorIsTextColor?: boolean; /** * All user-specified sizes will be caped to `maxSize` ems * * If set to Infinity, users can make elements and space * arbitrarily large * * @default Infinity */ maxSize?: number; /** * Limit the number of macro expansions to specified number * * If set to `Infinity`, marco expander will try to fully expand * as in LaTex * * @default 1000 */ maxExpand?: number; /** * Allowed protocols in `\href` * * Use `_relative` to allow relative urls * * Use `*` to allow all protocols */ allowedProtocols?: string[]; /** * If `false` or `"ignore"`, allow features that make * writing in LaTex convenient but not supported by LaTex * * If `true` or `"error"`, throw an error for such transgressions * * If `"warn"`, warn about behavior via `console.warn` * * @default "warn" */ strict?: boolean | string | Function; } interface RenderMathInElementSpecificOptionsDelimiters { /** * A string which starts the math expression (i.e. the left delimiter) */ left: string; /** * A string which ends the math expression (i.e. the right delimiter) */ right: string; /** * A boolean of whether the math in the expression should be rendered in display mode or not */ display: boolean; } interface RenderMathInElementSpecificOptions { /** * A list of delimiters to look for math * * @default [ * {left: "$$", right: "$$", display: true}, * {left: "\\(", right: "\\)", display: false}, * {left: "\\[", right: "\\]", display: true} * ] */ delimiters?: ReadonlyArray | undefined; /** * A list of DOM node types to ignore when recursing through * * @default ["script", "noscript", "style", "textarea", "pre", "code"] */ ignoredTags?: ReadonlyArray | undefined; /** * A list of DOM node class names to ignore when recursing through * * @default [] */ ignoredClasses?: string[] | undefined; /** * A callback method returning a message and an error stack in case of an critical error during rendering * @param msg Message generated by KaTeX * @param err Caught error * * @default console.error */ errorCallback?(msg: string, err: Error): void; } /** * renderMathInElement options contain KaTeX render options and renderMathInElement specific options */ type KatexOptions = KatexSpecificOptions & RenderMathInElementSpecificOptions; declare class LanguagePipe implements PipeTransform { transform(value: string | null, language: string): string; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵpipe: i0.ɵɵPipeDeclaration; } declare const MARKED_OPTIONS: InjectionToken>; declare const MERMAID_OPTIONS: InjectionToken; declare namespace MermaidAPI { /** * JavaScript function that returns a `FontConfig`. * * By default, these return the appropriate `*FontSize`, `*FontFamily`, `*FontWeight` * values. * * For example, the font calculator called `boundaryFont` might be defined as: * * ```javascript * boundaryFont: function () { * return { * fontFamily: this.boundaryFontFamily, * fontSize: this.boundaryFontSize, * fontWeight: this.boundaryFontWeight, * }; * } * ``` * * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "FontCalculator". */ type FontCalculator = () => Partial; /** * Picks the color of the sankey diagram links, using the colors of the source and/or target of the links. * * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "SankeyLinkColor". */ type SankeyLinkColor = 'source' | 'target' | 'gradient'; /** * Controls the alignment of the Sankey diagrams. * * See . * * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "SankeyNodeAlignment". */ type SankeyNodeAlignment = 'left' | 'right' | 'center' | 'justify'; /** * The font size to use */ type CSSFontSize = string | number; interface MermaidConfig { /** * Theme, the CSS style sheet. * You may also use `themeCSS` to override this value. * */ theme?: 'default' | 'base' | 'dark' | 'forest' | 'neutral' | 'null'; themeVariables?: any; themeCSS?: string; /** * Defines which main look to use for the diagram. * */ look?: 'classic' | 'handDrawn'; /** * Defines the seed to be used when using handDrawn look. This is important for the automated tests as they will always find differences without the seed. The default value is 0 which gives a random seed. * */ handDrawnSeed?: number; /** * Defines which layout algorithm to use for rendering the diagram. * */ layout?: string; /** * The maximum allowed size of the users text diagram */ maxTextSize?: number; /** * Defines the maximum number of edges that can be drawn in a graph. * */ maxEdges?: number; elk?: { /** * Elk specific option that allows edges to share path where it convenient. It can make for pretty diagrams but can also make it harder to read the diagram. * */ mergeEdges?: boolean; /** * Elk specific option affecting how nodes are placed. * */ nodePlacementStrategy?: 'SIMPLE' | 'NETWORK_SIMPLEX' | 'LINEAR_SEGMENTS' | 'BRANDES_KOEPF'; /** * This strategy decides how to find cycles in the graph and deciding which edges need adjustment to break loops. * */ cycleBreakingStrategy?: 'GREEDY' | 'DEPTH_FIRST' | 'INTERACTIVE' | 'MODEL_ORDER' | 'GREEDY_MODEL_ORDER'; }; darkMode?: boolean; htmlLabels?: boolean; /** * Specifies the font to be used in the rendered diagrams. * Can be any possible CSS `font-family`. * See https://developer.mozilla.org/en-US/docs/Web/CSS/font-family * */ fontFamily?: string; altFontFamily?: string; /** * This option decides the amount of logging to be used by mermaid. * */ logLevel?: 'trace' | 0 | 'debug' | 1 | 'info' | 2 | 'warn' | 3 | 'error' | 4 | 'fatal' | 5; /** * Level of trust for parsed diagram */ securityLevel?: 'strict' | 'loose' | 'antiscript' | 'sandbox'; /** * Dictates whether mermaid starts on Page load */ startOnLoad?: boolean; /** * Controls whether or arrow markers in html code are absolute paths or anchors. * This matters if you are using base tag settings. * */ arrowMarkerAbsolute?: boolean; /** * This option controls which `currentConfig` keys are considered secure and * can only be changed via call to `mermaid.initialize`. * This prevents malicious graph directives from overriding a site's default security. * */ secure?: string[]; /** * This option specifies if Mermaid can expect the dependent to include KaTeX stylesheets for browsers * without their own MathML implementation. If this option is disabled and MathML is not supported, the math * equations are replaced with a warning. If this option is enabled and MathML is not supported, Mermaid will * fall back to legacy rendering for KaTeX. * */ legacyMathML?: boolean; /** * This option forces Mermaid to rely on KaTeX's own stylesheet for rendering MathML. Due to differences between OS * fonts and browser's MathML implementation, this option is recommended if consistent rendering is important. * If set to true, ignores legacyMathML. * */ forceLegacyMathML?: boolean; /** * This option controls if the generated ids of nodes in the SVG are * generated randomly or based on a seed. * If set to `false`, the IDs are generated based on the current date and * thus are not deterministic. This is the default behavior. * * This matters if your files are checked into source control e.g. git and * should not change unless content is changed. * */ deterministicIds?: boolean; /** * This option is the optional seed for deterministic ids. * If set to `undefined` but deterministicIds is `true`, a simple number iterator is used. * You can set this attribute to base the seed on a static string. * */ deterministicIDSeed?: string; flowchart?: FlowchartDiagramConfig; sequence?: SequenceDiagramConfig; gantt?: GanttDiagramConfig; journey?: JourneyDiagramConfig; timeline?: TimelineDiagramConfig; class?: ClassDiagramConfig; state?: StateDiagramConfig; er?: ErDiagramConfig; pie?: PieDiagramConfig; quadrantChart?: QuadrantChartConfig; xyChart?: XYChartConfig; requirement?: RequirementDiagramConfig; architecture?: ArchitectureDiagramConfig; mindmap?: MindmapDiagramConfig; kanban?: KanbanDiagramConfig; gitGraph?: GitGraphDiagramConfig; c4?: C4DiagramConfig; sankey?: SankeyDiagramConfig; packet?: PacketDiagramConfig; block?: BlockDiagramConfig; wrap?: boolean; fontSize?: number; markdownAutoWrap?: boolean; /** * Suppresses inserting 'Syntax error' diagram in the DOM. * This is useful when you want to control how to handle syntax errors in your application. * */ suppressErrorRendering?: boolean; } /** * The object containing configurations specific for flowcharts * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "FlowchartDiagramConfig". */ interface FlowchartDiagramConfig extends BaseDiagramConfig { /** * Margin top for the text over the diagram */ titleTopMargin?: number; /** * Defines a top/bottom margin for subgraph titles * */ subGraphTitleMargin?: { top?: number; bottom?: number; }; arrowMarkerAbsolute?: boolean; /** * The amount of padding around the diagram as a whole so that embedded * diagrams have margins, expressed in pixels. * */ diagramPadding?: number; /** * Flag for setting whether or not a html tag should be used for rendering labels on the edges. * */ htmlLabels?: boolean; /** * Defines the spacing between nodes on the same level * * Pertains to horizontal spacing for TB (top to bottom) or BT (bottom to top) graphs, * and the vertical spacing for LR as well as RL graphs. * */ nodeSpacing?: number; /** * Defines the spacing between nodes on different levels * * Pertains to horizontal spacing for TB (top to bottom) or BT (bottom to top) graphs, * and the vertical spacing for LR as well as RL graphs. * */ rankSpacing?: number; /** * Defines how mermaid renders curves for flowcharts. * */ curve?: 'basis' | 'linear' | 'cardinal'; /** * Represents the padding between the labels and the shape * * **Only used in new experimental rendering.** * */ padding?: number; /** * Decides which rendering engine that is to be used for the rendering. * */ defaultRenderer?: 'dagre-d3' | 'dagre-wrapper' | 'elk'; /** * Width of nodes where text is wrapped. * * When using markdown strings the text ius wrapped automatically, this * value sets the max width of a text before it continues on a new line. * */ wrappingWidth?: number; } /** * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "BaseDiagramConfig". */ interface BaseDiagramConfig { useWidth?: number; /** * When this flag is set to `true`, the height and width is set to 100% * and is then scaled with the available space. * If set to `false`, the absolute space required is used. * */ useMaxWidth?: boolean; } /** * The object containing configurations specific for sequence diagrams * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "SequenceDiagramConfig". */ interface SequenceDiagramConfig extends BaseDiagramConfig { arrowMarkerAbsolute?: boolean; hideUnusedParticipants?: boolean; /** * Width of the activation rect */ activationWidth?: number; /** * Margin to the right and left of the sequence diagram */ diagramMarginX?: number; /** * Margin to the over and under the sequence diagram */ diagramMarginY?: number; /** * Margin between actors */ actorMargin?: number; /** * Width of actor boxes */ width?: number; /** * Height of actor boxes */ height?: number; /** * Margin around loop boxes */ boxMargin?: number; /** * Margin around the text in loop/alt/opt boxes */ boxTextMargin?: number; /** * Margin around notes */ noteMargin?: number; /** * Space between messages. */ messageMargin?: number; /** * Multiline message alignment */ messageAlign?: 'left' | 'center' | 'right'; /** * Mirror actors under diagram * */ mirrorActors?: boolean; /** * forces actor popup menus to always be visible (to support E2E testing). * */ forceMenus?: boolean; /** * Prolongs the edge of the diagram downwards. * * Depending on css styling this might need adjustment. * */ bottomMarginAdj?: number; /** * Curved Arrows become Right Angles * * This will display arrows that start and begin at the same node as * right angles, rather than as curves. * */ rightAngles?: boolean; /** * This will show the node numbers */ showSequenceNumbers?: boolean; /** * This sets the font size of the actor's description */ actorFontSize?: string | number; /** * This sets the font family of the actor's description */ actorFontFamily?: string; /** * This sets the font weight of the actor's description */ actorFontWeight?: string | number; /** * This sets the font size of actor-attached notes */ noteFontSize?: string | number; /** * This sets the font family of actor-attached notes */ noteFontFamily?: string; /** * This sets the font weight of actor-attached notes */ noteFontWeight?: string | number; /** * This sets the text alignment of actor-attached notes */ noteAlign?: 'left' | 'center' | 'right'; /** * This sets the font size of actor messages */ messageFontSize?: string | number; /** * This sets the font family of actor messages */ messageFontFamily?: string; /** * This sets the font weight of actor messages */ messageFontWeight?: string | number; /** * This sets the auto-wrap state for the diagram */ wrap?: boolean; /** * This sets the auto-wrap padding for the diagram (sides only) */ wrapPadding?: number; /** * This sets the width of the loop-box (loop, alt, opt, par) */ labelBoxWidth?: number; /** * This sets the height of the loop-box (loop, alt, opt, par) */ labelBoxHeight?: number; messageFont?: FontCalculator; noteFont?: FontCalculator; actorFont?: FontCalculator; } /** * The object containing configurations specific for gantt diagrams * * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "GanttDiagramConfig". */ interface GanttDiagramConfig extends BaseDiagramConfig { /** * Margin top for the text over the diagram */ titleTopMargin?: number; /** * The height of the bars in the graph */ barHeight?: number; /** * The margin between the different activities in the gantt diagram */ barGap?: number; /** * Margin between title and gantt diagram and between axis and gantt diagram. * */ topPadding?: number; /** * The space allocated for the section name to the right of the activities * */ rightPadding?: number; /** * The space allocated for the section name to the left of the activities * */ leftPadding?: number; /** * Vertical starting position of the grid lines */ gridLineStartPadding?: number; /** * Font size */ fontSize?: number; /** * Font size for sections */ sectionFontSize?: string | number; /** * The number of alternating section styles */ numberSectionStyles?: number; /** * Date/time format of the axis * * This might need adjustment to match your locale and preferences. * */ axisFormat?: string; /** * axis ticks * * Pattern is: * * ```javascript * /^([1-9][0-9]*)(millisecond|second|minute|hour|day|week|month)$/ * ``` * */ tickInterval?: string; /** * When this flag is set, date labels will be added to the top of the chart * */ topAxis?: boolean; /** * Controls the display mode. * */ displayMode?: '' | 'compact'; /** * On which day a week-based interval should start * */ weekday?: 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday'; } /** * The object containing configurations specific for journey diagrams * * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "JourneyDiagramConfig". */ interface JourneyDiagramConfig extends BaseDiagramConfig { /** * Margin to the right and left of the c4 diagram, must be a positive value. * */ diagramMarginX?: number; /** * Margin to the over and under the c4 diagram, must be a positive value. * */ diagramMarginY?: number; /** * Margin between actors */ leftMargin?: number; /** * Width of actor boxes */ width?: number; /** * Height of actor boxes */ height?: number; /** * Margin around loop boxes */ boxMargin?: number; /** * Margin around the text in loop/alt/opt boxes */ boxTextMargin?: number; /** * Margin around notes */ noteMargin?: number; /** * Space between messages. */ messageMargin?: number; /** * Multiline message alignment */ messageAlign?: 'left' | 'center' | 'right'; /** * Prolongs the edge of the diagram downwards. * * Depending on css styling this might need adjustment. * */ bottomMarginAdj?: number; /** * Curved Arrows become Right Angles * * This will display arrows that start and begin at the same node as * right angles, rather than as curves. * */ rightAngles?: boolean; taskFontSize?: string | number; taskFontFamily?: string; taskMargin?: number; /** * Width of activation box */ activationWidth?: number; /** * text placement as: tspan | fo | old only text as before * */ textPlacement?: string; actorColours?: string[]; sectionFills?: string[]; sectionColours?: string[]; } /** * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "TimelineDiagramConfig". */ interface TimelineDiagramConfig extends BaseDiagramConfig { /** * Margin to the right and left of the c4 diagram, must be a positive value. * */ diagramMarginX?: number; /** * Margin to the over and under the c4 diagram, must be a positive value. * */ diagramMarginY?: number; /** * Margin between actors */ leftMargin?: number; /** * Width of actor boxes */ width?: number; /** * Height of actor boxes */ height?: number; padding?: number; /** * Margin around loop boxes */ boxMargin?: number; /** * Margin around the text in loop/alt/opt boxes */ boxTextMargin?: number; /** * Margin around notes */ noteMargin?: number; /** * Space between messages. */ messageMargin?: number; /** * Multiline message alignment */ messageAlign?: 'left' | 'center' | 'right'; /** * Prolongs the edge of the diagram downwards. * * Depending on css styling this might need adjustment. * */ bottomMarginAdj?: number; /** * Curved Arrows become Right Angles * * This will display arrows that start and begin at the same node as * right angles, rather than as curves. * */ rightAngles?: boolean; taskFontSize?: string | number; taskFontFamily?: string; taskMargin?: number; /** * Width of activation box */ activationWidth?: number; /** * text placement as: tspan | fo | old only text as before * */ textPlacement?: string; actorColours?: string[]; sectionFills?: string[]; sectionColours?: string[]; disableMulticolor?: boolean; } /** * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "ClassDiagramConfig". */ interface ClassDiagramConfig extends BaseDiagramConfig { /** * Margin top for the text over the diagram */ titleTopMargin?: number; /** * Controls whether or arrow markers in html code are absolute paths or anchors. * This matters if you are using base tag settings. * */ arrowMarkerAbsolute?: boolean; dividerMargin?: number; padding?: number; textHeight?: number; /** * Decides which rendering engine that is to be used for the rendering. * */ defaultRenderer?: 'dagre-d3' | 'dagre-wrapper' | 'elk'; nodeSpacing?: number; rankSpacing?: number; /** * The amount of padding around the diagram as a whole so that embedded * diagrams have margins, expressed in pixels. * */ diagramPadding?: number; htmlLabels?: boolean; hideEmptyMembersBox?: boolean; } /** * The object containing configurations specific for entity relationship diagrams * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "StateDiagramConfig". */ interface StateDiagramConfig extends BaseDiagramConfig { /** * Margin top for the text over the diagram */ titleTopMargin?: number; arrowMarkerAbsolute?: boolean; dividerMargin?: number; sizeUnit?: number; padding?: number; textHeight?: number; titleShift?: number; noteMargin?: number; nodeSpacing?: number; rankSpacing?: number; forkWidth?: number; forkHeight?: number; miniPadding?: number; /** * Font size factor, this is used to guess the width of the edges labels * before rendering by dagre layout. * This might need updating if/when switching font * */ fontSizeFactor?: number; fontSize?: number; labelHeight?: number; edgeLengthFactor?: string; compositTitleSize?: number; radius?: number; /** * Decides which rendering engine that is to be used for the rendering. * */ defaultRenderer?: 'dagre-d3' | 'dagre-wrapper' | 'elk'; } /** * The object containing configurations specific for entity relationship diagrams * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "ErDiagramConfig". */ interface ErDiagramConfig extends BaseDiagramConfig { /** * Margin top for the text over the diagram */ titleTopMargin?: number; /** * The amount of padding around the diagram as a whole so that embedded * diagrams have margins, expressed in pixels. * */ diagramPadding?: number; /** * Directional bias for layout of entities */ layoutDirection?: 'TB' | 'BT' | 'LR' | 'RL'; /** * The minimum width of an entity box. Expressed in pixels. */ minEntityWidth?: number; /** * The minimum height of an entity box. Expressed in pixels. */ minEntityHeight?: number; /** * The minimum internal padding between text in an entity box and the enclosing box borders. * Expressed in pixels. * */ entityPadding?: number; /** * Stroke color of box edges and lines. */ stroke?: string; /** * Fill color of entity boxes */ fill?: string; /** * Font size (expressed as an integer representing a number of pixels) */ fontSize?: number; } /** * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "PieDiagramConfig". */ interface PieDiagramConfig extends BaseDiagramConfig { /** * Axial position of slice's label from zero at the center to 1 at the outside edges. * */ textPosition?: number; } /** * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "QuadrantChartConfig". */ interface QuadrantChartConfig extends BaseDiagramConfig { /** * Width of the chart */ chartWidth?: number; /** * Height of the chart */ chartHeight?: number; /** * Chart title top and bottom padding */ titleFontSize?: number; /** * Padding around the quadrant square */ titlePadding?: number; /** * quadrant title padding from top if the quadrant is rendered on top */ quadrantPadding?: number; /** * Padding around x-axis labels */ xAxisLabelPadding?: number; /** * Padding around y-axis labels */ yAxisLabelPadding?: number; /** * x-axis label font size */ xAxisLabelFontSize?: number; /** * y-axis label font size */ yAxisLabelFontSize?: number; /** * quadrant title font size */ quadrantLabelFontSize?: number; /** * quadrant title padding from top if the quadrant is rendered on top */ quadrantTextTopPadding?: number; /** * padding between point and point label */ pointTextPadding?: number; /** * point title font size */ pointLabelFontSize?: number; /** * radius of the point to be drawn */ pointRadius?: number; /** * position of x-axis labels */ xAxisPosition?: 'top' | 'bottom'; /** * position of y-axis labels */ yAxisPosition?: 'left' | 'right'; /** * stroke width of edges of the box that are inside the quadrant */ quadrantInternalBorderStrokeWidth?: number; /** * stroke width of edges of the box that are outside the quadrant */ quadrantExternalBorderStrokeWidth?: number; } /** * This object contains configuration specific to XYCharts * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "XYChartConfig". */ interface XYChartConfig extends BaseDiagramConfig { /** * width of the chart */ width?: number; /** * height of the chart */ height?: number; /** * Font size of the chart title */ titleFontSize?: number; /** * Top and bottom space from the chart title */ titlePadding?: number; /** * Should show the chart title */ showTitle?: boolean; xAxis?: XYChartAxisConfig; yAxis?: XYChartAxisConfig; /** * How to plot will be drawn horizontal or vertical */ chartOrientation?: 'vertical' | 'horizontal'; /** * Minimum percent of space plots of the chart will take */ plotReservedSpacePercent?: number; } /** * This object contains configuration for XYChart axis config * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "XYChartAxisConfig". */ interface XYChartAxisConfig { /** * Should show the axis labels (tick text) */ showLabel?: boolean; /** * font size of the axis labels (tick text) */ labelFontSize?: number; /** * top and bottom space from axis label (tick text) */ labelPadding?: number; /** * Should show the axis title */ showTitle?: boolean; /** * font size of the axis title */ titleFontSize?: number; /** * top and bottom space from axis title */ titlePadding?: number; /** * Should show the axis tick lines */ showTick?: boolean; /** * length of the axis tick lines */ tickLength?: number; /** * width of the axis tick lines */ tickWidth?: number; /** * Show line across the axis */ showAxisLine?: boolean; /** * Width of the axis line */ axisLineWidth?: number; } /** * The object containing configurations specific for req diagrams * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "RequirementDiagramConfig". */ interface RequirementDiagramConfig extends BaseDiagramConfig { rect_fill?: string; text_color?: string; rect_border_size?: string; rect_border_color?: string; rect_min_width?: number; rect_min_height?: number; fontSize?: number; rect_padding?: number; line_height?: number; } /** * The object containing configurations specific for architecture diagrams * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "ArchitectureDiagramConfig". */ interface ArchitectureDiagramConfig extends BaseDiagramConfig { padding?: number; iconSize?: number; fontSize?: number; } /** * The object containing configurations specific for mindmap diagrams * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "MindmapDiagramConfig". */ interface MindmapDiagramConfig extends BaseDiagramConfig { padding?: number; maxNodeWidth?: number; } /** * The object containing configurations specific for kanban diagrams * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "KanbanDiagramConfig". */ interface KanbanDiagramConfig extends BaseDiagramConfig { padding?: number; sectionWidth?: number; ticketBaseUrl?: string; } /** * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "GitGraphDiagramConfig". */ interface GitGraphDiagramConfig extends BaseDiagramConfig { /** * Margin top for the text over the diagram */ titleTopMargin?: number; diagramPadding?: number; nodeLabel?: NodeLabel; mainBranchName?: string; mainBranchOrder?: number; showCommitLabel?: boolean; showBranches?: boolean; rotateCommitLabel?: boolean; parallelCommits?: boolean; /** * Controls whether or arrow markers in html code are absolute paths or anchors. * This matters if you are using base tag settings. * */ arrowMarkerAbsolute?: boolean; } /** * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "NodeLabel". */ interface NodeLabel { width?: number; height?: number; x?: number; y?: number; } /** * The object containing configurations specific for c4 diagrams * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "C4DiagramConfig". */ interface C4DiagramConfig extends BaseDiagramConfig { /** * Margin to the right and left of the c4 diagram, must be a positive value. * */ diagramMarginX?: number; /** * Margin to the over and under the c4 diagram, must be a positive value. * */ diagramMarginY?: number; /** * Margin between shapes */ c4ShapeMargin?: number; /** * Padding between shapes */ c4ShapePadding?: number; /** * Width of person boxes */ width?: number; /** * Height of person boxes */ height?: number; /** * Margin around boxes */ boxMargin?: number; /** * How many shapes to place in each row. */ c4ShapeInRow?: number; nextLinePaddingX?: number; /** * How many boundaries to place in each row. */ c4BoundaryInRow?: number; /** * This sets the font size of Person shape for the diagram */ personFontSize?: string | number; /** * This sets the font weight of Person shape for the diagram */ personFontFamily?: string; /** * This sets the font weight of Person shape for the diagram */ personFontWeight?: string | number; /** * This sets the font size of External Person shape for the diagram */ external_personFontSize?: string | number; /** * This sets the font family of External Person shape for the diagram */ external_personFontFamily?: string; /** * This sets the font weight of External Person shape for the diagram */ external_personFontWeight?: string | number; /** * This sets the font size of System shape for the diagram */ systemFontSize?: string | number; /** * This sets the font family of System shape for the diagram */ systemFontFamily?: string; /** * This sets the font weight of System shape for the diagram */ systemFontWeight?: string | number; /** * This sets the font size of External System shape for the diagram */ external_systemFontSize?: string | number; /** * This sets the font family of External System shape for the diagram */ external_systemFontFamily?: string; /** * This sets the font weight of External System shape for the diagram */ external_systemFontWeight?: string | number; /** * This sets the font size of System DB shape for the diagram */ system_dbFontSize?: string | number; /** * This sets the font family of System DB shape for the diagram */ system_dbFontFamily?: string; /** * This sets the font weight of System DB shape for the diagram */ system_dbFontWeight?: string | number; /** * This sets the font size of External System DB shape for the diagram */ external_system_dbFontSize?: string | number; /** * This sets the font family of External System DB shape for the diagram */ external_system_dbFontFamily?: string; /** * This sets the font weight of External System DB shape for the diagram */ external_system_dbFontWeight?: string | number; /** * This sets the font size of System Queue shape for the diagram */ system_queueFontSize?: string | number; /** * This sets the font family of System Queue shape for the diagram */ system_queueFontFamily?: string; /** * This sets the font weight of System Queue shape for the diagram */ system_queueFontWeight?: string | number; /** * This sets the font size of External System Queue shape for the diagram */ external_system_queueFontSize?: string | number; /** * This sets the font family of External System Queue shape for the diagram */ external_system_queueFontFamily?: string; /** * This sets the font weight of External System Queue shape for the diagram */ external_system_queueFontWeight?: string | number; /** * This sets the font size of Boundary shape for the diagram */ boundaryFontSize?: string | number; /** * This sets the font family of Boundary shape for the diagram */ boundaryFontFamily?: string; /** * This sets the font weight of Boundary shape for the diagram */ boundaryFontWeight?: string | number; /** * This sets the font size of Message shape for the diagram */ messageFontSize?: string | number; /** * This sets the font family of Message shape for the diagram */ messageFontFamily?: string; /** * This sets the font weight of Message shape for the diagram */ messageFontWeight?: string | number; /** * This sets the font size of Container shape for the diagram */ containerFontSize?: string | number; /** * This sets the font family of Container shape for the diagram */ containerFontFamily?: string; /** * This sets the font weight of Container shape for the diagram */ containerFontWeight?: string | number; /** * This sets the font size of External Container shape for the diagram */ external_containerFontSize?: string | number; /** * This sets the font family of External Container shape for the diagram */ external_containerFontFamily?: string; /** * This sets the font weight of External Container shape for the diagram */ external_containerFontWeight?: string | number; /** * This sets the font size of Container DB shape for the diagram */ container_dbFontSize?: string | number; /** * This sets the font family of Container DB shape for the diagram */ container_dbFontFamily?: string; /** * This sets the font weight of Container DB shape for the diagram */ container_dbFontWeight?: string | number; /** * This sets the font size of External Container DB shape for the diagram */ external_container_dbFontSize?: string | number; /** * This sets the font family of External Container DB shape for the diagram */ external_container_dbFontFamily?: string; /** * This sets the font weight of External Container DB shape for the diagram */ external_container_dbFontWeight?: string | number; /** * This sets the font size of Container Queue shape for the diagram */ container_queueFontSize?: string | number; /** * This sets the font family of Container Queue shape for the diagram */ container_queueFontFamily?: string; /** * This sets the font weight of Container Queue shape for the diagram */ container_queueFontWeight?: string | number; /** * This sets the font size of External Container Queue shape for the diagram */ external_container_queueFontSize?: string | number; /** * This sets the font family of External Container Queue shape for the diagram */ external_container_queueFontFamily?: string; /** * This sets the font weight of External Container Queue shape for the diagram */ external_container_queueFontWeight?: string | number; /** * This sets the font size of Component shape for the diagram */ componentFontSize?: string | number; /** * This sets the font family of Component shape for the diagram */ componentFontFamily?: string; /** * This sets the font weight of Component shape for the diagram */ componentFontWeight?: string | number; /** * This sets the font size of External Component shape for the diagram */ external_componentFontSize?: string | number; /** * This sets the font family of External Component shape for the diagram */ external_componentFontFamily?: string; /** * This sets the font weight of External Component shape for the diagram */ external_componentFontWeight?: string | number; /** * This sets the font size of Component DB shape for the diagram */ component_dbFontSize?: string | number; /** * This sets the font family of Component DB shape for the diagram */ component_dbFontFamily?: string; /** * This sets the font weight of Component DB shape for the diagram */ component_dbFontWeight?: string | number; /** * This sets the font size of External Component DB shape for the diagram */ external_component_dbFontSize?: string | number; /** * This sets the font family of External Component DB shape for the diagram */ external_component_dbFontFamily?: string; /** * This sets the font weight of External Component DB shape for the diagram */ external_component_dbFontWeight?: string | number; /** * This sets the font size of Component Queue shape for the diagram */ component_queueFontSize?: string | number; /** * This sets the font family of Component Queue shape for the diagram */ component_queueFontFamily?: string; /** * This sets the font weight of Component Queue shape for the diagram */ component_queueFontWeight?: string | number; /** * This sets the font size of External Component Queue shape for the diagram */ external_component_queueFontSize?: string | number; /** * This sets the font family of External Component Queue shape for the diagram */ external_component_queueFontFamily?: string; /** * This sets the font weight of External Component Queue shape for the diagram */ external_component_queueFontWeight?: string | number; /** * This sets the auto-wrap state for the diagram */ wrap?: boolean; /** * This sets the auto-wrap padding for the diagram (sides only) */ wrapPadding?: number; person_bg_color?: string; person_border_color?: string; external_person_bg_color?: string; external_person_border_color?: string; system_bg_color?: string; system_border_color?: string; system_db_bg_color?: string; system_db_border_color?: string; system_queue_bg_color?: string; system_queue_border_color?: string; external_system_bg_color?: string; external_system_border_color?: string; external_system_db_bg_color?: string; external_system_db_border_color?: string; external_system_queue_bg_color?: string; external_system_queue_border_color?: string; container_bg_color?: string; container_border_color?: string; container_db_bg_color?: string; container_db_border_color?: string; container_queue_bg_color?: string; container_queue_border_color?: string; external_container_bg_color?: string; external_container_border_color?: string; external_container_db_bg_color?: string; external_container_db_border_color?: string; external_container_queue_bg_color?: string; external_container_queue_border_color?: string; component_bg_color?: string; component_border_color?: string; component_db_bg_color?: string; component_db_border_color?: string; component_queue_bg_color?: string; component_queue_border_color?: string; external_component_bg_color?: string; external_component_border_color?: string; external_component_db_bg_color?: string; external_component_db_border_color?: string; external_component_queue_bg_color?: string; external_component_queue_border_color?: string; personFont?: FontCalculator; external_personFont?: FontCalculator; systemFont?: FontCalculator; external_systemFont?: FontCalculator; system_dbFont?: FontCalculator; external_system_dbFont?: FontCalculator; system_queueFont?: FontCalculator; external_system_queueFont?: FontCalculator; containerFont?: FontCalculator; external_containerFont?: FontCalculator; container_dbFont?: FontCalculator; external_container_dbFont?: FontCalculator; container_queueFont?: FontCalculator; external_container_queueFont?: FontCalculator; componentFont?: FontCalculator; external_componentFont?: FontCalculator; component_dbFont?: FontCalculator; external_component_dbFont?: FontCalculator; component_queueFont?: FontCalculator; external_component_queueFont?: FontCalculator; boundaryFont?: FontCalculator; messageFont?: FontCalculator; } /** * The object containing configurations specific for sankey diagrams. * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "SankeyDiagramConfig". */ interface SankeyDiagramConfig extends BaseDiagramConfig { width?: number; height?: number; /** * The color of the links in the sankey diagram. * */ linkColor?: SankeyLinkColor | string; nodeAlignment?: SankeyNodeAlignment; useMaxWidth?: boolean; /** * Toggle to display or hide values along with title. * */ showValues?: boolean; /** * The prefix to use for values * */ prefix?: string; /** * The suffix to use for values * */ suffix?: string; } /** * The object containing configurations specific for packet diagrams. * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "PacketDiagramConfig". */ interface PacketDiagramConfig extends BaseDiagramConfig { /** * The height of each row in the packet diagram. */ rowHeight?: number; /** * The width of each bit in the packet diagram. */ bitWidth?: number; /** * The number of bits to display per row. */ bitsPerRow?: number; /** * Toggle to display or hide bit numbers. */ showBits?: boolean; /** * The horizontal padding between the blocks in a row. */ paddingX?: number; /** * The vertical padding between the rows. */ paddingY?: number; } /** * The object containing configurations specific for block diagrams. * * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "BlockDiagramConfig". */ interface BlockDiagramConfig extends BaseDiagramConfig { padding?: number; } /** * This interface was referenced by `MermaidConfig`'s JSON-Schema * via the `definition` "FontConfig". */ interface FontConfig { fontSize?: CSSFontSize; /** * The CSS [`font-family`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family) to use. */ fontFamily?: string; /** * The font weight to use. */ fontWeight?: string | number; } /** * Optional runtime configs. */ interface RunOptions { /** * The query selector to use when finding elements to render. Default: `".mermaid"`. */ querySelector?: string; /** * The nodes to render. If this is set, `querySelector` will be ignored. */ nodes?: ArrayLike; /** * A callback to call after each diagram is rendered. */ postRenderCallback?: (id: string) => unknown; /** * If `true`, errors will be logged to the console, but not thrown. Default: `false` */ suppressErrors?: boolean; } } declare const errorJoyPixelsNotLoaded = "[ngx-markdown] When using the `emoji` attribute you *have to* include Emoji-Toolkit files to `angular.json` or use imports. See README for more information"; declare const errorKatexNotLoaded = "[ngx-markdown] When using the `katex` attribute you *have to* include KaTeX files to `angular.json` or use imports. See README for more information"; declare const errorMermaidNotLoaded = "[ngx-markdown] When using the `mermaid` attribute you *have to* include Mermaid files to `angular.json` or use imports. See README for more information"; declare const errorClipboardNotLoaded = "[ngx-markdown] When using the `clipboard` attribute you *have to* include Clipboard files to `angular.json` or use imports. See README for more information"; declare const errorClipboardViewContainerRequired = "[ngx-markdown] When using the `clipboard` attribute you *have to* provide the `viewContainerRef` parameter to `MarkdownService.render()` function"; declare const errorSrcWithoutHttpClient = "[ngx-markdown] When using the `src` attribute you *have to* pass the `HttpClient` as a parameter of the `forRoot` method. See README for more information"; interface ParseOptions { decodeHtml?: boolean; inline?: boolean; emoji?: boolean; mermaid?: boolean; markedOptions?: MarkedOptions; disableSanitizer?: boolean; } interface RenderOptions { clipboard?: boolean; clipboardOptions?: ClipboardRenderOptions; katex?: boolean; katexOptions?: KatexOptions; mermaid?: boolean; mermaidOptions?: MermaidAPI.MermaidConfig; } declare class ExtendedRenderer extends Renderer { ɵNgxMarkdownRendererExtendedForExtensions: boolean; ɵNgxMarkdownRendererExtendedForMermaid: boolean; } declare class MarkdownService { private clipboardOptions; private extensions; private http; private mermaidOptions; private platform; private sanitize; private sanitizer; private readonly DEFAULT_MARKED_OPTIONS; private readonly DEFAULT_KATEX_OPTIONS; private readonly DEFAULT_MERMAID_OPTIONS; private readonly DEFAULT_CLIPBOARD_OPTIONS; private readonly DEFAULT_PARSE_OPTIONS; private readonly DEFAULT_RENDER_OPTIONS; private readonly DEFAULT_SECURITY_CONTEXT; private _options; get options(): MarkedOptions; set options(value: MarkedOptions | null); get renderer(): Renderer; set renderer(value: Renderer); private readonly _reload$; readonly reload$: Observable; constructor(); parse(markdown: string, parseOptions?: ParseOptions): string | Promise; render(element: HTMLElement, options?: RenderOptions, viewContainerRef?: ViewContainerRef): void; reload(): void; getSource(src: string): Observable; highlight(element?: Element | Document): void; private decodeHtml; private extendsRendererForExtensions; private extendsRendererForMermaid; private handleExtension; private parseMarked; private parseEmoji; private renderKatex; private renderClipboard; private renderMermaid; private trimIndentation; private sanitizeHtml; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } declare class MarkdownComponent implements OnChanges, AfterViewInit, OnDestroy { element: ElementRef; markdownService: MarkdownService; viewContainerRef: ViewContainerRef; protected static ngAcceptInputType_clipboard: boolean | ''; protected static ngAcceptInputType_emoji: boolean | ''; protected static ngAcceptInputType_katex: boolean | ''; protected static ngAcceptInputType_mermaid: boolean | ''; protected static ngAcceptInputType_lineHighlight: boolean | ''; protected static ngAcceptInputType_lineNumbers: boolean | ''; protected static ngAcceptInputType_commandLine: boolean | ''; data: string | null | undefined; src: string | null | undefined; get disableSanitizer(): boolean; set disableSanitizer(value: boolean); get inline(): boolean; set inline(value: boolean); get clipboard(): boolean; set clipboard(value: boolean); clipboardButtonComponent: Type | undefined; clipboardButtonTemplate: TemplateRef | undefined; get emoji(): boolean; set emoji(value: boolean); get katex(): boolean; set katex(value: boolean); katexOptions: KatexOptions | undefined; get mermaid(): boolean; set mermaid(value: boolean); mermaidOptions: MermaidAPI.MermaidConfig | undefined; get lineHighlight(): boolean; set lineHighlight(value: boolean); line: string | string[] | undefined; lineOffset: number | undefined; get lineNumbers(): boolean; set lineNumbers(value: boolean); start: number | undefined; get commandLine(): boolean; set commandLine(value: boolean); filterOutput: string | undefined; host: string | undefined; prompt: string | undefined; output: string | undefined; user: string | undefined; error: EventEmitter; load: EventEmitter; ready: EventEmitter; private _clipboard; private _commandLine; private _disableSanitizer; private _emoji; private _inline; private _katex; private _lineHighlight; private _lineNumbers; private _mermaid; private readonly destroyed$; ngOnChanges(): void; loadContent(): void; ngAfterViewInit(): void; ngOnDestroy(): void; render(markdown: string, decodeHtml?: boolean): Promise; private coerceBooleanProperty; private getClipboardOptions; private handleData; private handleSrc; private handleTransclusion; private handlePlugins; private setPluginClass; private setPluginOptions; private toLispCase; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare const MARKED_EXTENSIONS: InjectionToken>; declare const SANITIZE: InjectionToken; type SanitizeFunction = (html: string) => string; declare function isSanitizeFunction(sanitize: SecurityContext | SanitizeFunction | null): sanitize is SanitizeFunction; type MarkdownPipeOptions = ParseOptions & RenderOptions; declare class MarkdownPipe implements PipeTransform { private domSanitizer; private elementRef; private markdownService; private viewContainerRef; private zone; transform(value: string, options?: MarkdownPipeOptions): Promise; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵpipe: i0.ɵɵPipeDeclaration; } type InjectionTokenType> = T extends InjectionToken ? R : unknown; interface TypedValueProvider> { provide: T; useValue: InjectionTokenType; } interface TypedFactoryProvider> { provide: T; useFactory: (...args: any[]) => InjectionTokenType; deps?: any[]; } type TypedProvider> = TypedValueProvider | TypedFactoryProvider; type MultiTypedProvider> = TypedProvider & { multi: true; }; interface MarkdownModuleConfig { loader?: Provider; clipboardOptions?: TypedProvider; markedOptions?: TypedProvider; markedExtensions?: MultiTypedProvider[]; mermaidOptions?: TypedProvider; sanitize?: TypedProvider; } declare class MarkdownModule { static forRoot(markdownModuleConfig?: MarkdownModuleConfig): ModuleWithProviders; static forChild(): ModuleWithProviders; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } declare enum PrismPlugin { CommandLine = "command-line", LineHighlight = "line-highlight", LineNumbers = "line-numbers" } declare function provideMarkdown(markdownModuleConfig?: MarkdownModuleConfig): Provider[]; export { CLIPBOARD_OPTIONS, ClipboardButtonComponent, ExtendedRenderer, KatexSpecificOptions, LanguagePipe, MARKED_EXTENSIONS, MARKED_OPTIONS, MERMAID_OPTIONS, MarkdownComponent, MarkdownModule, MarkdownPipe, MarkdownService, MermaidAPI, PrismPlugin, SANITIZE, errorClipboardNotLoaded, errorClipboardViewContainerRequired, errorJoyPixelsNotLoaded, errorKatexNotLoaded, errorMermaidNotLoaded, errorSrcWithoutHttpClient, isSanitizeFunction, provideMarkdown }; export type { ClipboardOptions, ClipboardRenderOptions, KatexOptions, MarkdownModuleConfig, MarkdownPipeOptions, ParseOptions, RenderMathInElementSpecificOptions, RenderMathInElementSpecificOptionsDelimiters, RenderOptions, SanitizeFunction };