minerva-design 1.4.0 → 1.6.0

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 the `dependencies` of the tasks as elbow arrows from the end of every predecessor to the start of the task (default `true`) */\n  dependencyArrows: { type: Boolean, default: undefined },\n  /** Color of the dependency arrows (any CSS color); the secondary text color by default */\n  dependencyColor: 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      dependencyArrows: props.dependencyArrows,\n      dependencyColor: props.dependencyColor,\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      dependencies: gantt.dependencies,\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,GA6BRC,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,kBAAkBA,EAAM;IACxB,iBAAiBA,EAAM;IACvB,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,cAAcL,EAAM;IACpB,aAAaM,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/GraphChart.vue.d.ts

@@ -0,0 +1,186 @@
+import { PropType } from 'vue';
+import { ChartRendererKind, GraphCircularOptions, GraphDagOptions, GraphDirection, GraphForceOptions, GraphGroupToggleEvent, GraphHoverEvent, GraphLayoutEndEvent, GraphLayoutType, GraphToggleEvent, GraphTreeOptions } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Placement of the nodes (default `force`) */
+    layout: {
+        type: PropType<GraphLayoutType>;
+        default: string;
+    };
+    /** Direction of the `dag` and `tree` layouts */
+    direction: PropType<GraphDirection>;
+    /** Force layout settings (Barnes–Hut, worker for large graphs) */
+    force: PropType<GraphForceOptions>;
+    /** Circular / arc layout settings */
+    circular: PropType<GraphCircularOptions>;
+    /** Layered layout settings (`layout="dag"`) */
+    dag: PropType<GraphDagOptions>;
+    /** Tree layout settings (tree layouts) */
+    tree: PropType<GraphTreeOptions>;
+    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;
+    };
+    arrowStyle: PropType<"open" | "filled">;
+    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<{
+    /** Placement of the nodes (default `force`) */
+    layout: {
+        type: PropType<GraphLayoutType>;
+        default: string;
+    };
+    /** Direction of the `dag` and `tree` layouts */
+    direction: PropType<GraphDirection>;
+    /** Force layout settings (Barnes–Hut, worker for large graphs) */
+    force: PropType<GraphForceOptions>;
+    /** Circular / arc layout settings */
+    circular: PropType<GraphCircularOptions>;
+    /** Layered layout settings (`layout="dag"`) */
+    dag: PropType<GraphDagOptions>;
+    /** Tree layout settings (tree layouts) */
+    tree: PropType<GraphTreeOptions>;
+    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;
+    };
+    arrowStyle: PropType<"open" | "filled">;
+    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;
+}>, {
+    layout: GraphLayoutType;
+    tooltip: boolean | import('../../../charts/core.js').GraphTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').GraphLegendOptions;
+    animation: number | boolean;
+    deep: boolean;
+    interaction: boolean | import('../../../charts/core.js').GraphInteractionOptions;
+    arrows: boolean;
+    nodeLabels: boolean | "auto";
+    edgeLabels: boolean | "auto" | "hover";
+    controls: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphChart.vue.js","names":["_sfc_main","GraphChart_vue_vue_type_script_setup_true_lang_default","GraphChart_default"],"sources":["../../../../../vue/src/components/Chart/GraphChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChartRendererKind,\n  GraphCircularOptions,\n  GraphDagOptions,\n  GraphDirection,\n  GraphForceOptions,\n  GraphGroupToggleEvent,\n  GraphHoverEvent,\n  GraphLayoutEndEvent,\n  GraphLayoutType,\n  GraphToggleEvent,\n  GraphTreeOptions,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { graphCommonProps, useGraphChart } from \"./graph\";\n\n/**\n * Relationship network: force-directed by default (Barnes–Hut, a Web\n * Worker for large graphs), or circular, arc diagram, layered or tree\n * layouts; GPU rendering, pan / zoom, drag, neighbor highlight, legend\n * toggles and keyboard navigation (engine `createGraphChart`)\n */\ndefineOptions({ name: \"GraphChart\" });\nconst props = defineProps({\n  ...graphCommonProps,\n  /** Placement of the nodes (default `force`) */\n  layout: { type: String as PropType<GraphLayoutType>, default: \"force\" },\n  /** Direction of the `dag` and `tree` layouts */\n  direction: String as PropType<GraphDirection>,\n  /** Force layout settings (Barnes–Hut, worker for large graphs) */\n  force: Object as PropType<GraphForceOptions>,\n  /** Circular / arc layout settings */\n  circular: Object as PropType<GraphCircularOptions>,\n  /** Layered layout settings (`layout=\"dag\"`) */\n  dag: Object as PropType<GraphDagOptions>,\n  /** Tree layout settings (tree layouts) */\n  tree: Object as PropType<GraphTreeOptions>,\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 (the force simulation cooled down) */\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    layout: props.layout,\n    direction: props.direction,\n    force: raw(props.force),\n    circular: raw(props.circular),\n    dag: raw(props.dag),\n    tree: raw(props.tree),\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/GraphChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,62 @@
+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/GraphChart.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ a({
+	name: "GraphChart",
+	__name: "GraphChart",
+	props: {
+		...t,
+		layout: {
+			type: String,
+			default: "force"
+		},
+		direction: String,
+		force: Object,
+		circular: Object,
+		dag: Object,
+		tree: Object
+	},
+	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, () => ({
+			layout: u.layout,
+			direction: u.direction,
+			force: e(u.force),
+			circular: e(u.circular),
+			dag: e(u.dag),
+			tree: e(u.tree)
+		}), {
+			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=GraphChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","GraphChart_vue_vue_type_script_setup_true_lang_default","graphCommonProps","__expose","__emit","props","__props","emit","useGraphChart","raw","event","ids","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/GraphChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChartRendererKind,\n  GraphCircularOptions,\n  GraphDagOptions,\n  GraphDirection,\n  GraphForceOptions,\n  GraphGroupToggleEvent,\n  GraphHoverEvent,\n  GraphLayoutEndEvent,\n  GraphLayoutType,\n  GraphToggleEvent,\n  GraphTreeOptions,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { graphCommonProps, useGraphChart } from \"./graph\";\n\n/**\n * Relationship network: force-directed by default (Barnes–Hut, a Web\n * Worker for large graphs), or circular, arc diagram, layered or tree\n * layouts; GPU rendering, pan / zoom, drag, neighbor highlight, legend\n * toggles and keyboard navigation (engine `createGraphChart`)\n */\ndefineOptions({ name: \"GraphChart\" });\nconst props = defineProps({\n  ...graphCommonProps,\n  /** Placement of the nodes (default `force`) */\n  layout: { type: String as PropType<GraphLayoutType>, default: \"force\" },\n  /** Direction of the `dag` and `tree` layouts */\n  direction: String as PropType<GraphDirection>,\n  /** Force layout settings (Barnes–Hut, worker for large graphs) */\n  force: Object as PropType<GraphForceOptions>,\n  /** Circular / arc layout settings */\n  circular: Object as PropType<GraphCircularOptions>,\n  /** Layered layout settings (`layout=\"dag\"`) */\n  dag: Object as PropType<GraphDagOptions>,\n  /** Tree layout settings (tree layouts) */\n  tree: Object as PropType<GraphTreeOptions>,\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 (the force simulation cooled down) */\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    layout: props.layout,\n    direction: props.direction,\n    force: raw(props.force),\n    circular: raw(props.circular),\n    dag: raw(props.dag),\n    tree: raw(props.tree),\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,IAAMS,IAAQC,GAeRC,IAAOH,GAgBP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,QAAQA,EAAM;GACd,WAAWA,EAAM;GACjB,OAAOI,EAAIJ,EAAM,KAAK;GACtB,UAAUI,EAAIJ,EAAM,QAAQ;GAC5B,KAAKI,EAAIJ,EAAM,GAAG;GAClB,MAAMI,EAAIJ,EAAM,IAAI;EACtB,IACA;GACE,QAAQ,MAAUE,EAAK,SAASG,CAAK;GACrC,YAAY,MAAUH,EAAK,aAAaG,CAAK;GAC7C,kBAAkB,MAAQH,EAAK,mBAAmBI,CAAG;GACrD,SAAS,MAAUJ,EAAK,UAAUG,CAAK;GACvC,cAAc,MAAUH,EAAK,eAAeG,CAAK;GACjD,YAAY,MAAUH,EAAK,aAAaG,CAAK;GAC7C,iBAAiB,MAAaH,EAAK,kBAAkBK,CAAQ;EAC/D,CACF;SACAT,EAAaU,CAAM,cAIjBjB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA0B,gBAAa;GAAS,OAAKC,EAAEC,EAAAmB,CAAA,CAAS;EACzElB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAqB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView, HeatmapCell } from '../../../charts/core.js';
+import { ChartColorScheme, ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView, HeatmapCell } from '../../../charts/core.js';
 declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** Cells `{ x, y, value }` */
     data: {
@@ -10,10 +10,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     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[]>;
+    /** Colors from the lowest to the highest value (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (default `sequential`) */
+    colorScale: PropType<readonly string[] | ChartColorScheme>;
     /** Values at the ends of the color scale; the data range by default */
     valueRange: PropType<readonly [number, number]>;
+    /** Value at the middle of the color scale (diverging data; default 0 for `diverging` ramps spanning it, else the middle of the range) */
+    colorMidpoint: NumberConstructor;
     /** Name of the value in the tooltip */
     name: StringConstructor;
     /** Corner radius of the cells, in pixels */
@@ -67,10 +69,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     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[]>;
+    /** Colors from the lowest to the highest value (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (default `sequential`) */
+    colorScale: PropType<readonly string[] | ChartColorScheme>;
     /** Values at the ends of the color scale; the data range by default */
     valueRange: PropType<readonly [number, number]>;
+    /** Value at the middle of the color scale (diverging data; default 0 for `diverging` ramps spanning it, else the middle of the range) */
+    colorMidpoint: NumberConstructor;
     /** Name of the value in the tooltip */
     name: StringConstructor;
     /** Corner radius of the cells, in pixels */

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

@@ -1 +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":""}
+{"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 ChartColorScheme,\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 (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (default `sequential`) */\n  colorScale: [Array, String] as PropType<readonly string[] | ChartColorScheme>,\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  /** Value at the middle of the color scale (diverging data; default 0 for `diverging` ramps spanning it, else the middle of the range) */\n  colorMidpoint: 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        colorMidpoint: props.colorMidpoint,\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":""}

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

@@ -16,8 +16,9 @@ var f = /*@__PURE__*/ s({
 		},
 		xCategories: Array,
 		yCategories: Array,
-		colorScale: Array,
+		colorScale: [Array, String],
 		valueRange: Array,
+		colorMidpoint: Number,
 		name: String,
 		radius: Number,
 		format: Function
@@ -36,6 +37,7 @@ var f = /*@__PURE__*/ s({
 			yCategories: e(f.yCategories),
 			colorScale: e(f.colorScale),
 			valueRange: e(f.valueRange),
+			colorMidpoint: f.colorMidpoint,
 			name: f.name,
 			radius: f.radius,
 			format: f.format

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","HeatmapChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","__expose","__emit","props","__props","emit","useCartesianChart","heatmapChartOptions","raw","engineOptions","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMU,IAAQC,GAoBRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACE;GACE,MAAMC,EAAIL,EAAM,IAAI;GACpB,aAAaK,EAAIL,EAAM,WAAW;GAClC,aAAaK,EAAIL,EAAM,WAAW;GAClC,YAAYK,EAAIL,EAAM,UAAU;GAChC,YAAYK,EAAIL,EAAM,UAAU;GAChC,MAAMA,EAAM;GACZ,QAAQA,EAAM;GACd,QAAQA,EAAM;EAChB,GACAM,EAAcN,GAAO,CAAC,CAAC,CACzB,GACF;GACE,QAAQ,MAAUE,EAAK,SAASK,CAAK;GACrC,QAAQ,MAAUL,EAAK,cAAcK,CAAK;GAC1C,YAAY,MAAUL,EAAK,aAAaK,CAAK;GAC7C,OAAO,MAASL,EAAK,QAAQM,CAAI;GACjC,WAAW,MAAaN,EAAK,kBAAkBO,CAAQ;EACzD,CACF;SACAX,EAAaY,CAAM,cAIjBpB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAsB,CAAA,CAAS;EAC1DrB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAwB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}
+{"version":3,"file":"HeatmapChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","HeatmapChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","__expose","__emit","props","__props","emit","useCartesianChart","heatmapChartOptions","raw","engineOptions","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/HeatmapChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  heatmapChartOptions,\n  type ChartColorScheme,\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 (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (default `sequential`) */\n  colorScale: [Array, String] as PropType<readonly string[] | ChartColorScheme>,\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  /** Value at the middle of the color scale (diverging data; default 0 for `diverging` ramps spanning it, else the middle of the range) */\n  colorMidpoint: 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        colorMidpoint: props.colorMidpoint,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMU,IAAQC,GAsBRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACE;GACE,MAAMC,EAAIL,EAAM,IAAI;GACpB,aAAaK,EAAIL,EAAM,WAAW;GAClC,aAAaK,EAAIL,EAAM,WAAW;GAClC,YAAYK,EAAIL,EAAM,UAAU;GAChC,YAAYK,EAAIL,EAAM,UAAU;GAChC,eAAeA,EAAM;GACrB,MAAMA,EAAM;GACZ,QAAQA,EAAM;GACd,QAAQA,EAAM;EAChB,GACAM,EAAcN,GAAO,CAAC,CAAC,CACzB,GACF;GACE,QAAQ,MAAUE,EAAK,SAASK,CAAK;GACrC,QAAQ,MAAUL,EAAK,cAAcK,CAAK;GAC1C,YAAY,MAAUL,EAAK,aAAaK,CAAK;GAC7C,OAAO,MAASL,EAAK,QAAQM,CAAI;GACjC,WAAW,MAAaN,EAAK,kBAAkBO,CAAQ;EACzD,CACF;SACAX,EAAaY,CAAM,cAIjBpB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAsB,CAAA,CAAS;EAC1DrB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAwB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -38,6 +38,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: undefined;
     };
     lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    exposure: NumberConstructor;
     renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
     palette: PropType<readonly string[]>;
     ariaLabel: StringConstructor;
@@ -92,6 +93,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: undefined;
     };
     lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    exposure: NumberConstructor;
     renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
     palette: PropType<readonly string[]>;
     ariaLabel: StringConstructor;

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

@@ -36,6 +36,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         readonly default: undefined;
     };
     renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    timeZone: import('vue').PropType<import('../../../charts/core.js').ChartTimeZone>;
     labels: import('vue').PropType<Partial<import('../../../charts/core.js').OrderBookHeatmapLabels>>;
     upColor: StringConstructor;
     downColor: StringConstructor;
@@ -94,6 +95,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         readonly default: undefined;
     };
     renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    timeZone: import('vue').PropType<import('../../../charts/core.js').ChartTimeZone>;
     labels: import('vue').PropType<Partial<import('../../../charts/core.js').OrderBookHeatmapLabels>>;
     upColor: StringConstructor;
     downColor: StringConstructor;

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

@@ -38,6 +38,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: undefined;
     };
     lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    exposure: NumberConstructor;
     renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
     palette: PropType<readonly string[]>;
     ariaLabel: StringConstructor;
@@ -92,6 +93,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: undefined;
     };
     lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    exposure: NumberConstructor;
     renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
     palette: PropType<readonly string[]>;
     ariaLabel: StringConstructor;

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

@@ -48,6 +48,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: undefined;
     };
     lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    exposure: NumberConstructor;
     renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
     palette: PropType<readonly string[]>;
     ariaLabel: StringConstructor;
@@ -112,6 +113,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: undefined;
     };
     lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    exposure: NumberConstructor;
     renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
     palette: PropType<readonly string[]>;
     ariaLabel: StringConstructor;

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

@@ -28,6 +28,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
+    timeZone: import('vue').PropType<import('../../../charts/core.js').ChartTimeZone>;
     formatTime: import('vue').PropType<(time: number) => string>;
     labels: import('vue').PropType<Partial<import('../../../charts/core.js').TimeAndSalesLabels>>;
     upColor: StringConstructor;
@@ -79,6 +80,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
+    timeZone: import('vue').PropType<import('../../../charts/core.js').ChartTimeZone>;
     formatTime: import('vue').PropType<(time: number) => string>;
     labels: import('vue').PropType<Partial<import('../../../charts/core.js').TimeAndSalesLabels>>;
     upColor: StringConstructor;