minerva-design 1.2.0 → 1.4.0

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

@@ -0,0 +1,112 @@
+import { PropType } from 'vue';
+import { BoxplotGroup, ChartSeries, ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Series of box plots: data points with `low`, `q1`, `y` (the median), `q3`, `high` and `outliers` */
+    series: PropType<readonly ChartSeries[]>;
+    /** Raw samples, one box each (an alternative to `series`) */
+    groups: PropType<readonly BoxplotGroup[]>;
+    /** Name of the series built from `groups` */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Reach of the whiskers in interquartile ranges beyond the box (Tukey: 1.5); `minmax` extends them to the extremes */
+    whisker: PropType<number | "minmax">;
+    orientation: PropType<import('../../../charts/core.js').ChartOrientation>;
+    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<{
+    /** Series of box plots: data points with `low`, `q1`, `y` (the median), `q3`, `high` and `outliers` */
+    series: PropType<readonly ChartSeries[]>;
+    /** Raw samples, one box each (an alternative to `series`) */
+    groups: PropType<readonly BoxplotGroup[]>;
+    /** Name of the series built from `groups` */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Reach of the whiskers in interquartile ranges beyond the box (Tukey: 1.5); `minmax` extends them to the extremes */
+    whisker: PropType<number | "minmax">;
+    orientation: PropType<import('../../../charts/core.js').ChartOrientation>;
+    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;
+}>, {
+    name: string;
+    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/BoxPlotChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPlotChart.vue.js","names":["_sfc_main","BoxPlotChart_vue_vue_type_script_setup_true_lang_default","BoxPlotChart_default"],"sources":["../../../../../vue/src/components/Chart/BoxPlotChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  boxplotData,\n  type BoxplotGroup,\n  type ChartSeries,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport {\n  chartAxisProps,\n  chartCommonProps,\n  chartOrientationProp,\n} from \"./props\";\n\n/**\n * Box plot: medians, quartiles, whiskers and outliers of samples, from raw\n * values (`groups`) or computed statistics (`series`)\n */\ndefineOptions({ name: \"BoxPlotChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartOrientationProp,\n  /** Series of box plots: data points with `low`, `q1`, `y` (the median), `q3`, `high` and `outliers` */\n  series: Array as PropType<readonly ChartSeries[]>,\n  /** Raw samples, one box each (an alternative to `series`) */\n  groups: Array as PropType<readonly BoxplotGroup[]>,\n  /** Name of the series built from `groups` */\n  name: { type: String, default: \"Values\" },\n  /** Reach of the whiskers in interquartile ranges beyond the box (Tukey: 1.5); `minmax` extends them to the extremes */\n  whisker: [Number, String] as PropType<number | \"minmax\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) boxes changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A box was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no box */\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    engineOptions(\n      props,\n      withSeriesType(\n        [\n          ...(props.groups?.length\n            ? [\n                {\n                  id: \"boxplot\",\n                  name: props.name,\n                  data: boxplotData(raw(props.groups), {\n                    whisker: props.whisker,\n                  }),\n                },\n              ]\n            : []),\n          ...(props.series ?? []),\n        ],\n        \"boxplot\",\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/BoxPlotChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { raw as e } from "./engine.js";
+import { engineOptions as t, useCartesianChart as n, withSeriesType as r } from "./cartesian.js";
+import { chartAxisProps as i, chartCommonProps as a, chartOrientationProp as o } from "./props.js";
+import { createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeStyle as u, openBlock as d, unref as f } from "vue";
+import { boxplotData as p } from "../../../charts/core.js";
+//#region src/components/Chart/BoxPlotChart.vue?vue&type=script&setup=true&lang.ts
+var m = /*@__PURE__*/ l({
+	name: "BoxPlotChart",
+	__name: "BoxPlotChart",
+	props: {
+		...a,
+		...i,
+		...o,
+		series: Array,
+		groups: Array,
+		name: {
+			type: String,
+			default: "Values"
+		},
+		whisker: [Number, String]
+	},
+	emits: [
+		"hover",
+		"pointClick",
+		"plotClick",
+		"zoom",
+		"rendererChange"
+	],
+	setup(i, { expose: a, emit: o }) {
+		let l = i, m = o, { setContainer: h, rootStyle: g, handle: _ } = n(l, () => t(l, r([...l.groups?.length ? [{
+			id: "boxplot",
+			name: l.name,
+			data: p(e(l.groups), { whisker: l.whisker })
+		}] : [], ...l.series ?? []], "boxplot")), {
+			hover: (e) => m("hover", e),
+			click: (e) => m("pointClick", e),
+			plotClick: (e) => m("plotClick", e),
+			zoom: (e) => m("zoom", e),
+			renderer: (e) => m("rendererChange", e)
+		});
+		return a(_), (e, t) => (d(), s("div", {
+			class: "mn-chart",
+			"data-minerva": "chart",
+			style: u(f(g))
+		}, [c("div", {
+			ref: f(h),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=BoxPlotChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPlotChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","BoxPlotChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartOrientationProp","__expose","__emit","props","__props","emit","useCartesianChart","engineOptions","withSeriesType","boxplotData","raw","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/BoxPlotChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  boxplotData,\n  type BoxplotGroup,\n  type ChartSeries,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport {\n  chartAxisProps,\n  chartCommonProps,\n  chartOrientationProp,\n} from \"./props\";\n\n/**\n * Box plot: medians, quartiles, whiskers and outliers of samples, from raw\n * values (`groups`) or computed statistics (`series`)\n */\ndefineOptions({ name: \"BoxPlotChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartOrientationProp,\n  /** Series of box plots: data points with `low`, `q1`, `y` (the median), `q3`, `high` and `outliers` */\n  series: Array as PropType<readonly ChartSeries[]>,\n  /** Raw samples, one box each (an alternative to `series`) */\n  groups: Array as PropType<readonly BoxplotGroup[]>,\n  /** Name of the series built from `groups` */\n  name: { type: String, default: \"Values\" },\n  /** Reach of the whiskers in interquartile ranges beyond the box (Tukey: 1.5); `minmax` extends them to the extremes */\n  whisker: [Number, String] as PropType<number | \"minmax\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) boxes changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A box was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no box */\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    engineOptions(\n      props,\n      withSeriesType(\n        [\n          ...(props.groups?.length\n            ? [\n                {\n                  id: \"boxplot\",\n                  name: props.name,\n                  data: boxplotData(raw(props.groups), {\n                    whisker: props.whisker,\n                  }),\n                },\n              ]\n            : []),\n          ...(props.series ?? []),\n        ],\n        \"boxplot\",\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,IAAMW,IAAQC,GAaRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACEJ,GACAK,EACE,CACE,GAAIL,EAAM,QAAQ,SACd,CACE;GACE,IAAI;GACJ,MAAMA,EAAM;GACZ,MAAMM,EAAYC,EAAIP,EAAM,MAAM,GAAG,EACnC,SAASA,EAAM,QACjB,CAAC;EACH,CACF,IACA,CAAC,GACL,GAAIA,EAAM,UAAU,CAAC,CACvB,GACA,SACF,CACF,GACF;GACE,QAAQ,MAAUE,EAAK,SAASM,CAAK;GACrC,QAAQ,MAAUN,EAAK,cAAcM,CAAK;GAC1C,YAAY,MAAUN,EAAK,aAAaM,CAAK;GAC7C,OAAO,MAASN,EAAK,QAAQO,CAAI;GACjC,WAAW,MAAaP,EAAK,kBAAkBQ,CAAQ;EACzD,CACF;SACAZ,EAAaa,CAAM,cAIjBtB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAwB,CAAA,CAAS;EAC1DvB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAA0B,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,106 @@
+import { ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Diameter in pixels of the smallest bubbles (default 6) */
+    minSize: NumberConstructor;
+    /** Diameter in pixels of the largest value (default 48) */
+    maxSize: NumberConstructor;
+    /** Value drawn with `maxSize` (share a scale between charts); the largest value by default */
+    maxValue: NumberConstructor;
+    series: {
+        readonly type: import('vue').PropType<readonly import('../../../charts/core.js').ChartSeries[]>;
+        readonly required: true;
+    };
+    xAxis: import('vue').PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: import('vue').PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: import('vue').PropType<readonly import('../../../charts/core.js').ChartAnnotation[]>;
+    interaction: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: import('vue').PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: import('vue').PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: import('vue').PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').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<{
+    /** Diameter in pixels of the smallest bubbles (default 6) */
+    minSize: NumberConstructor;
+    /** Diameter in pixels of the largest value (default 48) */
+    maxSize: NumberConstructor;
+    /** Value drawn with `maxSize` (share a scale between charts); the largest value by default */
+    maxValue: NumberConstructor;
+    series: {
+        readonly type: import('vue').PropType<readonly import('../../../charts/core.js').ChartSeries[]>;
+        readonly required: true;
+    };
+    xAxis: import('vue').PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: import('vue').PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: import('vue').PropType<readonly import('../../../charts/core.js').ChartAnnotation[]>;
+    interaction: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: import('vue').PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: import('vue').PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: import('vue').PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').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/BubbleChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleChart.vue.js","names":["_sfc_main","BubbleChart_vue_vue_type_script_setup_true_lang_default","BubbleChart_default"],"sources":["../../../../../vue/src/components/Chart/BubbleChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  bubbleSeries,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport { chartAxisProps, chartCommonProps, chartSeriesProps } from \"./props\";\n\n/**\n * Bubble chart: x, y and a value sized by area (√value diameters)\n */\ndefineOptions({ name: \"BubbleChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  /** Diameter in pixels of the smallest bubbles (default 6) */\n  minSize: Number,\n  /** Diameter in pixels of the largest value (default 48) */\n  maxSize: Number,\n  /** Value drawn with `maxSize` (share a scale between charts); the largest value by default */\n  maxValue: Number,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) bubbles changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A bubble was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no bubble */\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    engineOptions(\n      props,\n      bubbleSeries(withSeriesType(props.series, \"scatter\"), {\n        minSize: props.minSize,\n        maxSize: props.maxSize,\n        maxValue: props.maxValue,\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/BubbleChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { engineOptions as e, useCartesianChart as t, withSeriesType as n } from "./cartesian.js";
+import { chartAxisProps as r, chartCommonProps as i, chartSeriesProps as a } from "./props.js";
+import { createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeStyle as l, openBlock as u, unref as d } from "vue";
+import { bubbleSeries as f } from "../../../charts/core.js";
+//#region src/components/Chart/BubbleChart.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ c({
+	name: "BubbleChart",
+	__name: "BubbleChart",
+	props: {
+		...i,
+		...r,
+		...a,
+		minSize: Number,
+		maxSize: Number,
+		maxValue: Number
+	},
+	emits: [
+		"hover",
+		"pointClick",
+		"plotClick",
+		"zoom",
+		"rendererChange"
+	],
+	setup(r, { expose: i, emit: a }) {
+		let c = r, p = a, { setContainer: m, rootStyle: h, handle: g } = t(c, () => e(c, f(n(c.series, "scatter"), {
+			minSize: c.minSize,
+			maxSize: c.maxSize,
+			maxValue: c.maxValue
+		})), {
+			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(g), (e, t) => (u(), o("div", {
+			class: "mn-chart",
+			"data-minerva": "chart",
+			style: l(d(h))
+		}, [s("div", {
+			ref: d(m),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=BubbleChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","BubbleChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartSeriesProps","__expose","__emit","props","__props","emit","useCartesianChart","engineOptions","bubbleSeries","withSeriesType","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/BubbleChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  bubbleSeries,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport { chartAxisProps, chartCommonProps, chartSeriesProps } from \"./props\";\n\n/**\n * Bubble chart: x, y and a value sized by area (√value diameters)\n */\ndefineOptions({ name: \"BubbleChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  /** Diameter in pixels of the smallest bubbles (default 6) */\n  minSize: Number,\n  /** Diameter in pixels of the largest value (default 48) */\n  maxSize: Number,\n  /** Value drawn with `maxSize` (share a scale between charts); the largest value by default */\n  maxValue: Number,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) bubbles changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A bubble was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no bubble */\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    engineOptions(\n      props,\n      bubbleSeries(withSeriesType(props.series, \"scatter\"), {\n        minSize: props.minSize,\n        maxSize: props.maxSize,\n        maxValue: props.maxValue,\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":";;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMW,IAAQC,GAWRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACEJ,GACAK,EAAaC,EAAeN,EAAM,QAAQ,SAAS,GAAG;GACpD,SAASA,EAAM;GACf,SAASA,EAAM;GACf,UAAUA,EAAM;EAClB,CAAC,CACH,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,cAIjBrB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAuB,CAAA,CAAS;EAC1DtB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAyB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,117 @@
+import { PropType } from 'vue';
+import { BulletDatum, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Rows (columns when vertical): name, value, target, ranges and scale */
+    data: {
+        type: PropType<readonly BulletDatum[]>;
+        required: true;
+    };
+    /** Horizontal rows or vertical columns (default `horizontal`) */
+    orientation: PropType<"horizontal" | "vertical">;
+    /** Qualitative ranges of the rows without `ranges`: upper bounds, ascending */
+    ranges: PropType<readonly number[]>;
+    /** Names of the qualitative ranges, lowest first (tooltip) */
+    rangeLabels: PropType<readonly string[]>;
+    /** Colors of the qualitative ranges, lowest first; shades of gray by default */
+    rangeColors: PropType<readonly string[]>;
+    /** Thickness of the value bar as a fraction of the ranges' thickness (default 0.4) */
+    barSize: NumberConstructor;
+    /** Color of the target markers (default: the text color) */
+    targetColor: StringConstructor;
+    /** Tick labels of the scales, when there is room (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<{
+    /** Rows (columns when vertical): name, value, target, ranges and scale */
+    data: {
+        type: PropType<readonly BulletDatum[]>;
+        required: true;
+    };
+    /** Horizontal rows or vertical columns (default `horizontal`) */
+    orientation: PropType<"horizontal" | "vertical">;
+    /** Qualitative ranges of the rows without `ranges`: upper bounds, ascending */
+    ranges: PropType<readonly number[]>;
+    /** Names of the qualitative ranges, lowest first (tooltip) */
+    rangeLabels: PropType<readonly string[]>;
+    /** Colors of the qualitative ranges, lowest first; shades of gray by default */
+    rangeColors: PropType<readonly string[]>;
+    /** Thickness of the value bar as a fraction of the ranges' thickness (default 0.4) */
+    barSize: NumberConstructor;
+    /** Color of the target markers (default: the text color) */
+    targetColor: StringConstructor;
+    /** Tick labels of the scales, when there is room (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;
+    ticks: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulletChart.vue.js","names":["_sfc_main","BulletChart_vue_vue_type_script_setup_true_lang_default","BulletChart_default"],"sources":["../../../../../vue/src/components/Chart/BulletChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  BulletDatum,\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 * Bullet chart: KPI bars against qualitative ranges and a target marker\n */\ndefineOptions({ name: \"BulletChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Rows (columns when vertical): name, value, target, ranges and scale */\n  data: { type: Array as PropType<readonly BulletDatum[]>, required: true },\n  /** Horizontal rows or vertical columns (default `horizontal`) */\n  orientation: String as PropType<\"horizontal\" | \"vertical\">,\n  /** Qualitative ranges of the rows without `ranges`: upper bounds, ascending */\n  ranges: Array as PropType<readonly number[]>,\n  /** Names of the qualitative ranges, lowest first (tooltip) */\n  rangeLabels: Array as PropType<readonly string[]>,\n  /** Colors of the qualitative ranges, lowest first; shades of gray by default */\n  rangeColors: Array as PropType<readonly string[]>,\n  /** Thickness of the value bar as a fraction of the ranges' thickness (default 0.4) */\n  barSize: Number,\n  /** Color of the target markers (default: the text color) */\n  targetColor: String,\n  /** Tick labels of the scales, when there is room (default `true`) */\n  ticks: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) bar changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A bar 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}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"bullet\",\n    data: raw(props.data),\n    orientation: props.orientation,\n    ranges: raw(props.ranges),\n    rangeLabels: raw(props.rangeLabels),\n    rangeColors: raw(props.rangeColors),\n    barSize: props.barSize,\n    targetColor: props.targetColor,\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  () =>\n    props.orientation === \"vertical\"\n      ? 320\n      : Math.max(96, props.data.length * 64 + 16) + (props.legend ? 34 : 0),\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/BulletChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,64 @@
+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/BulletChart.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	name: "BulletChart",
+	__name: "BulletChart",
+	props: {
+		...t,
+		data: {
+			type: Array,
+			required: !0
+		},
+		orientation: String,
+		ranges: Array,
+		rangeLabels: Array,
+		rangeColors: Array,
+		barSize: Number,
+		targetColor: String,
+		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: "bullet",
+			data: e(d.data),
+			orientation: d.orientation,
+			ranges: e(d.ranges),
+			rangeLabels: e(d.rangeLabels),
+			rangeColors: e(d.rangeColors),
+			barSize: d.barSize,
+			targetColor: d.targetColor,
+			ticks: d.ticks
+		}), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("click", e),
+			toggle: (e) => f("toggle", e)
+		}, () => d.orientation === "vertical" ? 320 : Math.max(96, d.data.length * 64 + 16) + (d.legend ? 34 : 0));
+		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=BulletChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulletChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","BulletChart_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/BulletChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  BulletDatum,\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 * Bullet chart: KPI bars against qualitative ranges and a target marker\n */\ndefineOptions({ name: \"BulletChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Rows (columns when vertical): name, value, target, ranges and scale */\n  data: { type: Array as PropType<readonly BulletDatum[]>, required: true },\n  /** Horizontal rows or vertical columns (default `horizontal`) */\n  orientation: String as PropType<\"horizontal\" | \"vertical\">,\n  /** Qualitative ranges of the rows without `ranges`: upper bounds, ascending */\n  ranges: Array as PropType<readonly number[]>,\n  /** Names of the qualitative ranges, lowest first (tooltip) */\n  rangeLabels: Array as PropType<readonly string[]>,\n  /** Colors of the qualitative ranges, lowest first; shades of gray by default */\n  rangeColors: Array as PropType<readonly string[]>,\n  /** Thickness of the value bar as a fraction of the ranges' thickness (default 0.4) */\n  barSize: Number,\n  /** Color of the target markers (default: the text color) */\n  targetColor: String,\n  /** Tick labels of the scales, when there is room (default `true`) */\n  ticks: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) bar changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A bar 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}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"bullet\",\n    data: raw(props.data),\n    orientation: props.orientation,\n    ranges: raw(props.ranges),\n    rangeLabels: raw(props.rangeLabels),\n    rangeColors: raw(props.rangeColors),\n    barSize: props.barSize,\n    targetColor: props.targetColor,\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  () =>\n    props.orientation === \"vertical\"\n      ? 320\n      : Math.max(96, props.data.length * 64 + 16) + (props.legend ? 34 : 0),\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMS,IAAQC,GAmBRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,MAAMK,EAAIL,EAAM,IAAI;GACpB,aAAaA,EAAM;GACnB,QAAQK,EAAIL,EAAM,MAAM;GACxB,aAAaK,EAAIL,EAAM,WAAW;GAClC,aAAaK,EAAIL,EAAM,WAAW;GAClC,SAASA,EAAM;GACf,aAAaA,EAAM;GACnB,OAAOA,EAAM;EACf,IACA;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,SAASI,CAAK;GACrC,SAAS,MAAUJ,EAAK,UAAUI,CAAK;EACzC,SAEEN,EAAM,gBAAgB,aAClB,MACA,KAAK,IAAI,IAAIA,EAAM,KAAK,SAAS,KAAK,EAAE,KAAKA,EAAM,SAAS,KAAK,EACzE;SACAF,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"}