minerva-design 1.15.0 → 1.16.0

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

@@ -5,7 +5,7 @@ import { CODE_MARK_COLORS, DEFAULT_LANGUAGE, DEFAULT_PLAYBACK_RATES, DEFAULT_SKI
 import { FOCUS_SCOPE_UNMOUNT_EVENT, PALETTE_COOKIE_NAME, THEME_COOKIE_NAME, applyDesignAttributes, applyPosition, autoPosition, bindMediaCaptions, centerInScroller, clickedCodeMark, createDismissableLayer, createFocusScope, createKanbanDrag, focusElement, generateCSSVariables, getCodeSelectionRange, getDirection, getSystemTheme, getTabbables, hideOthers, isBilingualTheme, isInteractiveEventTarget, kanbanDataAdapter, lockScroll, logicalArrowKey, nearestInRow, parsePaletteCookie, parsePlacement, parseThemeCookie, primaryColorCss, primaryColorTheme, 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, createGraphChart, createOrderBook, createOrderBookHeatmap, createQuadrantPointLayer, createShapeChart, createTimeAndSales, createTradingChart, ganttSeries, heatmapChartOptions, histogramSeries, quadrantChartOptions, quadrantOf, sparklineOptions, waterfallSeries } from "../../charts/core.js";
+import { QUADRANT_CORNERS, QUADRANT_TASK_ICONS, applyQuadrantTaskDraft, boxplotData, bubbleSeries, canSaveQuadrantTask, createChart, createChart3D, createDepthChart, createGraphChart, createOrderBook, createOrderBookHeatmap, createQuadrantPointLayer, createShapeChart, createTimeAndSales, createTradingChart, editQuadrantTaskDraft, ganttSeries, heatmapChartOptions, histogramSeries, moveQuadrantTask, newQuadrantTaskDraft, quadrantChartOptions, quadrantCountText, quadrantGroups, quadrantLabels, quadrantOf, quadrantTaskDeleteText, quadrantTaskLabels, removeQuadrantTask, selectionAfterRemove, sparklineOptions, waterfallSeries } from "../../charts/core.js";
 import { createIconCanvas, getIcon } from "../../icons/core.js";
 const injectIsBrowser = () => isPlatformBrowser(inject(PLATFORM_ID));
 const staticInputs = (config = {}) => ({
@@ -1512,6 +1512,19 @@ const progressIndicatorStyles = {
 	xsmall: "_xsmall_8om83_65"
 };
 const proseStyles = { prose: "_prose_3xiks_1" };
+const quadrantTaskBoardStyles = {
+	actions: "_actions_10alp_55",
+	"actions-in": "_actions-in_10alp_1",
+	add: "_add_10alp_51",
+	badge: "_badge_10alp_32",
+	board: "_board_10alp_1",
+	count: "_count_10alp_37",
+	field: "_field_10alp_85",
+	footer: "_footer_10alp_92",
+	form: "_form_10alp_80",
+	header: "_header_10alp_8",
+	title: "_title_10alp_26"
+};
 const radioStyles = {
 	circle: "_circle_ffxaw_87",
 	danger: "_danger_ffxaw_286",
@@ -39552,7 +39565,17 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 const DOUBLE_CLICK_MS = 400;
+const fraction = (v, a, b) => (v - a) / (b - a || 1);
 var MnQuadrantChart = class MnQuadrantChart extends MnCartesianChartBase {
+	visual(x, y) {
+		const [x0, x1] = this.xDomain() ?? [0, 10];
+		const [y0, y1] = this.yDomain() ?? [0, 10];
+		const fx = fraction(x, x0, x1);
+		return {
+			x: this.reverseX() ? 1 - fx : fx,
+			y: 1 - fraction(y, y0, y1)
+		};
+	}
 	constructor() {
 		super();
 		this.points = input.required(...ngDevMode ? [{ debugName: "points" }] : /* istanbul ignore next */ []);
@@ -39592,6 +39615,8 @@ var MnQuadrantChart = class MnQuadrantChart extends MnCartesianChartBase {
 			...ngDevMode ? { debugName: "accessiblePoints" } : /* istanbul ignore next */ {},
 			transform: booleanAttribute
 		});
+		this.quadrantHeader = input(void 0, ...ngDevMode ? [{ debugName: "quadrantHeader" }] : /* istanbul ignore next */ []);
+		this.pointActions = input(void 0, ...ngDevMode ? [{ debugName: "pointActions" }] : /* istanbul ignore next */ []);
 		this.pointClick = output();
 		this.pointDoubleClick = output();
 		this.quadrantClick = output();
@@ -39599,8 +39624,65 @@ var MnQuadrantChart = class MnQuadrantChart extends MnCartesianChartBase {
 		this.pointDrop = output();
 		this.lastClick = null;
 		this.focusedIndex = signal(null, ...ngDevMode ? [{ debugName: "focusedIndex" }] : /* istanbul ignore next */ []);
+		this.hoveredIndex = signal(null, ...ngDevMode ? [{ debugName: "hoveredIndex" }] : /* istanbul ignore next */ []);
+		this.plot = signal(null, ...ngDevMode ? [{ debugName: "plot" }] : /* istanbul ignore next */ []);
 		this.pointsHost = viewChild.required("points", ...ngDevMode ? [{ debugName: "pointsHost" }] : /* istanbul ignore next */ []);
 		this.destroyed = false;
+		this.overlayStyle = computed(() => {
+			const rect = this.plot();
+			if (!rect || !(this.quadrantHeader() || this.pointActions())) return null;
+			return `position:absolute;left:${rect.x}px;top:${rect.y}px;width:${rect.width}px;height:${rect.height}px;pointer-events:none`;
+		}, ...ngDevMode ? [{ debugName: "overlayStyle" }] : /* istanbul ignore next */ []);
+		this.headers = computed(() => {
+			const rect = this.plot() ?? {
+				width: 0,
+				height: 0
+			};
+			const [x0, x1] = this.xDomain() ?? [0, 10];
+			const [y0, y1] = this.yDomain() ?? [0, 10];
+			const split = this.visual(this.xSplit() ?? (x0 + x1) / 2, this.ySplit() ?? (y0 + y1) / 2);
+			const sx = rect.width * split.x;
+			const sy = rect.height * split.y;
+			const groups = quadrantGroups({
+				...this.geometry(),
+				points: this.points()
+			});
+			const regions = this.quadrants();
+			return QUADRANT_CORNERS.map((corner) => {
+				const left = corner.endsWith("Left");
+				const top = corner.startsWith("top");
+				const group = groups[corner];
+				return {
+					corner,
+					context: {
+						$implicit: corner,
+						corner,
+						info: {
+							count: group.points.length,
+							points: group.points,
+							indices: group.indices,
+							region: regions?.[corner]
+						}
+					},
+					box: `position:absolute;left:${left ? 0 : sx}px;top:${top ? 0 : sy}px;width:${left ? sx : rect.width - sx}px;height:${top ? sy : rect.height - sy}px;pointer-events:none`,
+					style: `position:absolute;${top ? "top" : "bottom"}:0;${left ? "left" : "right"}:0;max-width:100%;box-sizing:border-box;padding:8px;display:flex;justify-content:${left ? "flex-start" : "flex-end"};pointer-events:auto`
+				};
+			});
+		}, ...ngDevMode ? [{ debugName: "headers" }] : /* istanbul ignore next */ []);
+		this.activePoint = computed(() => {
+			const index = this.hoveredIndex() ?? this.focusedIndex() ?? this.selectedIndex() ?? null;
+			const point = index === null ? void 0 : this.points()[index];
+			if (index === null || !point || !Number.isFinite(point.x) || !Number.isFinite(point.y)) return [];
+			const at = this.visual(point.x, point.y);
+			return [{
+				context: {
+					$implicit: point,
+					point,
+					index
+				},
+				style: `position:absolute;left:${100 * at.x}%;top:${100 * at.y}%;width:0;height:0;pointer-events:none`
+			}];
+		}, ...ngDevMode ? [{ debugName: "activePoint" }] : /* istanbul ignore next */ []);
 		const injector = inject(Injector);
 		let layer = null;
 		afterNextRender(() => {
@@ -39669,7 +39751,8 @@ var MnQuadrantChart = class MnQuadrantChart extends MnCartesianChartBase {
 		};
 	}
 	engineOptions() {
-		return quadrantChartOptions({
+		const headers = !!this.quadrantHeader();
+		const options = quadrantChartOptions({
 			...this.geometry(),
 			points: this.points(),
 			quadrants: this.quadrants(),
@@ -39681,10 +39764,25 @@ var MnQuadrantChart = class MnQuadrantChart extends MnCartesianChartBase {
 			pointSize: this.pointSize(),
 			name: this.name(),
 			draggable: this.draggable(),
-			showCounts: this.showCounts(),
+			showCounts: headers ? void 0 : this.showCounts(),
 			selectedIndex: this.selectedIndex(),
 			selectedIndices: this.selectedIndices()
 		}, this.commonOptions(), { focusedIndex: this.accessiblePoints() ? this.focusedIndex() : null });
+		if (headers) options.annotations = options.annotations?.map((a, i) => i < 4 && a.type === "rect" ? {
+			...a,
+			label: void 0,
+			badge: void 0,
+			description: void 0,
+			detail: void 0
+		} : a);
+		return options;
+	}
+	bindEngine(chart) {
+		return [
+			...super.bindEngine(chart),
+			chart.on("hover", (event) => this.hoveredIndex.set(event?.items?.[0]?.index ?? null)),
+			chart.on("layout", (rect) => this.plot.set({ ...rect }))
+		];
 	}
 	clicked(event) {
 		const index = event.items[0]?.index;
@@ -39745,7 +39843,7 @@ var MnQuadrantChart = class MnQuadrantChart extends MnCartesianChartBase {
 	}
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
-			minVersion: "17.2.0",
+			minVersion: "17.0.0",
 			version: "22.2.2",
 			type: MnQuadrantChart,
 			isStandalone: true,
@@ -39883,6 +39981,20 @@ var MnQuadrantChart = class MnQuadrantChart extends MnCartesianChartBase {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				quadrantHeader: {
+					classPropertyName: "quadrantHeader",
+					publicName: "quadrantHeader",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				pointActions: {
+					classPropertyName: "pointActions",
+					publicName: "pointActions",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
 			outputs: {
@@ -39901,8 +40013,18 @@ var MnQuadrantChart = class MnQuadrantChart extends MnCartesianChartBase {
 			}],
 			usesInheritance: true,
 			ngImport: i0,
-			template: "<div #surface style=\"position:absolute;inset:0\"></div>\n    <div #points style=\"display:contents\"></div>",
+			template: "<div #surface style=\"position:absolute;inset:0\"></div>\n    @if (overlayStyle(); as style) {\n      <div class=\"minerva-chart-overlay\" [style]=\"style\">\n        @if (quadrantHeader(); as tpl) {\n          @for (header of headers(); track header.corner) {\n            <div [style]=\"header.box\">\n              <div\n                [class]=\"\n                  'minerva-chart-quadrant-header minerva-chart-quadrant-header-' +\n                  header.corner\n                \"\n                [style]=\"header.style\"\n              >\n                <ng-container\n                  [ngTemplateOutlet]=\"tpl\"\n                  [ngTemplateOutletContext]=\"header.context\"\n                />\n              </div>\n            </div>\n          }\n        }\n        @if (pointActions(); as tpl) {\n          @for (active of activePoint(); track active.context.index) {\n            <div\n              class=\"minerva-chart-quadrant-point\"\n              [attr.data-point-index]=\"active.context.index\"\n              [attr.data-label]=\"active.context.point.label ?? null\"\n              [style]=\"active.style\"\n            >\n              <ng-container\n                [ngTemplateOutlet]=\"tpl\"\n                [ngTemplateOutletContext]=\"active.context\"\n              />\n            </div>\n          }\n        }\n      </div>\n    }\n    <div #points style=\"display:contents\"></div>",
 			isInline: true,
+			dependencies: [{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			}],
 			changeDetection: i0.ChangeDetectionStrategy.OnPush
 		});
 	}
@@ -39916,8 +40038,46 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "mn-quadrant-chart",
+			imports: [NgTemplateOutlet],
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			template: `${CHART_SURFACE}
+    @if (overlayStyle(); as style) {
+      <div class="minerva-chart-overlay" [style]="style">
+        @if (quadrantHeader(); as tpl) {
+          @for (header of headers(); track header.corner) {
+            <div [style]="header.box">
+              <div
+                [class]="
+                  'minerva-chart-quadrant-header minerva-chart-quadrant-header-' +
+                  header.corner
+                "
+                [style]="header.style"
+              >
+                <ng-container
+                  [ngTemplateOutlet]="tpl"
+                  [ngTemplateOutletContext]="header.context"
+                />
+              </div>
+            </div>
+          }
+        }
+        @if (pointActions(); as tpl) {
+          @for (active of activePoint(); track active.context.index) {
+            <div
+              class="minerva-chart-quadrant-point"
+              [attr.data-point-index]="active.context.index"
+              [attr.data-label]="active.context.point.label ?? null"
+              [style]="active.style"
+            >
+              <ng-container
+                [ngTemplateOutlet]="tpl"
+                [ngTemplateOutletContext]="active.context"
+              />
+            </div>
+          }
+        }
+      </div>
+    }
     <div #points style="display:contents"></div>`
 		}]
 	}],
@@ -40075,6 +40235,22 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		quadrantHeader: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "quadrantHeader",
+				required: false
+			}]
+		}],
+		pointActions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pointActions",
+				required: false
+			}]
+		}],
 		pointClick: [{
 			type: i0.Output,
 			args: ["pointClick"]
@@ -46413,6 +46589,1077 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const ICON_ATTRS = `width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"`;
+var MnQuadrantTaskBoard = class MnQuadrantTaskBoard {
+	constructor() {
+		this.points = input.required(...ngDevMode ? [{ debugName: "points" }] : /* istanbul ignore next */ []);
+		this.labels = input(void 0, ...ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []);
+		this.height = input(void 0, ...ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []);
+		this.width = input(void 0, ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
+		this.renderer = input(void 0, ...ngDevMode ? [{ debugName: "renderer" }] : /* istanbul ignore next */ []);
+		this.legend = input(void 0, ...ngDevMode ? [{ debugName: "legend" }] : /* istanbul ignore next */ []);
+		this.tooltip = input(void 0, ...ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []);
+		this.crosshair = input(void 0, {
+			...ngDevMode ? { debugName: "crosshair" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.annotations = input(void 0, ...ngDevMode ? [{ debugName: "annotations" }] : /* istanbul ignore next */ []);
+		this.interaction = input(void 0, ...ngDevMode ? [{ debugName: "interaction" }] : /* istanbul ignore next */ []);
+		this.padding = input(void 0, ...ngDevMode ? [{ debugName: "padding" }] : /* 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.xDomain = input(void 0, ...ngDevMode ? [{ debugName: "xDomain" }] : /* istanbul ignore next */ []);
+		this.yDomain = input(void 0, ...ngDevMode ? [{ debugName: "yDomain" }] : /* istanbul ignore next */ []);
+		this.xSplit = input(void 0, ...ngDevMode ? [{ debugName: "xSplit" }] : /* istanbul ignore next */ []);
+		this.ySplit = input(void 0, ...ngDevMode ? [{ debugName: "ySplit" }] : /* istanbul ignore next */ []);
+		this.quadrants = input(void 0, ...ngDevMode ? [{ debugName: "quadrants" }] : /* istanbul ignore next */ []);
+		this.xLabel = input(void 0, ...ngDevMode ? [{ debugName: "xLabel" }] : /* istanbul ignore next */ []);
+		this.yLabel = input(void 0, ...ngDevMode ? [{ debugName: "yLabel" }] : /* istanbul ignore next */ []);
+		this.axisLabels = input(void 0, ...ngDevMode ? [{ debugName: "axisLabels" }] : /* istanbul ignore next */ []);
+		this.showTicks = input(void 0, {
+			...ngDevMode ? { debugName: "showTicks" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.reverseX = input(void 0, {
+			...ngDevMode ? { debugName: "reverseX" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.showLabels = input(void 0, {
+			...ngDevMode ? { debugName: "showLabels" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.pointSize = input(void 0, ...ngDevMode ? [{ debugName: "pointSize" }] : /* istanbul ignore next */ []);
+		this.name = input(void 0, ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+		this.draggable = input(void 0, {
+			...ngDevMode ? { debugName: "draggable" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.showCounts = input(void 0, {
+			...ngDevMode ? { debugName: "showCounts" } : /* istanbul ignore next */ {},
+			transform: (value) => typeof value === "function" ? value : optionalBoolean(value)
+		});
+		this.selectedIndex = input(void 0, ...ngDevMode ? [{ debugName: "selectedIndex" }] : /* istanbul ignore next */ []);
+		this.selectedIndices = input(void 0, ...ngDevMode ? [{ debugName: "selectedIndices" }] : /* istanbul ignore next */ []);
+		this.accessiblePoints = input(true, {
+			...ngDevMode ? { debugName: "accessiblePoints" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.pointsChange = output();
+		this.hover = output();
+		this.pointClick = output();
+		this.pointDrag = output();
+		this.zoom = output();
+		this.rendererChange = output();
+		this.s = quadrantTaskBoardStyles;
+		this.icons = QUADRANT_TASK_ICONS;
+		this.corners = QUADRANT_CORNERS;
+		this.scope = injectScope();
+		this.chart = viewChild.required(MnQuadrantChart, ...ngDevMode ? [{ debugName: "chart" }] : /* istanbul ignore next */ []);
+		this.language = computed(() => this.locale() ?? this.scope.language(), ...ngDevMode ? [{ debugName: "language" }] : /* istanbul ignore next */ []);
+		this.texts = computed(() => quadrantTaskLabels(this.language(), this.labels()), ...ngDevMode ? [{ debugName: "texts" }] : /* istanbul ignore next */ []);
+		this.defaults = computed(() => quadrantLabels(this.language()), ...ngDevMode ? [{ debugName: "defaults" }] : /* istanbul ignore next */ []);
+		this.draft = signal(null, ...ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []);
+		this.deleting = signal(null, ...ngDevMode ? [{ debugName: "deleting" }] : /* istanbul ignore next */ []);
+		this.selection = signal(null, ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
+		this.selected = computed(() => {
+			const own = this.selectedIndex();
+			return own !== void 0 ? own : this.selection();
+		}, ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+		this.editing = computed(() => {
+			const draft = this.draft();
+			return draft !== null && (draft.index === null || !!this.points()[draft.index]);
+		}, ...ngDevMode ? [{ debugName: "editing" }] : /* istanbul ignore next */ []);
+		this.canSave = computed(() => canSaveQuadrantTask(this.draft(), this.points()), ...ngDevMode ? [{ debugName: "canSave" }] : /* istanbul ignore next */ []);
+		this.deletingPoint = computed(() => {
+			const index = this.deleting();
+			return index === null ? void 0 : this.points()[index];
+		}, ...ngDevMode ? [{ debugName: "deletingPoint" }] : /* istanbul ignore next */ []);
+		this.deleteText = computed(() => quadrantTaskDeleteText(this.texts(), this.deletingPoint()), ...ngDevMode ? [{ debugName: "deleteText" }] : /* istanbul ignore next */ []);
+	}
+	geometry() {
+		return {
+			xDomain: this.xDomain(),
+			yDomain: this.yDomain(),
+			xSplit: this.xSplit(),
+			ySplit: this.ySplit(),
+			reverseX: this.reverseX()
+		};
+	}
+	title(corner) {
+		return this.quadrants()?.[corner]?.label || this.defaults()[corner];
+	}
+	countText(points) {
+		return quadrantCountText(this.showCounts() ?? true, points, this.language());
+	}
+	add(corner, at) {
+		this.draft.set(newQuadrantTaskDraft(this.geometry(), corner, at));
+	}
+	edit(index) {
+		this.draft.set(editQuadrantTaskDraft(this.geometry(), this.points(), index));
+	}
+	setLabel(label) {
+		this.draft.update((draft) => draft && {
+			...draft,
+			label
+		});
+	}
+	setQuadrant(quadrant) {
+		if (!quadrant) return;
+		this.draft.update((draft) => draft && {
+			...draft,
+			quadrant
+		});
+	}
+	save(event) {
+		event.preventDefault();
+		const saved = applyQuadrantTaskDraft(this.geometry(), this.points(), this.draft());
+		if (!saved) return;
+		this.pointsChange.emit(saved.points);
+		this.selection.set(saved.index);
+		this.draft.set(null);
+	}
+	remove() {
+		const index = this.deleting();
+		if (index !== null && this.points()[index]) {
+			this.pointsChange.emit(removeQuadrantTask(this.points(), index));
+			this.selection.update((selected) => selectionAfterRemove(selected, index));
+		}
+		this.deleting.set(null);
+	}
+	onPointClick(event) {
+		this.selection.set(event.index);
+		this.pointClick.emit(event);
+	}
+	onPointDrop(drop) {
+		this.pointsChange.emit(moveQuadrantTask(this.points(), drop.index, drop));
+		this.selection.set(drop.index);
+	}
+	resetZoom() {
+		this.chart().resetZoom();
+	}
+	getView() {
+		return this.chart().getView();
+	}
+	setView(view) {
+		this.chart().setView(view);
+	}
+	getRenderer() {
+		return this.chart().getRenderer();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: MnQuadrantTaskBoard,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: MnQuadrantTaskBoard,
+			isStandalone: true,
+			selector: "mn-quadrant-task-board",
+			inputs: {
+				points: {
+					classPropertyName: "points",
+					publicName: "points",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				labels: {
+					classPropertyName: "labels",
+					publicName: "labels",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				height: {
+					classPropertyName: "height",
+					publicName: "height",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				width: {
+					classPropertyName: "width",
+					publicName: "width",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				renderer: {
+					classPropertyName: "renderer",
+					publicName: "renderer",
+					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
+				},
+				crosshair: {
+					classPropertyName: "crosshair",
+					publicName: "crosshair",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				annotations: {
+					classPropertyName: "annotations",
+					publicName: "annotations",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				interaction: {
+					classPropertyName: "interaction",
+					publicName: "interaction",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				padding: {
+					classPropertyName: "padding",
+					publicName: "padding",
+					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
+				},
+				xDomain: {
+					classPropertyName: "xDomain",
+					publicName: "xDomain",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				yDomain: {
+					classPropertyName: "yDomain",
+					publicName: "yDomain",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				xSplit: {
+					classPropertyName: "xSplit",
+					publicName: "xSplit",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ySplit: {
+					classPropertyName: "ySplit",
+					publicName: "ySplit",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				quadrants: {
+					classPropertyName: "quadrants",
+					publicName: "quadrants",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				xLabel: {
+					classPropertyName: "xLabel",
+					publicName: "xLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				yLabel: {
+					classPropertyName: "yLabel",
+					publicName: "yLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				axisLabels: {
+					classPropertyName: "axisLabels",
+					publicName: "axisLabels",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showTicks: {
+					classPropertyName: "showTicks",
+					publicName: "showTicks",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				reverseX: {
+					classPropertyName: "reverseX",
+					publicName: "reverseX",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showLabels: {
+					classPropertyName: "showLabels",
+					publicName: "showLabels",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				pointSize: {
+					classPropertyName: "pointSize",
+					publicName: "pointSize",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				name: {
+					classPropertyName: "name",
+					publicName: "name",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				draggable: {
+					classPropertyName: "draggable",
+					publicName: "draggable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showCounts: {
+					classPropertyName: "showCounts",
+					publicName: "showCounts",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selectedIndex: {
+					classPropertyName: "selectedIndex",
+					publicName: "selectedIndex",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selectedIndices: {
+					classPropertyName: "selectedIndices",
+					publicName: "selectedIndices",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				accessiblePoints: {
+					classPropertyName: "accessiblePoints",
+					publicName: "accessiblePoints",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				pointsChange: "pointsChange",
+				hover: "hover",
+				pointClick: "pointClick",
+				pointDrag: "pointDrag",
+				zoom: "zoom",
+				rendererChange: "rendererChange"
+			},
+			host: {
+				properties: { "class": "s.board" },
+				styleAttribute: "display: block"
+			},
+			viewQueries: [{
+				propertyName: "chart",
+				first: true,
+				predicate: MnQuadrantChart,
+				descendants: true,
+				isSignal: true
+			}],
+			exportAs: ["mnQuadrantTaskBoard"],
+			ngImport: i0,
+			template: "\n    <mn-quadrant-chart\n      [points]=\"points()\"\n      [locale]=\"language()\"\n      [selectedIndex]=\"selected()\"\n      [draggable]=\"draggable() ?? true\"\n      [height]=\"height()\"\n      [width]=\"width()\"\n      [renderer]=\"renderer()\"\n      [legend]=\"legend()\"\n      [tooltip]=\"tooltip()\"\n      [crosshair]=\"crosshair()\"\n      [annotations]=\"annotations()\"\n      [interaction]=\"interaction()\"\n      [padding]=\"padding()\"\n      [palette]=\"palette()\"\n      [ariaLabel]=\"ariaLabel()\"\n      [xDomain]=\"xDomain()\"\n      [yDomain]=\"yDomain()\"\n      [xSplit]=\"xSplit()\"\n      [ySplit]=\"ySplit()\"\n      [quadrants]=\"quadrants()\"\n      [xLabel]=\"xLabel()\"\n      [yLabel]=\"yLabel()\"\n      [axisLabels]=\"axisLabels()\"\n      [showTicks]=\"showTicks()\"\n      [reverseX]=\"reverseX()\"\n      [showLabels]=\"showLabels()\"\n      [pointSize]=\"pointSize()\"\n      [name]=\"name()\"\n      [selectedIndices]=\"selectedIndices()\"\n      [accessiblePoints]=\"accessiblePoints()\"\n      [quadrantHeader]=\"header\"\n      [pointActions]=\"actions\"\n      (hover)=\"hover.emit($event)\"\n      (zoom)=\"zoom.emit($event)\"\n      (rendererChange)=\"rendererChange.emit($event)\"\n      (pointClick)=\"onPointClick($event)\"\n      (pointDoubleClick)=\"edit($event.index)\"\n      (pointDrag)=\"pointDrag.emit($event)\"\n      (pointDrop)=\"onPointDrop($event)\"\n      (quadrantClick)=\"add($event.quadrant, $event)\"\n    />\n    <ng-template #header let-corner let-info=\"info\">\n      <div [class]=\"s.header\" [attr.data-corner]=\"corner\">\n        @if (info.region?.badge) {\n          <span [class]=\"s.badge\">{{ info.region.badge }}</span>\n        }\n        <span [class]=\"s.title\">{{ title(corner) }}</span>\n        @if (showCounts() !== false) {\n          <span [class]=\"s.count\">{{ countText(info.points) }}</span>\n        }\n        <button\n          mnIconButton\n          size=\"xsmall\"\n          variant=\"ghost\"\n          [class]=\"s.add\"\n          [label]=\"texts().add + ' · ' + title(corner)\"\n          (click)=\"add(corner)\"\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path [attr.d]=\"icons.add\" /></svg>\n        </button>\n      </div>\n    </ng-template>\n    <ng-template #actions let-index=\"index\">\n      <div\n        role=\"toolbar\"\n        [attr.aria-label]=\"texts().actions\"\n        [class]=\"s.actions\"\n        (pointerdown)=\"$event.stopPropagation()\"\n      >\n        <button\n          mnIconButton\n          size=\"small\"\n          variant=\"ghost\"\n          [label]=\"texts().edit\"\n          (click)=\"edit(index)\"\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path [attr.d]=\"icons.edit\" /></svg>\n        </button>\n        <button\n          mnIconButton\n          size=\"small\"\n          variant=\"ghost\"\n          color=\"danger\"\n          [label]=\"texts().delete\"\n          (click)=\"deleting.set(index)\"\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path [attr.d]=\"icons.delete\" /></svg>\n        </button>\n      </div>\n    </ng-template>\n    <mn-modal\n      [open]=\"editing()\"\n      (openChange)=\"$event || draft.set(null)\"\n      [title]=\"draft()?.index === null ? texts().add : texts().edit\"\n      size=\"small\"\n    >\n      <form [class]=\"s.form\" (submit)=\"save($event)\">\n        <label [class]=\"s.field\">\n          <span>{{ texts().name }}</span>\n          <mn-input\n            required\n            [value]=\"draft()?.label ?? ''\"\n            [aria-label]=\"texts().name\"\n            (valueChange)=\"setLabel($event ?? '')\"\n          />\n        </label>\n        <label [class]=\"s.field\">\n          <span>{{ texts().quadrant }}</span>\n          <mn-select\n            [value]=\"draft()?.quadrant ?? 'topLeft'\"\n            [aria-label]=\"texts().quadrant\"\n            (valueChange)=\"setQuadrant($event)\"\n          >\n            @for (corner of corners; track corner) {\n              <mn-select-item [value]=\"corner\">{{\n                title(corner)\n              }}</mn-select-item>\n            }\n          </mn-select>\n        </label>\n        <div [class]=\"s.footer\">\n          <button\n            mnButton\n            color=\"neutral\"\n            variant=\"outline\"\n            (click)=\"draft.set(null)\"\n          >\n            {{ texts().cancel }}\n          </button>\n          <button mnButton type=\"submit\" [disabled]=\"!canSave()\">\n            {{ texts().save }}\n          </button>\n        </div>\n      </form>\n    </mn-modal>\n    <mn-confirm-dialog\n      [open]=\"deletingPoint() !== undefined\"\n      (openChange)=\"$event || deleting.set(null)\"\n      [title]=\"texts().delete\"\n      [description]=\"deleteText()\"\n      [cancelLabel]=\"texts().cancel\"\n      [confirmLabel]=\"scope.t('confirm.delete')\"\n      color=\"danger\"\n      (confirm)=\"remove()\"\n    />\n  ",
+			isInline: true,
+			dependencies: [
+				{
+					kind: "component",
+					type: MnQuadrantChart,
+					selector: "mn-quadrant-chart",
+					inputs: [
+						"points",
+						"xDomain",
+						"yDomain",
+						"xSplit",
+						"ySplit",
+						"quadrants",
+						"xLabel",
+						"yLabel",
+						"axisLabels",
+						"showTicks",
+						"reverseX",
+						"showLabels",
+						"pointSize",
+						"name",
+						"draggable",
+						"showCounts",
+						"selectedIndex",
+						"selectedIndices",
+						"accessiblePoints",
+						"quadrantHeader",
+						"pointActions"
+					],
+					outputs: [
+						"pointClick",
+						"pointDoubleClick",
+						"quadrantClick",
+						"pointDrag",
+						"pointDrop"
+					]
+				},
+				{
+					kind: "component",
+					type: MnIconButton,
+					selector: "button[mnIconButton]",
+					inputs: [
+						"label",
+						"toggle",
+						"pressed",
+						"disabled",
+						"loading",
+						"size",
+						"variant",
+						"color",
+						"shape"
+					],
+					outputs: ["pressedChange"]
+				},
+				{
+					kind: "component",
+					type: MnModal,
+					selector: "mn-modal",
+					inputs: [
+						"title",
+						"description",
+						"size",
+						"hideCloseButton",
+						"closeLabel",
+						"role",
+						"panelClass",
+						"overlayClassName"
+					],
+					exportAs: ["mnModal"]
+				},
+				{
+					kind: "component",
+					type: MnInput,
+					selector: "mn-input",
+					inputs: [
+						"value",
+						"defaultValue",
+						"variant",
+						"size",
+						"invalid",
+						"prefix",
+						"suffix",
+						"clearable",
+						"clearLabel",
+						"showCharCount",
+						"showPasswordLabel",
+						"hidePasswordLabel",
+						"type",
+						"placeholder",
+						"name",
+						"id",
+						"disabled",
+						"readOnly",
+						"required",
+						"minLength",
+						"maxLength",
+						"pattern",
+						"min",
+						"max",
+						"step",
+						"autocomplete",
+						"inputmode",
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby"
+					],
+					outputs: ["valueChange", "clear"],
+					exportAs: ["mnInput"]
+				},
+				{
+					kind: "component",
+					type: MnSelect,
+					selector: "mn-select",
+					inputs: [
+						"value",
+						"defaultValue",
+						"open",
+						"defaultOpen",
+						"placeholder",
+						"size",
+						"invalid",
+						"disabled",
+						"required",
+						"name",
+						"id",
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"className",
+						"contentClassName"
+					],
+					outputs: ["valueChange", "openChange"],
+					exportAs: ["mnSelect"]
+				},
+				{
+					kind: "component",
+					type: MnSelectItem,
+					selector: "mn-select-item",
+					inputs: [
+						"value",
+						"disabled",
+						"textValue"
+					],
+					exportAs: ["mnSelectItem"]
+				},
+				{
+					kind: "component",
+					type: MnButton,
+					selector: "button[mnButton], a[mnButton]",
+					inputs: [
+						"type",
+						"color",
+						"variant",
+						"size",
+						"disabled",
+						"loading",
+						"loadingText",
+						"startIcon",
+						"endIcon",
+						"fullWidth",
+						"active",
+						"shape",
+						"borderRadius"
+					],
+					exportAs: ["mnButton"]
+				},
+				{
+					kind: "component",
+					type: MnConfirmDialog,
+					selector: "mn-confirm-dialog",
+					inputs: [
+						"title",
+						"description",
+						"color",
+						"loading",
+						"confirmDisabled",
+						"cancelLabel",
+						"confirmLabel"
+					],
+					outputs: ["confirm", "cancelled"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: MnQuadrantTaskBoard,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "mn-quadrant-task-board",
+			exportAs: "mnQuadrantTaskBoard",
+			imports: [
+				MnQuadrantChart,
+				MnIconButton,
+				MnModal,
+				MnInput,
+				MnSelect,
+				MnSelectItem,
+				MnButton,
+				MnConfirmDialog
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[class]": "s.board",
+				style: "display: block"
+			},
+			template: `
+    <mn-quadrant-chart
+      [points]="points()"
+      [locale]="language()"
+      [selectedIndex]="selected()"
+      [draggable]="draggable() ?? true"
+      [height]="height()"
+      [width]="width()"
+      [renderer]="renderer()"
+      [legend]="legend()"
+      [tooltip]="tooltip()"
+      [crosshair]="crosshair()"
+      [annotations]="annotations()"
+      [interaction]="interaction()"
+      [padding]="padding()"
+      [palette]="palette()"
+      [ariaLabel]="ariaLabel()"
+      [xDomain]="xDomain()"
+      [yDomain]="yDomain()"
+      [xSplit]="xSplit()"
+      [ySplit]="ySplit()"
+      [quadrants]="quadrants()"
+      [xLabel]="xLabel()"
+      [yLabel]="yLabel()"
+      [axisLabels]="axisLabels()"
+      [showTicks]="showTicks()"
+      [reverseX]="reverseX()"
+      [showLabels]="showLabels()"
+      [pointSize]="pointSize()"
+      [name]="name()"
+      [selectedIndices]="selectedIndices()"
+      [accessiblePoints]="accessiblePoints()"
+      [quadrantHeader]="header"
+      [pointActions]="actions"
+      (hover)="hover.emit($event)"
+      (zoom)="zoom.emit($event)"
+      (rendererChange)="rendererChange.emit($event)"
+      (pointClick)="onPointClick($event)"
+      (pointDoubleClick)="edit($event.index)"
+      (pointDrag)="pointDrag.emit($event)"
+      (pointDrop)="onPointDrop($event)"
+      (quadrantClick)="add($event.quadrant, $event)"
+    />
+    <ng-template #header let-corner let-info="info">
+      <div [class]="s.header" [attr.data-corner]="corner">
+        @if (info.region?.badge) {
+          <span [class]="s.badge">{{ info.region.badge }}</span>
+        }
+        <span [class]="s.title">{{ title(corner) }}</span>
+        @if (showCounts() !== false) {
+          <span [class]="s.count">{{ countText(info.points) }}</span>
+        }
+        <button
+          mnIconButton
+          size="xsmall"
+          variant="ghost"
+          [class]="s.add"
+          [label]="texts().add + ' · ' + title(corner)"
+          (click)="add(corner)"
+        >
+          <svg ${ICON_ATTRS}><path [attr.d]="icons.add" /></svg>
+        </button>
+      </div>
+    </ng-template>
+    <ng-template #actions let-index="index">
+      <div
+        role="toolbar"
+        [attr.aria-label]="texts().actions"
+        [class]="s.actions"
+        (pointerdown)="$event.stopPropagation()"
+      >
+        <button
+          mnIconButton
+          size="small"
+          variant="ghost"
+          [label]="texts().edit"
+          (click)="edit(index)"
+        >
+          <svg ${ICON_ATTRS}><path [attr.d]="icons.edit" /></svg>
+        </button>
+        <button
+          mnIconButton
+          size="small"
+          variant="ghost"
+          color="danger"
+          [label]="texts().delete"
+          (click)="deleting.set(index)"
+        >
+          <svg ${ICON_ATTRS}><path [attr.d]="icons.delete" /></svg>
+        </button>
+      </div>
+    </ng-template>
+    <mn-modal
+      [open]="editing()"
+      (openChange)="$event || draft.set(null)"
+      [title]="draft()?.index === null ? texts().add : texts().edit"
+      size="small"
+    >
+      <form [class]="s.form" (submit)="save($event)">
+        <label [class]="s.field">
+          <span>{{ texts().name }}</span>
+          <mn-input
+            required
+            [value]="draft()?.label ?? ''"
+            [aria-label]="texts().name"
+            (valueChange)="setLabel($event ?? '')"
+          />
+        </label>
+        <label [class]="s.field">
+          <span>{{ texts().quadrant }}</span>
+          <mn-select
+            [value]="draft()?.quadrant ?? 'topLeft'"
+            [aria-label]="texts().quadrant"
+            (valueChange)="setQuadrant($event)"
+          >
+            @for (corner of corners; track corner) {
+              <mn-select-item [value]="corner">{{
+                title(corner)
+              }}</mn-select-item>
+            }
+          </mn-select>
+        </label>
+        <div [class]="s.footer">
+          <button
+            mnButton
+            color="neutral"
+            variant="outline"
+            (click)="draft.set(null)"
+          >
+            {{ texts().cancel }}
+          </button>
+          <button mnButton type="submit" [disabled]="!canSave()">
+            {{ texts().save }}
+          </button>
+        </div>
+      </form>
+    </mn-modal>
+    <mn-confirm-dialog
+      [open]="deletingPoint() !== undefined"
+      (openChange)="$event || deleting.set(null)"
+      [title]="texts().delete"
+      [description]="deleteText()"
+      [cancelLabel]="texts().cancel"
+      [confirmLabel]="scope.t('confirm.delete')"
+      color="danger"
+      (confirm)="remove()"
+    />
+  `
+		}]
+	}],
+	propDecorators: {
+		points: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "points",
+				required: true
+			}]
+		}],
+		labels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labels",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		width: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "width",
+				required: false
+			}]
+		}],
+		renderer: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "renderer",
+				required: false
+			}]
+		}],
+		legend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legend",
+				required: false
+			}]
+		}],
+		tooltip: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltip",
+				required: false
+			}]
+		}],
+		crosshair: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "crosshair",
+				required: false
+			}]
+		}],
+		annotations: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "annotations",
+				required: false
+			}]
+		}],
+		interaction: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "interaction",
+				required: false
+			}]
+		}],
+		padding: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "padding",
+				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
+			}]
+		}],
+		xDomain: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xDomain",
+				required: false
+			}]
+		}],
+		yDomain: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yDomain",
+				required: false
+			}]
+		}],
+		xSplit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xSplit",
+				required: false
+			}]
+		}],
+		ySplit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ySplit",
+				required: false
+			}]
+		}],
+		quadrants: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "quadrants",
+				required: false
+			}]
+		}],
+		xLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xLabel",
+				required: false
+			}]
+		}],
+		yLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yLabel",
+				required: false
+			}]
+		}],
+		axisLabels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "axisLabels",
+				required: false
+			}]
+		}],
+		showTicks: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTicks",
+				required: false
+			}]
+		}],
+		reverseX: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "reverseX",
+				required: false
+			}]
+		}],
+		showLabels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLabels",
+				required: false
+			}]
+		}],
+		pointSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pointSize",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		draggable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "draggable",
+				required: false
+			}]
+		}],
+		showCounts: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showCounts",
+				required: false
+			}]
+		}],
+		selectedIndex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedIndex",
+				required: false
+			}]
+		}],
+		selectedIndices: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedIndices",
+				required: false
+			}]
+		}],
+		accessiblePoints: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "accessiblePoints",
+				required: false
+			}]
+		}],
+		pointsChange: [{
+			type: i0.Output,
+			args: ["pointsChange"]
+		}],
+		hover: [{
+			type: i0.Output,
+			args: ["hover"]
+		}],
+		pointClick: [{
+			type: i0.Output,
+			args: ["pointClick"]
+		}],
+		pointDrag: [{
+			type: i0.Output,
+			args: ["pointDrag"]
+		}],
+		zoom: [{
+			type: i0.Output,
+			args: ["zoom"]
+		}],
+		rendererChange: [{
+			type: i0.Output,
+			args: ["rendererChange"]
+		}],
+		chart: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => MnQuadrantChart), { isSignal: true }]
+		}]
+	}
+});
 const NUMERIC = /^\d+(\.\d+)?$/;
 const cssSize = (value) => typeof value === "number" || NUMERIC.test(value) ? `${value}px` : value;
 const numericSize = (value) => typeof value === "string" && NUMERIC.test(value.trim()) ? Number(value) : value;
@@ -48409,6 +49656,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { CHART_SURFACE, MN_RADIO_GROUP, MN_SCOPE, MinervaScope, MnAlert, MnAnswerSheet, 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, MnDynamicIcon, MnEmpty, MnFieldBase, MnFlashcard, MnFloatingBase, MnFormControl, MnFormErrorMessage, MnFormField, MnFormHelperText, MnFormLabel, MnFormLayout, MnFunnelChart, MnGanttChart, MnGaugeChart, MnGraphChart, MnGraphChartBase, MnGridItem, MnHStack, MnHeatmapChart, MnHistogramChart, MnHorizontalBarChart, MnHtmlPreview, MnIcon, MnIconBase, MnIconButton, MnIconCanvas, MnInput, MnJsonField, MnKanbanBoard, MnKanbanCard, MnKanbanColumn, MnKeyValueEditor, MnLine3DChart, MnLineChart, MnList, MnListItem, MnLoadingState, MnMediaPlayer, 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, MnSegmentedControl, MnSelect, MnSelectGroup, MnSelectItem, MnSelectLabel, MnSelectSeparator, MnSeriesChartBase, MnShapeChart, MnShapeChartBase, MnShapeChartCommon, MnSkeleton, MnSkeletonText, MnSlider, 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, MnWeekStrip, THEME_SCOPE_ATTRIBUTE, injectMinerva, optionalBoolean, provideEmbeddedMinerva, provideMinerva, sameGraphOptions, themeModeOf, withSeriesType };
+export { CHART_SURFACE, MN_RADIO_GROUP, MN_SCOPE, MinervaScope, MnAlert, MnAnswerSheet, 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, MnDynamicIcon, MnEmpty, MnFieldBase, MnFlashcard, MnFloatingBase, MnFormControl, MnFormErrorMessage, MnFormField, MnFormHelperText, MnFormLabel, MnFormLayout, MnFunnelChart, MnGanttChart, MnGaugeChart, MnGraphChart, MnGraphChartBase, MnGridItem, MnHStack, MnHeatmapChart, MnHistogramChart, MnHorizontalBarChart, MnHtmlPreview, MnIcon, MnIconBase, MnIconButton, MnIconCanvas, MnInput, MnJsonField, MnKanbanBoard, MnKanbanCard, MnKanbanColumn, MnKeyValueEditor, MnLine3DChart, MnLineChart, MnList, MnListItem, MnLoadingState, MnMediaPlayer, 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, MnQuadrantTaskBoard, MnRadarChart, MnRadialBarChart, MnRadio, MnRadioGroup, MnRangeAreaChart, MnRating, MnRatingScale, MnResponsiveGrid, MnSankeyChart, MnScatter3DChart, MnScatterChart, MnSegmentedControl, MnSelect, MnSelectGroup, MnSelectItem, MnSelectLabel, MnSelectSeparator, MnSeriesChartBase, MnShapeChart, MnShapeChartBase, MnShapeChartCommon, MnSkeleton, MnSkeletonText, MnSlider, 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, MnWeekStrip, THEME_SCOPE_ATTRIBUTE, injectMinerva, optionalBoolean, provideEmbeddedMinerva, provideMinerva, sameGraphOptions, themeModeOf, withSeriesType };
 
 //# sourceMappingURL=minerva-angular.mjs.map