minerva-design 1.4.0 → 1.5.0

package/dist/angular/fesm2022/minerva-angular.mjs

@@ -5,7 +5,7 @@ import { DEFAULT_LANGUAGE, DEFAULT_TAG_SEPARATORS, PALETTES, RATING_STAR_COUNT,
 import { FOCUS_SCOPE_UNMOUNT_EVENT, PALETTE_COOKIE_NAME, THEME_COOKIE_NAME, applyDesignAttributes, applyPosition, autoPosition, createDismissableLayer, createFocusScope, focusElement, generateCSSVariables, getDirection, getSystemTheme, getTabbables, hideOthers, isBilingualTheme, lockScroll, logicalArrowKey, parsePaletteCookie, parsePlacement, parseThemeCookie, readCookieValue, resolveTheme, serializeThemeCookie, waitForExitAnimation } from "../../dom/index.js";
 import { FormGroupDirective, NG_VALUE_ACCESSOR, NgControl, NgForm } from "@angular/forms";
 import { DomSanitizer } from "@angular/platform-browser";
-import { boxplotData, bubbleSeries, createChart, createChart3D, createDepthChart, createOrderBook, createOrderBookHeatmap, createShapeChart, createTimeAndSales, createTradingChart, ganttSeries, heatmapChartOptions, histogramSeries, quadrantChartOptions, quadrantOf, sparklineOptions, waterfallSeries } from "../../charts/core.js";
+import { boxplotData, bubbleSeries, createChart, createChart3D, createDepthChart, createGraphChart, createOrderBook, createOrderBookHeatmap, createShapeChart, createTimeAndSales, createTradingChart, ganttSeries, heatmapChartOptions, histogramSeries, quadrantChartOptions, quadrantOf, sparklineOptions, waterfallSeries } from "../../charts/core.js";
 const injectIsBrowser = () => isPlatformBrowser(inject(PLATFORM_ID));
 const staticInputs = (config = {}) => ({
 	theme: () => config.theme,
@@ -33021,6 +33021,7 @@ var MnHeatmapChart = class MnHeatmapChart extends MnSeriesChartBase {
 		this.yCategories = input(void 0, ...ngDevMode ? [{ debugName: "yCategories" }] : /* istanbul ignore next */ []);
 		this.colorScale = input(void 0, ...ngDevMode ? [{ debugName: "colorScale" }] : /* istanbul ignore next */ []);
 		this.valueRange = input(void 0, ...ngDevMode ? [{ debugName: "valueRange" }] : /* istanbul ignore next */ []);
+		this.colorMidpoint = input(void 0, ...ngDevMode ? [{ debugName: "colorMidpoint" }] : /* istanbul ignore next */ []);
 		this.name = input(void 0, ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 		this.radius = input(void 0, ...ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []);
 		this.format = input(void 0, ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
@@ -33032,6 +33033,7 @@ var MnHeatmapChart = class MnHeatmapChart extends MnSeriesChartBase {
 			yCategories: this.yCategories(),
 			colorScale: this.colorScale(),
 			valueRange: this.valueRange(),
+			colorMidpoint: this.colorMidpoint(),
 			name: this.name(),
 			radius: this.radius(),
 			format: this.format()
@@ -33090,6 +33092,13 @@ var MnHeatmapChart = class MnHeatmapChart extends MnSeriesChartBase {
 					isRequired: false,
 					transformFunction: null
 				},
+				colorMidpoint: {
+					classPropertyName: "colorMidpoint",
+					publicName: "colorMidpoint",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				name: {
 					classPropertyName: "name",
 					publicName: "name",
@@ -33174,6 +33183,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		colorMidpoint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "colorMidpoint",
+				required: false
+			}]
+		}],
 		name: [{
 			type: i0.Input,
 			args: [{
@@ -35692,6 +35709,8 @@ var MnBoxPlotChart = class MnBoxPlotChart extends MnSeriesChartBase {
 		this.groups = input(void 0, ...ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []);
 		this.name = input("Values", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 		this.whisker = input(void 0, ...ngDevMode ? [{ debugName: "whisker" }] : /* istanbul ignore next */ []);
+		this.outlierShape = input(void 0, ...ngDevMode ? [{ debugName: "outlierShape" }] : /* istanbul ignore next */ []);
+		this.outlierSize = input(void 0, ...ngDevMode ? [{ debugName: "outlierSize" }] : /* istanbul ignore next */ []);
 		this.orientation = input(void 0, ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
 	}
 	engineOptions() {
@@ -35705,7 +35724,11 @@ var MnBoxPlotChart = class MnBoxPlotChart extends MnSeriesChartBase {
 				id: "boxplot",
 				name: this.name(),
 				data: boxplotData(groups, { whisker: this.whisker() })
-			}] : [], ...series ?? []], "boxplot")
+			}] : [], ...series ?? []], "boxplot").map((s) => s.type === "boxplot" ? {
+				...s,
+				outlierShape: s.outlierShape ?? this.outlierShape(),
+				outlierSize: s.outlierSize ?? this.outlierSize()
+			} : s)
 		};
 	}
 	static {
@@ -35754,6 +35777,20 @@ var MnBoxPlotChart = class MnBoxPlotChart extends MnSeriesChartBase {
 					isRequired: false,
 					transformFunction: null
 				},
+				outlierShape: {
+					classPropertyName: "outlierShape",
+					publicName: "outlierShape",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				outlierSize: {
+					classPropertyName: "outlierSize",
+					publicName: "outlierSize",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				orientation: {
 					classPropertyName: "orientation",
 					publicName: "orientation",
@@ -35816,6 +35853,22 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		outlierShape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "outlierShape",
+				required: false
+			}]
+		}],
+		outlierSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "outlierSize",
+				required: false
+			}]
+		}],
 		orientation: [{
 			type: i0.Input,
 			args: [{
@@ -35840,6 +35893,7 @@ var MnWaterfallChart = class MnWaterfallChart extends MnSeriesChartBase {
 			transform: booleanAttribute
 		});
 		this.format = input(void 0, ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
+		this.connector = input(void 0, ...ngDevMode ? [{ debugName: "connector" }] : /* istanbul ignore next */ []);
 		this.orientation = input(void 0, ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
 	}
 	engineOptions() {
@@ -35853,7 +35907,9 @@ var MnWaterfallChart = class MnWaterfallChart extends MnSeriesChartBase {
 				totalColor: this.totalColor(),
 				start: this.start(),
 				labels: this.labels(),
-				format: this.format()
+				format: this.format(),
+				connector: this.connector(),
+				locale: this.locale()
 			})]
 		};
 	}
@@ -35931,6 +35987,13 @@ var MnWaterfallChart = class MnWaterfallChart extends MnSeriesChartBase {
 					isRequired: false,
 					transformFunction: null
 				},
+				connector: {
+					classPropertyName: "connector",
+					publicName: "connector",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				orientation: {
 					classPropertyName: "orientation",
 					publicName: "orientation",
@@ -36025,6 +36088,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		connector: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "connector",
+				required: false
+			}]
+		}],
 		orientation: [{
 			type: i0.Input,
 			args: [{
@@ -36044,6 +36115,7 @@ var MnGanttChart = class MnGanttChart extends MnSeriesChartBase {
 		this.progressName = input(void 0, ...ngDevMode ? [{ debugName: "progressName" }] : /* istanbul ignore next */ []);
 		this.milestoneName = input(void 0, ...ngDevMode ? [{ debugName: "milestoneName" }] : /* istanbul ignore next */ []);
 		this.formatProgress = input(void 0, ...ngDevMode ? [{ debugName: "formatProgress" }] : /* istanbul ignore next */ []);
+		this.dependenciesName = input(void 0, ...ngDevMode ? [{ debugName: "dependenciesName" }] : /* istanbul ignore next */ []);
 		this.today = input(false, ...ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []);
 		this.todayLabel = input(void 0, ...ngDevMode ? [{ debugName: "todayLabel" }] : /* istanbul ignore next */ []);
 		this.mountedAt = Date.now();
@@ -36054,7 +36126,9 @@ var MnGanttChart = class MnGanttChart extends MnSeriesChartBase {
 			taskName: this.taskName(),
 			progressName: this.progressName(),
 			milestoneName: this.milestoneName(),
-			formatProgress: this.formatProgress()
+			formatProgress: this.formatProgress(),
+			dependenciesName: this.dependenciesName(),
+			locale: this.locale()
 		});
 		const today = this.today();
 		const now = today === false ? null : today === true ? this.mountedAt : today instanceof Date ? today.getTime() : today;
@@ -36147,6 +36221,13 @@ var MnGanttChart = class MnGanttChart extends MnSeriesChartBase {
 					isRequired: false,
 					transformFunction: null
 				},
+				dependenciesName: {
+					classPropertyName: "dependenciesName",
+					publicName: "dependenciesName",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				today: {
 					classPropertyName: "today",
 					publicName: "today",
@@ -36232,6 +36313,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		dependenciesName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dependenciesName",
+				required: false
+			}]
+		}],
 		today: [{
 			type: i0.Input,
 			args: [{
@@ -37159,6 +37248,323 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+var MnChordChart = class MnChordChart extends MnShapeChartCommon {
+	constructor() {
+		super(...arguments);
+		this.groups = input(void 0, ...ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []);
+		this.matrix = input(void 0, ...ngDevMode ? [{ debugName: "matrix" }] : /* istanbul ignore next */ []);
+		this.links = input(void 0, ...ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []);
+		this.directed = input(void 0, {
+			...ngDevMode ? { debugName: "directed" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.arrows = input(void 0, {
+			...ngDevMode ? { debugName: "arrows" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.padAngle = input(void 0, ...ngDevMode ? [{ debugName: "padAngle" }] : /* istanbul ignore next */ []);
+		this.startAngle = input(void 0, ...ngDevMode ? [{ debugName: "startAngle" }] : /* istanbul ignore next */ []);
+		this.sortGroups = input(void 0, ...ngDevMode ? [{ debugName: "sortGroups" }] : /* istanbul ignore next */ []);
+		this.sortSubgroups = input(void 0, ...ngDevMode ? [{ debugName: "sortSubgroups" }] : /* istanbul ignore next */ []);
+		this.ribbonColor = input(void 0, ...ngDevMode ? [{ debugName: "ribbonColor" }] : /* istanbul ignore next */ []);
+		this.ribbonOpacity = input(void 0, ...ngDevMode ? [{ debugName: "ribbonOpacity" }] : /* istanbul ignore next */ []);
+		this.arcWidth = input(void 0, ...ngDevMode ? [{ debugName: "arcWidth" }] : /* istanbul ignore next */ []);
+		this.ticks = input(void 0, ...ngDevMode ? [{ debugName: "ticks" }] : /* istanbul ignore next */ []);
+		this.tickFormat = input(void 0, ...ngDevMode ? [{ debugName: "tickFormat" }] : /* istanbul ignore next */ []);
+		this.labels = input(void 0, ...ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []);
+	}
+	defaultHeight() {
+		return 420;
+	}
+	engineOptions() {
+		return {
+			...this.commonOptions(),
+			type: "chord",
+			groups: this.groups(),
+			matrix: this.matrix(),
+			links: this.links(),
+			directed: this.directed(),
+			arrows: this.arrows(),
+			padAngle: this.padAngle(),
+			startAngle: this.startAngle(),
+			sortGroups: this.sortGroups(),
+			sortSubgroups: this.sortSubgroups(),
+			ribbonColor: this.ribbonColor(),
+			ribbonOpacity: this.ribbonOpacity(),
+			arcWidth: this.arcWidth(),
+			ticks: this.ticks(),
+			tickFormat: this.tickFormat(),
+			labels: this.labels()
+		};
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: MnChordChart,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: MnChordChart,
+			isStandalone: true,
+			selector: "mn-chord-chart",
+			inputs: {
+				groups: {
+					classPropertyName: "groups",
+					publicName: "groups",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				matrix: {
+					classPropertyName: "matrix",
+					publicName: "matrix",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				links: {
+					classPropertyName: "links",
+					publicName: "links",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				directed: {
+					classPropertyName: "directed",
+					publicName: "directed",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				arrows: {
+					classPropertyName: "arrows",
+					publicName: "arrows",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				padAngle: {
+					classPropertyName: "padAngle",
+					publicName: "padAngle",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				startAngle: {
+					classPropertyName: "startAngle",
+					publicName: "startAngle",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				sortGroups: {
+					classPropertyName: "sortGroups",
+					publicName: "sortGroups",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				sortSubgroups: {
+					classPropertyName: "sortSubgroups",
+					publicName: "sortSubgroups",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ribbonColor: {
+					classPropertyName: "ribbonColor",
+					publicName: "ribbonColor",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ribbonOpacity: {
+					classPropertyName: "ribbonOpacity",
+					publicName: "ribbonOpacity",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				arcWidth: {
+					classPropertyName: "arcWidth",
+					publicName: "arcWidth",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ticks: {
+					classPropertyName: "ticks",
+					publicName: "ticks",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				tickFormat: {
+					classPropertyName: "tickFormat",
+					publicName: "tickFormat",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				labels: {
+					classPropertyName: "labels",
+					publicName: "labels",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<div #surface style=\"position:absolute;inset:0\"></div>",
+			isInline: true,
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: MnChordChart,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "mn-chord-chart",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: CHART_SURFACE
+		}]
+	}],
+	propDecorators: {
+		groups: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "groups",
+				required: false
+			}]
+		}],
+		matrix: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "matrix",
+				required: false
+			}]
+		}],
+		links: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "links",
+				required: false
+			}]
+		}],
+		directed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "directed",
+				required: false
+			}]
+		}],
+		arrows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "arrows",
+				required: false
+			}]
+		}],
+		padAngle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "padAngle",
+				required: false
+			}]
+		}],
+		startAngle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "startAngle",
+				required: false
+			}]
+		}],
+		sortGroups: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sortGroups",
+				required: false
+			}]
+		}],
+		sortSubgroups: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sortSubgroups",
+				required: false
+			}]
+		}],
+		ribbonColor: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ribbonColor",
+				required: false
+			}]
+		}],
+		ribbonOpacity: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ribbonOpacity",
+				required: false
+			}]
+		}],
+		arcWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "arcWidth",
+				required: false
+			}]
+		}],
+		ticks: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ticks",
+				required: false
+			}]
+		}],
+		tickFormat: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tickFormat",
+				required: false
+			}]
+		}],
+		labels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labels",
+				required: false
+			}]
+		}]
+	}
+});
 var MnTradingChart = class MnTradingChart extends MnChartEngine {
 	constructor() {
 		super(...arguments);
@@ -37173,9 +37579,14 @@ var MnTradingChart = class MnTradingChart extends MnChartEngine {
 		this.paneClick = output();
 		this.visibleRangeChange = output();
 		this.orderMove = output();
+		this.orderCreate = output();
+		this.orderCancel = output();
 		this.drawingsChange = output();
 		this.drawingSelect = output();
 		this.drawingToolChange = output();
+		this.undoChange = output();
+		this.replayChange = output();
+		this.fullscreenChange = output();
 		this.indicatorToggle = output();
 		this.historyRequest = output();
 		this.rendererChange = output();
@@ -37204,9 +37615,14 @@ var MnTradingChart = class MnTradingChart extends MnChartEngine {
 			chart.on("click", (e) => this.paneClick.emit(e)),
 			chart.on("visibleRangeChange", (e) => this.visibleRangeChange.emit(e)),
 			chart.on("orderMove", (e) => this.orderMove.emit(e)),
+			chart.on("orderCreate", (e) => this.orderCreate.emit(e)),
+			chart.on("orderCancel", (e) => this.orderCancel.emit(e)),
 			chart.on("drawingsChange", (e) => this.drawingsChange.emit(e)),
 			chart.on("drawingSelect", (e) => this.drawingSelect.emit(e)),
 			chart.on("drawingToolChange", (e) => this.drawingToolChange.emit(e)),
+			chart.on("undoChange", (e) => this.undoChange.emit(e)),
+			chart.on("replayChange", (e) => this.replayChange.emit(e)),
+			chart.on("fullscreenChange", (e) => this.fullscreenChange.emit(e)),
 			chart.on("indicatorToggle", (e) => this.indicatorToggle.emit(e)),
 			chart.on("historyRequest", (e) => this.historyRequest.emit(e)),
 			chart.on("renderer", (e) => this.rendererChange.emit(e))
@@ -37242,6 +37658,18 @@ var MnTradingChart = class MnTradingChart extends MnChartEngine {
 	setVisibleRange(range) {
 		this.instance()?.setVisibleRange(range);
 	}
+	getVisibleTimeRange() {
+		return this.instance()?.getVisibleTimeRange() ?? null;
+	}
+	setVisibleTimeRange(range) {
+		this.instance()?.setVisibleTimeRange(range);
+	}
+	setCrosshair(time, price) {
+		this.instance()?.setCrosshair(time, price);
+	}
+	setScaleMode(mode) {
+		this.instance()?.setScaleMode(mode);
+	}
 	resetPriceScales() {
 		this.instance()?.resetPriceScales();
 	}
@@ -37257,6 +37685,51 @@ var MnTradingChart = class MnTradingChart extends MnChartEngine {
 	selectDrawing(id) {
 		this.instance()?.selectDrawing(id);
 	}
+	updateDrawing(id, patch) {
+		this.instance()?.updateDrawing(id, patch);
+	}
+	undo() {
+		this.instance()?.undo();
+	}
+	redo() {
+		this.instance()?.redo();
+	}
+	getUndoState() {
+		return this.instance()?.getUndoState() ?? {
+			canUndo: false,
+			canRedo: false
+		};
+	}
+	startReplay(time) {
+		this.instance()?.startReplay(time);
+	}
+	replayStep(count) {
+		this.instance()?.replayStep(count);
+	}
+	replayPlay(speed) {
+		this.instance()?.replayPlay(speed);
+	}
+	replayPause() {
+		this.instance()?.replayPause();
+	}
+	stopReplay() {
+		this.instance()?.stopReplay();
+	}
+	getReplayState() {
+		return this.instance()?.getReplayState() ?? null;
+	}
+	toDataURL(type, quality) {
+		return this.instance()?.toDataURL(type, quality) ?? "";
+	}
+	toBlob(type, quality) {
+		return this.instance()?.toBlob(type, quality) ?? Promise.resolve(null);
+	}
+	requestFullscreen() {
+		return this.instance()?.requestFullscreen() ?? Promise.resolve();
+	}
+	exitFullscreen() {
+		return this.instance()?.exitFullscreen() ?? Promise.resolve();
+	}
 	setIndicatorVisible(id, visible) {
 		this.instance()?.setIndicatorVisible(id, visible);
 	}
@@ -37336,9 +37809,14 @@ var MnTradingChart = class MnTradingChart extends MnChartEngine {
 				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"
@@ -37437,6 +37915,14 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.Output,
 			args: ["orderMove"]
 		}],
+		orderCreate: [{
+			type: i0.Output,
+			args: ["orderCreate"]
+		}],
+		orderCancel: [{
+			type: i0.Output,
+			args: ["orderCancel"]
+		}],
 		drawingsChange: [{
 			type: i0.Output,
 			args: ["drawingsChange"]
@@ -37449,6 +37935,18 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.Output,
 			args: ["drawingToolChange"]
 		}],
+		undoChange: [{
+			type: i0.Output,
+			args: ["undoChange"]
+		}],
+		replayChange: [{
+			type: i0.Output,
+			args: ["replayChange"]
+		}],
+		fullscreenChange: [{
+			type: i0.Output,
+			args: ["fullscreenChange"]
+		}],
 		indicatorToggle: [{
 			type: i0.Output,
 			args: ["indicatorToggle"]
@@ -38554,6 +39052,939 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
+const isPlainObject = (value) => {
+	if (typeof value !== "object" || value === null) return false;
+	const proto = Object.getPrototypeOf(value);
+	return proto === Object.prototype || proto === null;
+};
+const shallowEqual = (a, b) => {
+	const keys = Object.keys(a);
+	return keys.length === Object.keys(b).length && keys.every((key) => Object.prototype.hasOwnProperty.call(b, key) && a[key] === b[key]);
+};
+const sameValue = (a, b) => {
+	if (a === b) return true;
+	if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((v, i) => v === b[i]);
+	return isPlainObject(a) && isPlainObject(b) && shallowEqual(a, b);
+};
+const sameGraphOptions = (a, b) => {
+	const keys = Object.keys(a);
+	return keys.length === Object.keys(b).length && keys.every((key) => Object.prototype.hasOwnProperty.call(b, key) && sameValue(a[key], b[key]));
+};
+var MnGraphChartBase = class MnGraphChartBase extends MnChartEngine {
+	constructor() {
+		super(...arguments);
+		this.nodes = input.required(...ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []);
+		this.edges = input.required(...ngDevMode ? [{ debugName: "edges" }] : /* istanbul ignore next */ []);
+		this.groups = input(void 0, ...ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []);
+		this.nodeShape = input(void 0, ...ngDevMode ? [{ debugName: "nodeShape" }] : /* istanbul ignore next */ []);
+		this.nodeSize = input(void 0, ...ngDevMode ? [{ debugName: "nodeSize" }] : /* istanbul ignore next */ []);
+		this.edgeStyle = input(void 0, ...ngDevMode ? [{ debugName: "edgeStyle" }] : /* istanbul ignore next */ []);
+		this.edgeWidth = input(void 0, ...ngDevMode ? [{ debugName: "edgeWidth" }] : /* istanbul ignore next */ []);
+		this.edgeColor = input(void 0, ...ngDevMode ? [{ debugName: "edgeColor" }] : /* istanbul ignore next */ []);
+		this.arrows = input(void 0, {
+			...ngDevMode ? { debugName: "arrows" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.nodeLabels = input(void 0, ...ngDevMode ? [{ debugName: "nodeLabels" }] : /* istanbul ignore next */ []);
+		this.edgeLabels = input(void 0, ...ngDevMode ? [{ debugName: "edgeLabels" }] : /* istanbul ignore next */ []);
+		this.highlight = input(void 0, ...ngDevMode ? [{ debugName: "highlight" }] : /* istanbul ignore next */ []);
+		this.selected = input(void 0, ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+		this.animation = input(void 0, ...ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []);
+		this.fitPadding = input(void 0, ...ngDevMode ? [{ debugName: "fitPadding" }] : /* istanbul ignore next */ []);
+		this.controls = input(void 0, {
+			...ngDevMode ? { debugName: "controls" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.legend = input(void 0, ...ngDevMode ? [{ debugName: "legend" }] : /* istanbul ignore next */ []);
+		this.tooltip = input(void 0, ...ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []);
+		this.interaction = input(void 0, ...ngDevMode ? [{ debugName: "interaction" }] : /* istanbul ignore next */ []);
+		this.renderer = input(void 0, ...ngDevMode ? [{ debugName: "renderer" }] : /* istanbul ignore next */ []);
+		this.palette = input(void 0, ...ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []);
+		this.ariaLabel = input(void 0, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+		this.locale = input(void 0, ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+		this.labels = input(void 0, ...ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []);
+		this.hover = output();
+		this.itemClick = output();
+		this.selectionChange = output();
+		this.nodeToggle = output();
+		this.groupToggle = output();
+		this.layoutEnd = output();
+		this.rendererChange = output();
+		this.previous = null;
+	}
+	defaultHeight() {
+		return 480;
+	}
+	createEngine(container, options) {
+		return createGraphChart(container, options);
+	}
+	engineOptions() {
+		const next = {
+			nodes: this.nodes(),
+			edges: this.edges(),
+			groups: this.groups(),
+			...this.layoutOptions(),
+			nodeShape: this.nodeShape(),
+			nodeSize: this.nodeSize(),
+			edgeStyle: this.edgeStyle(),
+			edgeWidth: this.edgeWidth(),
+			edgeColor: this.edgeColor(),
+			arrows: this.arrows(),
+			nodeLabels: this.nodeLabels(),
+			edgeLabels: this.edgeLabels(),
+			highlight: this.highlight(),
+			selected: this.selected(),
+			animation: this.animation(),
+			fitPadding: this.fitPadding(),
+			controls: this.controls(),
+			legend: this.legend(),
+			tooltip: this.tooltip(),
+			interaction: this.interaction(),
+			renderer: this.renderer(),
+			palette: this.palette(),
+			ariaLabel: this.ariaLabel(),
+			locale: this.locale(),
+			labels: this.labels()
+		};
+		if (this.previous && sameGraphOptions(this.previous, next)) return null;
+		this.previous = next;
+		return next;
+	}
+	bindEngine(chart) {
+		return [
+			chart.on("hover", (e) => this.hover.emit(e)),
+			chart.on("click", (e) => this.itemClick.emit(e)),
+			chart.on("select", (e) => this.selectionChange.emit(e.ids)),
+			chart.on("toggle", (e) => this.nodeToggle.emit(e)),
+			chart.on("groupToggle", (e) => this.groupToggle.emit(e)),
+			chart.on("layoutEnd", (e) => this.layoutEnd.emit(e)),
+			chart.on("renderer", (e) => this.rendererChange.emit(e))
+		];
+	}
+	fit(animate) {
+		this.instance()?.fit(animate);
+	}
+	focusNode(id, options) {
+		this.instance()?.focusNode(id, options);
+	}
+	setData(data) {
+		this.instance()?.setData(data);
+	}
+	select(ids) {
+		this.instance()?.select(ids);
+	}
+	getSelection() {
+		return this.instance()?.getSelection() ?? [];
+	}
+	expand(id) {
+		this.instance()?.expand(id);
+	}
+	collapse(id) {
+		this.instance()?.collapse(id);
+	}
+	toggle(id) {
+		this.instance()?.toggle(id);
+	}
+	getPositions() {
+		return this.instance()?.getPositions() ?? {};
+	}
+	relayout() {
+		this.instance()?.relayout();
+	}
+	getRenderer() {
+		return this.instance()?.getRenderer() ?? null;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: MnGraphChartBase,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: MnGraphChartBase,
+			isStandalone: true,
+			inputs: {
+				nodes: {
+					classPropertyName: "nodes",
+					publicName: "nodes",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				edges: {
+					classPropertyName: "edges",
+					publicName: "edges",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				groups: {
+					classPropertyName: "groups",
+					publicName: "groups",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				nodeShape: {
+					classPropertyName: "nodeShape",
+					publicName: "nodeShape",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				nodeSize: {
+					classPropertyName: "nodeSize",
+					publicName: "nodeSize",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				edgeStyle: {
+					classPropertyName: "edgeStyle",
+					publicName: "edgeStyle",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				edgeWidth: {
+					classPropertyName: "edgeWidth",
+					publicName: "edgeWidth",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				edgeColor: {
+					classPropertyName: "edgeColor",
+					publicName: "edgeColor",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				arrows: {
+					classPropertyName: "arrows",
+					publicName: "arrows",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				nodeLabels: {
+					classPropertyName: "nodeLabels",
+					publicName: "nodeLabels",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				edgeLabels: {
+					classPropertyName: "edgeLabels",
+					publicName: "edgeLabels",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				highlight: {
+					classPropertyName: "highlight",
+					publicName: "highlight",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selected: {
+					classPropertyName: "selected",
+					publicName: "selected",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				animation: {
+					classPropertyName: "animation",
+					publicName: "animation",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				fitPadding: {
+					classPropertyName: "fitPadding",
+					publicName: "fitPadding",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				controls: {
+					classPropertyName: "controls",
+					publicName: "controls",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				legend: {
+					classPropertyName: "legend",
+					publicName: "legend",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				tooltip: {
+					classPropertyName: "tooltip",
+					publicName: "tooltip",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				interaction: {
+					classPropertyName: "interaction",
+					publicName: "interaction",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				renderer: {
+					classPropertyName: "renderer",
+					publicName: "renderer",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				palette: {
+					classPropertyName: "palette",
+					publicName: "palette",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				locale: {
+					classPropertyName: "locale",
+					publicName: "locale",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				labels: {
+					classPropertyName: "labels",
+					publicName: "labels",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				hover: "hover",
+				itemClick: "itemClick",
+				selectionChange: "selectionChange",
+				nodeToggle: "nodeToggle",
+				groupToggle: "groupToggle",
+				layoutEnd: "layoutEnd",
+				rendererChange: "rendererChange"
+			},
+			usesInheritance: true,
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: MnGraphChartBase,
+	decorators: [{ type: Directive }],
+	propDecorators: {
+		nodes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodes",
+				required: true
+			}]
+		}],
+		edges: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "edges",
+				required: true
+			}]
+		}],
+		groups: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "groups",
+				required: false
+			}]
+		}],
+		nodeShape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodeShape",
+				required: false
+			}]
+		}],
+		nodeSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodeSize",
+				required: false
+			}]
+		}],
+		edgeStyle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "edgeStyle",
+				required: false
+			}]
+		}],
+		edgeWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "edgeWidth",
+				required: false
+			}]
+		}],
+		edgeColor: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "edgeColor",
+				required: false
+			}]
+		}],
+		arrows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "arrows",
+				required: false
+			}]
+		}],
+		nodeLabels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodeLabels",
+				required: false
+			}]
+		}],
+		edgeLabels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "edgeLabels",
+				required: false
+			}]
+		}],
+		highlight: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "highlight",
+				required: false
+			}]
+		}],
+		selected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selected",
+				required: false
+			}]
+		}],
+		animation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "animation",
+				required: false
+			}]
+		}],
+		fitPadding: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fitPadding",
+				required: false
+			}]
+		}],
+		controls: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "controls",
+				required: false
+			}]
+		}],
+		legend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legend",
+				required: false
+			}]
+		}],
+		tooltip: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltip",
+				required: false
+			}]
+		}],
+		interaction: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "interaction",
+				required: false
+			}]
+		}],
+		renderer: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "renderer",
+				required: false
+			}]
+		}],
+		palette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "palette",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		labels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labels",
+				required: false
+			}]
+		}],
+		hover: [{
+			type: i0.Output,
+			args: ["hover"]
+		}],
+		itemClick: [{
+			type: i0.Output,
+			args: ["itemClick"]
+		}],
+		selectionChange: [{
+			type: i0.Output,
+			args: ["selectionChange"]
+		}],
+		nodeToggle: [{
+			type: i0.Output,
+			args: ["nodeToggle"]
+		}],
+		groupToggle: [{
+			type: i0.Output,
+			args: ["groupToggle"]
+		}],
+		layoutEnd: [{
+			type: i0.Output,
+			args: ["layoutEnd"]
+		}],
+		rendererChange: [{
+			type: i0.Output,
+			args: ["rendererChange"]
+		}]
+	}
+});
+var MnGraphChart = class MnGraphChart extends MnGraphChartBase {
+	constructor() {
+		super(...arguments);
+		this.layout = input("force", ...ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []);
+		this.direction = input(void 0, ...ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []);
+		this.force = input(void 0, ...ngDevMode ? [{ debugName: "force" }] : /* istanbul ignore next */ []);
+		this.circular = input(void 0, ...ngDevMode ? [{ debugName: "circular" }] : /* istanbul ignore next */ []);
+		this.dag = input(void 0, ...ngDevMode ? [{ debugName: "dag" }] : /* istanbul ignore next */ []);
+		this.tree = input(void 0, ...ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []);
+	}
+	layoutOptions() {
+		return {
+			layout: this.layout(),
+			direction: this.direction(),
+			force: this.force(),
+			circular: this.circular(),
+			dag: this.dag(),
+			tree: this.tree()
+		};
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: MnGraphChart,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: MnGraphChart,
+			isStandalone: true,
+			selector: "mn-graph-chart",
+			inputs: {
+				layout: {
+					classPropertyName: "layout",
+					publicName: "layout",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				direction: {
+					classPropertyName: "direction",
+					publicName: "direction",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				force: {
+					classPropertyName: "force",
+					publicName: "force",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				circular: {
+					classPropertyName: "circular",
+					publicName: "circular",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				dag: {
+					classPropertyName: "dag",
+					publicName: "dag",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				tree: {
+					classPropertyName: "tree",
+					publicName: "tree",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<div #surface style=\"position:absolute;inset:0\"></div>",
+			isInline: true,
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: MnGraphChart,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "mn-graph-chart",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: CHART_SURFACE
+		}]
+	}],
+	propDecorators: {
+		layout: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "layout",
+				required: false
+			}]
+		}],
+		direction: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "direction",
+				required: false
+			}]
+		}],
+		force: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "force",
+				required: false
+			}]
+		}],
+		circular: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "circular",
+				required: false
+			}]
+		}],
+		dag: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dag",
+				required: false
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: false
+			}]
+		}]
+	}
+});
+var MnDependencyGraph = class MnDependencyGraph extends MnGraphChartBase {
+	constructor() {
+		super(...arguments);
+		this.direction = input("TB", ...ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []);
+		this.dag = input(void 0, ...ngDevMode ? [{ debugName: "dag" }] : /* istanbul ignore next */ []);
+		this.criticalPath = input(void 0, ...ngDevMode ? [{ debugName: "criticalPath" }] : /* istanbul ignore next */ []);
+	}
+	layoutOptions() {
+		const dag = this.dag();
+		const criticalPath = this.criticalPath();
+		return {
+			layout: "dag",
+			direction: this.direction(),
+			dag: criticalPath === void 0 ? dag : {
+				...dag,
+				criticalPath
+			}
+		};
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: MnDependencyGraph,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: MnDependencyGraph,
+			isStandalone: true,
+			selector: "mn-dependency-graph",
+			inputs: {
+				direction: {
+					classPropertyName: "direction",
+					publicName: "direction",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				dag: {
+					classPropertyName: "dag",
+					publicName: "dag",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				criticalPath: {
+					classPropertyName: "criticalPath",
+					publicName: "criticalPath",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<div #surface style=\"position:absolute;inset:0\"></div>",
+			isInline: true,
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: MnDependencyGraph,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "mn-dependency-graph",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: CHART_SURFACE
+		}]
+	}],
+	propDecorators: {
+		direction: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "direction",
+				required: false
+			}]
+		}],
+		dag: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dag",
+				required: false
+			}]
+		}],
+		criticalPath: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "criticalPath",
+				required: false
+			}]
+		}]
+	}
+});
+var MnTreeChart = class MnTreeChart extends MnGraphChartBase {
+	constructor() {
+		super(...arguments);
+		this.layout = input("tree", ...ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []);
+		this.direction = input(void 0, ...ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []);
+		this.tree = input(void 0, ...ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []);
+	}
+	layoutOptions() {
+		return {
+			layout: this.layout(),
+			direction: this.direction(),
+			tree: this.tree()
+		};
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: MnTreeChart,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: MnTreeChart,
+			isStandalone: true,
+			selector: "mn-tree-chart",
+			inputs: {
+				layout: {
+					classPropertyName: "layout",
+					publicName: "layout",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				direction: {
+					classPropertyName: "direction",
+					publicName: "direction",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				tree: {
+					classPropertyName: "tree",
+					publicName: "tree",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<div #surface style=\"position:absolute;inset:0\"></div>",
+			isInline: true,
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: MnTreeChart,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "mn-tree-chart",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: CHART_SURFACE
+		}]
+	}],
+	propDecorators: {
+		layout: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "layout",
+				required: false
+			}]
+		}],
+		direction: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "direction",
+				required: false
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: false
+			}]
+		}]
+	}
+});
 var MnConfirmService = class MnConfirmService {
 	constructor() {
 		this.requests = signal([], ...ngDevMode ? [{ debugName: "requests" }] : /* istanbul ignore next */ []);
@@ -39847,6 +41278,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { CHART_SURFACE, MN_RADIO_GROUP, MN_SCOPE, MinervaScope, MnAlert, MnAppShell, MnAreaChart, MnAutoComplete, MnAvatar, MnAvatarGroup, MnBadge, MnBar3DChart, MnBarChart, MnBookWidgetBase, MnBox, MnBoxPlotChart, MnBubbleChart, MnBulletChart, MnButton, MnCalendarHeatmap, MnCandlestickChart, MnCard, MnCardContent, MnCardDescription, MnCardFooter, MnCardHeader, MnCardTitle, MnCartesianChartBase, MnCascader, MnCascaderPanel, MnChart, MnChart3DBase, MnChartEngine, MnCheckbox, MnCodeBlock, MnCommandDialog, MnConfig, MnConfirmDialog, MnConfirmProvider, MnConfirmService, MnContextMenu, MnDataTable, MnDatePicker, MnDepthChart, MnDescriptionList, MnDivider, MnDonutChart, MnDrawer, MnDrawerBody, MnDrawerClose, MnDrawerFooter, MnDrawerHeader, MnDrawerTrigger, MnEmpty, MnFieldBase, MnFloatingBase, MnFormControl, MnFormErrorMessage, MnFormField, MnFormHelperText, MnFormLabel, MnFormLayout, MnFunnelChart, MnGanttChart, MnGaugeChart, MnGridItem, MnHStack, MnHeatmapChart, MnHistogramChart, MnHorizontalBarChart, MnHtmlPreview, MnIconButton, MnInput, MnJsonField, MnKeyValueEditor, MnLine3DChart, MnLineChart, MnList, MnListItem, MnLoadingState, MnMenu, MnMenuBase, MnMixedChart, MnModal, MnModalBody, MnModalClose, MnModalFooter, MnModalHeader, MnModalTrigger, MnMonthCalendar, MnNavTree, MnNumberInput, MnOrderBook, MnOrderBookHeatmap, MnPage, MnPageHeader, MnPageSection, MnPageTab, MnPageTabs, MnPagination, MnPaletteToggle, MnPieBase, MnPieChart, MnPopover, MnPopoverAnchor, MnPopoverClose, MnProgressIndicator, MnProse, MnQuadrantChart, MnRadarChart, MnRadialBarChart, MnRadio, MnRadioGroup, MnRangeAreaChart, MnRating, MnRatingScale, MnResponsiveGrid, MnSankeyChart, MnScatter3DChart, MnScatterChart, MnSelect, MnSelectGroup, MnSelectItem, MnSelectLabel, MnSelectSeparator, MnSeriesChartBase, MnShapeChart, MnShapeChartBase, MnShapeChartCommon, MnSkeleton, MnSkeletonText, MnSparkline, MnSplitLayout, MnStack, MnStackBase, MnStatCard, MnSteps, MnSunburstChart, MnSurface3DChart, MnSwitch, MnTab, MnTabPanel, MnTableBody, MnTableCell, MnTableCellContent, MnTableHead, MnTableHeader, MnTableRoot, MnTableRow, MnTabs, MnTag, MnTagInput, MnTextLink, MnTextarea, MnThemeToggle, MnTimeAndSales, MnTimePicker, MnTimePickerPanel, MnToastRegion, MnToastService, MnToolbar, MnTooltip, MnTooltipProvider, MnTradingChart, MnTreemapChart, MnUpload, MnVStack, MnVirtualList, MnWaterfallChart, THEME_SCOPE_ATTRIBUTE, injectMinerva, optionalBoolean, provideEmbeddedMinerva, provideMinerva, themeModeOf, withSeriesType };
+export { CHART_SURFACE, MN_RADIO_GROUP, MN_SCOPE, MinervaScope, MnAlert, MnAppShell, MnAreaChart, MnAutoComplete, MnAvatar, MnAvatarGroup, MnBadge, MnBar3DChart, MnBarChart, MnBookWidgetBase, MnBox, MnBoxPlotChart, MnBubbleChart, MnBulletChart, MnButton, MnCalendarHeatmap, MnCandlestickChart, MnCard, MnCardContent, MnCardDescription, MnCardFooter, MnCardHeader, MnCardTitle, MnCartesianChartBase, MnCascader, MnCascaderPanel, MnChart, MnChart3DBase, MnChartEngine, MnCheckbox, MnChordChart, MnCodeBlock, MnCommandDialog, MnConfig, MnConfirmDialog, MnConfirmProvider, MnConfirmService, MnContextMenu, MnDataTable, MnDatePicker, MnDependencyGraph, MnDepthChart, MnDescriptionList, MnDivider, MnDonutChart, MnDrawer, MnDrawerBody, MnDrawerClose, MnDrawerFooter, MnDrawerHeader, MnDrawerTrigger, MnEmpty, MnFieldBase, MnFloatingBase, MnFormControl, MnFormErrorMessage, MnFormField, MnFormHelperText, MnFormLabel, MnFormLayout, MnFunnelChart, MnGanttChart, MnGaugeChart, MnGraphChart, MnGraphChartBase, MnGridItem, MnHStack, MnHeatmapChart, MnHistogramChart, MnHorizontalBarChart, MnHtmlPreview, MnIconButton, MnInput, MnJsonField, MnKeyValueEditor, MnLine3DChart, MnLineChart, MnList, MnListItem, MnLoadingState, MnMenu, MnMenuBase, MnMixedChart, MnModal, MnModalBody, MnModalClose, MnModalFooter, MnModalHeader, MnModalTrigger, MnMonthCalendar, MnNavTree, MnNumberInput, MnOrderBook, MnOrderBookHeatmap, MnPage, MnPageHeader, MnPageSection, MnPageTab, MnPageTabs, MnPagination, MnPaletteToggle, MnPieBase, MnPieChart, MnPopover, MnPopoverAnchor, MnPopoverClose, MnProgressIndicator, MnProse, MnQuadrantChart, MnRadarChart, MnRadialBarChart, MnRadio, MnRadioGroup, MnRangeAreaChart, MnRating, MnRatingScale, MnResponsiveGrid, MnSankeyChart, MnScatter3DChart, MnScatterChart, MnSelect, MnSelectGroup, MnSelectItem, MnSelectLabel, MnSelectSeparator, MnSeriesChartBase, MnShapeChart, MnShapeChartBase, MnShapeChartCommon, MnSkeleton, MnSkeletonText, MnSparkline, MnSplitLayout, MnStack, MnStackBase, MnStatCard, MnSteps, MnSunburstChart, MnSurface3DChart, MnSwitch, MnTab, MnTabPanel, MnTableBody, MnTableCell, MnTableCellContent, MnTableHead, MnTableHeader, MnTableRoot, MnTableRow, MnTabs, MnTag, MnTagInput, MnTextLink, MnTextarea, MnThemeToggle, MnTimeAndSales, MnTimePicker, MnTimePickerPanel, MnToastRegion, MnToastService, MnToolbar, MnTooltip, MnTooltipProvider, MnTradingChart, MnTreeChart, MnTreemapChart, MnUpload, MnVStack, MnVirtualList, MnWaterfallChart, THEME_SCOPE_ATTRIBUTE, injectMinerva, optionalBoolean, provideEmbeddedMinerva, provideMinerva, sameGraphOptions, themeModeOf, withSeriesType };
 
 //# sourceMappingURL=minerva-angular.mjs.map