minerva-design 1.7.0 → 1.8.0

package/dist/vue/components/Chart/QuadrantChart.vue.d.ts

@@ -81,6 +81,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     hover: (event: ChartHoverEvent | null) => any;
     pointClick: (point: QuadrantPoint, index: number) => any;
     rendererChange: (renderer: ChartRendererKind) => any;
+    pointDoubleClick: (point: QuadrantPoint, index: number) => any;
+    pointDrag: (point: QuadrantPoint, index: number, target: QuadrantDropTarget) => any;
     quadrantClick: (quadrant: keyof QuadrantRegions, position: {
         x: number;
         y: number;
@@ -166,6 +168,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     onHover?: ((event: ChartHoverEvent | null) => any) | undefined;
     onPointClick?: ((point: QuadrantPoint, index: number) => any) | undefined;
     onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+    onPointDoubleClick?: ((point: QuadrantPoint, index: number) => any) | undefined;
+    onPointDrag?: ((point: QuadrantPoint, index: number, target: QuadrantDropTarget) => any) | undefined;
     onQuadrantClick?: ((quadrant: keyof QuadrantRegions, position: {
         x: number;
         y: number;

package/dist/vue/components/Chart/QuadrantChart.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuadrantChart.vue.js","names":["_sfc_main","QuadrantChart_vue_vue_type_script_setup_true_lang_default","QuadrantChart_default"],"sources":["../../../../../vue/src/components/Chart/QuadrantChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance, type PropType } from \"vue\";\nimport {\n  quadrantChartOptions,\n  quadrantOf,\n  type ChartHoverEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type QuadrantAxisLabels,\n  type QuadrantCorner,\n  type QuadrantPoint,\n  type QuadrantRegions,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartCommonProps } from \"./props\";\nimport type { QuadrantDropTarget } from \"./types\";\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\ndefineOptions({ name: \"QuadrantChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  /** Points to place (replace the array to update the chart) */\n  points: { type: Array as PropType<readonly QuadrantPoint[]>, required: true },\n  /** Range of the horizontal axis (default `[0, 10]`) */\n  xDomain: Array as unknown as PropType<[number, number]>,\n  /** Range of the vertical axis (default `[0, 10]`) */\n  yDomain: Array as unknown as PropType<[number, number]>,\n  /** X value of the vertical divider (the middle of `xDomain` by default) */\n  xSplit: Number,\n  /** Y value of the horizontal divider (the middle of `yDomain` by default) */\n  ySplit: Number,\n  /** Titles and colors of the quadrants */\n  quadrants: Object as PropType<QuadrantRegions>,\n  /** Title of the horizontal axis */\n  xLabel: String,\n  /** Title of the vertical axis */\n  yLabel: String,\n  /** Texts at the ends of the dividers, drawn inside the plot */\n  axisLabels: Object as PropType<QuadrantAxisLabels>,\n  /** Shows the numeric ticks of the axes (default `true`) */\n  showTicks: { type: Boolean, default: undefined },\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  reverseX: { type: Boolean, default: undefined },\n  /** Draws the labels next to the dots (default `true`) */\n  showLabels: { type: Boolean, default: undefined },\n  /** Dot diameter in pixels (default 12) */\n  pointSize: Number,\n  /** Name of the points in the tooltip */\n  name: String,\n  /** Lets the user drag the dots (default: when a `pointDrop` listener is set) */\n  draggable: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) point changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [point: QuadrantPoint, index: number];\n  /** The empty area of a quadrant was clicked */\n  quadrantClick: [quadrant: QuadrantCorner, position: { x: number; y: number }];\n  /** A dragged point was released (the chart does not move it: update `points`) */\n  pointDrop: [point: QuadrantPoint, index: number, target: QuadrantDropTarget];\n  /** The user zoomed or panned */\n  zoom: [view: ChartView];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst vnode = getCurrentInstance()?.vnode;\nconst geometry = () => ({\n  xDomain: raw(props.xDomain),\n  yDomain: raw(props.yDomain),\n  xSplit: props.xSplit,\n  ySplit: props.ySplit,\n  reverseX: props.reverseX,\n});\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    quadrantChartOptions(\n      {\n        ...geometry(),\n        points: raw(props.points).map(raw),\n        quadrants: raw(props.quadrants),\n        xLabel: props.xLabel,\n        yLabel: props.yLabel,\n        axisLabels: raw(props.axisLabels),\n        showTicks: props.showTicks,\n        showLabels: props.showLabels,\n        pointSize: props.pointSize,\n        name: props.name,\n        draggable: props.draggable ?? !!vnode?.props?.onPointDrop,\n      },\n      (({ series: _series, ...rest }) => rest)(engineOptions(props, [])),\n    ),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => {\n      const index = event.items[0]?.index;\n      const point = index === undefined ? undefined : props.points[index];\n      if (point && index !== undefined) emit(\"pointClick\", point, index);\n    },\n    plotClick: (at) =>\n      emit(\"quadrantClick\", quadrantOf(geometry(), at.x, at.y), {\n        x: at.x,\n        y: at.y,\n      }),\n    drop: (event) => {\n      const index = event.item.index;\n      const point = props.points[index];\n      if (!point) return;\n      emit(\"pointDrop\", point, index, {\n        x: event.x,\n        y: event.y,\n        quadrant: quadrantOf(geometry(), event.x, event.y),\n      });\n    },\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-quadrant-chart\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"QuadrantChart.vue.js","names":["_sfc_main","QuadrantChart_vue_vue_type_script_setup_true_lang_default","QuadrantChart_default"],"sources":["../../../../../vue/src/components/Chart/QuadrantChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance, type PropType } from \"vue\";\nimport {\n  quadrantChartOptions,\n  quadrantOf,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type QuadrantAxisLabels,\n  type QuadrantCorner,\n  type QuadrantPoint,\n  type QuadrantRegions,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartCommonProps } from \"./props\";\nimport type { QuadrantDropTarget } from \"./types\";\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\ndefineOptions({ name: \"QuadrantChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  /** Points to place (replace the array to update the chart) */\n  points: { type: Array as PropType<readonly QuadrantPoint[]>, required: true },\n  /** Range of the horizontal axis (default `[0, 10]`) */\n  xDomain: Array as unknown as PropType<[number, number]>,\n  /** Range of the vertical axis (default `[0, 10]`) */\n  yDomain: Array as unknown as PropType<[number, number]>,\n  /** X value of the vertical divider (the middle of `xDomain` by default) */\n  xSplit: Number,\n  /** Y value of the horizontal divider (the middle of `yDomain` by default) */\n  ySplit: Number,\n  /** Titles and colors of the quadrants */\n  quadrants: Object as PropType<QuadrantRegions>,\n  /** Title of the horizontal axis */\n  xLabel: String,\n  /** Title of the vertical axis */\n  yLabel: String,\n  /** Texts at the ends of the dividers, drawn inside the plot */\n  axisLabels: Object as PropType<QuadrantAxisLabels>,\n  /** Shows the numeric ticks of the axes (default `true`) */\n  showTicks: { type: Boolean, default: undefined },\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  reverseX: { type: Boolean, default: undefined },\n  /** Draws the labels next to the dots (default `true`) */\n  showLabels: { type: Boolean, default: undefined },\n  /** Dot diameter in pixels (default 12) */\n  pointSize: Number,\n  /** Name of the points in the tooltip */\n  name: String,\n  /** Lets the user drag the dots (default: when a `pointDrop` listener is set) */\n  draggable: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) point changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [point: QuadrantPoint, index: number];\n  /** The same point was clicked twice in quick succession */\n  pointDoubleClick: [point: QuadrantPoint, index: number];\n  /** A point is being dragged (on every move, with the quadrant under the pointer) */\n  pointDrag: [point: QuadrantPoint, index: number, target: QuadrantDropTarget];\n  /** The empty area of a quadrant was clicked */\n  quadrantClick: [quadrant: QuadrantCorner, position: { x: number; y: number }];\n  /** A dragged point was released (the chart does not move it: update `points`) */\n  pointDrop: [point: QuadrantPoint, index: number, target: QuadrantDropTarget];\n  /** The user zoomed or panned */\n  zoom: [view: ChartView];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst vnode = getCurrentInstance()?.vnode;\n/** Two clicks on the same point within this delay count as a double click */\nconst DOUBLE_CLICK_MS = 400;\nlet lastClick: { index: number; time: number } | null = null;\nconst geometry = () => ({\n  xDomain: raw(props.xDomain),\n  yDomain: raw(props.yDomain),\n  xSplit: props.xSplit,\n  ySplit: props.ySplit,\n  reverseX: props.reverseX,\n});\nconst dropAt = (event: ChartDragEvent): QuadrantDropTarget => ({\n  x: event.x,\n  y: event.y,\n  quadrant: quadrantOf(geometry(), event.x, event.y),\n});\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    quadrantChartOptions(\n      {\n        ...geometry(),\n        points: raw(props.points).map(raw),\n        quadrants: raw(props.quadrants),\n        xLabel: props.xLabel,\n        yLabel: props.yLabel,\n        axisLabels: raw(props.axisLabels),\n        showTicks: props.showTicks,\n        showLabels: props.showLabels,\n        pointSize: props.pointSize,\n        name: props.name,\n        draggable:\n          props.draggable ??\n          !!(vnode?.props?.onPointDrop || vnode?.props?.onPointDrag),\n      },\n      (({ series: _series, ...rest }) => rest)(engineOptions(props, [])),\n    ),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => {\n      const index = event.items[0]?.index;\n      const point = index === undefined ? undefined : props.points[index];\n      if (!point || index === undefined) return;\n      const now = Date.now();\n      const double =\n        lastClick?.index === index && now - lastClick.time < DOUBLE_CLICK_MS;\n      lastClick = double ? null : { index, time: now };\n      emit(\"pointClick\", point, index);\n      if (double) emit(\"pointDoubleClick\", point, index);\n    },\n    plotClick: (at) =>\n      emit(\"quadrantClick\", quadrantOf(geometry(), at.x, at.y), {\n        x: at.x,\n        y: at.y,\n      }),\n    drag: (event) => {\n      const point = props.points[event.item.index];\n      if (point) emit(\"pointDrag\", point, event.item.index, dropAt(event));\n    },\n    drop: (event) => {\n      const point = props.points[event.item.index];\n      if (point) emit(\"pointDrop\", point, event.item.index, dropAt(event));\n    },\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-quadrant-chart\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/vue/components/Chart/QuadrantChart.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { chartCommonProps as r } from "./props.js";
 import { createElementBlock as i, createElementVNode as a, defineComponent as o, getCurrentInstance as s, normalizeStyle as c, openBlock as l, unref as u } from "vue";
 import { quadrantChartOptions as d, quadrantOf as f } from "../../../charts/core.js";
 //#region src/components/Chart/QuadrantChart.vue?vue&type=script&setup=true&lang.ts
-var p = /*@__PURE__*/ o({
+var p = 400, m = /*@__PURE__*/ o({
 	name: "QuadrantChart",
 	__name: "QuadrantChart",
 	props: {
@@ -43,57 +43,68 @@ var p = /*@__PURE__*/ o({
 	emits: [
 		"hover",
 		"pointClick",
+		"pointDoubleClick",
+		"pointDrag",
 		"quadrantClick",
 		"pointDrop",
 		"zoom",
 		"rendererChange"
 	],
-	setup(r, { expose: o, emit: p }) {
-		let m = r, h = p, g = s()?.vnode, _ = () => ({
-			xDomain: e(m.xDomain),
-			yDomain: e(m.yDomain),
-			xSplit: m.xSplit,
-			ySplit: m.ySplit,
-			reverseX: m.reverseX
-		}), { setContainer: v, rootStyle: y, handle: b } = n(m, () => d({
-			..._(),
-			points: e(m.points).map(e),
-			quadrants: e(m.quadrants),
-			xLabel: m.xLabel,
-			yLabel: m.yLabel,
-			axisLabels: e(m.axisLabels),
-			showTicks: m.showTicks,
-			showLabels: m.showLabels,
-			pointSize: m.pointSize,
-			name: m.name,
-			draggable: m.draggable ?? !!g?.props?.onPointDrop
-		}, (({ series: e, ...t }) => t)(t(m, []))), {
-			hover: (e) => h("hover", e),
+	setup(r, { expose: o, emit: m }) {
+		let h = r, g = m, _ = s()?.vnode, v = null, y = () => ({
+			xDomain: e(h.xDomain),
+			yDomain: e(h.yDomain),
+			xSplit: h.xSplit,
+			ySplit: h.ySplit,
+			reverseX: h.reverseX
+		}), b = (e) => ({
+			x: e.x,
+			y: e.y,
+			quadrant: f(y(), e.x, e.y)
+		}), { setContainer: x, rootStyle: S, handle: C } = n(h, () => d({
+			...y(),
+			points: e(h.points).map(e),
+			quadrants: e(h.quadrants),
+			xLabel: h.xLabel,
+			yLabel: h.yLabel,
+			axisLabels: e(h.axisLabels),
+			showTicks: h.showTicks,
+			showLabels: h.showLabels,
+			pointSize: h.pointSize,
+			name: h.name,
+			draggable: h.draggable ?? !!(_?.props?.onPointDrop || _?.props?.onPointDrag)
+		}, (({ series: e, ...t }) => t)(t(h, []))), {
+			hover: (e) => g("hover", e),
 			click: (e) => {
-				let t = e.items[0]?.index, n = t === void 0 ? void 0 : m.points[t];
-				n && t !== void 0 && h("pointClick", n, t);
+				let t = e.items[0]?.index, n = t === void 0 ? void 0 : h.points[t];
+				if (!n || t === void 0) return;
+				let r = Date.now(), i = v?.index === t && r - v.time < p;
+				v = i ? null : {
+					index: t,
+					time: r
+				}, g("pointClick", n, t), i && g("pointDoubleClick", n, t);
 			},
-			plotClick: (e) => h("quadrantClick", f(_(), e.x, e.y), {
+			plotClick: (e) => g("quadrantClick", f(y(), e.x, e.y), {
 				x: e.x,
 				y: e.y
 			}),
+			drag: (e) => {
+				let t = h.points[e.item.index];
+				t && g("pointDrag", t, e.item.index, b(e));
+			},
 			drop: (e) => {
-				let t = e.item.index, n = m.points[t];
-				n && h("pointDrop", n, t, {
-					x: e.x,
-					y: e.y,
-					quadrant: f(_(), e.x, e.y)
-				});
+				let t = h.points[e.item.index];
+				t && g("pointDrop", t, e.item.index, b(e));
 			},
-			zoom: (e) => h("zoom", e),
-			renderer: (e) => h("rendererChange", e)
+			zoom: (e) => g("zoom", e),
+			renderer: (e) => g("rendererChange", e)
 		});
-		return o(b), (e, t) => (l(), i("div", {
+		return o(C), (e, t) => (l(), i("div", {
 			class: "mn-chart mn-quadrant-chart",
 			"data-minerva": "chart",
-			style: c(u(y))
+			style: c(u(S))
 		}, [a("div", {
-			ref: u(v),
+			ref: u(x),
 			style: {
 				position: "absolute",
 				inset: "0"
@@ -102,6 +113,6 @@ var p = /*@__PURE__*/ o({
 	}
 });
 //#endregion
-export { p as default };
+export { m as default };
 
 //# sourceMappingURL=QuadrantChart.vue_vue_type_script_setup_true_lang.js.map

package/dist/vue/components/Chart/QuadrantChart.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuadrantChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","QuadrantChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","__expose","__emit","props","__props","emit","vnode","getCurrentInstance","geometry","raw","useCartesianChart","quadrantChartOptions","_series","rest","engineOptions","event","index","point","quadrantOf","at","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/QuadrantChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance, type PropType } from \"vue\";\nimport {\n  quadrantChartOptions,\n  quadrantOf,\n  type ChartHoverEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type QuadrantAxisLabels,\n  type QuadrantCorner,\n  type QuadrantPoint,\n  type QuadrantRegions,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartCommonProps } from \"./props\";\nimport type { QuadrantDropTarget } from \"./types\";\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\ndefineOptions({ name: \"QuadrantChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  /** Points to place (replace the array to update the chart) */\n  points: { type: Array as PropType<readonly QuadrantPoint[]>, required: true },\n  /** Range of the horizontal axis (default `[0, 10]`) */\n  xDomain: Array as unknown as PropType<[number, number]>,\n  /** Range of the vertical axis (default `[0, 10]`) */\n  yDomain: Array as unknown as PropType<[number, number]>,\n  /** X value of the vertical divider (the middle of `xDomain` by default) */\n  xSplit: Number,\n  /** Y value of the horizontal divider (the middle of `yDomain` by default) */\n  ySplit: Number,\n  /** Titles and colors of the quadrants */\n  quadrants: Object as PropType<QuadrantRegions>,\n  /** Title of the horizontal axis */\n  xLabel: String,\n  /** Title of the vertical axis */\n  yLabel: String,\n  /** Texts at the ends of the dividers, drawn inside the plot */\n  axisLabels: Object as PropType<QuadrantAxisLabels>,\n  /** Shows the numeric ticks of the axes (default `true`) */\n  showTicks: { type: Boolean, default: undefined },\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  reverseX: { type: Boolean, default: undefined },\n  /** Draws the labels next to the dots (default `true`) */\n  showLabels: { type: Boolean, default: undefined },\n  /** Dot diameter in pixels (default 12) */\n  pointSize: Number,\n  /** Name of the points in the tooltip */\n  name: String,\n  /** Lets the user drag the dots (default: when a `pointDrop` listener is set) */\n  draggable: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) point changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [point: QuadrantPoint, index: number];\n  /** The empty area of a quadrant was clicked */\n  quadrantClick: [quadrant: QuadrantCorner, position: { x: number; y: number }];\n  /** A dragged point was released (the chart does not move it: update `points`) */\n  pointDrop: [point: QuadrantPoint, index: number, target: QuadrantDropTarget];\n  /** The user zoomed or panned */\n  zoom: [view: ChartView];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst vnode = getCurrentInstance()?.vnode;\nconst geometry = () => ({\n  xDomain: raw(props.xDomain),\n  yDomain: raw(props.yDomain),\n  xSplit: props.xSplit,\n  ySplit: props.ySplit,\n  reverseX: props.reverseX,\n});\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    quadrantChartOptions(\n      {\n        ...geometry(),\n        points: raw(props.points).map(raw),\n        quadrants: raw(props.quadrants),\n        xLabel: props.xLabel,\n        yLabel: props.yLabel,\n        axisLabels: raw(props.axisLabels),\n        showTicks: props.showTicks,\n        showLabels: props.showLabels,\n        pointSize: props.pointSize,\n        name: props.name,\n        draggable: props.draggable ?? !!vnode?.props?.onPointDrop,\n      },\n      (({ series: _series, ...rest }) => rest)(engineOptions(props, [])),\n    ),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => {\n      const index = event.items[0]?.index;\n      const point = index === undefined ? undefined : props.points[index];\n      if (point && index !== undefined) emit(\"pointClick\", point, index);\n    },\n    plotClick: (at) =>\n      emit(\"quadrantClick\", quadrantOf(geometry(), at.x, at.y), {\n        x: at.x,\n        y: at.y,\n      }),\n    drop: (event) => {\n      const index = event.item.index;\n      const point = props.points[index];\n      if (!point) return;\n      emit(\"pointDrop\", point, index, {\n        x: event.x,\n        y: event.y,\n        quadrant: quadrantOf(geometry(), event.x, event.y),\n      });\n    },\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-quadrant-chart\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,IAAMS,IAAQC,GAiCRC,IAAOH,GAcPI,IAAQC,EAAmB,CAAC,EAAE,OAC9BC,WAAkB;GACtB,SAASC,EAAIN,EAAM,OAAO;GAC1B,SAASM,EAAIN,EAAM,OAAO;GAC1B,QAAQA,EAAM;GACd,QAAQA,EAAM;GACd,UAAUA,EAAM;EAClB,IACM,EAAE,iBAAc,cAAW,cAAWO,EAC1CP,SAEEQ,EACE;GACE,GAAGH,EAAS;GACZ,QAAQC,EAAIN,EAAM,MAAM,CAAC,CAAC,IAAIM,CAAG;GACjC,WAAWA,EAAIN,EAAM,SAAS;GAC9B,QAAQA,EAAM;GACd,QAAQA,EAAM;GACd,YAAYM,EAAIN,EAAM,UAAU;GAChC,WAAWA,EAAM;GACjB,YAAYA,EAAM;GAClB,WAAWA,EAAM;GACjB,MAAMA,EAAM;GACZ,WAAWA,EAAM,aAAa,CAAC,CAACG,GAAO,OAAO;EAChD,KACE,EAAE,QAAQM,GAAS,GAAGC,QAAWA,EAAA,CAAMC,EAAcX,GAAO,CAAC,CAAC,CAAC,CACnE,GACF;GACE,QAAQ,MAAUE,EAAK,SAASU,CAAK;GACrC,QAAQ,MAAU;IAChB,IAAMC,IAAQD,EAAM,MAAM,EAAE,EAAE,OACxBE,IAAQD,MAAU,KAAA,IAAY,KAAA,IAAYb,EAAM,OAAOa;IAC7D,AAAIC,KAASD,MAAU,KAAA,KAAWX,EAAK,cAAcY,GAAOD,CAAK;GACnE;GACA,YAAY,MACVX,EAAK,iBAAiBa,EAAWV,EAAS,GAAGW,EAAG,GAAGA,EAAG,CAAC,GAAG;IACxD,GAAGA,EAAG;IACN,GAAGA,EAAG;GACR,CAAC;GACH,OAAO,MAAU;IACf,IAAMH,IAAQD,EAAM,KAAK,OACnBE,IAAQd,EAAM,OAAOa;IAC3B,AAAKC,KACLZ,EAAK,aAAaY,GAAOD,GAAO;KAC9B,GAAGD,EAAM;KACT,GAAGA,EAAM;KACT,UAAUG,EAAWV,EAAS,GAAGO,EAAM,GAAGA,EAAM,CAAC;IACnD,CAAC;GACH;GACA,OAAO,MAASV,EAAK,QAAQe,CAAI;GACjC,WAAW,MAAaf,EAAK,kBAAkBgB,CAAQ;EACzD,CACF;SACApB,EAAaqB,CAAM,cAIjB5B,EAAA,GAAAC,EAMM,OAAA;GALJ,OAAM;GACN,gBAAa;GACZ,OAAKC,EAAEC,EAAA8B,CAAA,CAAS;EAEjB7B,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAgC,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}
+{"version":3,"file":"QuadrantChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","DOUBLE_CLICK_MS","QuadrantChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","__expose","__emit","props","__props","emit","vnode","getCurrentInstance","lastClick","geometry","raw","dropAt","event","quadrantOf","useCartesianChart","quadrantChartOptions","_series","rest","engineOptions","index","point","now","double","at","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/QuadrantChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance, type PropType } from \"vue\";\nimport {\n  quadrantChartOptions,\n  quadrantOf,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type QuadrantAxisLabels,\n  type QuadrantCorner,\n  type QuadrantPoint,\n  type QuadrantRegions,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartCommonProps } from \"./props\";\nimport type { QuadrantDropTarget } from \"./types\";\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\ndefineOptions({ name: \"QuadrantChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  /** Points to place (replace the array to update the chart) */\n  points: { type: Array as PropType<readonly QuadrantPoint[]>, required: true },\n  /** Range of the horizontal axis (default `[0, 10]`) */\n  xDomain: Array as unknown as PropType<[number, number]>,\n  /** Range of the vertical axis (default `[0, 10]`) */\n  yDomain: Array as unknown as PropType<[number, number]>,\n  /** X value of the vertical divider (the middle of `xDomain` by default) */\n  xSplit: Number,\n  /** Y value of the horizontal divider (the middle of `yDomain` by default) */\n  ySplit: Number,\n  /** Titles and colors of the quadrants */\n  quadrants: Object as PropType<QuadrantRegions>,\n  /** Title of the horizontal axis */\n  xLabel: String,\n  /** Title of the vertical axis */\n  yLabel: String,\n  /** Texts at the ends of the dividers, drawn inside the plot */\n  axisLabels: Object as PropType<QuadrantAxisLabels>,\n  /** Shows the numeric ticks of the axes (default `true`) */\n  showTicks: { type: Boolean, default: undefined },\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  reverseX: { type: Boolean, default: undefined },\n  /** Draws the labels next to the dots (default `true`) */\n  showLabels: { type: Boolean, default: undefined },\n  /** Dot diameter in pixels (default 12) */\n  pointSize: Number,\n  /** Name of the points in the tooltip */\n  name: String,\n  /** Lets the user drag the dots (default: when a `pointDrop` listener is set) */\n  draggable: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) point changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [point: QuadrantPoint, index: number];\n  /** The same point was clicked twice in quick succession */\n  pointDoubleClick: [point: QuadrantPoint, index: number];\n  /** A point is being dragged (on every move, with the quadrant under the pointer) */\n  pointDrag: [point: QuadrantPoint, index: number, target: QuadrantDropTarget];\n  /** The empty area of a quadrant was clicked */\n  quadrantClick: [quadrant: QuadrantCorner, position: { x: number; y: number }];\n  /** A dragged point was released (the chart does not move it: update `points`) */\n  pointDrop: [point: QuadrantPoint, index: number, target: QuadrantDropTarget];\n  /** The user zoomed or panned */\n  zoom: [view: ChartView];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst vnode = getCurrentInstance()?.vnode;\n/** Two clicks on the same point within this delay count as a double click */\nconst DOUBLE_CLICK_MS = 400;\nlet lastClick: { index: number; time: number } | null = null;\nconst geometry = () => ({\n  xDomain: raw(props.xDomain),\n  yDomain: raw(props.yDomain),\n  xSplit: props.xSplit,\n  ySplit: props.ySplit,\n  reverseX: props.reverseX,\n});\nconst dropAt = (event: ChartDragEvent): QuadrantDropTarget => ({\n  x: event.x,\n  y: event.y,\n  quadrant: quadrantOf(geometry(), event.x, event.y),\n});\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    quadrantChartOptions(\n      {\n        ...geometry(),\n        points: raw(props.points).map(raw),\n        quadrants: raw(props.quadrants),\n        xLabel: props.xLabel,\n        yLabel: props.yLabel,\n        axisLabels: raw(props.axisLabels),\n        showTicks: props.showTicks,\n        showLabels: props.showLabels,\n        pointSize: props.pointSize,\n        name: props.name,\n        draggable:\n          props.draggable ??\n          !!(vnode?.props?.onPointDrop || vnode?.props?.onPointDrag),\n      },\n      (({ series: _series, ...rest }) => rest)(engineOptions(props, [])),\n    ),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => {\n      const index = event.items[0]?.index;\n      const point = index === undefined ? undefined : props.points[index];\n      if (!point || index === undefined) return;\n      const now = Date.now();\n      const double =\n        lastClick?.index === index && now - lastClick.time < DOUBLE_CLICK_MS;\n      lastClick = double ? null : { index, time: now };\n      emit(\"pointClick\", point, index);\n      if (double) emit(\"pointDoubleClick\", point, index);\n    },\n    plotClick: (at) =>\n      emit(\"quadrantClick\", quadrantOf(geometry(), at.x, at.y), {\n        x: at.x,\n        y: at.y,\n      }),\n    drag: (event) => {\n      const point = props.points[event.item.index];\n      if (point) emit(\"pointDrag\", point, event.item.index, dropAt(event));\n    },\n    drop: (event) => {\n      const point = props.points[event.item.index];\n      if (point) emit(\"pointDrop\", point, event.item.index, dropAt(event));\n    },\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-quadrant-chart\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;AA8EA,IAAMK,IAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EArDxB,IAAMK,IAAQC,GAiCRC,IAAOH,GAkBPI,IAAQC,EAAmB,CAAC,EAAE,OAGhCC,IAAoD,MAClDC,WAAkB;GACtB,SAASC,EAAIP,EAAM,OAAO;GAC1B,SAASO,EAAIP,EAAM,OAAO;GAC1B,QAAQA,EAAM;GACd,QAAQA,EAAM;GACd,UAAUA,EAAM;EAClB,IACMQ,KAAU,OAA+C;GAC7D,GAAGC,EAAM;GACT,GAAGA,EAAM;GACT,UAAUC,EAAWJ,EAAS,GAAGG,EAAM,GAAGA,EAAM,CAAC;EACnD,IACM,EAAE,iBAAc,cAAW,cAAWE,EAC1CX,SAEEY,EACE;GACE,GAAGN,EAAS;GACZ,QAAQC,EAAIP,EAAM,MAAM,CAAC,CAAC,IAAIO,CAAG;GACjC,WAAWA,EAAIP,EAAM,SAAS;GAC9B,QAAQA,EAAM;GACd,QAAQA,EAAM;GACd,YAAYO,EAAIP,EAAM,UAAU;GAChC,WAAWA,EAAM;GACjB,YAAYA,EAAM;GAClB,WAAWA,EAAM;GACjB,MAAMA,EAAM;GACZ,WACEA,EAAM,aACN,CAAC,EAAEG,GAAO,OAAO,eAAeA,GAAO,OAAO;EAClD,KACE,EAAE,QAAQU,GAAS,GAAGC,QAAWA,EAAA,CAAMC,EAAcf,GAAO,CAAC,CAAC,CAAC,CACnE,GACF;GACE,QAAQ,MAAUE,EAAK,SAASO,CAAK;GACrC,QAAQ,MAAU;IAChB,IAAMO,IAAQP,EAAM,MAAM,EAAE,EAAE,OACxBQ,IAAQD,MAAU,KAAA,IAAY,KAAA,IAAYhB,EAAM,OAAOgB;IAC7D,IAAI,CAACC,KAASD,MAAU,KAAA,GAAW;IACnC,IAAME,IAAM,KAAK,IAAI,GACfC,IACJd,GAAW,UAAUW,KAASE,IAAMb,EAAU,OAAOV;IAGvD,AAFA,IAAYwB,IAAS,OAAO;KAAE;KAAO,MAAMD;IAAI,GAC/ChB,EAAK,cAAce,GAAOD,CAAK,GAC3BG,KAAQjB,EAAK,oBAAoBe,GAAOD,CAAK;GACnD;GACA,YAAY,MACVd,EAAK,iBAAiBQ,EAAWJ,EAAS,GAAGc,EAAG,GAAGA,EAAG,CAAC,GAAG;IACxD,GAAGA,EAAG;IACN,GAAGA,EAAG;GACR,CAAC;GACH,OAAO,MAAU;IACf,IAAMH,IAAQjB,EAAM,OAAOS,EAAM,KAAK;IACtC,AAAIQ,KAAOf,EAAK,aAAae,GAAOR,EAAM,KAAK,OAAOD,EAAOC,CAAK,CAAC;GACrE;GACA,OAAO,MAAU;IACf,IAAMQ,IAAQjB,EAAM,OAAOS,EAAM,KAAK;IACtC,AAAIQ,KAAOf,EAAK,aAAae,GAAOR,EAAM,KAAK,OAAOD,EAAOC,CAAK,CAAC;GACrE;GACA,OAAO,MAASP,EAAK,QAAQmB,CAAI;GACjC,WAAW,MAAanB,EAAK,kBAAkBoB,CAAQ;EACzD,CACF;SACAxB,EAAayB,CAAM,cAIjBjC,EAAA,GAAAC,EAMM,OAAA;GALJ,OAAM;GACN,gBAAa;GACZ,OAAKC,EAAEC,EAAAmC,CAAA,CAAS;EAEjBlC,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAqC,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

package/dist/vue/components/Chart/cartesian.d.ts

@@ -32,6 +32,7 @@ export interface CartesianHandlers {
     plotClick?: (event: ChartPlotClickEvent) => void;
     zoom?: (view: ChartView) => void;
     renderer?: (renderer: ChartRendererKind) => void;
+    drag?: (event: ChartDragEvent) => void;
     drop?: (event: ChartDragEvent) => void;
 }
 /** Engine (`createChart`), root style and template handle of a cartesian chart */

package/dist/vue/components/Chart/cartesian.js

@@ -36,6 +36,7 @@ function o(e, i, a, o = 320) {
 		e.on("plotClick", (e) => a.plotClick?.(e)),
 		e.on("zoom", (e) => a.zoom?.(e)),
 		e.on("renderer", (e) => a.renderer?.(e)),
+		e.on("drag", (e) => a.drag?.(e)),
 		e.on("drop", (e) => a.drop?.(e))
 	]);
 	return {

package/dist/vue/components/Chart/cartesian.js.map

@@ -1 +1 @@
-{"version":3,"file":"cartesian.js","names":["engineOptions","raw","props","withSeriesType","series","s","item","t","type","stack","curve","useCartesianChart","useChartEngine","createChart","build","chart","handlers","event","view","renderer","useRootStyle","defaultHeight","instance"],"sources":["../../../../../vue/src/components/Chart/cartesian.ts"],"sourcesContent":["import {\n  createChart,\n  type ChartAnnotation,\n  type ChartAxisOptions,\n  type ChartCurve,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartInstance,\n  type ChartInteractionOptions,\n  type ChartLegendOptions,\n  type ChartOptions,\n  type ChartPadding,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartRendererPreference,\n  type ChartSeries,\n  type ChartSeriesType,\n  type ChartTooltipOptions,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { raw, useChartEngine, useRootStyle } from \"./engine\";\nimport type { ChartHandle } from \"./types\";\n\n/** The common props read by `engineOptions` */\ninterface CommonProps {\n  xAxis?: ChartAxisOptions;\n  yAxis?: ChartAxisOptions;\n  renderer?: ChartRendererPreference;\n  legend?: boolean | ChartLegendOptions;\n  tooltip?: boolean | ChartTooltipOptions;\n  crosshair?: boolean;\n  annotations?: readonly ChartAnnotation[];\n  interaction?: boolean | ChartInteractionOptions;\n  padding?: ChartPadding;\n  palette?: readonly string[];\n  ariaLabel?: string;\n  locale?: string;\n  labels?: ChartOptions[\"labels\"] | boolean;\n  yAxis2?: ChartAxisOptions;\n  orientation?: ChartOptions[\"orientation\"];\n}\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: CommonProps,\n  series: readonly ChartSeries[],\n  stackMode?: ChartOptions[\"stackMode\"],\n): ChartOptions => ({\n  series,\n  xAxis: raw(props.xAxis),\n  yAxis: raw(props.yAxis),\n  renderer: props.renderer,\n  legend: raw(props.legend),\n  tooltip: raw(props.tooltip),\n  crosshair: props.crosshair,\n  annotations: raw(props.annotations),\n  interaction: raw(props.interaction),\n  padding: raw(props.padding),\n  palette: raw(props.palette),\n  ariaLabel: props.ariaLabel,\n  locale: props.locale,\n  // BarChart / WaterfallChart: `labels` writes the values (a boolean)\n  labels: typeof props.labels === \"object\" ? raw(props.labels) : undefined,\n  yAxis2: raw(props.yAxis2),\n  orientation: props.orientation,\n  stackMode,\n});\n\n/**\n * Gives the series without a `type` the type of the component: `stack` /\n * `curve` apply to the series of that type that do not set their own.\n */\nexport const withSeriesType = (\n  series: readonly ChartSeries[],\n  type: ChartSeriesType,\n  stack?: string,\n  curve?: ChartCurve,\n): ChartSeries[] =>\n  raw(series).map((item) => {\n    const s = raw(item);\n    const t = s.type ?? type;\n    return {\n      ...s,\n      data: raw(s.data),\n      type: t,\n      ...(stack !== undefined && t === type ? { stack: s.stack ?? stack } : {}),\n      ...(curve !== undefined && (t === \"line\" || t === \"area\")\n        ? { curve: s.curve ?? curve }\n        : {}),\n    };\n  });\n\n/** Engine events forwarded by a cartesian chart */\nexport interface CartesianHandlers {\n  hover?: (event: ChartHoverEvent | null) => void;\n  click?: (event: ChartHoverEvent) => void;\n  plotClick?: (event: ChartPlotClickEvent) => void;\n  zoom?: (view: ChartView) => void;\n  renderer?: (renderer: ChartRendererKind) => void;\n  drop?: (event: ChartDragEvent) => void;\n}\n\n/** Engine (`createChart`), root style and template handle of a cartesian chart */\nexport function useCartesianChart(\n  props: object & {\n    deep?: boolean;\n    width?: number | string;\n    height?: number | string;\n  },\n  build: () => ChartOptions | null,\n  handlers: CartesianHandlers,\n  defaultHeight = 320,\n) {\n  const { setContainer, instance } = useChartEngine<\n    ChartOptions,\n    ChartInstance\n  >(createChart, props, build, (chart) => [\n    chart.on(\"hover\", (event) => handlers.hover?.(event)),\n    chart.on(\"click\", (event) => handlers.click?.(event)),\n    chart.on(\"plotClick\", (event) => handlers.plotClick?.(event)),\n    chart.on(\"zoom\", (view) => handlers.zoom?.(view)),\n    chart.on(\"renderer\", (renderer) => handlers.renderer?.(renderer)),\n    chart.on(\"drop\", (event) => handlers.drop?.(event)),\n  ]);\n  const handle: ChartHandle = {\n    resetZoom: () => instance.value?.resetZoom(),\n    getView: () => instance.value?.getView() ?? null,\n    setView: (view) => instance.value?.setView(view),\n    getRenderer: () => instance.value?.getRenderer() ?? null,\n    getInstance: () => instance.value,\n  };\n  return {\n    setContainer,\n    rootStyle: useRootStyle(props, defaultHeight),\n    handle,\n  };\n}\n"],"mappings":";;;AA2CA,IAAaA,KACX,GACA,GACA,OACkB;CAClB;CACA,OAAOC,EAAIC,EAAM,KAAK;CACtB,OAAOD,EAAIC,EAAM,KAAK;CACtB,UAAUA,EAAM;CAChB,QAAQD,EAAIC,EAAM,MAAM;CACxB,SAASD,EAAIC,EAAM,OAAO;CAC1B,WAAWA,EAAM;CACjB,aAAaD,EAAIC,EAAM,WAAW;CAClC,aAAaD,EAAIC,EAAM,WAAW;CAClC,SAASD,EAAIC,EAAM,OAAO;CAC1B,SAASD,EAAIC,EAAM,OAAO;CAC1B,WAAWA,EAAM;CACjB,QAAQA,EAAM;CAEd,QAAQ,OAAOA,EAAM,UAAW,WAAWD,EAAIC,EAAM,MAAM,IAAI,KAAA;CAC/D,QAAQD,EAAIC,EAAM,MAAM;CACxB,aAAaA,EAAM;CACnB;AACF,IAMaC,KACX,GACA,GACA,GACA,MAEAF,EAAIG,CAAM,CAAC,CAAC,KAAK,MAAS;CACxB,IAAMC,IAAIJ,EAAIK,CAAI,GACZC,IAAIF,EAAE,QAAQG;CACpB,OAAO;EACL,GAAGH;EACH,MAAMJ,EAAII,EAAE,IAAI;EAChB,MAAME;EACN,GAAIE,MAAU,KAAA,KAAaF,MAAMC,IAAO,EAAE,OAAOH,EAAE,SAASI,EAAM,IAAI,CAAC;EACvE,GAAIC,MAAU,KAAA,MAAcH,MAAM,UAAUA,MAAM,UAC9C,EAAE,OAAOF,EAAE,SAASK,EAAM,IAC1B,CAAC;CACP;AACF,CAAC;AAaH,SAAgBC,EACd,GAKA,GACA,GACA,IAAgB,KAChB;CACA,IAAM,EAAE,iBAAc,gBAAaC,EAGjCC,GAAaX,GAAOY,IAAQ,MAAU;EACtCC,EAAM,GAAG,UAAU,MAAUC,EAAS,QAAQC,CAAK,CAAC;EACpDF,EAAM,GAAG,UAAU,MAAUC,EAAS,QAAQC,CAAK,CAAC;EACpDF,EAAM,GAAG,cAAc,MAAUC,EAAS,YAAYC,CAAK,CAAC;EAC5DF,EAAM,GAAG,SAAS,MAASC,EAAS,OAAOE,CAAI,CAAC;EAChDH,EAAM,GAAG,aAAa,MAAaC,EAAS,WAAWG,CAAQ,CAAC;EAChEJ,EAAM,GAAG,SAAS,MAAUC,EAAS,OAAOC,CAAK,CAAC;CACpD,CAAC;CAQD,OAAO;EACL;EACA,WAAWG,EAAalB,GAAOmB,CAAa;EAC5C,QAAA;GATA,iBAAiBC,EAAS,OAAO,UAAU;GAC3C,eAAeA,EAAS,OAAO,QAAQ,KAAK;GAC5C,UAAU,MAASA,EAAS,OAAO,QAAQJ,CAAI;GAC/C,mBAAmBI,EAAS,OAAO,YAAY,KAAK;GACpD,mBAAmBA,EAAS;EAK5B;CACF;AACF"}
+{"version":3,"file":"cartesian.js","names":["engineOptions","raw","props","withSeriesType","series","s","item","t","type","stack","curve","useCartesianChart","useChartEngine","createChart","build","chart","handlers","event","view","renderer","useRootStyle","defaultHeight","instance"],"sources":["../../../../../vue/src/components/Chart/cartesian.ts"],"sourcesContent":["import {\n  createChart,\n  type ChartAnnotation,\n  type ChartAxisOptions,\n  type ChartCurve,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartInstance,\n  type ChartInteractionOptions,\n  type ChartLegendOptions,\n  type ChartOptions,\n  type ChartPadding,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartRendererPreference,\n  type ChartSeries,\n  type ChartSeriesType,\n  type ChartTooltipOptions,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { raw, useChartEngine, useRootStyle } from \"./engine\";\nimport type { ChartHandle } from \"./types\";\n\n/** The common props read by `engineOptions` */\ninterface CommonProps {\n  xAxis?: ChartAxisOptions;\n  yAxis?: ChartAxisOptions;\n  renderer?: ChartRendererPreference;\n  legend?: boolean | ChartLegendOptions;\n  tooltip?: boolean | ChartTooltipOptions;\n  crosshair?: boolean;\n  annotations?: readonly ChartAnnotation[];\n  interaction?: boolean | ChartInteractionOptions;\n  padding?: ChartPadding;\n  palette?: readonly string[];\n  ariaLabel?: string;\n  locale?: string;\n  labels?: ChartOptions[\"labels\"] | boolean;\n  yAxis2?: ChartAxisOptions;\n  orientation?: ChartOptions[\"orientation\"];\n}\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: CommonProps,\n  series: readonly ChartSeries[],\n  stackMode?: ChartOptions[\"stackMode\"],\n): ChartOptions => ({\n  series,\n  xAxis: raw(props.xAxis),\n  yAxis: raw(props.yAxis),\n  renderer: props.renderer,\n  legend: raw(props.legend),\n  tooltip: raw(props.tooltip),\n  crosshair: props.crosshair,\n  annotations: raw(props.annotations),\n  interaction: raw(props.interaction),\n  padding: raw(props.padding),\n  palette: raw(props.palette),\n  ariaLabel: props.ariaLabel,\n  locale: props.locale,\n  // BarChart / WaterfallChart: `labels` writes the values (a boolean)\n  labels: typeof props.labels === \"object\" ? raw(props.labels) : undefined,\n  yAxis2: raw(props.yAxis2),\n  orientation: props.orientation,\n  stackMode,\n});\n\n/**\n * Gives the series without a `type` the type of the component: `stack` /\n * `curve` apply to the series of that type that do not set their own.\n */\nexport const withSeriesType = (\n  series: readonly ChartSeries[],\n  type: ChartSeriesType,\n  stack?: string,\n  curve?: ChartCurve,\n): ChartSeries[] =>\n  raw(series).map((item) => {\n    const s = raw(item);\n    const t = s.type ?? type;\n    return {\n      ...s,\n      data: raw(s.data),\n      type: t,\n      ...(stack !== undefined && t === type ? { stack: s.stack ?? stack } : {}),\n      ...(curve !== undefined && (t === \"line\" || t === \"area\")\n        ? { curve: s.curve ?? curve }\n        : {}),\n    };\n  });\n\n/** Engine events forwarded by a cartesian chart */\nexport interface CartesianHandlers {\n  hover?: (event: ChartHoverEvent | null) => void;\n  click?: (event: ChartHoverEvent) => void;\n  plotClick?: (event: ChartPlotClickEvent) => void;\n  zoom?: (view: ChartView) => void;\n  renderer?: (renderer: ChartRendererKind) => void;\n  drag?: (event: ChartDragEvent) => void;\n  drop?: (event: ChartDragEvent) => void;\n}\n\n/** Engine (`createChart`), root style and template handle of a cartesian chart */\nexport function useCartesianChart(\n  props: object & {\n    deep?: boolean;\n    width?: number | string;\n    height?: number | string;\n  },\n  build: () => ChartOptions | null,\n  handlers: CartesianHandlers,\n  defaultHeight = 320,\n) {\n  const { setContainer, instance } = useChartEngine<\n    ChartOptions,\n    ChartInstance\n  >(createChart, props, build, (chart) => [\n    chart.on(\"hover\", (event) => handlers.hover?.(event)),\n    chart.on(\"click\", (event) => handlers.click?.(event)),\n    chart.on(\"plotClick\", (event) => handlers.plotClick?.(event)),\n    chart.on(\"zoom\", (view) => handlers.zoom?.(view)),\n    chart.on(\"renderer\", (renderer) => handlers.renderer?.(renderer)),\n    chart.on(\"drag\", (event) => handlers.drag?.(event)),\n    chart.on(\"drop\", (event) => handlers.drop?.(event)),\n  ]);\n  const handle: ChartHandle = {\n    resetZoom: () => instance.value?.resetZoom(),\n    getView: () => instance.value?.getView() ?? null,\n    setView: (view) => instance.value?.setView(view),\n    getRenderer: () => instance.value?.getRenderer() ?? null,\n    getInstance: () => instance.value,\n  };\n  return {\n    setContainer,\n    rootStyle: useRootStyle(props, defaultHeight),\n    handle,\n  };\n}\n"],"mappings":";;;AA2CA,IAAaA,KACX,GACA,GACA,OACkB;CAClB;CACA,OAAOC,EAAIC,EAAM,KAAK;CACtB,OAAOD,EAAIC,EAAM,KAAK;CACtB,UAAUA,EAAM;CAChB,QAAQD,EAAIC,EAAM,MAAM;CACxB,SAASD,EAAIC,EAAM,OAAO;CAC1B,WAAWA,EAAM;CACjB,aAAaD,EAAIC,EAAM,WAAW;CAClC,aAAaD,EAAIC,EAAM,WAAW;CAClC,SAASD,EAAIC,EAAM,OAAO;CAC1B,SAASD,EAAIC,EAAM,OAAO;CAC1B,WAAWA,EAAM;CACjB,QAAQA,EAAM;CAEd,QAAQ,OAAOA,EAAM,UAAW,WAAWD,EAAIC,EAAM,MAAM,IAAI,KAAA;CAC/D,QAAQD,EAAIC,EAAM,MAAM;CACxB,aAAaA,EAAM;CACnB;AACF,IAMaC,KACX,GACA,GACA,GACA,MAEAF,EAAIG,CAAM,CAAC,CAAC,KAAK,MAAS;CACxB,IAAMC,IAAIJ,EAAIK,CAAI,GACZC,IAAIF,EAAE,QAAQG;CACpB,OAAO;EACL,GAAGH;EACH,MAAMJ,EAAII,EAAE,IAAI;EAChB,MAAME;EACN,GAAIE,MAAU,KAAA,KAAaF,MAAMC,IAAO,EAAE,OAAOH,EAAE,SAASI,EAAM,IAAI,CAAC;EACvE,GAAIC,MAAU,KAAA,MAAcH,MAAM,UAAUA,MAAM,UAC9C,EAAE,OAAOF,EAAE,SAASK,EAAM,IAC1B,CAAC;CACP;AACF,CAAC;AAcH,SAAgBC,EACd,GAKA,GACA,GACA,IAAgB,KAChB;CACA,IAAM,EAAE,iBAAc,gBAAaC,EAGjCC,GAAaX,GAAOY,IAAQ,MAAU;EACtCC,EAAM,GAAG,UAAU,MAAUC,EAAS,QAAQC,CAAK,CAAC;EACpDF,EAAM,GAAG,UAAU,MAAUC,EAAS,QAAQC,CAAK,CAAC;EACpDF,EAAM,GAAG,cAAc,MAAUC,EAAS,YAAYC,CAAK,CAAC;EAC5DF,EAAM,GAAG,SAAS,MAASC,EAAS,OAAOE,CAAI,CAAC;EAChDH,EAAM,GAAG,aAAa,MAAaC,EAAS,WAAWG,CAAQ,CAAC;EAChEJ,EAAM,GAAG,SAAS,MAAUC,EAAS,OAAOC,CAAK,CAAC;EAClDF,EAAM,GAAG,SAAS,MAAUC,EAAS,OAAOC,CAAK,CAAC;CACpD,CAAC;CAQD,OAAO;EACL;EACA,WAAWG,EAAalB,GAAOmB,CAAa;EAC5C,QAAA;GATA,iBAAiBC,EAAS,OAAO,UAAU;GAC3C,eAAeA,EAAS,OAAO,QAAQ,KAAK;GAC5C,UAAU,MAASA,EAAS,OAAO,QAAQJ,CAAI;GAC/C,mBAAmBI,EAAS,OAAO,YAAY,KAAK;GACpD,mBAAmBA,EAAS;EAK5B;CACF;AACF"}

package/dist/web-components/components/chart/chart.d.ts

@@ -17,6 +17,7 @@ export declare abstract class MinervaCartesianChartElement extends MinervaEngine
     protected bindEngine(chart: ChartInstance): Array<() => void>;
     protected pointClicked(event: ChartHoverEvent): void;
     protected plotClicked(event: ChartPlotClickEvent): void;
+    protected pointDragged?(event: ChartDragEvent): void;
     protected pointDropped?(event: ChartDragEvent): void;
     /** Shows the whole data range */
     resetZoom(): void;

package/dist/web-components/components/chart/chart.js

@@ -17,6 +17,7 @@ var i = class extends t {
 			e.on("plotClick", (e) => this.plotClicked(e)),
 			e.on("zoom", (e) => this.emit("minerva-zoom", e)),
 			e.on("renderer", (e) => this.emit("minerva-renderer-change", { renderer: e })),
+			e.on("drag", (e) => this.pointDragged?.(e)),
 			e.on("drop", (e) => this.pointDropped?.(e))
 		];
 	}

package/dist/web-components/components/chart/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","names":["_decorate","__decorate","MinervaCartesianChartElement","MinervaEngineElement","_args","createChart","container","options","chart","event","view","property","MinervaChart"],"sources":["../../../../../web-components/src/components/chart/chart.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  createChart,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartInstance,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { MinervaEngineElement } from \"./engine-element\";\n\n/**\n * Base of the cartesian chart elements (engine `createChart`): forwards the\n * engine events as `minerva-*` events and exposes the zoom methods.\n *\n * @fires minerva-hover - The hovered (or keyboard-focused) points changed; detail: { x, xLabel, items }, `null` when nothing is hovered\n * @fires minerva-point-click - A point or a bar was clicked; detail: { x, xLabel, items }\n * @fires minerva-plot-click - The plot area was clicked where there is no point; detail: { x, y }\n * @fires minerva-zoom - The user zoomed or panned; detail: { x, y } (the visible ranges)\n * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }\n */\nexport abstract class MinervaCartesianChartElement extends MinervaEngineElement<\n  ChartOptions,\n  ChartInstance\n> {\n  /** Height of the chart, the legend included: pixels or any CSS length */\n  @property()\n  override height?: string | number = 320;\n\n  protected createEngine(\n    container: HTMLElement,\n    options: ChartOptions,\n  ): ChartInstance {\n    return createChart(container, options);\n  }\n\n  protected override bindEngine(chart: ChartInstance): Array<() => void> {\n    return [\n      chart.on(\"hover\", (event) => this.emit(\"minerva-hover\", event)),\n      chart.on(\"click\", (event) => this.pointClicked(event)),\n      chart.on(\"plotClick\", (event) => this.plotClicked(event)),\n      chart.on(\"zoom\", (view) => this.emit(\"minerva-zoom\", view)),\n      chart.on(\"renderer\", (renderer) =>\n        this.emit(\"minerva-renderer-change\", { renderer }),\n      ),\n      chart.on(\"drop\", (event) => this.pointDropped?.(event)),\n    ];\n  }\n\n  protected pointClicked(event: ChartHoverEvent): void {\n    this.emit(\"minerva-point-click\", event);\n  }\n\n  protected plotClicked(event: ChartPlotClickEvent): void {\n    this.emit(\"minerva-plot-click\", event);\n  }\n\n  protected pointDropped?(event: ChartDragEvent): void;\n\n  /** Shows the whole data range */\n  resetZoom(): void {\n    this.instance?.resetZoom();\n  }\n\n  /** Visible range, `null` before the engine is created */\n  getView(): ChartView | null {\n    return this.instance?.getView() ?? null;\n  }\n\n  /** Sets the visible range */\n  setView(view: Partial<ChartView>): void {\n    this.instance?.setView(view);\n  }\n\n  /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */\n  getRenderer(): ChartRendererKind | null {\n    return this.instance?.getRenderer() ?? null;\n  }\n}\n\n/**\n * GPU chart of `minerva-design/charts/core` (WebGPU, then WebGL2, WebGL,\n * Canvas2D) mixing line, area, bar, scatter, candlestick and heatmap\n * series: the `<Chart>` of React. Set the engine options (`ChartOptions`:\n * `series`, `xAxis`, `yAxis`, `legend`, `tooltip`, `annotations`...) as\n * the `options` property; replace the object (or a `data` array) to update\n * the chart. Zoomable, keyboard accessible and themed by the Minerva CSS\n * variables of its scope.\n *\n * Published as the optional entry `minerva-design/web-components/chart`\n * (not part of the all-in-one entry nor the CDN bundle: it loads the chart\n * engine `minerva-design/charts/core`).\n *\n * @summary GPU chart of any mix of series, configured by the engine options.\n * @tag minerva-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-chart\";\n\n  /** Engine options (`ChartOptions` of minerva-design/charts/core); property only */\n  @property({ attribute: false })\n  options?: ChartOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    return this.options ?? null;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-chart\": MinervaChart;\n  }\n}\n"],"mappings":";;;;;AAuBA,IAAsBE,IAAtB,cAA2DC,EAGzD;;EAGoC,aAAA,KAAA,SAAA;;CAEpC,aACE,GACA,GACe;EACf,OAAOE,EAAYC,GAAWC,CAAO;CACvC;CAEA,WAA8B,GAAyC;EACrE,OAAO;GACLC,EAAM,GAAG,UAAU,MAAU,KAAK,KAAK,iBAAiBC,CAAK,CAAC;GAC9DD,EAAM,GAAG,UAAU,MAAU,KAAK,aAAaC,CAAK,CAAC;GACrDD,EAAM,GAAG,cAAc,MAAU,KAAK,YAAYC,CAAK,CAAC;GACxDD,EAAM,GAAG,SAAS,MAAS,KAAK,KAAK,gBAAgBE,CAAI,CAAC;GAC1DF,EAAM,GAAG,aAAa,MACpB,KAAK,KAAK,2BAA2B,EAAE,YAAS,CAAC,CACnD;GACAA,EAAM,GAAG,SAAS,MAAU,KAAK,eAAeC,CAAK,CAAC;EACxD;CACF;CAEA,aAAuB,GAA8B;EACnD,KAAK,KAAK,uBAAuBA,CAAK;CACxC;CAEA,YAAsB,GAAkC;EACtD,KAAK,KAAK,sBAAsBA,CAAK;CACvC;CAKA,YAAkB;EAChB,KAAK,UAAU,UAAU;CAC3B;CAGA,UAA4B;EAC1B,OAAO,KAAK,UAAU,QAAQ,KAAK;CACrC;CAGA,QAAQ,GAAgC;EACtC,KAAK,UAAU,QAAQC,CAAI;CAC7B;CAGA,cAAwC;EACtC,OAAO,KAAK,UAAU,YAAY,KAAK;CACzC;AACF;AApDGV,EAAA,CAAAW,EAAS,CAAA,GAAAT,EAAA,WAAA,UAAA,KAAA,CAAA;AAwEZ,IAAaU,IAAb,cAAkCV,EAA6B;;EACnC,KAAA,UAAA;;CAM1B,gBAA+C;EAC7C,OAAO,KAAK,WAAW;CACzB;AACF;AANGF,EAAA,CAAAW,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAC,EAAA,WAAA,WAAA,KAAA,CAAA"}
+{"version":3,"file":"chart.js","names":["_decorate","__decorate","MinervaCartesianChartElement","MinervaEngineElement","_args","createChart","container","options","chart","event","view","property","MinervaChart"],"sources":["../../../../../web-components/src/components/chart/chart.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  createChart,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartInstance,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { MinervaEngineElement } from \"./engine-element\";\n\n/**\n * Base of the cartesian chart elements (engine `createChart`): forwards the\n * engine events as `minerva-*` events and exposes the zoom methods.\n *\n * @fires minerva-hover - The hovered (or keyboard-focused) points changed; detail: { x, xLabel, items }, `null` when nothing is hovered\n * @fires minerva-point-click - A point or a bar was clicked; detail: { x, xLabel, items }\n * @fires minerva-plot-click - The plot area was clicked where there is no point; detail: { x, y }\n * @fires minerva-zoom - The user zoomed or panned; detail: { x, y } (the visible ranges)\n * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }\n */\nexport abstract class MinervaCartesianChartElement extends MinervaEngineElement<\n  ChartOptions,\n  ChartInstance\n> {\n  /** Height of the chart, the legend included: pixels or any CSS length */\n  @property()\n  override height?: string | number = 320;\n\n  protected createEngine(\n    container: HTMLElement,\n    options: ChartOptions,\n  ): ChartInstance {\n    return createChart(container, options);\n  }\n\n  protected override bindEngine(chart: ChartInstance): Array<() => void> {\n    return [\n      chart.on(\"hover\", (event) => this.emit(\"minerva-hover\", event)),\n      chart.on(\"click\", (event) => this.pointClicked(event)),\n      chart.on(\"plotClick\", (event) => this.plotClicked(event)),\n      chart.on(\"zoom\", (view) => this.emit(\"minerva-zoom\", view)),\n      chart.on(\"renderer\", (renderer) =>\n        this.emit(\"minerva-renderer-change\", { renderer }),\n      ),\n      chart.on(\"drag\", (event) => this.pointDragged?.(event)),\n      chart.on(\"drop\", (event) => this.pointDropped?.(event)),\n    ];\n  }\n\n  protected pointClicked(event: ChartHoverEvent): void {\n    this.emit(\"minerva-point-click\", event);\n  }\n\n  protected plotClicked(event: ChartPlotClickEvent): void {\n    this.emit(\"minerva-plot-click\", event);\n  }\n\n  protected pointDragged?(event: ChartDragEvent): void;\n\n  protected pointDropped?(event: ChartDragEvent): void;\n\n  /** Shows the whole data range */\n  resetZoom(): void {\n    this.instance?.resetZoom();\n  }\n\n  /** Visible range, `null` before the engine is created */\n  getView(): ChartView | null {\n    return this.instance?.getView() ?? null;\n  }\n\n  /** Sets the visible range */\n  setView(view: Partial<ChartView>): void {\n    this.instance?.setView(view);\n  }\n\n  /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */\n  getRenderer(): ChartRendererKind | null {\n    return this.instance?.getRenderer() ?? null;\n  }\n}\n\n/**\n * GPU chart of `minerva-design/charts/core` (WebGPU, then WebGL2, WebGL,\n * Canvas2D) mixing line, area, bar, scatter, candlestick and heatmap\n * series: the `<Chart>` of React. Set the engine options (`ChartOptions`:\n * `series`, `xAxis`, `yAxis`, `legend`, `tooltip`, `annotations`...) as\n * the `options` property; replace the object (or a `data` array) to update\n * the chart. Zoomable, keyboard accessible and themed by the Minerva CSS\n * variables of its scope.\n *\n * Published as the optional entry `minerva-design/web-components/chart`\n * (not part of the all-in-one entry nor the CDN bundle: it loads the chart\n * engine `minerva-design/charts/core`).\n *\n * @summary GPU chart of any mix of series, configured by the engine options.\n * @tag minerva-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-chart\";\n\n  /** Engine options (`ChartOptions` of minerva-design/charts/core); property only */\n  @property({ attribute: false })\n  options?: ChartOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    return this.options ?? null;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-chart\": MinervaChart;\n  }\n}\n"],"mappings":";;;;;AAuBA,IAAsBE,IAAtB,cAA2DC,EAGzD;;EAGoC,aAAA,KAAA,SAAA;;CAEpC,aACE,GACA,GACe;EACf,OAAOE,EAAYC,GAAWC,CAAO;CACvC;CAEA,WAA8B,GAAyC;EACrE,OAAO;GACLC,EAAM,GAAG,UAAU,MAAU,KAAK,KAAK,iBAAiBC,CAAK,CAAC;GAC9DD,EAAM,GAAG,UAAU,MAAU,KAAK,aAAaC,CAAK,CAAC;GACrDD,EAAM,GAAG,cAAc,MAAU,KAAK,YAAYC,CAAK,CAAC;GACxDD,EAAM,GAAG,SAAS,MAAS,KAAK,KAAK,gBAAgBE,CAAI,CAAC;GAC1DF,EAAM,GAAG,aAAa,MACpB,KAAK,KAAK,2BAA2B,EAAE,YAAS,CAAC,CACnD;GACAA,EAAM,GAAG,SAAS,MAAU,KAAK,eAAeC,CAAK,CAAC;GACtDD,EAAM,GAAG,SAAS,MAAU,KAAK,eAAeC,CAAK,CAAC;EACxD;CACF;CAEA,aAAuB,GAA8B;EACnD,KAAK,KAAK,uBAAuBA,CAAK;CACxC;CAEA,YAAsB,GAAkC;EACtD,KAAK,KAAK,sBAAsBA,CAAK;CACvC;CAOA,YAAkB;EAChB,KAAK,UAAU,UAAU;CAC3B;CAGA,UAA4B;EAC1B,OAAO,KAAK,UAAU,QAAQ,KAAK;CACrC;CAGA,QAAQ,GAAgC;EACtC,KAAK,UAAU,QAAQC,CAAI;CAC7B;CAGA,cAAwC;EACtC,OAAO,KAAK,UAAU,YAAY,KAAK;CACzC;AACF;AAvDGV,EAAA,CAAAW,EAAS,CAAA,GAAAT,EAAA,WAAA,UAAA,KAAA,CAAA;AA2EZ,IAAaU,IAAb,cAAkCV,EAA6B;;EACnC,KAAA,UAAA;;CAM1B,gBAA+C;EAC7C,OAAO,KAAK,WAAW;CACzB;AACF;AANGF,EAAA,CAAAW,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAC,EAAA,WAAA,WAAA,KAAA,CAAA"}

package/dist/web-components/components/chart/charts.d.ts

@@ -199,7 +199,9 @@ export declare class MinervaSparkline extends MinervaCartesianChartElement {
  * @csspart root - The sized box of the chart
  * @csspart surface - The element the engine renders into
  * @fires minerva-point-click - A dot was clicked; detail: { point, index }
+ * @fires minerva-point-double-click - The same dot was clicked twice in quick succession; detail: { point, index }
  * @fires minerva-quadrant-click - The empty area of a quadrant was clicked; detail: { quadrant, x, y }
+ * @fires minerva-point-drag - A dot is being dragged (on every move); detail: { point, index, x, y, quadrant }
  * @fires minerva-point-drop - A dragged dot was released; detail: { point, index, x, y, quadrant }
  */
 export declare class MinervaQuadrantChart extends MinervaCartesianChartElement {
@@ -230,14 +232,17 @@ export declare class MinervaQuadrantChart extends MinervaCartesianChartElement {
     hideLabels: boolean;
     /** Dot diameter in pixels */
     pointSize: number;
-    /** Lets the user drag the dots (`minerva-point-drop`) */
+    /** Lets the user drag the dots (`minerva-point-drag`, `minerva-point-drop`) */
     dragPoints: boolean;
     /** Other engine options (legend, tooltip, padding, palette...); property only */
     options?: Omit<ChartOptions, "series">;
+    private lastClick;
     private geometry;
     protected engineOptions(): ChartOptions | null;
     protected pointClicked(event: ChartHoverEvent): void;
     protected plotClicked(event: ChartPlotClickEvent): void;
+    private dropDetail;
+    protected pointDragged(event: ChartDragEvent): void;
     protected pointDropped(event: ChartDragEvent): void;
 }
 declare global {

package/dist/web-components/components/chart/charts.js

@@ -125,9 +125,9 @@ var h = class extends t {
 	}
 };
 e([r()], h.prototype, "height", void 0), e([r({ attribute: !1 })], h.prototype, "data", void 0), e([r()], h.prototype, "type", void 0), e([r()], h.prototype, "color", void 0), e([r()], h.prototype, "curve", void 0), e([r({ type: Number })], h.prototype, "reference", void 0), e([r({ attribute: "value-name" })], h.prototype, "valueName", void 0), e([r({ attribute: !1 })], h.prototype, "format", void 0), e([r({ attribute: !1 })], h.prototype, "options", void 0);
-var g = class extends t {
+var g = 400, _ = class extends t {
 	constructor(...e) {
-		super(...e), this.reverseX = !1, this.hideTicks = !1, this.hideLabels = !1, this.pointSize = 12, this.dragPoints = !1;
+		super(...e), this.reverseX = !1, this.hideTicks = !1, this.hideLabels = !1, this.pointSize = 12, this.dragPoints = !1, this.lastClick = null;
 	}
 	static {
 		this.tagName = "minerva-quadrant-chart";
@@ -157,7 +157,15 @@ var g = class extends t {
 	}
 	pointClicked(e) {
 		let t = e.items[0]?.index, n = t === void 0 ? void 0 : this.points?.[t];
-		n && this.emit("minerva-point-click", {
+		if (!n || t === void 0) return;
+		let r = Date.now(), i = this.lastClick, a = i?.index === t && r - i.time < g;
+		this.lastClick = a ? null : {
+			index: t,
+			time: r
+		}, this.emit("minerva-point-click", {
+			point: n,
+			index: t
+		}), a && this.emit("minerva-point-double-click", {
 			point: n,
 			index: t
 		});
@@ -169,40 +177,48 @@ var g = class extends t {
 			y: e.y
 		});
 	}
-	pointDropped(e) {
+	dropDetail(e) {
 		let t = e.item.index, n = this.points?.[t];
-		n && this.emit("minerva-point-drop", {
+		return n ? {
 			point: n,
 			index: t,
 			x: e.x,
 			y: e.y,
 			quadrant: o(this.geometry(), e.x, e.y)
-		});
+		} : null;
+	}
+	pointDragged(e) {
+		let t = this.dropDetail(e);
+		t && this.emit("minerva-point-drag", t);
+	}
+	pointDropped(e) {
+		let t = this.dropDetail(e);
+		t && this.emit("minerva-point-drop", t);
 	}
 };
-e([r({ attribute: !1 })], g.prototype, "points", void 0), e([r({ attribute: !1 })], g.prototype, "quadrants", void 0), e([r({ attribute: "x-label" })], g.prototype, "xLabel", void 0), e([r({ attribute: "y-label" })], g.prototype, "yLabel", void 0), e([r({ attribute: !1 })], g.prototype, "axisLabels", void 0), e([r({ attribute: !1 })], g.prototype, "xDomain", void 0), e([r({ attribute: !1 })], g.prototype, "yDomain", void 0), e([r({
+e([r({ attribute: !1 })], _.prototype, "points", void 0), e([r({ attribute: !1 })], _.prototype, "quadrants", void 0), e([r({ attribute: "x-label" })], _.prototype, "xLabel", void 0), e([r({ attribute: "y-label" })], _.prototype, "yLabel", void 0), e([r({ attribute: !1 })], _.prototype, "axisLabels", void 0), e([r({ attribute: !1 })], _.prototype, "xDomain", void 0), e([r({ attribute: !1 })], _.prototype, "yDomain", void 0), e([r({
 	type: Number,
 	attribute: "x-split"
-})], g.prototype, "xSplit", void 0), e([r({
+})], _.prototype, "xSplit", void 0), e([r({
 	type: Number,
 	attribute: "y-split"
-})], g.prototype, "ySplit", void 0), e([r({
+})], _.prototype, "ySplit", void 0), e([r({
 	type: Boolean,
 	attribute: "reverse-x"
-})], g.prototype, "reverseX", void 0), e([r({
+})], _.prototype, "reverseX", void 0), e([r({
 	type: Boolean,
 	attribute: "hide-ticks"
-})], g.prototype, "hideTicks", void 0), e([r({
+})], _.prototype, "hideTicks", void 0), e([r({
 	type: Boolean,
 	attribute: "hide-labels"
-})], g.prototype, "hideLabels", void 0), e([r({
+})], _.prototype, "hideLabels", void 0), e([r({
 	type: Number,
 	attribute: "point-size"
-})], g.prototype, "pointSize", void 0), e([r({
+})], _.prototype, "pointSize", void 0), e([r({
 	type: Boolean,
 	attribute: "drag-points"
-})], g.prototype, "dragPoints", void 0), e([r({ attribute: !1 })], g.prototype, "options", void 0);
+})], _.prototype, "dragPoints", void 0), e([r({ attribute: !1 })], _.prototype, "options", void 0);
 //#endregion
-export { u as MinervaAreaChart, d as MinervaBarChart, p as MinervaCandlestickChart, m as MinervaHeatmapChart, l as MinervaLineChart, g as MinervaQuadrantChart, f as MinervaScatterChart, h as MinervaSparkline, c as SeriesChartElement };
+export { u as MinervaAreaChart, d as MinervaBarChart, p as MinervaCandlestickChart, m as MinervaHeatmapChart, l as MinervaLineChart, _ as MinervaQuadrantChart, f as MinervaScatterChart, h as MinervaSparkline, c as SeriesChartElement };
 
 //# sourceMappingURL=charts.js.map

package/dist/web-components/components/chart/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","names":["_decorate","__decorate","SeriesChartElement","MinervaCartesianChartElement","series","property","MinervaLineChart","_args","withSeriesType","MinervaAreaChart","_args2","MinervaBarChart","_args3","s","MinervaScatterChart","MinervaCandlestickChart","MinervaHeatmapChart","_args4","heatmapChartOptions","MinervaSparkline","_args5","sparklineOptions","MinervaQuadrantChart","_args6","quadrantChartOptions","index","event","point","quadrantOf"],"sources":["../../../../../web-components/src/components/chart/charts.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  heatmapChartOptions,\n  quadrantChartOptions,\n  quadrantOf,\n  sparklineOptions,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartSeries,\n  type HeatmapCell,\n  type QuadrantAxisLabels,\n  type QuadrantConfig,\n  type QuadrantPoint,\n  type QuadrantRegions,\n} from \"minerva-design/charts/core\";\nimport { MinervaCartesianChartElement } from \"./chart\";\nimport { withSeriesType } from \"./series\";\n\n/** Engine options other than the series (axes, legend, tooltip, annotations...) */\nexport type ChartBaseOptions = Partial<ChartOptions>;\n\n/** Base of the elements drawing `series` with a default series type */\nexport abstract class SeriesChartElement extends MinervaCartesianChartElement {\n  /** Data series (`ChartSeries[]`); each may set its own `type`. Replace the array (or a `data` array) to update the chart; property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Other engine options (`ChartOptions` of minerva-design/charts/core: axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected abstract typed(series: readonly ChartSeries[]): ChartSeries[];\n\n  protected stackMode(): ChartOptions[\"stackMode\"] {\n    return this.options?.stackMode;\n  }\n\n  protected engineOptions(): ChartOptions | null {\n    const series = this.series ?? this.options?.series;\n    if (!series) return null;\n    return {\n      ...this.options,\n      series: this.typed(series),\n      stackMode: this.stackMode(),\n    };\n  }\n}\n\n/**\n * Line chart (or area chart with `area`) of `minerva-design/charts/core`,\n * handling millions of points on the GPU: the `<LineChart>` of React. The\n * series without a `type` are drawn as lines.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU line chart: straight, smooth or stepped, stacked or 100%.\n * @tag minerva-line-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaLineChart extends SeriesChartElement {\n  static override tagName = \"minerva-line-chart\";\n\n  /** Fills the area under the lines */\n  @property({ type: Boolean })\n  area = false;\n\n  /** Shape of the lines: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"linear\";\n\n  /** Stacks the series on top of each other */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      this.area ? \"area\" : \"line\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n      this.curve,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Area chart of `minerva-design/charts/core`: smooth by default, stacked or\n * 100% stacked (the `<AreaChart>` of React). The series without a `type`\n * are drawn as areas.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU area chart: smooth, stacked or 100% stacked.\n * @tag minerva-area-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaAreaChart extends SeriesChartElement {\n  static override tagName = \"minerva-area-chart\";\n\n  /** Shape of the edges: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  /** Stacks the areas on top of each other */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      \"area\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n      this.curve,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Bar chart of `minerva-design/charts/core`: grouped side by side, stacked\n * or 100% stacked, with optional value labels (the `<BarChart>` of React).\n * The series without a `type` are drawn as bars (set `type: \"line\"` on a\n * series for an overlay).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bar chart: grouped, stacked or 100%, with value labels.\n * @tag minerva-bar-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBarChart extends SeriesChartElement {\n  static override tagName = \"minerva-bar-chart\";\n\n  /** Stacks the bars of every series (otherwise they are grouped side by side) */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  /** Writes the value above every bar */\n  @property({ type: Boolean })\n  labels = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      \"bar\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n    ).map((s) =>\n      this.labels && s.type === \"bar\"\n        ? { ...s, showLabels: s.showLabels ?? true }\n        : s,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Scatter chart of `minerva-design/charts/core`: zooms on both axes, hit\n * testing through a spatial index (the `<ScatterChart>` of React). The\n * series without a `type` are drawn as dots.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU scatter chart zooming on both axes.\n * @tag minerva-scatter-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaScatterChart extends SeriesChartElement {\n  static override tagName = \"minerva-scatter-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"scatter\");\n  }\n}\n\n/**\n * Candlestick (OHLC) chart of `minerva-design/charts/core` (the\n * `<CandlestickChart>` of React): data points carry `open`, `high`, `low`\n * and `y` (the close). The series without a `type` are drawn as candles\n * (e.g. add a moving average with `type: \"line\"`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU candlestick chart of rising and falling candles.\n * @tag minerva-candlestick-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaCandlestickChart extends SeriesChartElement {\n  static override tagName = \"minerva-candlestick-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"candlestick\");\n  }\n}\n\n/**\n * Heatmap of `minerva-design/charts/core` (the `<HeatmapChart>` of React):\n * a grid of cells colored by value, categories (or numbers) on both axes.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU heatmap: a grid of cells colored by value.\n * @tag minerva-heatmap-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHeatmapChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-heatmap-chart\";\n\n  /** Cells `{ x, y, value }`; property only */\n  @property({ attribute: false })\n  data?: readonly HeatmapCell[];\n\n  /** Column names in order (collected from the data when omitted); property only */\n  @property({ attribute: false })\n  xCategories?: readonly string[];\n\n  /** Row names from bottom to top (collected from the data when omitted); property only */\n  @property({ attribute: false })\n  yCategories?: readonly string[];\n\n  /** Colors from the lowest to the highest value (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (`sequential` by default, or `diverging`); an array is property only */\n  @property({ attribute: \"color-scale\" })\n  colorScale: readonly string[] | \"sequential\" | \"diverging\" = \"sequential\";\n\n  /** Values at the ends of the color scale (the data range by default); property only */\n  @property({ attribute: false })\n  valueRange?: readonly [number, number];\n\n  /** Value at the middle of the color scale (diverging data; 0 for `diverging` ramps spanning it, else the middle of the range, by default) */\n  @property({ type: Number, attribute: \"color-midpoint\" })\n  colorMidpoint?: number;\n\n  /** Name of the value in the tooltip */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Corner radius of the cells, in pixels */\n  @property({ type: Number })\n  radius?: number;\n\n  /** Formats the values in the tooltip; property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Other engine options (axes, legend, tooltip, padding...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.data) return null;\n    return heatmapChartOptions(\n      {\n        data: this.data,\n        xCategories: this.xCategories,\n        yCategories: this.yCategories,\n        colorScale: this.colorScale,\n        valueRange: this.valueRange,\n        colorMidpoint: this.colorMidpoint,\n        name: this.valueName,\n        radius: this.radius,\n        format: this.format,\n      },\n      this.options,\n    );\n  }\n}\n\n/**\n * Word-sized chart without axes (a trend in a table cell, a KPI card...) of\n * `minerva-design/charts/core`: the `<Sparkline>` of React.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Small line, area or bar trend without axes.\n * @tag minerva-sparkline\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaSparkline extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-sparkline\";\n\n  /** Height of the sparkline: pixels or any CSS length */\n  @property()\n  override height?: string | number = 48;\n\n  /** Values (or `[x, y]` pairs, typed arrays...); property only */\n  @property({ attribute: false })\n  data?: ChartSeries[\"data\"];\n\n  /** How the values are drawn */\n  @property()\n  type: \"line\" | \"area\" | \"bar\" = \"line\";\n\n  /** Color (any CSS color); the first palette color by default */\n  @property()\n  color?: string;\n\n  /** Shape of the line */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  /** Draws a dashed reference line at this value (a target, the average...) */\n  @property({ type: Number })\n  reference?: number;\n\n  /** Name of the value in the tooltip */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Formats the value in the tooltip; property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Other engine options (tooltip, palette, renderer...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.data) return null;\n    return sparklineOptions(\n      {\n        data: this.data,\n        type: this.type,\n        color: this.color,\n        curve: this.curve,\n        name: this.valueName,\n        reference: this.reference,\n        format: this.format,\n      },\n      this.options,\n    );\n  }\n}\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG...) of\n * `minerva-design/charts/core` (the `<QuadrantChart>` of React): tinted\n * quadrants with titles, dividers and labelled dots placed without\n * overlapping labels. With `drag-points`, dots can be dragged to another\n * quadrant (`minerva-point-drop`; update `points` to move them).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Four-quadrant matrix of labelled, draggable dots.\n * @tag minerva-quadrant-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n * @fires minerva-point-click - A dot was clicked; detail: { point, index }\n * @fires minerva-quadrant-click - The empty area of a quadrant was clicked; detail: { quadrant, x, y }\n * @fires minerva-point-drop - A dragged dot was released; detail: { point, index, x, y, quadrant }\n */\nexport class MinervaQuadrantChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-quadrant-chart\";\n\n  /** Points `{ x, y, label, color, size }` to place; property only */\n  @property({ attribute: false })\n  points?: readonly QuadrantPoint[];\n\n  /** Titles and colors of the quadrants (`topLeft`, `topRight`, `bottomLeft`, `bottomRight`); property only */\n  @property({ attribute: false })\n  quadrants?: QuadrantRegions;\n\n  /** Title of the horizontal axis */\n  @property({ attribute: \"x-label\" })\n  xLabel?: string;\n\n  /** Title of the vertical axis */\n  @property({ attribute: \"y-label\" })\n  yLabel?: string;\n\n  /** Texts at the ends of the dividers, drawn inside the plot; property only */\n  @property({ attribute: false })\n  axisLabels?: QuadrantAxisLabels;\n\n  /** Range of the horizontal axis (default [0, 10]); property only */\n  @property({ attribute: false })\n  xDomain?: [number, number];\n\n  /** Range of the vertical axis (default [0, 10]); property only */\n  @property({ attribute: false })\n  yDomain?: [number, number];\n\n  /** X value of the vertical divider (the middle of the x domain by default) */\n  @property({ type: Number, attribute: \"x-split\" })\n  xSplit?: number;\n\n  /** Y value of the horizontal divider (the middle of the y domain by default) */\n  @property({ type: Number, attribute: \"y-split\" })\n  ySplit?: number;\n\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  @property({ type: Boolean, attribute: \"reverse-x\" })\n  reverseX = false;\n\n  /** Hides the numeric ticks of the axes (only the matrix remains) */\n  @property({ type: Boolean, attribute: \"hide-ticks\" })\n  hideTicks = false;\n\n  /** Hides the labels next to the dots */\n  @property({ type: Boolean, attribute: \"hide-labels\" })\n  hideLabels = false;\n\n  /** Dot diameter in pixels */\n  @property({ type: Number, attribute: \"point-size\" })\n  pointSize = 12;\n\n  /** Lets the user drag the dots (`minerva-point-drop`) */\n  @property({ type: Boolean, attribute: \"drag-points\" })\n  dragPoints = false;\n\n  /** Other engine options (legend, tooltip, padding, palette...); property only */\n  @property({ attribute: false })\n  options?: Omit<ChartOptions, \"series\">;\n\n  private geometry(): Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  > {\n    return {\n      xDomain: this.xDomain,\n      yDomain: this.yDomain,\n      xSplit: this.xSplit,\n      ySplit: this.ySplit,\n      reverseX: this.reverseX,\n    };\n  }\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.points) return null;\n    return quadrantChartOptions(\n      {\n        ...this.geometry(),\n        points: this.points,\n        quadrants: this.quadrants,\n        xLabel: this.xLabel,\n        yLabel: this.yLabel,\n        axisLabels: this.axisLabels,\n        showTicks: !this.hideTicks,\n        showLabels: !this.hideLabels,\n        pointSize: this.pointSize,\n        draggable: this.dragPoints,\n      },\n      this.options,\n    );\n  }\n\n  protected override pointClicked(event: ChartHoverEvent): void {\n    const index = event.items[0]?.index;\n    const point = index === undefined ? undefined : this.points?.[index];\n    if (point) this.emit(\"minerva-point-click\", { point, index });\n  }\n\n  protected override plotClicked(event: ChartPlotClickEvent): void {\n    this.emit(\"minerva-quadrant-click\", {\n      quadrant: quadrantOf(this.geometry(), event.x, event.y),\n      x: event.x,\n      y: event.y,\n    });\n  }\n\n  protected override pointDropped(event: ChartDragEvent): void {\n    const index = event.item.index;\n    const point = this.points?.[index];\n    if (!point) return;\n    this.emit(\"minerva-point-drop\", {\n      point,\n      index,\n      x: event.x,\n      y: event.y,\n      quadrant: quadrantOf(this.geometry(), event.x, event.y),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-line-chart\": MinervaLineChart;\n    \"minerva-area-chart\": MinervaAreaChart;\n    \"minerva-bar-chart\": MinervaBarChart;\n    \"minerva-scatter-chart\": MinervaScatterChart;\n    \"minerva-candlestick-chart\": MinervaCandlestickChart;\n    \"minerva-heatmap-chart\": MinervaHeatmapChart;\n    \"minerva-sparkline\": MinervaSparkline;\n    \"minerva-quadrant-chart\": MinervaQuadrantChart;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"charts.js","names":["_decorate","__decorate","SeriesChartElement","MinervaCartesianChartElement","series","property","MinervaLineChart","_args","withSeriesType","MinervaAreaChart","_args2","MinervaBarChart","_args3","s","MinervaScatterChart","MinervaCandlestickChart","MinervaHeatmapChart","_args4","heatmapChartOptions","MinervaSparkline","_args5","sparklineOptions","DOUBLE_CLICK_MS","MinervaQuadrantChart","_args6","quadrantChartOptions","index","event","point","now","last","double","quadrantOf","detail"],"sources":["../../../../../web-components/src/components/chart/charts.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  heatmapChartOptions,\n  quadrantChartOptions,\n  quadrantOf,\n  sparklineOptions,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartSeries,\n  type HeatmapCell,\n  type QuadrantAxisLabels,\n  type QuadrantConfig,\n  type QuadrantPoint,\n  type QuadrantRegions,\n} from \"minerva-design/charts/core\";\nimport { MinervaCartesianChartElement } from \"./chart\";\nimport { withSeriesType } from \"./series\";\n\n/** Engine options other than the series (axes, legend, tooltip, annotations...) */\nexport type ChartBaseOptions = Partial<ChartOptions>;\n\n/** Base of the elements drawing `series` with a default series type */\nexport abstract class SeriesChartElement extends MinervaCartesianChartElement {\n  /** Data series (`ChartSeries[]`); each may set its own `type`. Replace the array (or a `data` array) to update the chart; property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Other engine options (`ChartOptions` of minerva-design/charts/core: axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected abstract typed(series: readonly ChartSeries[]): ChartSeries[];\n\n  protected stackMode(): ChartOptions[\"stackMode\"] {\n    return this.options?.stackMode;\n  }\n\n  protected engineOptions(): ChartOptions | null {\n    const series = this.series ?? this.options?.series;\n    if (!series) return null;\n    return {\n      ...this.options,\n      series: this.typed(series),\n      stackMode: this.stackMode(),\n    };\n  }\n}\n\n/**\n * Line chart (or area chart with `area`) of `minerva-design/charts/core`,\n * handling millions of points on the GPU: the `<LineChart>` of React. The\n * series without a `type` are drawn as lines.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU line chart: straight, smooth or stepped, stacked or 100%.\n * @tag minerva-line-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaLineChart extends SeriesChartElement {\n  static override tagName = \"minerva-line-chart\";\n\n  /** Fills the area under the lines */\n  @property({ type: Boolean })\n  area = false;\n\n  /** Shape of the lines: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"linear\";\n\n  /** Stacks the series on top of each other */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      this.area ? \"area\" : \"line\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n      this.curve,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Area chart of `minerva-design/charts/core`: smooth by default, stacked or\n * 100% stacked (the `<AreaChart>` of React). The series without a `type`\n * are drawn as areas.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU area chart: smooth, stacked or 100% stacked.\n * @tag minerva-area-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaAreaChart extends SeriesChartElement {\n  static override tagName = \"minerva-area-chart\";\n\n  /** Shape of the edges: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  /** Stacks the areas on top of each other */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      \"area\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n      this.curve,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Bar chart of `minerva-design/charts/core`: grouped side by side, stacked\n * or 100% stacked, with optional value labels (the `<BarChart>` of React).\n * The series without a `type` are drawn as bars (set `type: \"line\"` on a\n * series for an overlay).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bar chart: grouped, stacked or 100%, with value labels.\n * @tag minerva-bar-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBarChart extends SeriesChartElement {\n  static override tagName = \"minerva-bar-chart\";\n\n  /** Stacks the bars of every series (otherwise they are grouped side by side) */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  /** Writes the value above every bar */\n  @property({ type: Boolean })\n  labels = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      \"bar\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n    ).map((s) =>\n      this.labels && s.type === \"bar\"\n        ? { ...s, showLabels: s.showLabels ?? true }\n        : s,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Scatter chart of `minerva-design/charts/core`: zooms on both axes, hit\n * testing through a spatial index (the `<ScatterChart>` of React). The\n * series without a `type` are drawn as dots.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU scatter chart zooming on both axes.\n * @tag minerva-scatter-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaScatterChart extends SeriesChartElement {\n  static override tagName = \"minerva-scatter-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"scatter\");\n  }\n}\n\n/**\n * Candlestick (OHLC) chart of `minerva-design/charts/core` (the\n * `<CandlestickChart>` of React): data points carry `open`, `high`, `low`\n * and `y` (the close). The series without a `type` are drawn as candles\n * (e.g. add a moving average with `type: \"line\"`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU candlestick chart of rising and falling candles.\n * @tag minerva-candlestick-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaCandlestickChart extends SeriesChartElement {\n  static override tagName = \"minerva-candlestick-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"candlestick\");\n  }\n}\n\n/**\n * Heatmap of `minerva-design/charts/core` (the `<HeatmapChart>` of React):\n * a grid of cells colored by value, categories (or numbers) on both axes.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU heatmap: a grid of cells colored by value.\n * @tag minerva-heatmap-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHeatmapChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-heatmap-chart\";\n\n  /** Cells `{ x, y, value }`; property only */\n  @property({ attribute: false })\n  data?: readonly HeatmapCell[];\n\n  /** Column names in order (collected from the data when omitted); property only */\n  @property({ attribute: false })\n  xCategories?: readonly string[];\n\n  /** Row names from bottom to top (collected from the data when omitted); property only */\n  @property({ attribute: false })\n  yCategories?: readonly string[];\n\n  /** Colors from the lowest to the highest value (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (`sequential` by default, or `diverging`); an array is property only */\n  @property({ attribute: \"color-scale\" })\n  colorScale: readonly string[] | \"sequential\" | \"diverging\" = \"sequential\";\n\n  /** Values at the ends of the color scale (the data range by default); property only */\n  @property({ attribute: false })\n  valueRange?: readonly [number, number];\n\n  /** Value at the middle of the color scale (diverging data; 0 for `diverging` ramps spanning it, else the middle of the range, by default) */\n  @property({ type: Number, attribute: \"color-midpoint\" })\n  colorMidpoint?: number;\n\n  /** Name of the value in the tooltip */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Corner radius of the cells, in pixels */\n  @property({ type: Number })\n  radius?: number;\n\n  /** Formats the values in the tooltip; property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Other engine options (axes, legend, tooltip, padding...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.data) return null;\n    return heatmapChartOptions(\n      {\n        data: this.data,\n        xCategories: this.xCategories,\n        yCategories: this.yCategories,\n        colorScale: this.colorScale,\n        valueRange: this.valueRange,\n        colorMidpoint: this.colorMidpoint,\n        name: this.valueName,\n        radius: this.radius,\n        format: this.format,\n      },\n      this.options,\n    );\n  }\n}\n\n/**\n * Word-sized chart without axes (a trend in a table cell, a KPI card...) of\n * `minerva-design/charts/core`: the `<Sparkline>` of React.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Small line, area or bar trend without axes.\n * @tag minerva-sparkline\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaSparkline extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-sparkline\";\n\n  /** Height of the sparkline: pixels or any CSS length */\n  @property()\n  override height?: string | number = 48;\n\n  /** Values (or `[x, y]` pairs, typed arrays...); property only */\n  @property({ attribute: false })\n  data?: ChartSeries[\"data\"];\n\n  /** How the values are drawn */\n  @property()\n  type: \"line\" | \"area\" | \"bar\" = \"line\";\n\n  /** Color (any CSS color); the first palette color by default */\n  @property()\n  color?: string;\n\n  /** Shape of the line */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  /** Draws a dashed reference line at this value (a target, the average...) */\n  @property({ type: Number })\n  reference?: number;\n\n  /** Name of the value in the tooltip */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Formats the value in the tooltip; property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Other engine options (tooltip, palette, renderer...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.data) return null;\n    return sparklineOptions(\n      {\n        data: this.data,\n        type: this.type,\n        color: this.color,\n        curve: this.curve,\n        name: this.valueName,\n        reference: this.reference,\n        format: this.format,\n      },\n      this.options,\n    );\n  }\n}\n\n/** Two clicks on the same dot within this delay count as a double click */\nconst DOUBLE_CLICK_MS = 400;\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG...) of\n * `minerva-design/charts/core` (the `<QuadrantChart>` of React): tinted\n * quadrants with titles, dividers and labelled dots placed without\n * overlapping labels. With `drag-points`, dots can be dragged to another\n * quadrant (`minerva-point-drop`; update `points` to move them).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Four-quadrant matrix of labelled, draggable dots.\n * @tag minerva-quadrant-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n * @fires minerva-point-click - A dot was clicked; detail: { point, index }\n * @fires minerva-point-double-click - The same dot was clicked twice in quick succession; detail: { point, index }\n * @fires minerva-quadrant-click - The empty area of a quadrant was clicked; detail: { quadrant, x, y }\n * @fires minerva-point-drag - A dot is being dragged (on every move); detail: { point, index, x, y, quadrant }\n * @fires minerva-point-drop - A dragged dot was released; detail: { point, index, x, y, quadrant }\n */\nexport class MinervaQuadrantChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-quadrant-chart\";\n\n  /** Points `{ x, y, label, color, size }` to place; property only */\n  @property({ attribute: false })\n  points?: readonly QuadrantPoint[];\n\n  /** Titles and colors of the quadrants (`topLeft`, `topRight`, `bottomLeft`, `bottomRight`); property only */\n  @property({ attribute: false })\n  quadrants?: QuadrantRegions;\n\n  /** Title of the horizontal axis */\n  @property({ attribute: \"x-label\" })\n  xLabel?: string;\n\n  /** Title of the vertical axis */\n  @property({ attribute: \"y-label\" })\n  yLabel?: string;\n\n  /** Texts at the ends of the dividers, drawn inside the plot; property only */\n  @property({ attribute: false })\n  axisLabels?: QuadrantAxisLabels;\n\n  /** Range of the horizontal axis (default [0, 10]); property only */\n  @property({ attribute: false })\n  xDomain?: [number, number];\n\n  /** Range of the vertical axis (default [0, 10]); property only */\n  @property({ attribute: false })\n  yDomain?: [number, number];\n\n  /** X value of the vertical divider (the middle of the x domain by default) */\n  @property({ type: Number, attribute: \"x-split\" })\n  xSplit?: number;\n\n  /** Y value of the horizontal divider (the middle of the y domain by default) */\n  @property({ type: Number, attribute: \"y-split\" })\n  ySplit?: number;\n\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  @property({ type: Boolean, attribute: \"reverse-x\" })\n  reverseX = false;\n\n  /** Hides the numeric ticks of the axes (only the matrix remains) */\n  @property({ type: Boolean, attribute: \"hide-ticks\" })\n  hideTicks = false;\n\n  /** Hides the labels next to the dots */\n  @property({ type: Boolean, attribute: \"hide-labels\" })\n  hideLabels = false;\n\n  /** Dot diameter in pixels */\n  @property({ type: Number, attribute: \"point-size\" })\n  pointSize = 12;\n\n  /** Lets the user drag the dots (`minerva-point-drag`, `minerva-point-drop`) */\n  @property({ type: Boolean, attribute: \"drag-points\" })\n  dragPoints = false;\n\n  /** Other engine options (legend, tooltip, padding, palette...); property only */\n  @property({ attribute: false })\n  options?: Omit<ChartOptions, \"series\">;\n\n  private lastClick: { index: number; time: number } | null = null;\n\n  private geometry(): Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  > {\n    return {\n      xDomain: this.xDomain,\n      yDomain: this.yDomain,\n      xSplit: this.xSplit,\n      ySplit: this.ySplit,\n      reverseX: this.reverseX,\n    };\n  }\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.points) return null;\n    return quadrantChartOptions(\n      {\n        ...this.geometry(),\n        points: this.points,\n        quadrants: this.quadrants,\n        xLabel: this.xLabel,\n        yLabel: this.yLabel,\n        axisLabels: this.axisLabels,\n        showTicks: !this.hideTicks,\n        showLabels: !this.hideLabels,\n        pointSize: this.pointSize,\n        draggable: this.dragPoints,\n      },\n      this.options,\n    );\n  }\n\n  protected override pointClicked(event: ChartHoverEvent): void {\n    const index = event.items[0]?.index;\n    const point = index === undefined ? undefined : this.points?.[index];\n    if (!point || index === undefined) return;\n    const now = Date.now();\n    const last = this.lastClick;\n    const double = last?.index === index && now - last.time < DOUBLE_CLICK_MS;\n    this.lastClick = double ? null : { index, time: now };\n    this.emit(\"minerva-point-click\", { point, index });\n    if (double) this.emit(\"minerva-point-double-click\", { point, index });\n  }\n\n  protected override plotClicked(event: ChartPlotClickEvent): void {\n    this.emit(\"minerva-quadrant-click\", {\n      quadrant: quadrantOf(this.geometry(), event.x, event.y),\n      x: event.x,\n      y: event.y,\n    });\n  }\n\n  private dropDetail(event: ChartDragEvent) {\n    const index = event.item.index;\n    const point = this.points?.[index];\n    if (!point) return null;\n    return {\n      point,\n      index,\n      x: event.x,\n      y: event.y,\n      quadrant: quadrantOf(this.geometry(), event.x, event.y),\n    };\n  }\n\n  protected override pointDragged(event: ChartDragEvent): void {\n    const detail = this.dropDetail(event);\n    if (detail) this.emit(\"minerva-point-drag\", detail);\n  }\n\n  protected override pointDropped(event: ChartDragEvent): void {\n    const detail = this.dropDetail(event);\n    if (detail) this.emit(\"minerva-point-drop\", detail);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-line-chart\": MinervaLineChart;\n    \"minerva-area-chart\": MinervaAreaChart;\n    \"minerva-bar-chart\": MinervaBarChart;\n    \"minerva-scatter-chart\": MinervaScatterChart;\n    \"minerva-candlestick-chart\": MinervaCandlestickChart;\n    \"minerva-heatmap-chart\": MinervaHeatmapChart;\n    \"minerva-sparkline\": MinervaSparkline;\n    \"minerva-quadrant-chart\": MinervaQuadrantChart;\n  }\n}\n"],"mappings":"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"}

package/dist/web-components/html-custom-data.json

@@ -4499,7 +4499,7 @@
     },
     {
       "name": "minerva-quadrant-chart",
-      "description": "Four-quadrant matrix of labelled, draggable dots.\n\nEvents: `minerva-point-click`, `minerva-quadrant-click`, `minerva-point-drop`, `minerva-hover`, `minerva-plot-click`, `minerva-zoom`, `minerva-renderer-change`",
+      "description": "Four-quadrant matrix of labelled, draggable dots.\n\nEvents: `minerva-point-click`, `minerva-point-double-click`, `minerva-quadrant-click`, `minerva-point-drag`, `minerva-point-drop`, `minerva-hover`, `minerva-plot-click`, `minerva-zoom`, `minerva-renderer-change`",
       "attributes": [
         {
           "name": "x-label",
@@ -4538,7 +4538,7 @@
         },
         {
           "name": "drag-points",
-          "description": "Lets the user drag the dots (`minerva-point-drop`)\n\nDefault: false",
+          "description": "Lets the user drag the dots (`minerva-point-drag`, `minerva-point-drop`)\n\nDefault: false",
           "valueSet": "v"
         },
         {

package/dist/web-components/types/react.d.ts

@@ -950,7 +950,9 @@ declare module "react" {
         Partial<Pick<MinervaQuadrantChart, "points" | "quadrants" | "xLabel" | "yLabel" | "axisLabels" | "xDomain" | "yDomain" | "xSplit" | "ySplit" | "reverseX" | "hideTicks" | "hideLabels" | "pointSize" | "dragPoints" | "options" | "height">>,
         {
           "onminerva-point-click"?: (event: CustomEvent) => void;
+          "onminerva-point-double-click"?: (event: CustomEvent) => void;
           "onminerva-quadrant-click"?: (event: CustomEvent) => void;
+          "onminerva-point-drag"?: (event: CustomEvent) => void;
           "onminerva-point-drop"?: (event: CustomEvent) => void;
           "onminerva-hover"?: (event: CustomEvent) => void;
           "onminerva-plot-click"?: (event: CustomEvent) => void;