minerva-design 1.2.0 → 1.4.0

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

@@ -0,0 +1,132 @@
+import { PropType } from 'vue';
+import { ChartAnnotation, ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView, GanttTask } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Tasks and milestones, from top to bottom */
+    tasks: {
+        type: PropType<readonly GanttTask[]>;
+        required: true;
+    };
+    /** Colors of the groups in order of appearance (any CSS colors); the chart palette by default */
+    colors: PropType<readonly string[]>;
+    /** Name of the tasks without a group (default "Tasks") */
+    taskName: StringConstructor;
+    /** Name of the progress bars (legend, tooltip; default "Progress") */
+    progressName: StringConstructor;
+    /** Name of the milestones (legend, tooltip; default "Milestones") */
+    milestoneName: StringConstructor;
+    /** Formats the progress shares (tooltip; default "60%") */
+    formatProgress: PropType<(share: number) => string>;
+    /** Draws a line at this date (`true`: now) */
+    today: {
+        type: PropType<boolean | number | Date>;
+        default: boolean;
+    };
+    /** Label of the today line */
+    todayLabel: StringConstructor;
+    xAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: PropType<readonly ChartAnnotation[]>;
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').ChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    zoom: (view: ChartView) => any;
+    hover: (event: ChartHoverEvent | null) => any;
+    plotClick: (event: ChartPlotClickEvent) => any;
+    pointClick: (event: ChartHoverEvent) => any;
+    rendererChange: (renderer: ChartRendererKind) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Tasks and milestones, from top to bottom */
+    tasks: {
+        type: PropType<readonly GanttTask[]>;
+        required: true;
+    };
+    /** Colors of the groups in order of appearance (any CSS colors); the chart palette by default */
+    colors: PropType<readonly string[]>;
+    /** Name of the tasks without a group (default "Tasks") */
+    taskName: StringConstructor;
+    /** Name of the progress bars (legend, tooltip; default "Progress") */
+    progressName: StringConstructor;
+    /** Name of the milestones (legend, tooltip; default "Milestones") */
+    milestoneName: StringConstructor;
+    /** Formats the progress shares (tooltip; default "60%") */
+    formatProgress: PropType<(share: number) => string>;
+    /** Draws a line at this date (`true`: now) */
+    today: {
+        type: PropType<boolean | number | Date>;
+        default: boolean;
+    };
+    /** Label of the today line */
+    todayLabel: StringConstructor;
+    xAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: PropType<readonly ChartAnnotation[]>;
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onZoom?: ((view: ChartView) => any) | undefined;
+    onHover?: ((event: ChartHoverEvent | null) => any) | undefined;
+    onPlotClick?: ((event: ChartPlotClickEvent) => any) | undefined;
+    onPointClick?: ((event: ChartHoverEvent) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+}>, {
+    today: number | boolean | Date;
+    tooltip: boolean | import('../../../charts/core.js').ChartTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').ChartLegendOptions;
+    crosshair: boolean;
+    deep: boolean;
+    interaction: boolean | import('../../../charts/core.js').ChartInteractionOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,98 @@
+import { raw as e } from "./engine.js";
+import { engineOptions as t, useCartesianChart as n } from "./cartesian.js";
+import { chartAxisProps as r, chartCommonProps as i } from "./props.js";
+import { createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeStyle as c, openBlock as l, unref as u } from "vue";
+import { ganttSeries as d } from "../../../charts/core.js";
+//#region src/components/Chart/GanttChart.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ s({
+	name: "GanttChart",
+	__name: "GanttChart",
+	props: {
+		...i,
+		...r,
+		tasks: {
+			type: Array,
+			required: !0
+		},
+		colors: Array,
+		taskName: String,
+		progressName: String,
+		milestoneName: String,
+		formatProgress: Function,
+		today: {
+			type: [
+				Boolean,
+				Number,
+				Date
+			],
+			default: !1
+		},
+		todayLabel: String
+	},
+	emits: [
+		"hover",
+		"pointClick",
+		"plotClick",
+		"zoom",
+		"rendererChange"
+	],
+	setup(r, { expose: i, emit: s }) {
+		let f = r, p = s, m = Date.now(), { setContainer: h, rootStyle: g, handle: _ } = n(f, () => {
+			let n = d(e(f.tasks), {
+				colors: e(f.colors),
+				taskName: f.taskName,
+				progressName: f.progressName,
+				milestoneName: f.milestoneName,
+				formatProgress: f.formatProgress
+			}), r = f.today, i = r === !1 ? null : r === !0 ? m : r instanceof Date ? r.getTime() : r, a = i === null ? [] : [{
+				type: "line",
+				axis: "y",
+				value: i,
+				color: "var(--danger-color, #dc2626)",
+				dash: [4, 3],
+				label: f.todayLabel
+			}], o = t({
+				...f,
+				orientation: "horizontal"
+			}, n.series);
+			return {
+				...o,
+				xAxis: {
+					type: "category",
+					categories: n.categories,
+					...o.xAxis
+				},
+				yAxis: {
+					type: "time",
+					min: n.domain[0],
+					max: n.domain[1],
+					...o.yAxis
+				},
+				annotations: [...o.annotations ?? [], ...a],
+				interaction: o.interaction ?? { zoom: "y" },
+				legend: o.legend ?? n.series.length > 1
+			};
+		}, {
+			hover: (e) => p("hover", e),
+			click: (e) => p("pointClick", e),
+			plotClick: (e) => p("plotClick", e),
+			zoom: (e) => p("zoom", e),
+			renderer: (e) => p("rendererChange", e)
+		});
+		return i(_), (e, t) => (l(), a("div", {
+			class: "mn-chart",
+			"data-minerva": "chart",
+			style: c(u(g))
+		}, [o("div", {
+			ref: u(h),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=GanttChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,132 @@
+import { PropType } from 'vue';
+import { GaugeBand, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Value shown by the arc (clamped to `min` - `max` for the drawing) */
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** Value at the start of the arc (default 0) */
+    min: NumberConstructor;
+    /** Value at the end of the arc (default 100) */
+    max: NumberConstructor;
+    /** Caption under the value */
+    label: StringConstructor;
+    /** Total angle of the arc, degrees (default 240) */
+    sweep: NumberConstructor;
+    /** Thickness of the arc as a fraction of the radius (default 0.16) */
+    thickness: NumberConstructor;
+    /** Colored ranges of the track; the value arc takes the color of its band */
+    bands: PropType<readonly GaugeBand[]>;
+    /** Color of the value arc when there are no bands (default: the first palette color) */
+    color: StringConstructor;
+    /** Draws a needle in addition to the value arc */
+    needle: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Tick labels at the ends and at the band bounds (default `true`) */
+    ticks: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    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<{
+    /** Value shown by the arc (clamped to `min` - `max` for the drawing) */
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** Value at the start of the arc (default 0) */
+    min: NumberConstructor;
+    /** Value at the end of the arc (default 100) */
+    max: NumberConstructor;
+    /** Caption under the value */
+    label: StringConstructor;
+    /** Total angle of the arc, degrees (default 240) */
+    sweep: NumberConstructor;
+    /** Thickness of the arc as a fraction of the radius (default 0.16) */
+    thickness: NumberConstructor;
+    /** Colored ranges of the track; the value arc takes the color of its band */
+    bands: PropType<readonly GaugeBand[]>;
+    /** Color of the value arc when there are no bands (default: the first palette color) */
+    color: StringConstructor;
+    /** Draws a needle in addition to the value arc */
+    needle: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Tick labels at the ends and at the band bounds (default `true`) */
+    ticks: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    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;
+    needle: boolean;
+    ticks: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeChart.vue.js","names":["_sfc_main","GaugeChart_vue_vue_type_script_setup_true_lang_default","GaugeChart_default"],"sources":["../../../../../vue/src/components/Chart/GaugeChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  GaugeBand,\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/** Gauge (speedometer) showing one value on an arc, with colored bands */\ndefineOptions({ name: \"GaugeChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Value shown by the arc (clamped to `min` - `max` for the drawing) */\n  value: { type: Number, required: true },\n  /** Value at the start of the arc (default 0) */\n  min: Number,\n  /** Value at the end of the arc (default 100) */\n  max: Number,\n  /** Caption under the value */\n  label: String,\n  /** Total angle of the arc, degrees (default 240) */\n  sweep: Number,\n  /** Thickness of the arc as a fraction of the radius (default 0.16) */\n  thickness: Number,\n  /** Colored ranges of the track; the value arc takes the color of its band */\n  bands: Array as PropType<readonly GaugeBand[]>,\n  /** Color of the value arc when there are no bands (default: the first palette color) */\n  color: String,\n  /** Draws a needle in addition to the value arc */\n  needle: { type: Boolean, default: undefined },\n  /** Tick labels at the ends and at the band bounds (default `true`) */\n  ticks: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The gauge is hovered (or focused) or left (`null`) */\n  hover: [event: ShapeHoverEvent | null];\n  /** The gauge was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** Emitted by `toggle()` */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"gauge\",\n    value: props.value,\n    min: props.min,\n    max: props.max,\n    label: props.label,\n    sweep: props.sweep,\n    thickness: props.thickness,\n    bands: raw(props.bands),\n    color: props.color,\n    needle: props.needle,\n    ticks: props.ticks,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  240,\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/GaugeChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,71 @@
+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/GaugeChart.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	name: "GaugeChart",
+	__name: "GaugeChart",
+	props: {
+		...t,
+		value: {
+			type: Number,
+			required: !0
+		},
+		min: Number,
+		max: Number,
+		label: String,
+		sweep: Number,
+		thickness: Number,
+		bands: Array,
+		color: String,
+		needle: {
+			type: Boolean,
+			default: void 0
+		},
+		ticks: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	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: "gauge",
+			value: d.value,
+			min: d.min,
+			max: d.max,
+			label: d.label,
+			sweep: d.sweep,
+			thickness: d.thickness,
+			bands: e(d.bands),
+			color: d.color,
+			needle: d.needle,
+			ticks: d.ticks
+		}), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("click", e),
+			toggle: (e) => f("toggle", e)
+		}, 240);
+		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=GaugeChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","GaugeChart_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/GaugeChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  GaugeBand,\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/** Gauge (speedometer) showing one value on an arc, with colored bands */\ndefineOptions({ name: \"GaugeChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Value shown by the arc (clamped to `min` - `max` for the drawing) */\n  value: { type: Number, required: true },\n  /** Value at the start of the arc (default 0) */\n  min: Number,\n  /** Value at the end of the arc (default 100) */\n  max: Number,\n  /** Caption under the value */\n  label: String,\n  /** Total angle of the arc, degrees (default 240) */\n  sweep: Number,\n  /** Thickness of the arc as a fraction of the radius (default 0.16) */\n  thickness: Number,\n  /** Colored ranges of the track; the value arc takes the color of its band */\n  bands: Array as PropType<readonly GaugeBand[]>,\n  /** Color of the value arc when there are no bands (default: the first palette color) */\n  color: String,\n  /** Draws a needle in addition to the value arc */\n  needle: { type: Boolean, default: undefined },\n  /** Tick labels at the ends and at the band bounds (default `true`) */\n  ticks: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The gauge is hovered (or focused) or left (`null`) */\n  hover: [event: ShapeHoverEvent | null];\n  /** The gauge was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** Emitted by `toggle()` */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"gauge\",\n    value: props.value,\n    min: props.min,\n    max: props.max,\n    label: props.label,\n    sweep: props.sweep,\n    thickness: props.thickness,\n    bands: raw(props.bands),\n    color: props.color,\n    needle: props.needle,\n    ticks: props.ticks,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  240,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMS,IAAQC,GAuBRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,OAAOA,EAAM;GACb,KAAKA,EAAM;GACX,KAAKA,EAAM;GACX,OAAOA,EAAM;GACb,OAAOA,EAAM;GACb,WAAWA,EAAM;GACjB,OAAOK,EAAIL,EAAM,KAAK;GACtB,OAAOA,EAAM;GACb,QAAQA,EAAM;GACd,OAAOA,EAAM;EACf,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/HeatmapChart.vue.d.ts

@@ -0,0 +1,125 @@
+import { PropType } from 'vue';
+import { ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView, HeatmapCell } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Cells `{ x, y, value }` */
+    data: {
+        type: PropType<readonly HeatmapCell[]>;
+        required: true;
+    };
+    /** Column names in order (collected from the data when omitted) */
+    xCategories: PropType<readonly string[]>;
+    /** Row names from bottom to top (collected from the data when omitted) */
+    yCategories: PropType<readonly string[]>;
+    /** Colors from the lowest to the highest value; a ramp of the first palette color by default */
+    colorScale: PropType<readonly string[]>;
+    /** Values at the ends of the color scale; the data range by default */
+    valueRange: PropType<readonly [number, number]>;
+    /** Name of the value in the tooltip */
+    name: StringConstructor;
+    /** Corner radius of the cells, in pixels */
+    radius: NumberConstructor;
+    /** Formats the values in the tooltip */
+    format: PropType<(value: number) => string>;
+    xAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: PropType<readonly import('../../../charts/core.js').ChartAnnotation[]>;
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').ChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    zoom: (view: ChartView) => any;
+    hover: (event: ChartHoverEvent | null) => any;
+    plotClick: (event: ChartPlotClickEvent) => any;
+    pointClick: (event: ChartHoverEvent) => any;
+    rendererChange: (renderer: ChartRendererKind) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Cells `{ x, y, value }` */
+    data: {
+        type: PropType<readonly HeatmapCell[]>;
+        required: true;
+    };
+    /** Column names in order (collected from the data when omitted) */
+    xCategories: PropType<readonly string[]>;
+    /** Row names from bottom to top (collected from the data when omitted) */
+    yCategories: PropType<readonly string[]>;
+    /** Colors from the lowest to the highest value; a ramp of the first palette color by default */
+    colorScale: PropType<readonly string[]>;
+    /** Values at the ends of the color scale; the data range by default */
+    valueRange: PropType<readonly [number, number]>;
+    /** Name of the value in the tooltip */
+    name: StringConstructor;
+    /** Corner radius of the cells, in pixels */
+    radius: NumberConstructor;
+    /** Formats the values in the tooltip */
+    format: PropType<(value: number) => string>;
+    xAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: PropType<readonly import('../../../charts/core.js').ChartAnnotation[]>;
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onZoom?: ((view: ChartView) => any) | undefined;
+    onHover?: ((event: ChartHoverEvent | null) => any) | undefined;
+    onPlotClick?: ((event: ChartPlotClickEvent) => any) | undefined;
+    onPointClick?: ((event: ChartHoverEvent) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').ChartTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').ChartLegendOptions;
+    crosshair: boolean;
+    deep: boolean;
+    interaction: boolean | import('../../../charts/core.js').ChartInteractionOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapChart.vue.js","names":["_sfc_main","HeatmapChart_vue_vue_type_script_setup_true_lang_default","HeatmapChart_default"],"sources":["../../../../../vue/src/components/Chart/HeatmapChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  heatmapChartOptions,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type HeatmapCell,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartAxisProps, chartCommonProps } from \"./props\";\n\n/** Heatmap: a grid of cells colored by value (categories or numbers on both axes) */\ndefineOptions({ name: \"HeatmapChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  /** Cells `{ x, y, value }` */\n  data: { type: Array as PropType<readonly HeatmapCell[]>, required: true },\n  /** Column names in order (collected from the data when omitted) */\n  xCategories: Array as PropType<readonly string[]>,\n  /** Row names from bottom to top (collected from the data when omitted) */\n  yCategories: Array as PropType<readonly string[]>,\n  /** Colors from the lowest to the highest value; a ramp of the first palette color by default */\n  colorScale: Array as PropType<readonly string[]>,\n  /** Values at the ends of the color scale; the data range by default */\n  valueRange: Array as unknown as PropType<readonly [number, number]>,\n  /** Name of the value in the tooltip */\n  name: String,\n  /** Corner radius of the cells, in pixels */\n  radius: Number,\n  /** Formats the values in the tooltip */\n  format: Function as PropType<(value: number) => string>,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) cell changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A cell was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no cell */\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 { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    heatmapChartOptions(\n      {\n        data: raw(props.data),\n        xCategories: raw(props.xCategories),\n        yCategories: raw(props.yCategories),\n        colorScale: raw(props.colorScale),\n        valueRange: raw(props.valueRange),\n        name: props.name,\n        radius: props.radius,\n        format: props.format,\n      },\n      engineOptions(props, []),\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":""}