minerva-design 1.2.0 → 1.4.0

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

@@ -0,0 +1,68 @@
+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/SunburstChart.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	name: "SunburstChart",
+	__name: "SunburstChart",
+	props: {
+		...t,
+		data: {
+			type: Array,
+			required: !0
+		},
+		innerRadius: Number,
+		levels: Number,
+		startAngle: Number,
+		padAngle: Number,
+		cornerRadius: Number,
+		labels: String,
+		drill: {
+			type: Boolean,
+			default: void 0
+		},
+		drillPath: Array
+	},
+	emits: [
+		"hover",
+		"click",
+		"toggle",
+		"drill"
+	],
+	setup(t, { expose: o, emit: u }) {
+		let d = t, f = u, { setContainer: p, rootStyle: m, handle: h } = r(d, () => ({
+			...n(d),
+			type: "sunburst",
+			data: e(d.data),
+			innerRadius: d.innerRadius,
+			levels: d.levels,
+			startAngle: d.startAngle,
+			padAngle: d.padAngle,
+			cornerRadius: d.cornerRadius,
+			labels: d.labels,
+			drill: d.drill,
+			drillPath: d.drillPath ? [...d.drillPath] : void 0
+		}), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("click", e),
+			toggle: (e) => f("toggle", e),
+			drill: (e) => f("drill", e)
+		}, 360);
+		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=SunburstChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SunburstChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","SunburstChart_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/SunburstChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ShapeDrillEvent,\n  TreemapNode,\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { shapeCommonProps } from \"./props\";\nimport { shapeCommonOptions, useShapeChart } from \"./shape\";\n\n/**\n * Sunburst chart: a hierarchy as concentric rings; clicking a parent zooms\n * into it, clicking the center goes back up\n */\ndefineOptions({ name: \"SunburstChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Nodes: leaves carry a value, parents sum their children */\n  data: { type: Array as PropType<readonly TreemapNode[]>, required: true },\n  /** Radius of the center circle as a fraction of the outer radius (default 0.26) */\n  innerRadius: Number,\n  /** Rings shown at once below the focused node (default: every level) */\n  levels: Number,\n  /** Angle of the first node, degrees clockwise from 12 o'clock (default 0) */\n  startAngle: Number,\n  /** Gap between the sectors, in pixels (default 1) */\n  padAngle: Number,\n  /** Corner radius of the sectors, in pixels (default 2) */\n  cornerRadius: Number,\n  /** Sector labels along the arc or the radius, whichever fits best (`auto`), or none (default `auto`) */\n  labels: String as PropType<\"auto\" | \"tangential\" | \"radial\" | \"none\">,\n  /** Clicking (or Enter on) a parent zooms into it; clicking the center goes back up (default `true`) */\n  drill: { type: Boolean, default: undefined },\n  /** Names from the root to the focused node (`[]` = the root); makes the drill-down controlled (clicks only emit `drill`) */\n  drillPath: Array as PropType<readonly string[]>,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) sector changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A sector was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A legend item was clicked (or `toggle()` was called) */\n  toggle: [event: ShapeToggleEvent];\n  /** A parent or the center was clicked (or the handle's `drill()` was called) */\n  drill: [event: ShapeDrillEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"sunburst\",\n    data: raw(props.data),\n    innerRadius: props.innerRadius,\n    levels: props.levels,\n    startAngle: props.startAngle,\n    padAngle: props.padAngle,\n    cornerRadius: props.cornerRadius,\n    labels: props.labels,\n    drill: props.drill,\n    drillPath: props.drillPath ? [...props.drillPath] : undefined,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n    drill: (event) => emit(\"drill\", event),\n  },\n  360,\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMS,IAAQC,GAqBRC,IAAOH,GAUP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,MAAMK,EAAIL,EAAM,IAAI;GACpB,aAAaA,EAAM;GACnB,QAAQA,EAAM;GACd,YAAYA,EAAM;GAClB,UAAUA,EAAM;GAChB,cAAcA,EAAM;GACpB,QAAQA,EAAM;GACd,OAAOA,EAAM;GACb,WAAWA,EAAM,YAAY,CAAC,GAAGA,EAAM,SAAS,IAAI,KAAA;EACtD,IACA;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,SAASI,CAAK;GACrC,SAAS,MAAUJ,EAAK,UAAUI,CAAK;GACvC,QAAQ,MAAUJ,EAAK,SAASI,CAAK;EACvC,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/Surface3DChart.vue.d.ts

@@ -0,0 +1,143 @@
+import { PropType } from 'vue';
+import { Chart3DCameraState, Chart3DHoverEvent, ChartRendererKind, Surface3DContourOptions, Surface3DSeries, Surface3DWireframeOptions } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Surfaces over regular grids */
+    series: {
+        type: PropType<readonly Surface3DSeries[]>;
+        required: true;
+    };
+    /** Wireframe of the series that do not set one */
+    wireframe: {
+        type: PropType<boolean | Surface3DWireframeOptions>;
+        default: undefined;
+    };
+    /** Contour lines of the series that do not set them */
+    contours: {
+        type: PropType<boolean | Surface3DContourOptions>;
+        default: undefined;
+    };
+    xAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    zAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    camera: PropType<import('../../../charts/core.js').Chart3DCameraOptions>;
+    autoRotate: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    aspect: PropType<readonly [number, number, number]>;
+    box: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    colorScale: PropType<import('../../../charts/core.js').Chart3DColorScale>;
+    valueRange: PropType<readonly [number, number]>;
+    colorBar: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DColorBarOptions>;
+        default: undefined;
+    };
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DTooltipOptions>;
+        default: undefined;
+    };
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DInteractionOptions>;
+        default: undefined;
+    };
+    lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').Chart3DOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').Chart3DHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    hover: (event: Chart3DHoverEvent | null) => any;
+    pointClick: (event: Chart3DHoverEvent) => any;
+    rendererChange: (renderer: ChartRendererKind) => any;
+    cameraChange: (camera: Chart3DCameraState) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Surfaces over regular grids */
+    series: {
+        type: PropType<readonly Surface3DSeries[]>;
+        required: true;
+    };
+    /** Wireframe of the series that do not set one */
+    wireframe: {
+        type: PropType<boolean | Surface3DWireframeOptions>;
+        default: undefined;
+    };
+    /** Contour lines of the series that do not set them */
+    contours: {
+        type: PropType<boolean | Surface3DContourOptions>;
+        default: undefined;
+    };
+    xAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    zAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    camera: PropType<import('../../../charts/core.js').Chart3DCameraOptions>;
+    autoRotate: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    aspect: PropType<readonly [number, number, number]>;
+    box: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    colorScale: PropType<import('../../../charts/core.js').Chart3DColorScale>;
+    valueRange: PropType<readonly [number, number]>;
+    colorBar: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DColorBarOptions>;
+        default: undefined;
+    };
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DTooltipOptions>;
+        default: undefined;
+    };
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DInteractionOptions>;
+        default: undefined;
+    };
+    lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').Chart3DOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onHover?: ((event: Chart3DHoverEvent | null) => any) | undefined;
+    onPointClick?: ((event: Chart3DHoverEvent) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+    onCameraChange?: ((camera: Chart3DCameraState) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').Chart3DTooltipOptions;
+    box: boolean;
+    legend: boolean | import('../../../charts/core.js').Chart3DLegendOptions;
+    deep: boolean;
+    interaction: boolean | import('../../../charts/core.js').Chart3DInteractionOptions;
+    autoRotate: number | boolean;
+    colorBar: boolean | import('../../../charts/core.js').Chart3DColorBarOptions;
+    wireframe: boolean | Surface3DWireframeOptions;
+    contours: boolean | Surface3DContourOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Surface3DChart.vue.js","names":["_sfc_main","Surface3DChart_vue_vue_type_script_setup_true_lang_default","Surface3DChart_default"],"sources":["../../../../../vue/src/components/Chart/Surface3DChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  Chart3DCameraState,\n  Chart3DHoverEvent,\n  ChartRendererKind,\n  Surface3DContourOptions,\n  Surface3DSeries,\n  Surface3DWireframeOptions,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { chart3DCommonProps, useChart3D } from \"./three-d\";\n\n/**\n * 3D surface `z = f(x, y)` over a regular grid: lit, colored by a color\n * map, with an optional wireframe, contour lines and transparency (engine\n * `createChart3D`).\n */\ndefineOptions({ name: \"Surface3DChart\" });\nconst props = defineProps({\n  ...chart3DCommonProps,\n  /** Surfaces over regular grids */\n  series: {\n    type: Array as PropType<readonly Surface3DSeries[]>,\n    required: true,\n  },\n  /** Wireframe of the series that do not set one */\n  wireframe: {\n    type: [Boolean, Object] as PropType<boolean | Surface3DWireframeOptions>,\n    default: undefined,\n  },\n  /** Contour lines of the series that do not set them */\n  contours: {\n    type: [Boolean, Object] as PropType<boolean | Surface3DContourOptions>,\n    default: undefined,\n  },\n});\nconst emit = defineEmits<{\n  /** The hovered cell changed (`null`: none) */\n  hover: [event: Chart3DHoverEvent | null];\n  /** A cell was clicked */\n  pointClick: [event: Chart3DHoverEvent];\n  /** The user rotated, zoomed, panned or reset the camera */\n  cameraChange: [camera: Chart3DCameraState];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useChart3D(\n  props,\n  () =>\n    raw(props.series).map((item) => {\n      const s = raw(item);\n      return {\n        ...s,\n        type: \"surface\" as const,\n        wireframe: s.wireframe ?? raw(props.wireframe),\n        contours: s.contours ?? raw(props.contours),\n      };\n    }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    camera: (camera) => emit(\"cameraChange\", camera),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-chart-3d\" 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/Surface3DChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { raw as e } from "./engine.js";
+import { chart3DCommonProps as t, useChart3D as n } from "./three-d.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/Surface3DChart.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ a({
+	name: "Surface3DChart",
+	__name: "Surface3DChart",
+	props: {
+		...t,
+		series: {
+			type: Array,
+			required: !0
+		},
+		wireframe: {
+			type: [Boolean, Object],
+			default: void 0
+		},
+		contours: {
+			type: [Boolean, Object],
+			default: void 0
+		}
+	},
+	emits: [
+		"hover",
+		"pointClick",
+		"cameraChange",
+		"rendererChange"
+	],
+	setup(t, { expose: a, emit: l }) {
+		let u = t, d = l, { setContainer: f, rootStyle: p, handle: m } = n(u, () => e(u.series).map((t) => {
+			let n = e(t);
+			return {
+				...n,
+				type: "surface",
+				wireframe: n.wireframe ?? e(u.wireframe),
+				contours: n.contours ?? e(u.contours)
+			};
+		}), {
+			hover: (e) => d("hover", e),
+			click: (e) => d("pointClick", e),
+			camera: (e) => d("cameraChange", e),
+			renderer: (e) => d("rendererChange", e)
+		});
+		return a(m), (e, t) => (s(), r("div", {
+			class: "mn-chart mn-chart-3d",
+			"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=Surface3DChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Surface3DChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","Surface3DChart_vue_vue_type_script_setup_true_lang_default","chart3DCommonProps","__expose","__emit","props","__props","emit","useChart3D","raw","s","item","event","camera","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/Surface3DChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  Chart3DCameraState,\n  Chart3DHoverEvent,\n  ChartRendererKind,\n  Surface3DContourOptions,\n  Surface3DSeries,\n  Surface3DWireframeOptions,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { chart3DCommonProps, useChart3D } from \"./three-d\";\n\n/**\n * 3D surface `z = f(x, y)` over a regular grid: lit, colored by a color\n * map, with an optional wireframe, contour lines and transparency (engine\n * `createChart3D`).\n */\ndefineOptions({ name: \"Surface3DChart\" });\nconst props = defineProps({\n  ...chart3DCommonProps,\n  /** Surfaces over regular grids */\n  series: {\n    type: Array as PropType<readonly Surface3DSeries[]>,\n    required: true,\n  },\n  /** Wireframe of the series that do not set one */\n  wireframe: {\n    type: [Boolean, Object] as PropType<boolean | Surface3DWireframeOptions>,\n    default: undefined,\n  },\n  /** Contour lines of the series that do not set them */\n  contours: {\n    type: [Boolean, Object] as PropType<boolean | Surface3DContourOptions>,\n    default: undefined,\n  },\n});\nconst emit = defineEmits<{\n  /** The hovered cell changed (`null`: none) */\n  hover: [event: Chart3DHoverEvent | null];\n  /** A cell was clicked */\n  pointClick: [event: Chart3DHoverEvent];\n  /** The user rotated, zoomed, panned or reset the camera */\n  cameraChange: [camera: Chart3DCameraState];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useChart3D(\n  props,\n  () =>\n    raw(props.series).map((item) => {\n      const s = raw(item);\n      return {\n        ...s,\n        type: \"surface\" as const,\n        wireframe: s.wireframe ?? raw(props.wireframe),\n        contours: s.contours ?? raw(props.contours),\n      };\n    }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    camera: (camera) => emit(\"cameraChange\", camera),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-chart-3d\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,IAAMS,IAAQC,GAkBRC,IAAOH,GAUP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EAAIJ,EAAM,MAAM,CAAC,CAAC,KAAK,MAAS;GAC9B,IAAMK,IAAID,EAAIE,CAAI;GAClB,OAAO;IACL,GAAGD;IACH,MAAM;IACN,WAAWA,EAAE,aAAaD,EAAIJ,EAAM,SAAS;IAC7C,UAAUK,EAAE,YAAYD,EAAIJ,EAAM,QAAQ;GAC5C;EACF,CAAC,GACH;GACE,QAAQ,MAAUE,EAAK,SAASK,CAAK;GACrC,QAAQ,MAAUL,EAAK,cAAcK,CAAK;GAC1C,SAAS,MAAWL,EAAK,gBAAgBM,CAAM;GAC/C,WAAW,MAAaN,EAAK,kBAAkBO,CAAQ;EACzD,CACF;SACAX,EAAaY,CAAM,cAIjBnB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAuB,gBAAa;GAAS,OAAKC,EAAEC,EAAAqB,CAAA,CAAS;EACtEpB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAuB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,114 @@
+import { TimeAndSalesRowEvent } from '../../../charts/core.js';
+import { TimeAndSalesHandle } from './types.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    trades: import('vue').PropType<import('./types.js').ChartTrades>;
+    capacity: NumberConstructor;
+    rowHeight: NumberConstructor;
+    columns: import('vue').PropType<readonly import('../../../charts/core.js').TimeAndSalesColumn[]>;
+    minSize: NumberConstructor;
+    largeTradeThreshold: NumberConstructor;
+    aggregate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    priceColor: import('vue').PropType<"side" | "tick">;
+    pauseOnHover: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    animate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    header: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    milliseconds: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    formatTime: import('vue').PropType<(time: number) => string>;
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').TimeAndSalesLabels>>;
+    upColor: StringConstructor;
+    downColor: StringConstructor;
+    colorConvention: import('vue').PropType<import('../../../charts/core.js').OrderBookColorConvention>;
+    pricePrecision: NumberConstructor;
+    sizePrecision: NumberConstructor;
+    locale: StringConstructor;
+    formatPrice: import('vue').PropType<(price: number) => string>;
+    formatSize: import('vue').PropType<(size: number) => string>;
+    fontFamily: StringConstructor;
+    fontSize: NumberConstructor;
+    ariaLabel: StringConstructor;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, TimeAndSalesHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    pause: (paused: boolean) => any;
+    hover: (row: TimeAndSalesRowEvent | null) => any;
+    tradeClick: (row: TimeAndSalesRowEvent) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    trades: import('vue').PropType<import('./types.js').ChartTrades>;
+    capacity: NumberConstructor;
+    rowHeight: NumberConstructor;
+    columns: import('vue').PropType<readonly import('../../../charts/core.js').TimeAndSalesColumn[]>;
+    minSize: NumberConstructor;
+    largeTradeThreshold: NumberConstructor;
+    aggregate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    priceColor: import('vue').PropType<"side" | "tick">;
+    pauseOnHover: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    animate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    header: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    milliseconds: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    formatTime: import('vue').PropType<(time: number) => string>;
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').TimeAndSalesLabels>>;
+    upColor: StringConstructor;
+    downColor: StringConstructor;
+    colorConvention: import('vue').PropType<import('../../../charts/core.js').OrderBookColorConvention>;
+    pricePrecision: NumberConstructor;
+    sizePrecision: NumberConstructor;
+    locale: StringConstructor;
+    formatPrice: import('vue').PropType<(price: number) => string>;
+    formatSize: import('vue').PropType<(size: number) => string>;
+    fontFamily: StringConstructor;
+    fontSize: NumberConstructor;
+    ariaLabel: StringConstructor;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onPause?: ((paused: boolean) => any) | undefined;
+    onHover?: ((row: TimeAndSalesRowEvent | null) => any) | undefined;
+    onTradeClick?: ((row: TimeAndSalesRowEvent) => any) | undefined;
+}>, {
+    header: boolean;
+    animate: boolean;
+    pauseOnHover: boolean;
+    deep: boolean;
+    aggregate: boolean;
+    milliseconds: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAndSales.vue.js","names":["_sfc_main","TimeAndSales_vue_vue_type_script_setup_true_lang_default","TimeAndSales_default"],"sources":["../../../../../vue/src/components/Chart/TimeAndSales.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createTimeAndSales,\n  type TimeAndSalesInstance,\n  type TimeAndSalesOptions,\n  type TimeAndSalesRowEvent,\n} from \"minerva-design/charts/core\";\nimport { useRootStyle } from \"./engine\";\nimport { timeAndSalesProps, useBookWidget } from \"./orderbook\";\nimport type { TimeAndSalesHandle } from \"./types\";\n\n/**\n * Time and sales tape: newest trades on top, virtualized (hundreds of\n * thousands of rows), large trades highlighted, paused while hovered\n * (engine `createTimeAndSales`).\n */\ndefineOptions({ name: \"TimeAndSales\" });\nconst props = defineProps(timeAndSalesProps);\nconst emit = defineEmits<{\n  /** Hovered row (`null` when the pointer leaves) */\n  hover: [row: TimeAndSalesRowEvent | null];\n  /** Click / tap / Enter on a row */\n  tradeClick: [row: TimeAndSalesRowEvent];\n  /** The tape paused (pointer over it, scrolled down) or resumed */\n  pause: [paused: boolean];\n}>();\nconst { setContainer, instance } = useBookWidget<\n  TimeAndSalesOptions,\n  TimeAndSalesInstance\n>(\n  createTimeAndSales,\n  props,\n  (tape) => [\n    tape.on(\"hover\", (e) => emit(\"hover\", e)),\n    tape.on(\"tradeClick\", (e) => emit(\"tradeClick\", e)),\n    tape.on(\"pause\", (p) => emit(\"pause\", p)),\n  ],\n  {\n    add: (tape, trades) => tape.addTrades(trades),\n    replace: (tape, trades) => tape.setTrades(trades),\n  },\n);\nconst rootStyle = useRootStyle(props, 360);\nconst handle: TimeAndSalesHandle = {\n  addTrades: (trades) => instance.value?.addTrades(trades),\n  setTrades: (trades) => instance.value?.setTrades(trades),\n  clear: () => instance.value?.clear(),\n  scrollToLatest: () => instance.value?.scrollToLatest(),\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-time-and-sales\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,46 @@
+import { useRootStyle as e } from "./engine.js";
+import { timeAndSalesProps as t, useBookWidget as n } from "./orderbook.js";
+import { createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeStyle as o, openBlock as s, unref as c } from "vue";
+import { createTimeAndSales as l } from "../../../charts/core.js";
+//#region src/components/Chart/TimeAndSales.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ a({
+	name: "TimeAndSales",
+	__name: "TimeAndSales",
+	props: t,
+	emits: [
+		"hover",
+		"tradeClick",
+		"pause"
+	],
+	setup(t, { expose: a, emit: u }) {
+		let d = t, f = u, { setContainer: p, instance: m } = n(l, d, (e) => [
+			e.on("hover", (e) => f("hover", e)),
+			e.on("tradeClick", (e) => f("tradeClick", e)),
+			e.on("pause", (e) => f("pause", e))
+		], {
+			add: (e, t) => e.addTrades(t),
+			replace: (e, t) => e.setTrades(t)
+		}), h = e(d, 360);
+		return a({
+			addTrades: (e) => m.value?.addTrades(e),
+			setTrades: (e) => m.value?.setTrades(e),
+			clear: () => m.value?.clear(),
+			scrollToLatest: () => m.value?.scrollToLatest(),
+			getInstance: () => m.value
+		}), (e, t) => (s(), r("div", {
+			class: "mn-chart mn-time-and-sales",
+			"data-minerva": "chart",
+			style: o(c(h))
+		}, [i("div", {
+			ref: c(p),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TimeAndSales.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAndSales.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","TimeAndSales_vue_vue_type_script_setup_true_lang_default","timeAndSalesProps","__expose","__emit","props","__props","emit","useBookWidget","createTimeAndSales","tape","p","trades","rootStyle","useRootStyle","instance","openBlock","createElementBlock","normalizeStyle","unref","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/TimeAndSales.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createTimeAndSales,\n  type TimeAndSalesInstance,\n  type TimeAndSalesOptions,\n  type TimeAndSalesRowEvent,\n} from \"minerva-design/charts/core\";\nimport { useRootStyle } from \"./engine\";\nimport { timeAndSalesProps, useBookWidget } from \"./orderbook\";\nimport type { TimeAndSalesHandle } from \"./types\";\n\n/**\n * Time and sales tape: newest trades on top, virtualized (hundreds of\n * thousands of rows), large trades highlighted, paused while hovered\n * (engine `createTimeAndSales`).\n */\ndefineOptions({ name: \"TimeAndSales\" });\nconst props = defineProps(timeAndSalesProps);\nconst emit = defineEmits<{\n  /** Hovered row (`null` when the pointer leaves) */\n  hover: [row: TimeAndSalesRowEvent | null];\n  /** Click / tap / Enter on a row */\n  tradeClick: [row: TimeAndSalesRowEvent];\n  /** The tape paused (pointer over it, scrolled down) or resumed */\n  pause: [paused: boolean];\n}>();\nconst { setContainer, instance } = useBookWidget<\n  TimeAndSalesOptions,\n  TimeAndSalesInstance\n>(\n  createTimeAndSales,\n  props,\n  (tape) => [\n    tape.on(\"hover\", (e) => emit(\"hover\", e)),\n    tape.on(\"tradeClick\", (e) => emit(\"tradeClick\", e)),\n    tape.on(\"pause\", (p) => emit(\"pause\", p)),\n  ],\n  {\n    add: (tape, trades) => tape.addTrades(trades),\n    replace: (tape, trades) => tape.setTrades(trades),\n  },\n);\nconst rootStyle = useRootStyle(props, 360);\nconst handle: TimeAndSalesHandle = {\n  addTrades: (trades) => instance.value?.addTrades(trades),\n  setTrades: (trades) => instance.value?.setTrades(trades),\n  clear: () => instance.value?.clear(),\n  scrollToLatest: () => instance.value?.scrollToLatest(),\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-time-and-sales\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAiBA,IAAMS,IAAQC,GACRC,IAAOH,GAQP,EAAE,iBAAc,gBAAaI,EAIjCC,GACAJ,IACC,MAAS;GACRK,EAAK,GAAG,UAAU,MAAMH,EAAK,SAAS,CAAC,CAAC;GACxCG,EAAK,GAAG,eAAe,MAAMH,EAAK,cAAc,CAAC,CAAC;GAClDG,EAAK,GAAG,UAAU,MAAMH,EAAK,SAASI,CAAC,CAAC;EAC1C,GACA;GACE,MAAM,GAAM,MAAWD,EAAK,UAAUE,CAAM;GAC5C,UAAU,GAAM,MAAWF,EAAK,UAAUE,CAAM;EAClD,CACF,GACMC,IAAYC,EAAaT,GAAO,GAAG;SAQzCF,EAAa;GANX,YAAY,MAAWY,EAAS,OAAO,UAAUH,CAAM;GACvD,YAAY,MAAWG,EAAS,OAAO,UAAUH,CAAM;GACvD,aAAaG,EAAS,OAAO,MAAM;GACnC,sBAAsBA,EAAS,OAAO,eAAe;GACrD,mBAAmBA,EAAS;EAEjB,CAAM,cAIjBnB,EAAA,GAAAC,EAMM,OAAA;GALJ,OAAM;GACN,gBAAa;GACZ,OAAKC,EAAEC,EAAAc,CAAA,CAAS;EAEjBb,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAsB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}