minerva-design 1.4.0 → 1.5.0

package/dist/angular/types/minerva-angular.d.ts

@@ -3,7 +3,7 @@ import { AfterViewChecked, ElementRef, EnvironmentProviders, InjectionToken, OnI
 import { ColorScheme, ComponentTheme, CustomBilingualTheme, DefaultTheme, Density, DesignPreset, FontScale, Palette, RadiusScale, RatingMachineEvent, RatingStarFill, ResolvedDesign, ResolvedThemeMode, ShadowScale, SupportTheme, SupportedLanguage, ThemeMap, ThemeMode, ThemeName, TranslateOptions, dayKey, resolveSpace } from "../../core/index.js";
 import { ControlValueAccessor } from "@angular/forms";
 import { Placement, ReadingDirection } from "../../dom/index.js";
-import { Bar3DSeries, BoxplotGroup, BulletDatum, CalendarDate, CalendarDatum, Chart3DAxisOptions, Chart3DCameraOptions, Chart3DCameraState, Chart3DColorBarOptions, Chart3DColorScale, Chart3DHoverEvent, Chart3DInstance, Chart3DLegendOptions, Chart3DOptions, Chart3DSeries, Chart3DTooltipOptions, ChartAnnotation, ChartAxisOptions, ChartCurve, ChartDragEvent, ChartHoverEvent, ChartInstance, ChartInteractionOptions, ChartLegendOptions, ChartOptions, ChartOrientation, ChartPadding, ChartPlotClickEvent, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartSeriesType, ChartTooltipOptions, ChartView, DepthChartHoverEvent, DepthChartInstance, DepthChartOptions, GanttTask, GaugeBand, HeatmapCell, HistogramBinning, Line3DSeries, OrderBookDelta, OrderBookHeatmapHoverEvent, OrderBookHeatmapInstance, OrderBookHeatmapOptions, OrderBookInstance, OrderBookLevelEvent, OrderBookOptions, OrderBookSnapshot, QuadrantAxisLabels, QuadrantCorner, QuadrantPoint, QuadrantRegions, RadarIndicator, RadarSeries, RadialBarDatum, SankeyLink, SankeyNode, Scatter3DSeries, ShapeChartCommonOptions, ShapeChartInstance, ShapeChartOptions, ShapeDatum, ShapeDrillEvent, ShapeHoverEvent, ShapeLegendOptions, ShapeToggleEvent, ShapeTooltipOptions, Surface3DContourOptions, Surface3DSeries, Surface3DWireframeOptions, TimeAndSalesInstance, TimeAndSalesOptions, TimeAndSalesRowEvent, TradingBar, TradingBarsInput, TradingChartInstance, TradingChartOptions, TradingChartStyle, TradingClickEvent, TradingCrosshairEvent, TradingDrawing, TradingDrawingTool, TradingHistoryRequestEvent, TradingIndicator, TradingIndicatorToggleEvent, TradingOrderMoveEvent, TradingTimeframe, TradingVisibleRange, TreemapNode, WaterfallStep } from "../../charts/core.js";
+import { Bar3DSeries, BoxplotGroup, BulletDatum, CalendarDate, CalendarDatum, Chart3DAxisOptions, Chart3DCameraOptions, Chart3DCameraState, Chart3DColorBarOptions, Chart3DColorScale, Chart3DHoverEvent, Chart3DInstance, Chart3DLegendOptions, Chart3DOptions, Chart3DSeries, Chart3DTooltipOptions, ChartAnnotation, ChartAxisOptions, ChartColorScheme, ChartConnectorOptions, ChartCurve, ChartDragEvent, ChartHoverEvent, ChartInstance, ChartInteractionOptions, ChartLegendOptions, ChartOptions, ChartOrientation, ChartPadding, ChartPlotClickEvent, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartSeriesType, ChartTooltipOptions, ChartView, ChordGroup, ChordLink, DepthChartHoverEvent, DepthChartInstance, DepthChartOptions, GanttTask, GaugeBand, GraphChartInstance, GraphChartLabels, GraphChartOptions, GraphCircularOptions, GraphDagOptions, GraphData, GraphDirection, GraphEdge, GraphEdgeStyle, GraphForceOptions, GraphGroup, GraphGroupToggleEvent, GraphHoverEvent, GraphInteractionOptions, GraphLayoutEndEvent, GraphLayoutType, GraphLegendOptions, GraphNode, GraphNodeShape, GraphPoint, GraphToggleEvent, GraphTooltipOptions, GraphTreeOptions, HeatmapCell, HistogramBinning, Line3DSeries, OrderBookDelta, OrderBookHeatmapHoverEvent, OrderBookHeatmapInstance, OrderBookHeatmapOptions, OrderBookInstance, OrderBookLevelEvent, OrderBookOptions, OrderBookSnapshot, QuadrantAxisLabels, QuadrantCorner, QuadrantPoint, QuadrantRegions, RadarIndicator, RadarSeries, RadialBarDatum, SankeyLink, SankeyNode, Scatter3DSeries, ShapeChartCommonOptions, ShapeChartInstance, ShapeChartOptions, ShapeDatum, ShapeDrillEvent, ShapeHoverEvent, ShapeLegendOptions, ShapeToggleEvent, ShapeTooltipOptions, Surface3DContourOptions, Surface3DSeries, Surface3DWireframeOptions, TimeAndSalesInstance, TimeAndSalesOptions, TimeAndSalesRowEvent, TradingBar, TradingBarsInput, TradingChartInstance, TradingChartOptions, TradingChartStyle, TradingClickEvent, TradingCrosshairEvent, TradingDrawing, TradingDrawingPatch, TradingDrawingTool, TradingHistoryRequestEvent, TradingIndicator, TradingIndicatorToggleEvent, TradingOrderCancelEvent, TradingOrderCreateEvent, TradingOrderMoveEvent, TradingReplayState, TradingScaleMode, TradingTimeframe, TradingUndoState, TradingVisibleRange, TreemapNode, WaterfallStep } from "../../charts/core.js";
 /**
  * Accepted `theme` values: "auto" / "system" (follow
  * `prefers-color-scheme`), a built-in theme name, a theme object, or a
@@ -7800,10 +7800,12 @@ export declare class MnHeatmapChart extends MnSeriesChartBase {
   readonly xCategories: import("@angular/core").InputSignal<readonly string[] | undefined>;
   /** Row names from bottom to top (collected from the data when omitted) */
   readonly yCategories: import("@angular/core").InputSignal<readonly string[] | undefined>;
-  /** Colors from the lowest to the highest value; a ramp of the first palette color by default */
-  readonly colorScale: import("@angular/core").InputSignal<readonly string[] | undefined>;
+  /** Colors from the lowest to the highest value (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (default `sequential`) */
+  readonly colorScale: import("@angular/core").InputSignal<readonly string[] | ChartColorScheme | undefined>;
   /** Values at the ends of the color scale; the data range by default */
   readonly valueRange: import("@angular/core").InputSignal<readonly [number, number] | undefined>;
+  /** Value at the middle of the color scale (diverging data; default 0 for `diverging` ramps spanning it, else the middle of the range) */
+  readonly colorMidpoint: import("@angular/core").InputSignal<number | undefined>;
   /** Name of the value in the tooltip */
   readonly name: import("@angular/core").InputSignal<string | undefined>;
   /** Corner radius of the cells, in pixels */
@@ -7838,6 +7840,11 @@ export declare class MnHeatmapChart extends MnSeriesChartBase {
       "required": false;
       "isSignal": true;
     };
+    "colorMidpoint": {
+      "alias": "colorMidpoint";
+      "required": false;
+      "isSignal": true;
+    };
     "name": {
       "alias": "name";
       "required": false;
@@ -8672,6 +8679,10 @@ export declare class MnBoxPlotChart extends MnSeriesChartBase {
   readonly name: import("@angular/core").InputSignal<string>;
   /** Reach of the whiskers in interquartile ranges (Tukey: 1.5), or `minmax` */
   readonly whisker: import("@angular/core").InputSignal<number | "minmax" | undefined>;
+  /** Outliers drawn as rings of the series color or as filled dots; series may set their own (default `hollow`) */
+  readonly outlierShape: import("@angular/core").InputSignal<"filled" | "hollow" | undefined>;
+  /** Diameter of the outliers in CSS pixels (default 7) */
+  readonly outlierSize: import("@angular/core").InputSignal<number | undefined>;
   /** `horizontal` lays the boxes out in rows */
   readonly orientation: import("@angular/core").InputSignal<ChartOrientation | undefined>;
   protected engineOptions(): ChartOptions | null;
@@ -8697,6 +8708,16 @@ export declare class MnBoxPlotChart extends MnSeriesChartBase {
       "required": false;
       "isSignal": true;
     };
+    "outlierShape": {
+      "alias": "outlierShape";
+      "required": false;
+      "isSignal": true;
+    };
+    "outlierSize": {
+      "alias": "outlierSize";
+      "required": false;
+      "isSignal": true;
+    };
     "orientation": {
       "alias": "orientation";
       "required": false;
@@ -8725,6 +8746,8 @@ export declare class MnWaterfallChart extends MnSeriesChartBase {
   readonly labels: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Formats the values (labels, tooltip) */
   readonly format: import("@angular/core").InputSignal<((value: number) => string) | undefined>;
+  /** Thin lines from the end of every bar to the next one; an object styles them (default `true`: dashed, secondary text color) */
+  readonly connector: import("@angular/core").InputSignal<boolean | ChartConnectorOptions | undefined>;
   /** `horizontal` lays the steps out in rows */
   readonly orientation: import("@angular/core").InputSignal<ChartOrientation | undefined>;
   protected engineOptions(): ChartOptions;
@@ -8770,6 +8793,11 @@ export declare class MnWaterfallChart extends MnSeriesChartBase {
       "required": false;
       "isSignal": true;
     };
+    "connector": {
+      "alias": "connector";
+      "required": false;
+      "isSignal": true;
+    };
     "orientation": {
       "alias": "orientation";
       "required": false;
@@ -8794,6 +8822,8 @@ export declare class MnGanttChart extends MnSeriesChartBase {
   readonly milestoneName: import("@angular/core").InputSignal<string | undefined>;
   /** Formats the progress shares (tooltip; default "60%") */
   readonly formatProgress: import("@angular/core").InputSignal<((share: number) => string) | undefined>;
+  /** Name of the dependencies row of the tooltip (default "Depends on", in the `locale`) */
+  readonly dependenciesName: import("@angular/core").InputSignal<string | undefined>;
   /** Draws a line at this date (`true`: now) */
   readonly today: import("@angular/core").InputSignal<number | boolean | Date>;
   /** Label of the today line */
@@ -8832,6 +8862,11 @@ export declare class MnGanttChart extends MnSeriesChartBase {
       "required": false;
       "isSignal": true;
     };
+    "dependenciesName": {
+      "alias": "dependenciesName";
+      "required": false;
+      "isSignal": true;
+    };
     "today": {
       "alias": "today";
       "required": false;
@@ -9142,6 +9177,123 @@ export declare class MnBulletChart extends MnShapeChartCommon {
     };
   }, {}, never, never, true, never>;
 }
+/**
+ * Chord diagram: flows between groups around a circle; hovering a group
+ * highlights its ribbons, hovering a ribbon shows both directions
+ * (`source`, `target` and `reverseValue` in the hover event)
+ */
+export declare class MnChordChart extends MnShapeChartCommon {
+  /** Groups (names or `{ name, color }`), in their order around the circle; groups only named by `links` are appended */
+  readonly groups: import("@angular/core").InputSignal<readonly (string | ChordGroup)[] | undefined>;
+  /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used when `links` is absent) */
+  readonly matrix: import("@angular/core").InputSignal<readonly (readonly number[])[] | undefined>;
+  /** Flows as a list (by group name or index); takes precedence over `matrix` */
+  readonly links: import("@angular/core").InputSignal<readonly ChordLink[] | undefined>;
+  /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows (default `false`) */
+  readonly directed: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /** Arrowheads at the target end of the ribbons (default `true` when `directed`) */
+  readonly arrows: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /** Gap between the groups, in degrees (default 2) */
+  readonly padAngle: import("@angular/core").InputSignal<number | undefined>;
+  /** Angle of the first group, degrees clockwise from 12 o'clock (default 0) */
+  readonly startAngle: import("@angular/core").InputSignal<number | undefined>;
+  /** Order of the groups around the circle (default `none`: data order) */
+  readonly sortGroups: import("@angular/core").InputSignal<"none" | "ascending" | "descending" | undefined>;
+  /** Order of the ribbon ends along an arc: `auto` minimizes the crossings (default `auto`) */
+  readonly sortSubgroups: import("@angular/core").InputSignal<"auto" | "none" | "ascending" | "descending" | undefined>;
+  /** Color of the ribbons without `color` (default `gradient`) */
+  readonly ribbonColor: import("@angular/core").InputSignal<"source" | "neutral" | "gradient" | "target" | undefined>;
+  /** Opacity of the ribbons, 0-1 (default 0.65) */
+  readonly ribbonOpacity: import("@angular/core").InputSignal<number | undefined>;
+  /** Thickness of the group arcs, in pixels (default 6% of the radius) */
+  readonly arcWidth: import("@angular/core").InputSignal<number | undefined>;
+  /** Value ticks outside the arcs; a number sets the step between ticks (default `true` when large enough) */
+  readonly ticks: import("@angular/core").InputSignal<number | boolean | undefined>;
+  /** Formats the tick labels (default: compact numbers of the `locale`) */
+  readonly tickFormat: import("@angular/core").InputSignal<((value: number) => string) | undefined>;
+  /** Group labels along the arc (`tangential`) or the radius (`radial`); `auto` picks the one that fits (default `auto`) */
+  readonly labels: import("@angular/core").InputSignal<"auto" | "none" | "tangential" | "radial" | undefined>;
+  protected defaultHeight(): number;
+  protected engineOptions(): ShapeChartOptions;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MnChordChart, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MnChordChart, "mn-chord-chart", never, {
+    "groups": {
+      "alias": "groups";
+      "required": false;
+      "isSignal": true;
+    };
+    "matrix": {
+      "alias": "matrix";
+      "required": false;
+      "isSignal": true;
+    };
+    "links": {
+      "alias": "links";
+      "required": false;
+      "isSignal": true;
+    };
+    "directed": {
+      "alias": "directed";
+      "required": false;
+      "isSignal": true;
+    };
+    "arrows": {
+      "alias": "arrows";
+      "required": false;
+      "isSignal": true;
+    };
+    "padAngle": {
+      "alias": "padAngle";
+      "required": false;
+      "isSignal": true;
+    };
+    "startAngle": {
+      "alias": "startAngle";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortGroups": {
+      "alias": "sortGroups";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortSubgroups": {
+      "alias": "sortSubgroups";
+      "required": false;
+      "isSignal": true;
+    };
+    "ribbonColor": {
+      "alias": "ribbonColor";
+      "required": false;
+      "isSignal": true;
+    };
+    "ribbonOpacity": {
+      "alias": "ribbonOpacity";
+      "required": false;
+      "isSignal": true;
+    };
+    "arcWidth": {
+      "alias": "arcWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "ticks": {
+      "alias": "ticks";
+      "required": false;
+      "isSignal": true;
+    };
+    "tickFormat": {
+      "alias": "tickFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "labels": {
+      "alias": "labels";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
 /** Trades of `MnTimeAndSales` and `MnOrderBookHeatmap`, oldest first */
 export type ChartTrades = Parameters<TimeAndSalesInstance["setTrades"]>[0];
 /**
@@ -9163,7 +9315,7 @@ export declare class MnTradingChart extends MnChartEngine<TradingChartOptions, T
   readonly indicators: import("@angular/core").InputSignal<readonly TradingIndicator[] | undefined>;
   /** Locale of the texts, numbers and dates (`"zh-CN"`); the page language by default */
   readonly locale: import("@angular/core").InputSignal<string | undefined>;
-  /** Other engine options (`TradingChartOptions`: markers, priceLines, drawings, colorConvention, labels...) */
+  /** Other engine options (`TradingChartOptions`: markers, priceLines, drawings, colorConvention, timeZone, sessionBreaks, orderEntry, volumeProfile, labels...) */
   readonly options: import("@angular/core").InputSignal<Partial<TradingChartOptions> | undefined>;
   /** The crosshair moved (`null` when it left the chart) */
   readonly crosshairMove: import("@angular/core").OutputEmitterRef<TradingCrosshairEvent | null>;
@@ -9173,12 +9325,22 @@ export declare class MnTradingChart extends MnChartEngine<TradingChartOptions, T
   readonly visibleRangeChange: import("@angular/core").OutputEmitterRef<TradingVisibleRange>;
   /** A draggable price line was dropped at a new price */
   readonly orderMove: import("@angular/core").OutputEmitterRef<TradingOrderMoveEvent>;
+  /** The "+" order entry button was clicked (see `options.orderEntry`) */
+  readonly orderCreate: import("@angular/core").OutputEmitterRef<TradingOrderCreateEvent>;
+  /** The close button of a `cancellable` price line was clicked */
+  readonly orderCancel: import("@angular/core").OutputEmitterRef<TradingOrderCancelEvent>;
   /** The user added, moved or deleted drawings (pass them back in `options.drawings`) */
   readonly drawingsChange: import("@angular/core").OutputEmitterRef<readonly TradingDrawing[]>;
   /** The selected drawing changed */
   readonly drawingSelect: import("@angular/core").OutputEmitterRef<string | null>;
   /** The drawing tool changed (back to `cursor` after a drawing) */
   readonly drawingToolChange: import("@angular/core").OutputEmitterRef<TradingDrawingTool>;
+  /** Undo / redo of the drawings became possible or impossible */
+  readonly undoChange: import("@angular/core").OutputEmitterRef<TradingUndoState>;
+  /** The bar replay started, stepped, played, paused or stopped */
+  readonly replayChange: import("@angular/core").OutputEmitterRef<TradingReplayState>;
+  /** The chart entered (`true`) or left full screen */
+  readonly fullscreenChange: import("@angular/core").OutputEmitterRef<boolean>;
   /** An indicator was shown or hidden from its legend */
   readonly indicatorToggle: import("@angular/core").OutputEmitterRef<TradingIndicatorToggleEvent>;
   /** The oldest bar came into view: load older bars (`prependBars`) */
@@ -9212,6 +9374,20 @@ export declare class MnTradingChart extends MnChartEngine<TradingChartOptions, T
     from: number;
     to: number;
   }): void;
+  /** Times at the edges of the plot, `null` before the first render */
+  getVisibleTimeRange(): {
+    from: number;
+    to: number;
+  } | null;
+  /** Shows the bars between two times */
+  setVisibleTimeRange(range: {
+    from: number;
+    to: number;
+  }): void;
+  /** Shows the crosshair at a time (and a price); `null` hides it */
+  setCrosshair(time: number | null, price?: number): void;
+  /** Sets the price scale of the price pane */
+  setScaleMode(mode: TradingScaleMode): void;
   /** Fits every price scale to the visible bars again */
   resetPriceScales(): void;
   /** Activates a drawing tool */
@@ -9222,6 +9398,34 @@ export declare class MnTradingChart extends MnChartEngine<TradingChartOptions, T
   removeDrawing(id: string): void;
   /** Selects a drawing (`null` clears the selection) */
   selectDrawing(id: string | null): void;
+  /** Changes the style or the content of a drawing (undoable) */
+  updateDrawing(id: string, patch: TradingDrawingPatch): void;
+  /** Undoes the last change of the drawings */
+  undo(): void;
+  /** Redoes the last undone change of the drawings */
+  redo(): void;
+  /** Whether the drawings can be undone or redone */
+  getUndoState(): TradingUndoState;
+  /** Starts a bar replay after `time` (the user picks the bar without it) */
+  startReplay(time?: number): void;
+  /** Shows the next bars of the replay */
+  replayStep(count?: number): void;
+  /** Plays the replay at `speed` bars per second */
+  replayPlay(speed?: number): void;
+  /** Pauses the replay */
+  replayPause(): void;
+  /** Ends the replay and shows every bar */
+  stopReplay(): void;
+  /** State of the bar replay, `null` before the first render */
+  getReplayState(): TradingReplayState | null;
+  /** Image of the chart as a data URL (`""` before the first render) */
+  toDataURL(type?: string, quality?: number): string;
+  /** Image of the chart as a blob */
+  toBlob(type?: string, quality?: number): Promise<Blob | null>;
+  /** Shows the chart full screen */
+  requestFullscreen(): Promise<void>;
+  /** Leaves full screen */
+  exitFullscreen(): Promise<void>;
   /** Shows or hides an indicator */
   setIndicatorVisible(id: string, visible: boolean): void;
   /** Backend in use, `null` until ready */
@@ -9268,9 +9472,14 @@ export declare class MnTradingChart extends MnChartEngine<TradingChartOptions, T
     "paneClick": "paneClick";
     "visibleRangeChange": "visibleRangeChange";
     "orderMove": "orderMove";
+    "orderCreate": "orderCreate";
+    "orderCancel": "orderCancel";
     "drawingsChange": "drawingsChange";
     "drawingSelect": "drawingSelect";
     "drawingToolChange": "drawingToolChange";
+    "undoChange": "undoChange";
+    "replayChange": "replayChange";
+    "fullscreenChange": "fullscreenChange";
     "indicatorToggle": "indicatorToggle";
     "historyRequest": "historyRequest";
     "rendererChange": "rendererChange";
@@ -9633,6 +9842,366 @@ export declare class MnBar3DChart extends MnChart3DBase<Bar3DSeries> {
     };
   }, {}, never, never, true, never>;
 }
+/**
+ * Whether two option objects describe the same chart: top-level values by
+ * identity, one level deep for inline arrays / objects (node and edge
+ * arrays rebuilt with the same objects are the same data), like the React
+ * components
+ */
+export declare const sameGraphOptions: (a: GraphChartOptions, b: GraphChartOptions) => boolean;
+/** Layout part of the options (what each component sets) */
+type GraphLayoutOptions = Pick<GraphChartOptions, "layout" | "direction" | "force" | "circular" | "dag" | "tree">;
+/**
+ * Base of the graph components (engine `createGraphChart`): the common
+ * inputs, the outputs and the handle methods. New options are passed only
+ * when they describe another chart: `setOptions` re-runs the layout when
+ * the node, edge or group arrays change, so arrays rebuilt with the same
+ * objects keep the layout.
+ */
+export declare abstract class MnGraphChartBase extends MnChartEngine<GraphChartOptions, GraphChartInstance> {
+  /** The nodes */
+  readonly nodes: import("@angular/core").InputSignal<readonly GraphNode[]>;
+  /** The edges (parent → child in trees, prerequisite → dependent in DAGs) */
+  readonly edges: import("@angular/core").InputSignal<readonly GraphEdge[]>;
+  /** Groups: legend order, names and colors */
+  readonly groups: import("@angular/core").InputSignal<readonly GraphGroup[] | undefined>;
+  /** Shape of the nodes without `shape` (boxes for DAGs, org charts and mind maps, circles otherwise) */
+  readonly nodeShape: import("@angular/core").InputSignal<GraphNodeShape | undefined>;
+  /** Circle diameter in layout units, or `[min, max]` scaled by the node `value` */
+  readonly nodeSize: import("@angular/core").InputSignal<number | readonly [number, number] | undefined>;
+  /** Edge shape; depends on the layout when omitted */
+  readonly edgeStyle: import("@angular/core").InputSignal<GraphEdgeStyle | undefined>;
+  /** Edge width in CSS pixels, or `[min, max]` scaled by the edge `value` */
+  readonly edgeWidth: import("@angular/core").InputSignal<number | readonly [number, number] | undefined>;
+  /** Edge colors: neutral or tinted with the source / target node (default `neutral`) */
+  readonly edgeColor: import("@angular/core").InputSignal<"source" | "neutral" | "target" | undefined>;
+  /** Arrowheads on the edges without `directed` (on for DAGs) */
+  readonly arrows: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /** Node labels; `auto` hides minor and overlapping labels when zoomed out (default `auto`) */
+  readonly nodeLabels: import("@angular/core").InputSignal<boolean | "auto" | undefined>;
+  /** Edge labels: always, `auto` (zoomed in or highlighted), only `hover`, or never (default `auto`) */
+  readonly edgeLabels: import("@angular/core").InputSignal<boolean | "auto" | "hover" | undefined>;
+  /** What hovering / selecting a node highlights */
+  readonly highlight: import("@angular/core").InputSignal<"none" | "neighbors" | "lineage" | undefined>;
+  /** Ids of the selected nodes (changing it updates the selection) */
+  readonly selected: import("@angular/core").InputSignal<readonly string[] | undefined>;
+  /** Animates layout and data changes; a number is the duration in ms (default `true`) */
+  readonly animation: import("@angular/core").InputSignal<number | boolean | undefined>;
+  /** Padding around the graph when fitting it, in CSS pixels (default 24) */
+  readonly fitPadding: import("@angular/core").InputSignal<number | undefined>;
+  /** Zoom buttons: zoom in, zoom out, fit (default `true`) */
+  readonly controls: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /** Legend of the groups; shown by default with several groups */
+  readonly legend: import("@angular/core").InputSignal<boolean | GraphLegendOptions | undefined>;
+  /** Tooltip; `false` disables it */
+  readonly tooltip: import("@angular/core").InputSignal<boolean | GraphTooltipOptions | undefined>;
+  /** Drag pans, Ctrl / ⌘ + wheel and pinch zoom, nodes can be dragged, click selects, arrow keys move; `false` makes the chart static (default `true`) */
+  readonly interaction: import("@angular/core").InputSignal<boolean | GraphInteractionOptions | undefined>;
+  /** Backend of the nodes and edges: `auto` tries WebGPU, then WebGL2, then WebGL, then Canvas2D (default `auto`) */
+  readonly renderer: import("@angular/core").InputSignal<ChartRendererPreference | undefined>;
+  /** Group colors (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */
+  readonly palette: import("@angular/core").InputSignal<readonly string[] | undefined>;
+  /** Accessible name of the chart */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Language of the built-in texts (summary, announcements, tooltip, buttons); the page language by default */
+  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  /** Overrides of the built-in texts of the `locale` */
+  readonly labels: import("@angular/core").InputSignal<Partial<GraphChartLabels> | undefined>;
+  /** The hovered (or keyboard-focused) node / edge changed (`null`: none) */
+  readonly hover: import("@angular/core").OutputEmitterRef<GraphHoverEvent | null>;
+  /** A node or an edge was clicked (or a node activated with Enter) */
+  readonly itemClick: import("@angular/core").OutputEmitterRef<GraphHoverEvent>;
+  /** The selection changed: ids of the selected nodes */
+  readonly selectionChange: import("@angular/core").OutputEmitterRef<string[]>;
+  /** A tree node was collapsed or expanded */
+  readonly nodeToggle: import("@angular/core").OutputEmitterRef<GraphToggleEvent>;
+  /** The legend showed / hid a group */
+  readonly groupToggle: import("@angular/core").OutputEmitterRef<GraphGroupToggleEvent>;
+  /** The layout is done (the force simulation cooled down) */
+  readonly layoutEnd: import("@angular/core").OutputEmitterRef<GraphLayoutEndEvent>;
+  /** The backend in use (again after a fallback) */
+  readonly rendererChange: import("@angular/core").OutputEmitterRef<ChartRendererKind>;
+  private previous;
+  /** Layout options of the component */
+  protected abstract layoutOptions(): GraphLayoutOptions;
+  protected defaultHeight(): number;
+  protected createEngine(container: HTMLElement, options: GraphChartOptions): GraphChartInstance;
+  protected engineOptions(): GraphChartOptions | null;
+  protected bindEngine(chart: GraphChartInstance): (() => void)[];
+  /** Fits the visible nodes in the view */
+  fit(animate?: boolean): void;
+  /** Centers a node (expanding its collapsed ancestors), optionally zooming */
+  focusNode(id: string, options?: {
+    zoom?: number;
+    animate?: boolean;
+  }): void;
+  /** Replaces the data until the inputs change again */
+  setData(data: GraphData): void;
+  /** Selects nodes (`null` clears the selection) */
+  select(ids: readonly string[] | string | null): void;
+  /** Ids of the selected nodes */
+  getSelection(): string[];
+  /** Expands a node (all nodes without an id) */
+  expand(id?: string): void;
+  /** Collapses a node (all nodes with children without an id) */
+  collapse(id?: string): void;
+  /** Collapses / expands a node */
+  toggle(id: string): void;
+  /** Current positions of the nodes in layout units */
+  getPositions(): Record<string, GraphPoint>;
+  /** Computes the layout again */
+  relayout(): void;
+  /** Backend in use, `null` until ready */
+  getRenderer(): ChartRendererKind | null;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MnGraphChartBase, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<MnGraphChartBase, never, never, {
+    "nodes": {
+      "alias": "nodes";
+      "required": true;
+      "isSignal": true;
+    };
+    "edges": {
+      "alias": "edges";
+      "required": true;
+      "isSignal": true;
+    };
+    "groups": {
+      "alias": "groups";
+      "required": false;
+      "isSignal": true;
+    };
+    "nodeShape": {
+      "alias": "nodeShape";
+      "required": false;
+      "isSignal": true;
+    };
+    "nodeSize": {
+      "alias": "nodeSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "edgeStyle": {
+      "alias": "edgeStyle";
+      "required": false;
+      "isSignal": true;
+    };
+    "edgeWidth": {
+      "alias": "edgeWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "edgeColor": {
+      "alias": "edgeColor";
+      "required": false;
+      "isSignal": true;
+    };
+    "arrows": {
+      "alias": "arrows";
+      "required": false;
+      "isSignal": true;
+    };
+    "nodeLabels": {
+      "alias": "nodeLabels";
+      "required": false;
+      "isSignal": true;
+    };
+    "edgeLabels": {
+      "alias": "edgeLabels";
+      "required": false;
+      "isSignal": true;
+    };
+    "highlight": {
+      "alias": "highlight";
+      "required": false;
+      "isSignal": true;
+    };
+    "selected": {
+      "alias": "selected";
+      "required": false;
+      "isSignal": true;
+    };
+    "animation": {
+      "alias": "animation";
+      "required": false;
+      "isSignal": true;
+    };
+    "fitPadding": {
+      "alias": "fitPadding";
+      "required": false;
+      "isSignal": true;
+    };
+    "controls": {
+      "alias": "controls";
+      "required": false;
+      "isSignal": true;
+    };
+    "legend": {
+      "alias": "legend";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltip": {
+      "alias": "tooltip";
+      "required": false;
+      "isSignal": true;
+    };
+    "interaction": {
+      "alias": "interaction";
+      "required": false;
+      "isSignal": true;
+    };
+    "renderer": {
+      "alias": "renderer";
+      "required": false;
+      "isSignal": true;
+    };
+    "palette": {
+      "alias": "palette";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "labels": {
+      "alias": "labels";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "hover": "hover";
+    "itemClick": "itemClick";
+    "selectionChange": "selectionChange";
+    "nodeToggle": "nodeToggle";
+    "groupToggle": "groupToggle";
+    "layoutEnd": "layoutEnd";
+    "rendererChange": "rendererChange";
+  }, never, never, true, never>;
+}
+/**
+ * Relationship network: force-directed by default (Barnes–Hut, a Web
+ * Worker for large graphs), or circular, arc diagram, layered or tree
+ * layouts; GPU rendering, pan / zoom, drag, neighbor highlight, legend
+ * toggles and keyboard navigation (engine `createGraphChart`)
+ */
+export declare class MnGraphChart extends MnGraphChartBase {
+  /** Placement of the nodes (default `force`) */
+  readonly layout: import("@angular/core").InputSignal<GraphLayoutType>;
+  /** Direction of the `dag` and `tree` layouts */
+  readonly direction: import("@angular/core").InputSignal<GraphDirection | undefined>;
+  /** Force layout settings (Barnes–Hut, worker for large graphs) */
+  readonly force: import("@angular/core").InputSignal<GraphForceOptions | undefined>;
+  /** Circular / arc layout settings */
+  readonly circular: import("@angular/core").InputSignal<GraphCircularOptions | undefined>;
+  /** Layered layout settings (`layout="dag"`) */
+  readonly dag: import("@angular/core").InputSignal<GraphDagOptions | undefined>;
+  /** Tree layout settings (tree layouts) */
+  readonly tree: import("@angular/core").InputSignal<GraphTreeOptions | undefined>;
+  protected layoutOptions(): GraphLayoutOptions;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MnGraphChart, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MnGraphChart, "mn-graph-chart", never, {
+    "layout": {
+      "alias": "layout";
+      "required": false;
+      "isSignal": true;
+    };
+    "direction": {
+      "alias": "direction";
+      "required": false;
+      "isSignal": true;
+    };
+    "force": {
+      "alias": "force";
+      "required": false;
+      "isSignal": true;
+    };
+    "circular": {
+      "alias": "circular";
+      "required": false;
+      "isSignal": true;
+    };
+    "dag": {
+      "alias": "dag";
+      "required": false;
+      "isSignal": true;
+    };
+    "tree": {
+      "alias": "tree";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * Dependency graph: layered (Sugiyama) layout of a DAG with crossing
+ * reduction, spline or orthogonal edges with arrowheads, upstream /
+ * downstream highlight and the critical path (engine `createGraphChart`)
+ */
+export declare class MnDependencyGraph extends MnGraphChartBase {
+  /** Flow direction (default `TB`) */
+  readonly direction: import("@angular/core").InputSignal<GraphDirection>;
+  /** Layer / node spacing, crossing reduction sweeps */
+  readonly dag: import("@angular/core").InputSignal<GraphDagOptions | undefined>;
+  /** Highlights the longest path (node `value` = duration); `true` computes it, a list of ids sets it (default `false`) */
+  readonly criticalPath: import("@angular/core").InputSignal<boolean | readonly string[] | undefined>;
+  protected layoutOptions(): GraphLayoutOptions;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MnDependencyGraph, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MnDependencyGraph, "mn-dependency-graph", never, {
+    "direction": {
+      "alias": "direction";
+      "required": false;
+      "isSignal": true;
+    };
+    "dag": {
+      "alias": "dag";
+      "required": false;
+      "isSignal": true;
+    };
+    "criticalPath": {
+      "alias": "criticalPath";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * Tree chart: tidy tree, radial tree, mind map or org chart, with animated
+ * collapse / expand of the subtrees (engine `createGraphChart`)
+ */
+export declare class MnTreeChart extends MnGraphChartBase {
+  /** Kind of tree: tidy tree, radial tree, two-sided mind map or org chart (default `tree`) */
+  readonly layout: import("@angular/core").InputSignal<"radial" | "tree" | "mindmap" | "org">;
+  /** Direction of `layout="tree"` (default `LR`) */
+  readonly direction: import("@angular/core").InputSignal<GraphDirection | undefined>;
+  /** Root, spacing, collapsing, card size */
+  readonly tree: import("@angular/core").InputSignal<GraphTreeOptions | undefined>;
+  protected layoutOptions(): GraphLayoutOptions;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MnTreeChart, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MnTreeChart, "mn-tree-chart", never, {
+    "layout": {
+      "alias": "layout";
+      "required": false;
+      "isSignal": true;
+    };
+    "direction": {
+      "alias": "direction";
+      "required": false;
+      "isSignal": true;
+    };
+    "tree": {
+      "alias": "tree";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
 /** Shares tooltip timing within a subtree. Recently opened tooltips skip the
  * initial delay when the pointer moves between controls. Nested providers isolate timing. */
 export declare class MnTooltipProvider {