minerva-design 1.4.0 → 1.5.0

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

@@ -0,0 +1,153 @@
+import { PropType } from 'vue';
+import { ChordGroup, ChordLink, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Groups (names or `{ name, color }`), in their order around the circle; groups only named by `links` are appended */
+    groups: PropType<readonly (string | ChordGroup)[]>;
+    /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used when `links` is absent) */
+    matrix: PropType<readonly (readonly number[])[]>;
+    /** Flows as a list (by group name or index); takes precedence over `matrix` */
+    links: PropType<readonly ChordLink[]>;
+    /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows (default `false`) */
+    directed: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Arrowheads at the target end of the ribbons (default `true` when `directed`) */
+    arrows: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Gap between the groups, in degrees (default 2) */
+    padAngle: NumberConstructor;
+    /** Angle of the first group, degrees clockwise from 12 o'clock (default 0) */
+    startAngle: NumberConstructor;
+    /** Order of the groups around the circle (default `none`: data order) */
+    sortGroups: PropType<"none" | "ascending" | "descending">;
+    /** Order of the ribbon ends along an arc: `auto` minimizes the crossings (default `auto`) */
+    sortSubgroups: PropType<"auto" | "none" | "ascending" | "descending">;
+    /** Color of the ribbons without `color` (default `gradient`) */
+    ribbonColor: PropType<"gradient" | "source" | "target" | "neutral">;
+    /** Opacity of the ribbons, 0-1 (default 0.65) */
+    ribbonOpacity: NumberConstructor;
+    /** Thickness of the group arcs, in pixels (default 6% of the radius) */
+    arcWidth: NumberConstructor;
+    /** Value ticks outside the arcs; a number sets the step between ticks (default `true` when large enough) */
+    ticks: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    /** Formats the tick labels (default: compact numbers of the `locale`) */
+    tickFormat: PropType<(value: number) => string>;
+    /** Group labels along the arc (`tangential`) or the radius (`radial`); `auto` picks the one that fits (default `auto`) */
+    labels: PropType<"auto" | "tangential" | "radial" | "none">;
+    palette: PropType<readonly string[]>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: PropType<(value: number) => string>;
+    percentFormat: PropType<(share: number) => string>;
+    hidden: PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: PropType<import('../../../charts/core.js').ShapeChartCommonOptions["texts"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').ShapeChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: ShapeHoverEvent) => any;
+    toggle: (event: ShapeToggleEvent) => any;
+    hover: (event: ShapeHoverEvent | null) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Groups (names or `{ name, color }`), in their order around the circle; groups only named by `links` are appended */
+    groups: PropType<readonly (string | ChordGroup)[]>;
+    /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used when `links` is absent) */
+    matrix: PropType<readonly (readonly number[])[]>;
+    /** Flows as a list (by group name or index); takes precedence over `matrix` */
+    links: PropType<readonly ChordLink[]>;
+    /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows (default `false`) */
+    directed: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Arrowheads at the target end of the ribbons (default `true` when `directed`) */
+    arrows: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Gap between the groups, in degrees (default 2) */
+    padAngle: NumberConstructor;
+    /** Angle of the first group, degrees clockwise from 12 o'clock (default 0) */
+    startAngle: NumberConstructor;
+    /** Order of the groups around the circle (default `none`: data order) */
+    sortGroups: PropType<"none" | "ascending" | "descending">;
+    /** Order of the ribbon ends along an arc: `auto` minimizes the crossings (default `auto`) */
+    sortSubgroups: PropType<"auto" | "none" | "ascending" | "descending">;
+    /** Color of the ribbons without `color` (default `gradient`) */
+    ribbonColor: PropType<"gradient" | "source" | "target" | "neutral">;
+    /** Opacity of the ribbons, 0-1 (default 0.65) */
+    ribbonOpacity: NumberConstructor;
+    /** Thickness of the group arcs, in pixels (default 6% of the radius) */
+    arcWidth: NumberConstructor;
+    /** Value ticks outside the arcs; a number sets the step between ticks (default `true` when large enough) */
+    ticks: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    /** Formats the tick labels (default: compact numbers of the `locale`) */
+    tickFormat: PropType<(value: number) => string>;
+    /** Group labels along the arc (`tangential`) or the radius (`radial`); `auto` picks the one that fits (default `auto`) */
+    labels: PropType<"auto" | "tangential" | "radial" | "none">;
+    palette: PropType<readonly string[]>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: PropType<(value: number) => string>;
+    percentFormat: PropType<(share: number) => string>;
+    hidden: PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: PropType<import('../../../charts/core.js').ShapeChartCommonOptions["texts"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((event: ShapeHoverEvent) => any) | undefined;
+    onToggle?: ((event: ShapeToggleEvent) => any) | undefined;
+    onHover?: ((event: ShapeHoverEvent | null) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').ShapeTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').ShapeLegendOptions;
+    animation: boolean;
+    deep: boolean;
+    ticks: number | boolean;
+    directed: boolean;
+    arrows: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,7 @@
+import e from "./ChordChart.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Chart/ChordChart.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ChordChart.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChordChart.vue.js","names":["_sfc_main","ChordChart_vue_vue_type_script_setup_true_lang_default","ChordChart_default"],"sources":["../../../../../vue/src/components/Chart/ChordChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChordGroup,\n  ChordLink,\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { shapeCommonProps } from \"./props\";\nimport { shapeCommonOptions, useShapeChart } from \"./shape\";\n\n/**\n * Chord diagram: flows between groups around a circle; hovering a group\n * highlights its ribbons, hovering a ribbon shows both directions\n */\ndefineOptions({ name: \"ChordChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Groups (names or `{ name, color }`), in their order around the circle; groups only named by `links` are appended */\n  groups: Array as PropType<readonly (string | ChordGroup)[]>,\n  /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used when `links` is absent) */\n  matrix: Array as PropType<readonly (readonly number[])[]>,\n  /** Flows as a list (by group name or index); takes precedence over `matrix` */\n  links: Array as PropType<readonly ChordLink[]>,\n  /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows (default `false`) */\n  directed: { type: Boolean, default: undefined },\n  /** Arrowheads at the target end of the ribbons (default `true` when `directed`) */\n  arrows: { type: Boolean, default: undefined },\n  /** Gap between the groups, in degrees (default 2) */\n  padAngle: Number,\n  /** Angle of the first group, degrees clockwise from 12 o'clock (default 0) */\n  startAngle: Number,\n  /** Order of the groups around the circle (default `none`: data order) */\n  sortGroups: String as PropType<\"none\" | \"ascending\" | \"descending\">,\n  /** Order of the ribbon ends along an arc: `auto` minimizes the crossings (default `auto`) */\n  sortSubgroups: String as PropType<\n    \"auto\" | \"none\" | \"ascending\" | \"descending\"\n  >,\n  /** Color of the ribbons without `color` (default `gradient`) */\n  ribbonColor: String as PropType<\"gradient\" | \"source\" | \"target\" | \"neutral\">,\n  /** Opacity of the ribbons, 0-1 (default 0.65) */\n  ribbonOpacity: Number,\n  /** Thickness of the group arcs, in pixels (default 6% of the radius) */\n  arcWidth: Number,\n  /** Value ticks outside the arcs; a number sets the step between ticks (default `true` when large enough) */\n  ticks: {\n    type: [Boolean, Number] as PropType<boolean | number>,\n    default: undefined,\n  },\n  /** Formats the tick labels (default: compact numbers of the `locale`) */\n  tickFormat: Function as PropType<(value: number) => string>,\n  /** Group labels along the arc (`tangential`) or the radius (`radial`); `auto` picks the one that fits (default `auto`) */\n  labels: String as PropType<\"auto\" | \"tangential\" | \"radial\" | \"none\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) group or ribbon changed (`null`: none); ribbons carry `source`, `target` and `reverseValue` */\n  hover: [event: ShapeHoverEvent | null];\n  /** A group or ribbon was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A legend item was clicked (or `toggle(index)` was called) */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"chord\",\n    groups: raw(props.groups),\n    matrix: raw(props.matrix),\n    links: raw(props.links),\n    directed: props.directed,\n    arrows: props.arrows,\n    padAngle: props.padAngle,\n    startAngle: props.startAngle,\n    sortGroups: props.sortGroups,\n    sortSubgroups: props.sortSubgroups,\n    ribbonColor: props.ribbonColor,\n    ribbonOpacity: props.ribbonOpacity,\n    arcWidth: props.arcWidth,\n    ticks: props.ticks,\n    tickFormat: props.tickFormat,\n    labels: props.labels,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  420,\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,81 @@
+import { raw as e } from "./engine.js";
+import { shapeCommonProps as t } from "./props.js";
+import { shapeCommonOptions as n, useShapeChart as r } from "./shape.js";
+import { createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, unref as l } from "vue";
+//#region src/components/Chart/ChordChart.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	name: "ChordChart",
+	__name: "ChordChart",
+	props: {
+		...t,
+		groups: Array,
+		matrix: Array,
+		links: Array,
+		directed: {
+			type: Boolean,
+			default: void 0
+		},
+		arrows: {
+			type: Boolean,
+			default: void 0
+		},
+		padAngle: Number,
+		startAngle: Number,
+		sortGroups: String,
+		sortSubgroups: String,
+		ribbonColor: String,
+		ribbonOpacity: Number,
+		arcWidth: Number,
+		ticks: {
+			type: [Boolean, Number],
+			default: void 0
+		},
+		tickFormat: Function,
+		labels: String
+	},
+	emits: [
+		"hover",
+		"click",
+		"toggle"
+	],
+	setup(t, { expose: o, emit: u }) {
+		let d = t, f = u, { setContainer: p, rootStyle: m, handle: h } = r(d, () => ({
+			...n(d),
+			type: "chord",
+			groups: e(d.groups),
+			matrix: e(d.matrix),
+			links: e(d.links),
+			directed: d.directed,
+			arrows: d.arrows,
+			padAngle: d.padAngle,
+			startAngle: d.startAngle,
+			sortGroups: d.sortGroups,
+			sortSubgroups: d.sortSubgroups,
+			ribbonColor: d.ribbonColor,
+			ribbonOpacity: d.ribbonOpacity,
+			arcWidth: d.arcWidth,
+			ticks: d.ticks,
+			tickFormat: d.tickFormat,
+			labels: d.labels
+		}), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("click", e),
+			toggle: (e) => f("toggle", e)
+		}, 420);
+		return o(h), (e, t) => (c(), i("div", {
+			class: "mn-chart mn-shape-chart",
+			"data-minerva": "chart",
+			style: s(l(m))
+		}, [a("div", {
+			ref: l(p),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=ChordChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChordChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","ChordChart_vue_vue_type_script_setup_true_lang_default","shapeCommonProps","__expose","__emit","props","__props","emit","useShapeChart","shapeCommonOptions","raw","event","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/ChordChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChordGroup,\n  ChordLink,\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { shapeCommonProps } from \"./props\";\nimport { shapeCommonOptions, useShapeChart } from \"./shape\";\n\n/**\n * Chord diagram: flows between groups around a circle; hovering a group\n * highlights its ribbons, hovering a ribbon shows both directions\n */\ndefineOptions({ name: \"ChordChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Groups (names or `{ name, color }`), in their order around the circle; groups only named by `links` are appended */\n  groups: Array as PropType<readonly (string | ChordGroup)[]>,\n  /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used when `links` is absent) */\n  matrix: Array as PropType<readonly (readonly number[])[]>,\n  /** Flows as a list (by group name or index); takes precedence over `matrix` */\n  links: Array as PropType<readonly ChordLink[]>,\n  /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows (default `false`) */\n  directed: { type: Boolean, default: undefined },\n  /** Arrowheads at the target end of the ribbons (default `true` when `directed`) */\n  arrows: { type: Boolean, default: undefined },\n  /** Gap between the groups, in degrees (default 2) */\n  padAngle: Number,\n  /** Angle of the first group, degrees clockwise from 12 o'clock (default 0) */\n  startAngle: Number,\n  /** Order of the groups around the circle (default `none`: data order) */\n  sortGroups: String as PropType<\"none\" | \"ascending\" | \"descending\">,\n  /** Order of the ribbon ends along an arc: `auto` minimizes the crossings (default `auto`) */\n  sortSubgroups: String as PropType<\n    \"auto\" | \"none\" | \"ascending\" | \"descending\"\n  >,\n  /** Color of the ribbons without `color` (default `gradient`) */\n  ribbonColor: String as PropType<\"gradient\" | \"source\" | \"target\" | \"neutral\">,\n  /** Opacity of the ribbons, 0-1 (default 0.65) */\n  ribbonOpacity: Number,\n  /** Thickness of the group arcs, in pixels (default 6% of the radius) */\n  arcWidth: Number,\n  /** Value ticks outside the arcs; a number sets the step between ticks (default `true` when large enough) */\n  ticks: {\n    type: [Boolean, Number] as PropType<boolean | number>,\n    default: undefined,\n  },\n  /** Formats the tick labels (default: compact numbers of the `locale`) */\n  tickFormat: Function as PropType<(value: number) => string>,\n  /** Group labels along the arc (`tangential`) or the radius (`radial`); `auto` picks the one that fits (default `auto`) */\n  labels: String as PropType<\"auto\" | \"tangential\" | \"radial\" | \"none\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) group or ribbon changed (`null`: none); ribbons carry `source`, `target` and `reverseValue` */\n  hover: [event: ShapeHoverEvent | null];\n  /** A group or ribbon was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A legend item was clicked (or `toggle(index)` was called) */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"chord\",\n    groups: raw(props.groups),\n    matrix: raw(props.matrix),\n    links: raw(props.links),\n    directed: props.directed,\n    arrows: props.arrows,\n    padAngle: props.padAngle,\n    startAngle: props.startAngle,\n    sortGroups: props.sortGroups,\n    sortSubgroups: props.sortSubgroups,\n    ribbonColor: props.ribbonColor,\n    ribbonOpacity: props.ribbonOpacity,\n    arcWidth: props.arcWidth,\n    ticks: props.ticks,\n    tickFormat: props.tickFormat,\n    labels: props.labels,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  420,\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMS,IAAQC,GAsCRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,QAAQK,EAAIL,EAAM,MAAM;GACxB,QAAQK,EAAIL,EAAM,MAAM;GACxB,OAAOK,EAAIL,EAAM,KAAK;GACtB,UAAUA,EAAM;GAChB,QAAQA,EAAM;GACd,UAAUA,EAAM;GAChB,YAAYA,EAAM;GAClB,YAAYA,EAAM;GAClB,eAAeA,EAAM;GACrB,aAAaA,EAAM;GACnB,eAAeA,EAAM;GACrB,UAAUA,EAAM;GAChB,OAAOA,EAAM;GACb,YAAYA,EAAM;GAClB,QAAQA,EAAM;EAChB,IACA;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,SAASI,CAAK;GACrC,SAAS,MAAUJ,EAAK,UAAUI,CAAK;EACzC,GACA,GACF;SACAR,EAAaS,CAAM,cAIjBhB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA0B,gBAAa;GAAS,OAAKC,EAAEC,EAAAkB,CAAA,CAAS;EACzEjB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAoB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,179 @@
+import { PropType } from 'vue';
+import { ChartRendererKind, GraphDagOptions, GraphDirection, GraphGroupToggleEvent, GraphHoverEvent, GraphLayoutEndEvent, GraphToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Flow direction (default `TB`) */
+    direction: {
+        type: PropType<GraphDirection>;
+        default: string;
+    };
+    /** Layer / node spacing, crossing reduction sweeps */
+    dag: PropType<GraphDagOptions>;
+    /** Highlights the longest path (node `value` = duration); `true` computes it, a list of ids sets it (default `false`) */
+    criticalPath: {
+        type: PropType<boolean | readonly string[]>;
+        default: undefined;
+    };
+    nodes: {
+        readonly type: PropType<readonly import('../../../charts/core.js').GraphNode[]>;
+        readonly required: true;
+    };
+    edges: {
+        readonly type: PropType<readonly import('../../../charts/core.js').GraphEdge[]>;
+        readonly required: true;
+    };
+    groups: PropType<readonly import('../../../charts/core.js').GraphGroup[]>;
+    nodeShape: PropType<import('../../../charts/core.js').GraphNodeShape>;
+    nodeSize: PropType<number | readonly [number, number]>;
+    edgeStyle: PropType<import('../../../charts/core.js').GraphEdgeStyle>;
+    edgeWidth: PropType<number | readonly [number, number]>;
+    edgeColor: PropType<"neutral" | "source" | "target">;
+    arrows: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    nodeLabels: {
+        readonly type: PropType<boolean | "auto">;
+        readonly default: undefined;
+    };
+    edgeLabels: {
+        readonly type: PropType<boolean | "auto" | "hover">;
+        readonly default: undefined;
+    };
+    highlight: PropType<"neighbors" | "lineage" | "none">;
+    selected: PropType<readonly string[]>;
+    animation: {
+        readonly type: PropType<boolean | number>;
+        readonly default: undefined;
+    };
+    fitPadding: NumberConstructor;
+    controls: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    legend: {
+        readonly type: PropType<boolean | import('../../../charts/core.js').GraphLegendOptions>;
+        readonly default: undefined;
+    };
+    tooltip: {
+        readonly type: PropType<boolean | import('../../../charts/core.js').GraphTooltipOptions>;
+        readonly default: undefined;
+    };
+    interaction: {
+        readonly type: PropType<boolean | import('../../../charts/core.js').GraphInteractionOptions>;
+        readonly default: undefined;
+    };
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<Partial<import('../../../charts/core.js').GraphChartLabels>>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').GraphChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: (event: GraphToggleEvent) => any;
+    hover: (event: GraphHoverEvent | null) => any;
+    itemClick: (event: GraphHoverEvent) => any;
+    selectionChange: (ids: string[]) => any;
+    rendererChange: (renderer: ChartRendererKind) => any;
+    groupToggle: (event: GraphGroupToggleEvent) => any;
+    layoutEnd: (event: GraphLayoutEndEvent) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Flow direction (default `TB`) */
+    direction: {
+        type: PropType<GraphDirection>;
+        default: string;
+    };
+    /** Layer / node spacing, crossing reduction sweeps */
+    dag: PropType<GraphDagOptions>;
+    /** Highlights the longest path (node `value` = duration); `true` computes it, a list of ids sets it (default `false`) */
+    criticalPath: {
+        type: PropType<boolean | readonly string[]>;
+        default: undefined;
+    };
+    nodes: {
+        readonly type: PropType<readonly import('../../../charts/core.js').GraphNode[]>;
+        readonly required: true;
+    };
+    edges: {
+        readonly type: PropType<readonly import('../../../charts/core.js').GraphEdge[]>;
+        readonly required: true;
+    };
+    groups: PropType<readonly import('../../../charts/core.js').GraphGroup[]>;
+    nodeShape: PropType<import('../../../charts/core.js').GraphNodeShape>;
+    nodeSize: PropType<number | readonly [number, number]>;
+    edgeStyle: PropType<import('../../../charts/core.js').GraphEdgeStyle>;
+    edgeWidth: PropType<number | readonly [number, number]>;
+    edgeColor: PropType<"neutral" | "source" | "target">;
+    arrows: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    nodeLabels: {
+        readonly type: PropType<boolean | "auto">;
+        readonly default: undefined;
+    };
+    edgeLabels: {
+        readonly type: PropType<boolean | "auto" | "hover">;
+        readonly default: undefined;
+    };
+    highlight: PropType<"neighbors" | "lineage" | "none">;
+    selected: PropType<readonly string[]>;
+    animation: {
+        readonly type: PropType<boolean | number>;
+        readonly default: undefined;
+    };
+    fitPadding: NumberConstructor;
+    controls: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    legend: {
+        readonly type: PropType<boolean | import('../../../charts/core.js').GraphLegendOptions>;
+        readonly default: undefined;
+    };
+    tooltip: {
+        readonly type: PropType<boolean | import('../../../charts/core.js').GraphTooltipOptions>;
+        readonly default: undefined;
+    };
+    interaction: {
+        readonly type: PropType<boolean | import('../../../charts/core.js').GraphInteractionOptions>;
+        readonly default: undefined;
+    };
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<Partial<import('../../../charts/core.js').GraphChartLabels>>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onToggle?: ((event: GraphToggleEvent) => any) | undefined;
+    onHover?: ((event: GraphHoverEvent | null) => any) | undefined;
+    onItemClick?: ((event: GraphHoverEvent) => any) | undefined;
+    onSelectionChange?: ((ids: string[]) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+    onGroupToggle?: ((event: GraphGroupToggleEvent) => any) | undefined;
+    onLayoutEnd?: ((event: GraphLayoutEndEvent) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').GraphTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').GraphLegendOptions;
+    direction: GraphDirection;
+    animation: number | boolean;
+    deep: boolean;
+    interaction: boolean | import('../../../charts/core.js').GraphInteractionOptions;
+    arrows: boolean;
+    nodeLabels: boolean | "auto";
+    edgeLabels: boolean | "auto" | "hover";
+    controls: boolean;
+    criticalPath: boolean | readonly string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,7 @@
+import e from "./DependencyGraph.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Chart/DependencyGraph.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=DependencyGraph.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DependencyGraph.vue.js","names":["_sfc_main","DependencyGraph_vue_vue_type_script_setup_true_lang_default","DependencyGraph_default"],"sources":["../../../../../vue/src/components/Chart/DependencyGraph.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChartRendererKind,\n  GraphDagOptions,\n  GraphDirection,\n  GraphGroupToggleEvent,\n  GraphHoverEvent,\n  GraphLayoutEndEvent,\n  GraphToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { graphCommonProps, useGraphChart } from \"./graph\";\n\n/**\n * Dependency graph: layered (Sugiyama) layout of a DAG with crossing\n * reduction, spline or orthogonal edges with arrowheads, upstream /\n * downstream highlight and the critical path (engine `createGraphChart`)\n */\ndefineOptions({ name: \"DependencyGraph\" });\nconst props = defineProps({\n  ...graphCommonProps,\n  /** Flow direction (default `TB`) */\n  direction: { type: String as PropType<GraphDirection>, default: \"TB\" },\n  /** Layer / node spacing, crossing reduction sweeps */\n  dag: Object as PropType<GraphDagOptions>,\n  /** Highlights the longest path (node `value` = duration); `true` computes it, a list of ids sets it (default `false`) */\n  criticalPath: {\n    type: [Boolean, Array] as PropType<boolean | readonly string[]>,\n    default: undefined,\n  },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) node / edge changed (`null`: none) */\n  hover: [event: GraphHoverEvent | null];\n  /** A node or an edge was clicked (or a node activated with Enter) */\n  itemClick: [event: GraphHoverEvent];\n  /** The selection changed: ids of the selected nodes */\n  selectionChange: [ids: string[]];\n  /** A tree node was collapsed or expanded */\n  toggle: [event: GraphToggleEvent];\n  /** The legend showed / hid a group */\n  groupToggle: [event: GraphGroupToggleEvent];\n  /** The layout is done */\n  layoutEnd: [event: GraphLayoutEndEvent];\n  /** The backend in use (again after a fallback) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useGraphChart(\n  props,\n  () => {\n    const dag = raw(props.dag);\n    const criticalPath = raw(props.criticalPath);\n    return {\n      layout: \"dag\",\n      direction: props.direction,\n      dag: criticalPath === undefined ? dag : { ...dag, criticalPath },\n    };\n  },\n  {\n    hover: (event) => emit(\"hover\", event),\n    itemClick: (event) => emit(\"itemClick\", event),\n    selectionChange: (ids) => emit(\"selectionChange\", ids),\n    toggle: (event) => emit(\"toggle\", event),\n    groupToggle: (event) => emit(\"groupToggle\", event),\n    layoutEnd: (event) => emit(\"layoutEnd\", event),\n    rendererChange: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-graph-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,65 @@
+import { raw as e } from "./engine.js";
+import { graphCommonProps as t, useGraphChart as n } from "./graph.js";
+import { createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeStyle as o, openBlock as s, unref as c } from "vue";
+//#region src/components/Chart/DependencyGraph.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ a({
+	name: "DependencyGraph",
+	__name: "DependencyGraph",
+	props: {
+		...t,
+		direction: {
+			type: String,
+			default: "TB"
+		},
+		dag: Object,
+		criticalPath: {
+			type: [Boolean, Array],
+			default: void 0
+		}
+	},
+	emits: [
+		"hover",
+		"itemClick",
+		"selectionChange",
+		"toggle",
+		"groupToggle",
+		"layoutEnd",
+		"rendererChange"
+	],
+	setup(t, { expose: a, emit: l }) {
+		let u = t, d = l, { setContainer: f, rootStyle: p, handle: m } = n(u, () => {
+			let t = e(u.dag), n = e(u.criticalPath);
+			return {
+				layout: "dag",
+				direction: u.direction,
+				dag: n === void 0 ? t : {
+					...t,
+					criticalPath: n
+				}
+			};
+		}, {
+			hover: (e) => d("hover", e),
+			itemClick: (e) => d("itemClick", e),
+			selectionChange: (e) => d("selectionChange", e),
+			toggle: (e) => d("toggle", e),
+			groupToggle: (e) => d("groupToggle", e),
+			layoutEnd: (e) => d("layoutEnd", e),
+			rendererChange: (e) => d("rendererChange", e)
+		});
+		return a(m), (e, t) => (s(), r("div", {
+			class: "mn-chart mn-graph-chart",
+			"data-minerva": "chart",
+			style: o(c(p))
+		}, [i("div", {
+			ref: c(f),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=DependencyGraph.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DependencyGraph.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","DependencyGraph_vue_vue_type_script_setup_true_lang_default","graphCommonProps","__expose","__emit","props","__props","emit","useGraphChart","dag","raw","criticalPath","event","ids","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/DependencyGraph.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChartRendererKind,\n  GraphDagOptions,\n  GraphDirection,\n  GraphGroupToggleEvent,\n  GraphHoverEvent,\n  GraphLayoutEndEvent,\n  GraphToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { graphCommonProps, useGraphChart } from \"./graph\";\n\n/**\n * Dependency graph: layered (Sugiyama) layout of a DAG with crossing\n * reduction, spline or orthogonal edges with arrowheads, upstream /\n * downstream highlight and the critical path (engine `createGraphChart`)\n */\ndefineOptions({ name: \"DependencyGraph\" });\nconst props = defineProps({\n  ...graphCommonProps,\n  /** Flow direction (default `TB`) */\n  direction: { type: String as PropType<GraphDirection>, default: \"TB\" },\n  /** Layer / node spacing, crossing reduction sweeps */\n  dag: Object as PropType<GraphDagOptions>,\n  /** Highlights the longest path (node `value` = duration); `true` computes it, a list of ids sets it (default `false`) */\n  criticalPath: {\n    type: [Boolean, Array] as PropType<boolean | readonly string[]>,\n    default: undefined,\n  },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) node / edge changed (`null`: none) */\n  hover: [event: GraphHoverEvent | null];\n  /** A node or an edge was clicked (or a node activated with Enter) */\n  itemClick: [event: GraphHoverEvent];\n  /** The selection changed: ids of the selected nodes */\n  selectionChange: [ids: string[]];\n  /** A tree node was collapsed or expanded */\n  toggle: [event: GraphToggleEvent];\n  /** The legend showed / hid a group */\n  groupToggle: [event: GraphGroupToggleEvent];\n  /** The layout is done */\n  layoutEnd: [event: GraphLayoutEndEvent];\n  /** The backend in use (again after a fallback) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useGraphChart(\n  props,\n  () => {\n    const dag = raw(props.dag);\n    const criticalPath = raw(props.criticalPath);\n    return {\n      layout: \"dag\",\n      direction: props.direction,\n      dag: criticalPath === undefined ? dag : { ...dag, criticalPath },\n    };\n  },\n  {\n    hover: (event) => emit(\"hover\", event),\n    itemClick: (event) => emit(\"itemClick\", event),\n    selectionChange: (ids) => emit(\"selectionChange\", ids),\n    toggle: (event) => emit(\"toggle\", event),\n    groupToggle: (event) => emit(\"groupToggle\", event),\n    layoutEnd: (event) => emit(\"layoutEnd\", event),\n    rendererChange: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-graph-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMS,IAAQC,GAYRC,IAAOH,GAgBP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SACM;GACJ,IAAMI,IAAMC,EAAIL,EAAM,GAAG,GACnBM,IAAeD,EAAIL,EAAM,YAAY;GAC3C,OAAO;IACL,QAAQ;IACR,WAAWA,EAAM;IACjB,KAAKM,MAAiB,KAAA,IAAYF,IAAM;KAAE,GAAGA;KAAK;IAAa;GACjE;EACF,GACA;GACE,QAAQ,MAAUF,EAAK,SAASK,CAAK;GACrC,YAAY,MAAUL,EAAK,aAAaK,CAAK;GAC7C,kBAAkB,MAAQL,EAAK,mBAAmBM,CAAG;GACrD,SAAS,MAAUN,EAAK,UAAUK,CAAK;GACvC,cAAc,MAAUL,EAAK,eAAeK,CAAK;GACjD,YAAY,MAAUL,EAAK,aAAaK,CAAK;GAC7C,iBAAiB,MAAaL,EAAK,kBAAkBO,CAAQ;EAC/D,CACF;SACAX,EAAaY,CAAM,cAIjBnB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA0B,gBAAa;GAAS,OAAKC,EAAEC,EAAAqB,CAAA,CAAS;EACzEpB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAuB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -16,6 +16,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     milestoneName: StringConstructor;
     /** Formats the progress shares (tooltip; default "60%") */
     formatProgress: PropType<(share: number) => string>;
+    /** Name of the dependencies row of the tooltip (default "Depends on", in the `locale`) */
+    dependenciesName: StringConstructor;
     /** Draws a line at this date (`true`: now) */
     today: {
         type: PropType<boolean | number | Date>;
@@ -76,6 +78,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     milestoneName: StringConstructor;
     /** Formats the progress shares (tooltip; default "60%") */
     formatProgress: PropType<(share: number) => string>;
+    /** Name of the dependencies row of the tooltip (default "Depends on", in the `locale`) */
+    dependenciesName: StringConstructor;
     /** Draws a line at this date (`true`: now) */
     today: {
         type: PropType<boolean | number | Date>;

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

@@ -1 +1 @@
-{"version":3,"file":"GanttChart.vue.js","names":["_sfc_main","GanttChart_vue_vue_type_script_setup_true_lang_default","GanttChart_default"],"sources":["../../../../../vue/src/components/Chart/GanttChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  ganttSeries,\n  type ChartAnnotation,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type GanttTask,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartAxisProps, chartCommonProps } from \"./props\";\n\n/**\n * Gantt chart: tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time\n */\ndefineOptions({ name: \"GanttChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  /** Tasks and milestones, from top to bottom */\n  tasks: { type: Array as PropType<readonly GanttTask[]>, required: true },\n  /** Colors of the groups in order of appearance (any CSS colors); the chart palette by default */\n  colors: Array as PropType<readonly string[]>,\n  /** Name of the tasks without a group (default \"Tasks\") */\n  taskName: String,\n  /** Name of the progress bars (legend, tooltip; default \"Progress\") */\n  progressName: String,\n  /** Name of the milestones (legend, tooltip; default \"Milestones\") */\n  milestoneName: String,\n  /** Formats the progress shares (tooltip; default \"60%\") */\n  formatProgress: Function as PropType<(share: number) => string>,\n  /** Draws a line at this date (`true`: now) */\n  today: {\n    type: [Boolean, Number, Date] as PropType<boolean | number | Date>,\n    default: false,\n  },\n  /** Label of the today line */\n  todayLabel: String,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) task changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A task was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no task */\n  plotClick: [event: ChartPlotClickEvent];\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 mountedAt = Date.now();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () => {\n    const gantt = ganttSeries(raw(props.tasks), {\n      colors: raw(props.colors),\n      taskName: props.taskName,\n      progressName: props.progressName,\n      milestoneName: props.milestoneName,\n      formatProgress: props.formatProgress,\n    });\n    const today = props.today;\n    const now =\n      today === false\n        ? null\n        : today === true\n          ? mountedAt\n          : today instanceof Date\n            ? today.getTime()\n            : today;\n    const lines: ChartAnnotation[] =\n      now === null\n        ? []\n        : [\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: now,\n              color: \"var(--danger-color, #dc2626)\",\n              dash: [4, 3],\n              label: props.todayLabel,\n            },\n          ];\n    const options = engineOptions(\n      { ...props, orientation: \"horizontal\" },\n      gantt.series,\n    );\n    return {\n      ...options,\n      xAxis: {\n        type: \"category\",\n        categories: gantt.categories,\n        ...options.xAxis,\n      },\n      yAxis: {\n        type: \"time\",\n        min: gantt.domain[0],\n        max: gantt.domain[1],\n        ...options.yAxis,\n      },\n      annotations: [...(options.annotations ?? []), ...lines],\n      interaction: options.interaction ?? { zoom: \"y\" },\n      legend: options.legend ?? gantt.series.length > 1,\n    };\n  },\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    plotClick: (event) => emit(\"plotClick\", event),\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"GanttChart.vue.js","names":["_sfc_main","GanttChart_vue_vue_type_script_setup_true_lang_default","GanttChart_default"],"sources":["../../../../../vue/src/components/Chart/GanttChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  ganttSeries,\n  type ChartAnnotation,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type GanttTask,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartAxisProps, chartCommonProps } from \"./props\";\n\n/**\n * Gantt chart: tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time\n */\ndefineOptions({ name: \"GanttChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  /** Tasks and milestones, from top to bottom */\n  tasks: { type: Array as PropType<readonly GanttTask[]>, required: true },\n  /** Colors of the groups in order of appearance (any CSS colors); the chart palette by default */\n  colors: Array as PropType<readonly string[]>,\n  /** Name of the tasks without a group (default \"Tasks\") */\n  taskName: String,\n  /** Name of the progress bars (legend, tooltip; default \"Progress\") */\n  progressName: String,\n  /** Name of the milestones (legend, tooltip; default \"Milestones\") */\n  milestoneName: String,\n  /** Formats the progress shares (tooltip; default \"60%\") */\n  formatProgress: Function as PropType<(share: number) => string>,\n  /** Name of the dependencies row of the tooltip (default \"Depends on\", in the `locale`) */\n  dependenciesName: String,\n  /** Draws a line at this date (`true`: now) */\n  today: {\n    type: [Boolean, Number, Date] as PropType<boolean | number | Date>,\n    default: false,\n  },\n  /** Label of the today line */\n  todayLabel: String,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) task changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A task was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no task */\n  plotClick: [event: ChartPlotClickEvent];\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 mountedAt = Date.now();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () => {\n    const gantt = ganttSeries(raw(props.tasks), {\n      colors: raw(props.colors),\n      taskName: props.taskName,\n      progressName: props.progressName,\n      milestoneName: props.milestoneName,\n      formatProgress: props.formatProgress,\n      dependenciesName: props.dependenciesName,\n      locale: props.locale,\n    });\n    const today = props.today;\n    const now =\n      today === false\n        ? null\n        : today === true\n          ? mountedAt\n          : today instanceof Date\n            ? today.getTime()\n            : today;\n    const lines: ChartAnnotation[] =\n      now === null\n        ? []\n        : [\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: now,\n              color: \"var(--danger-color, #dc2626)\",\n              dash: [4, 3],\n              label: props.todayLabel,\n            },\n          ];\n    const options = engineOptions(\n      { ...props, orientation: \"horizontal\" },\n      gantt.series,\n    );\n    return {\n      ...options,\n      xAxis: {\n        type: \"category\",\n        categories: gantt.categories,\n        ...options.xAxis,\n      },\n      yAxis: {\n        type: \"time\",\n        min: gantt.domain[0],\n        max: gantt.domain[1],\n        ...options.yAxis,\n      },\n      annotations: [...(options.annotations ?? []), ...lines],\n      interaction: options.interaction ?? { zoom: \"y\" },\n      legend: options.legend ?? gantt.series.length > 1,\n    };\n  },\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    plotClick: (event) => emit(\"plotClick\", event),\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -19,6 +19,7 @@ var f = /*@__PURE__*/ s({
 		progressName: String,
 		milestoneName: String,
 		formatProgress: Function,
+		dependenciesName: String,
 		today: {
 			type: [
 				Boolean,
@@ -43,7 +44,9 @@ var f = /*@__PURE__*/ s({
 				taskName: f.taskName,
 				progressName: f.progressName,
 				milestoneName: f.milestoneName,
-				formatProgress: f.formatProgress
+				formatProgress: f.formatProgress,
+				dependenciesName: f.dependenciesName,
+				locale: f.locale
 			}), r = f.today, i = r === !1 ? null : r === !0 ? m : r instanceof Date ? r.getTime() : r, a = i === null ? [] : [{
 				type: "line",
 				axis: "y",

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

@@ -1 +1 @@
-{"version":3,"file":"GanttChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","GanttChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","__expose","__emit","props","__props","emit","mountedAt","useCartesianChart","gantt","ganttSeries","raw","today","now","lines","options","engineOptions","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/GanttChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  ganttSeries,\n  type ChartAnnotation,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type GanttTask,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartAxisProps, chartCommonProps } from \"./props\";\n\n/**\n * Gantt chart: tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time\n */\ndefineOptions({ name: \"GanttChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  /** Tasks and milestones, from top to bottom */\n  tasks: { type: Array as PropType<readonly GanttTask[]>, required: true },\n  /** Colors of the groups in order of appearance (any CSS colors); the chart palette by default */\n  colors: Array as PropType<readonly string[]>,\n  /** Name of the tasks without a group (default \"Tasks\") */\n  taskName: String,\n  /** Name of the progress bars (legend, tooltip; default \"Progress\") */\n  progressName: String,\n  /** Name of the milestones (legend, tooltip; default \"Milestones\") */\n  milestoneName: String,\n  /** Formats the progress shares (tooltip; default \"60%\") */\n  formatProgress: Function as PropType<(share: number) => string>,\n  /** Draws a line at this date (`true`: now) */\n  today: {\n    type: [Boolean, Number, Date] as PropType<boolean | number | Date>,\n    default: false,\n  },\n  /** Label of the today line */\n  todayLabel: String,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) task changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A task was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no task */\n  plotClick: [event: ChartPlotClickEvent];\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 mountedAt = Date.now();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () => {\n    const gantt = ganttSeries(raw(props.tasks), {\n      colors: raw(props.colors),\n      taskName: props.taskName,\n      progressName: props.progressName,\n      milestoneName: props.milestoneName,\n      formatProgress: props.formatProgress,\n    });\n    const today = props.today;\n    const now =\n      today === false\n        ? null\n        : today === true\n          ? mountedAt\n          : today instanceof Date\n            ? today.getTime()\n            : today;\n    const lines: ChartAnnotation[] =\n      now === null\n        ? []\n        : [\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: now,\n              color: \"var(--danger-color, #dc2626)\",\n              dash: [4, 3],\n              label: props.todayLabel,\n            },\n          ];\n    const options = engineOptions(\n      { ...props, orientation: \"horizontal\" },\n      gantt.series,\n    );\n    return {\n      ...options,\n      xAxis: {\n        type: \"category\",\n        categories: gantt.categories,\n        ...options.xAxis,\n      },\n      yAxis: {\n        type: \"time\",\n        min: gantt.domain[0],\n        max: gantt.domain[1],\n        ...options.yAxis,\n      },\n      annotations: [...(options.annotations ?? []), ...lines],\n      interaction: options.interaction ?? { zoom: \"y\" },\n      legend: options.legend ?? gantt.series.length > 1,\n    };\n  },\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    plotClick: (event) => emit(\"plotClick\", event),\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMU,IAAQC,GAuBRC,IAAOH,GAYPI,IAAY,KAAK,IAAI,GACrB,EAAE,iBAAc,cAAW,cAAWC,EAC1CJ,SACM;GACJ,IAAMK,IAAQC,EAAYC,EAAIP,EAAM,KAAK,GAAG;IAC1C,QAAQO,EAAIP,EAAM,MAAM;IACxB,UAAUA,EAAM;IAChB,cAAcA,EAAM;IACpB,eAAeA,EAAM;IACrB,gBAAgBA,EAAM;GACxB,CAAC,GACKQ,IAAQR,EAAM,OACdS,IACJD,MAAU,KACN,OACAA,MAAU,KACRL,IACAK,aAAiB,OACfA,EAAM,QAAQ,IACdA,GACJE,IACJD,MAAQ,OACJ,CAAC,IACD,CACE;IACE,MAAM;IACN,MAAM;IACN,OAAOA;IACP,OAAO;IACP,MAAM,CAAC,GAAG,CAAC;IACX,OAAOT,EAAM;GACf,CACF,GACAW,IAAUC,EACd;IAAE,GAAGZ;IAAO,aAAa;GAAa,GACtCK,EAAM,MACR;GACA,OAAO;IACL,GAAGM;IACH,OAAO;KACL,MAAM;KACN,YAAYN,EAAM;KAClB,GAAGM,EAAQ;IACb;IACA,OAAO;KACL,MAAM;KACN,KAAKN,EAAM,OAAO;KAClB,KAAKA,EAAM,OAAO;KAClB,GAAGM,EAAQ;IACb;IACA,aAAa,CAAC,GAAIA,EAAQ,eAAe,CAAC,GAAI,GAAGD,CAAK;IACtD,aAAaC,EAAQ,eAAe,EAAE,MAAM,IAAI;IAChD,QAAQA,EAAQ,UAAUN,EAAM,OAAO,SAAS;GAClD;EACF,GACA;GACE,QAAQ,MAAUH,EAAK,SAASW,CAAK;GACrC,QAAQ,MAAUX,EAAK,cAAcW,CAAK;GAC1C,YAAY,MAAUX,EAAK,aAAaW,CAAK;GAC7C,OAAO,MAASX,EAAK,QAAQY,CAAI;GACjC,WAAW,MAAaZ,EAAK,kBAAkBa,CAAQ;EACzD,CACF;SACAjB,EAAakB,CAAM,cAIjB1B,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAA4B,CAAA,CAAS;EAC1D3B,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAA8B,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}
+{"version":3,"file":"GanttChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","GanttChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","__expose","__emit","props","__props","emit","mountedAt","useCartesianChart","gantt","ganttSeries","raw","today","now","lines","options","engineOptions","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/GanttChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  ganttSeries,\n  type ChartAnnotation,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type GanttTask,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartAxisProps, chartCommonProps } from \"./props\";\n\n/**\n * Gantt chart: tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time\n */\ndefineOptions({ name: \"GanttChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  /** Tasks and milestones, from top to bottom */\n  tasks: { type: Array as PropType<readonly GanttTask[]>, required: true },\n  /** Colors of the groups in order of appearance (any CSS colors); the chart palette by default */\n  colors: Array as PropType<readonly string[]>,\n  /** Name of the tasks without a group (default \"Tasks\") */\n  taskName: String,\n  /** Name of the progress bars (legend, tooltip; default \"Progress\") */\n  progressName: String,\n  /** Name of the milestones (legend, tooltip; default \"Milestones\") */\n  milestoneName: String,\n  /** Formats the progress shares (tooltip; default \"60%\") */\n  formatProgress: Function as PropType<(share: number) => string>,\n  /** Name of the dependencies row of the tooltip (default \"Depends on\", in the `locale`) */\n  dependenciesName: String,\n  /** Draws a line at this date (`true`: now) */\n  today: {\n    type: [Boolean, Number, Date] as PropType<boolean | number | Date>,\n    default: false,\n  },\n  /** Label of the today line */\n  todayLabel: String,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) task changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A task was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no task */\n  plotClick: [event: ChartPlotClickEvent];\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 mountedAt = Date.now();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () => {\n    const gantt = ganttSeries(raw(props.tasks), {\n      colors: raw(props.colors),\n      taskName: props.taskName,\n      progressName: props.progressName,\n      milestoneName: props.milestoneName,\n      formatProgress: props.formatProgress,\n      dependenciesName: props.dependenciesName,\n      locale: props.locale,\n    });\n    const today = props.today;\n    const now =\n      today === false\n        ? null\n        : today === true\n          ? mountedAt\n          : today instanceof Date\n            ? today.getTime()\n            : today;\n    const lines: ChartAnnotation[] =\n      now === null\n        ? []\n        : [\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: now,\n              color: \"var(--danger-color, #dc2626)\",\n              dash: [4, 3],\n              label: props.todayLabel,\n            },\n          ];\n    const options = engineOptions(\n      { ...props, orientation: \"horizontal\" },\n      gantt.series,\n    );\n    return {\n      ...options,\n      xAxis: {\n        type: \"category\",\n        categories: gantt.categories,\n        ...options.xAxis,\n      },\n      yAxis: {\n        type: \"time\",\n        min: gantt.domain[0],\n        max: gantt.domain[1],\n        ...options.yAxis,\n      },\n      annotations: [...(options.annotations ?? []), ...lines],\n      interaction: options.interaction ?? { zoom: \"y\" },\n      legend: options.legend ?? gantt.series.length > 1,\n    };\n  },\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    plotClick: (event) => emit(\"plotClick\", event),\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMU,IAAQC,GAyBRC,IAAOH,GAYPI,IAAY,KAAK,IAAI,GACrB,EAAE,iBAAc,cAAW,cAAWC,EAC1CJ,SACM;GACJ,IAAMK,IAAQC,EAAYC,EAAIP,EAAM,KAAK,GAAG;IAC1C,QAAQO,EAAIP,EAAM,MAAM;IACxB,UAAUA,EAAM;IAChB,cAAcA,EAAM;IACpB,eAAeA,EAAM;IACrB,gBAAgBA,EAAM;IACtB,kBAAkBA,EAAM;IACxB,QAAQA,EAAM;GAChB,CAAC,GACKQ,IAAQR,EAAM,OACdS,IACJD,MAAU,KACN,OACAA,MAAU,KACRL,IACAK,aAAiB,OACfA,EAAM,QAAQ,IACdA,GACJE,IACJD,MAAQ,OACJ,CAAC,IACD,CACE;IACE,MAAM;IACN,MAAM;IACN,OAAOA;IACP,OAAO;IACP,MAAM,CAAC,GAAG,CAAC;IACX,OAAOT,EAAM;GACf,CACF,GACAW,IAAUC,EACd;IAAE,GAAGZ;IAAO,aAAa;GAAa,GACtCK,EAAM,MACR;GACA,OAAO;IACL,GAAGM;IACH,OAAO;KACL,MAAM;KACN,YAAYN,EAAM;KAClB,GAAGM,EAAQ;IACb;IACA,OAAO;KACL,MAAM;KACN,KAAKN,EAAM,OAAO;KAClB,KAAKA,EAAM,OAAO;KAClB,GAAGM,EAAQ;IACb;IACA,aAAa,CAAC,GAAIA,EAAQ,eAAe,CAAC,GAAI,GAAGD,CAAK;IACtD,aAAaC,EAAQ,eAAe,EAAE,MAAM,IAAI;IAChD,QAAQA,EAAQ,UAAUN,EAAM,OAAO,SAAS;GAClD;EACF,GACA;GACE,QAAQ,MAAUH,EAAK,SAASW,CAAK;GACrC,QAAQ,MAAUX,EAAK,cAAcW,CAAK;GAC1C,YAAY,MAAUX,EAAK,aAAaW,CAAK;GAC7C,OAAO,MAASX,EAAK,QAAQY,CAAI;GACjC,WAAW,MAAaZ,EAAK,kBAAkBa,CAAQ;EACzD,CACF;SACAjB,EAAakB,CAAM,cAIjB1B,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAA4B,CAAA,CAAS;EAC1D3B,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAA8B,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}