minerva-design 1.2.0 → 1.4.0

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

@@ -0,0 +1,188 @@
+import { PropType } from 'vue';
+import { ChartAnnotation, ChartAxisOptions, ChartCurve, ChartInteractionOptions, ChartLegendOptions, ChartOptions, ChartOrientation, ChartPadding, ChartRendererPreference, ChartSeries, ChartTooltipOptions, ShapeChartCommonOptions, ShapeDatum, ShapeLegendOptions, ShapeTooltipOptions } from '../../../charts/core.js';
+/** Size and update props of every chart component */
+export declare const chartFrameProps: {
+    /** Height of the chart (the legend included); numbers are pixels, strings any CSS length */
+    height: PropType<number | string>;
+    /** Width of the chart; numbers are pixels (default `100%`) */
+    width: PropType<number | string>;
+    /**
+     * Also follows in-place mutations of nested data (`series[0].data.push()`);
+     * by default the chart updates when a prop is replaced (cheaper on large data)
+     */
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/** Props shared by the cartesian chart components (engine `createChart`) */
+export declare const chartCommonProps: {
+    /** Backend of the data layer: `auto` tries WebGPU, then WebGL2, then WebGL, then Canvas2D (default `auto`) */
+    renderer: PropType<ChartRendererPreference>;
+    /** Legend; shown by default when several series have a name */
+    legend: {
+        type: PropType<boolean | ChartLegendOptions>;
+        default: undefined;
+    };
+    /** Tooltip; `false` disables it */
+    tooltip: {
+        type: PropType<boolean | ChartTooltipOptions>;
+        default: undefined;
+    };
+    /** Vertical guide line following the pointer */
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Background areas and reference lines */
+    annotations: PropType<readonly ChartAnnotation[]>;
+    /** Zoom (Ctrl / ⌘ + wheel, pinch), pan (drag), double-click reset and keyboard navigation; `false` makes the chart static (default `true`) */
+    interaction: {
+        type: PropType<boolean | ChartInteractionOptions>;
+        default: undefined;
+    };
+    /** Space around the plot area, in pixels */
+    padding: PropType<ChartPadding>;
+    /** Series colors (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */
+    palette: PropType<readonly string[]>;
+    /** Accessible name of the chart */
+    ariaLabel: StringConstructor;
+    /** BCP 47 locale of the texts and numbers the engine writes (tooltip, axes, accessible names); the page language by default */
+    locale: StringConstructor;
+    /** Overrides of the built-in texts of the `locale` */
+    labels: PropType<ChartOptions["labels"]>;
+    /** Height of the chart (the legend included); numbers are pixels, strings any CSS length */
+    height: PropType<number | string>;
+    /** Width of the chart; numbers are pixels (default `100%`) */
+    width: PropType<number | string>;
+    /**
+     * Also follows in-place mutations of nested data (`series[0].data.push()`);
+     * by default the chart updates when a prop is replaced (cheaper on large data)
+     */
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/** X / Y axes */
+export declare const chartAxisProps: {
+    /** X axis */
+    xAxis: PropType<ChartAxisOptions>;
+    /** Y axis */
+    yAxis: PropType<ChartAxisOptions>;
+};
+/** Data series */
+export declare const chartSeriesProps: {
+    /** Data series (replace the array or a `data` array to update the chart) */
+    readonly series: {
+        readonly type: PropType<readonly ChartSeries[]>;
+        readonly required: true;
+    };
+};
+/** Orientation of the bars, boxes and steps */
+export declare const chartOrientationProp: {
+    /** `horizontal` puts the x axis (categories) down the left side and the values along the bottom (default `vertical`) */
+    orientation: PropType<ChartOrientation>;
+};
+/** Right value axis */
+export declare const chartAxis2Prop: {
+    /** Right value axis of the series with `yAxis: "right"`; its range is aligned on the left ticks (vertical charts) */
+    yAxis2: PropType<ChartAxisOptions>;
+};
+/** Stacking of the line, area and bar charts */
+export declare const chartStackProps: {
+    /** Stacks the series on top of each other (default `false`) */
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Scales the stacks to 100% (implies `stacked`; default `false`) */
+    percent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/** Shape of the lines */
+export declare const chartCurveProp: {
+    /** Shape of the lines: straight, smooth (monotone) or steps */
+    curve: PropType<ChartCurve>;
+};
+/** Props shared by the shape chart components (engine `createShapeChart`) */
+export declare const shapeCommonProps: {
+    /** Colors of the marks without `color` (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */
+    palette: PropType<readonly string[]>;
+    /** Legend; clicking an item hides / shows its slice, stage or series (shown by default for pie, donut, funnel and multi-series radar charts) */
+    legend: {
+        type: PropType<boolean | ShapeLegendOptions>;
+        default: undefined;
+    };
+    /** Tooltip; `false` disables it (default `true`) */
+    tooltip: {
+        type: PropType<boolean | ShapeTooltipOptions>;
+        default: undefined;
+    };
+    /** Formats the values of the labels and the tooltip (default: compact numbers, 1.2k, 3.4M) */
+    format: PropType<(value: number) => string>;
+    /** Formats the shares (labels, conversion rates, tooltip); `share` is 0-1 (default: one decimal, "40.0%") */
+    percentFormat: PropType<(share: number) => string>;
+    /**
+     * Hidden slices / stages / radar series / top-level treemap nodes, by
+     * index. Makes the visibility controlled: legend clicks then only emit
+     * `toggle`, whose `hiddenIndexes` should be stored and passed back.
+     */
+    hidden: PropType<readonly number[]>;
+    /** Entry and update animations, skipped when the user prefers reduced motion (default `true`) */
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Space around the drawing, in pixels (default 8 on every side) */
+    padding: PropType<ChartPadding>;
+    /** Accessible name of the chart (default: the chart type, e.g. "Donut chart") */
+    ariaLabel: StringConstructor;
+    /** BCP 47 locale of the texts and numbers the engine writes (tooltip rows, accessible names, compact numbers); the page language by default */
+    locale: StringConstructor;
+    /** Replaces built-in texts of the `locale` (tooltip rows, accessible names, "No data") */
+    texts: PropType<ShapeChartCommonOptions["texts"]>;
+    /** Height of the chart (the legend included); numbers are pixels, strings any CSS length */
+    height: PropType<number | string>;
+    /** Width of the chart; numbers are pixels (default `100%`) */
+    width: PropType<number | string>;
+    /**
+     * Also follows in-place mutations of nested data (`series[0].data.push()`);
+     * by default the chart updates when a prop is replaced (cheaper on large data)
+     */
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/** Props of PieChart and DonutChart (besides the common ones) */
+export declare const pieProps: {
+    /** Slices: a name, a value (negative values count as 0) and an optional color */
+    readonly data: {
+        readonly type: PropType<readonly ShapeDatum[]>;
+        readonly required: true;
+    };
+    /** Inner radius as a fraction of the outer radius: 0 = pie, 0.6 = donut (default 0, DonutChart 0.62) */
+    readonly innerRadius: NumberConstructor;
+    /** Angle of the first slice, degrees clockwise from 12 o'clock (default 0) */
+    readonly startAngle: NumberConstructor;
+    /** Gap between the slices, in pixels (default 1, donut 2) */
+    readonly padAngle: NumberConstructor;
+    /** Corner radius of the slices, in pixels (default 0, donut 4) */
+    readonly cornerRadius: NumberConstructor;
+    /** Nightingale rose: the radius (instead of the angle) shows the value */
+    readonly rose: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Slice labels: `outside` with leader lines, `inside` the slices, or none (default `outside` up to 12 slices) */
+    readonly labels: PropType<"outside" | "inside" | "none">;
+    /** What a label shows: name, value, percent (default `["name", "percent"]`) */
+    readonly labelContent: PropType<readonly ("name" | "value" | "percent")[]>;
+    /** Big text in the hole of a donut (e.g. the total) */
+    readonly centerValue: StringConstructor;
+    /** Small text under `centerValue` */
+    readonly centerLabel: StringConstructor;
+};

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

@@ -0,0 +1,92 @@
+//#region src/components/Chart/props.ts
+var e = {
+	height: [Number, String],
+	width: [Number, String],
+	deep: {
+		type: Boolean,
+		default: !1
+	}
+}, t = {
+	...e,
+	renderer: String,
+	legend: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	tooltip: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	crosshair: {
+		type: Boolean,
+		default: void 0
+	},
+	annotations: Array,
+	interaction: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	padding: Object,
+	palette: Array,
+	ariaLabel: String,
+	locale: String,
+	labels: Object
+}, n = {
+	xAxis: Object,
+	yAxis: Object
+}, r = { series: {
+	type: Array,
+	required: !0
+} }, i = { orientation: String }, a = { yAxis2: Object }, o = {
+	stacked: {
+		type: Boolean,
+		default: !1
+	},
+	percent: {
+		type: Boolean,
+		default: !1
+	}
+}, s = { curve: String }, c = {
+	...e,
+	palette: Array,
+	legend: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	tooltip: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	format: Function,
+	percentFormat: Function,
+	hidden: Array,
+	animation: {
+		type: Boolean,
+		default: void 0
+	},
+	padding: Object,
+	ariaLabel: String,
+	locale: String,
+	texts: Object
+}, l = {
+	data: {
+		type: Array,
+		required: !0
+	},
+	innerRadius: Number,
+	startAngle: Number,
+	padAngle: Number,
+	cornerRadius: Number,
+	rose: {
+		type: Boolean,
+		default: void 0
+	},
+	labels: String,
+	labelContent: Array,
+	centerValue: String,
+	centerLabel: String
+};
+//#endregion
+export { a as chartAxis2Prop, n as chartAxisProps, t as chartCommonProps, s as chartCurveProp, e as chartFrameProps, i as chartOrientationProp, r as chartSeriesProps, o as chartStackProps, l as pieProps, c as shapeCommonProps };
+
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","names":["chartFrameProps","chartCommonProps","chartAxisProps","chartSeriesProps","chartOrientationProp","chartAxis2Prop","chartStackProps","chartCurveProp","shapeCommonProps","pieProps"],"sources":["../../../../../vue/src/components/Chart/props.ts"],"sourcesContent":["import type { PropType } from \"vue\";\nimport type {\n  ChartAnnotation,\n  ChartAxisOptions,\n  ChartCurve,\n  ChartInteractionOptions,\n  ChartLegendOptions,\n  ChartOptions,\n  ChartOrientation,\n  ChartPadding,\n  ChartRendererPreference,\n  ChartSeries,\n  ChartTooltipOptions,\n  ShapeChartCommonOptions,\n  ShapeDatum,\n  ShapeLegendOptions,\n  ShapeTooltipOptions,\n} from \"minerva-design/charts/core\";\n\n// Booleans and boolean unions default to `undefined` (not Vue's `false`) so\n// the engine defaults apply when they are omitted.\n\n/** Size and update props of every chart component */\nexport const chartFrameProps = {\n  /** Height of the chart (the legend included); numbers are pixels, strings any CSS length */\n  height: [Number, String] as PropType<number | string>,\n  /** Width of the chart; numbers are pixels (default `100%`) */\n  width: [Number, String] as PropType<number | string>,\n  /**\n   * Also follows in-place mutations of nested data (`series[0].data.push()`);\n   * by default the chart updates when a prop is replaced (cheaper on large data)\n   */\n  deep: { type: Boolean, default: false },\n};\n\n/** Props shared by the cartesian chart components (engine `createChart`) */\nexport const chartCommonProps = {\n  ...chartFrameProps,\n  /** Backend of the data layer: `auto` tries WebGPU, then WebGL2, then WebGL, then Canvas2D (default `auto`) */\n  renderer: String as PropType<ChartRendererPreference>,\n  /** Legend; shown by default when several series have a name */\n  legend: {\n    type: [Boolean, Object] as PropType<boolean | ChartLegendOptions>,\n    default: undefined,\n  },\n  /** Tooltip; `false` disables it */\n  tooltip: {\n    type: [Boolean, Object] as PropType<boolean | ChartTooltipOptions>,\n    default: undefined,\n  },\n  /** Vertical guide line following the pointer */\n  crosshair: { type: Boolean, default: undefined },\n  /** Background areas and reference lines */\n  annotations: Array as PropType<readonly ChartAnnotation[]>,\n  /** Zoom (Ctrl / ⌘ + wheel, pinch), pan (drag), double-click reset and keyboard navigation; `false` makes the chart static (default `true`) */\n  interaction: {\n    type: [Boolean, Object] as PropType<boolean | ChartInteractionOptions>,\n    default: undefined,\n  },\n  /** Space around the plot area, in pixels */\n  padding: Object as PropType<ChartPadding>,\n  /** Series colors (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */\n  palette: Array as PropType<readonly string[]>,\n  /** Accessible name of the chart */\n  ariaLabel: String,\n  /** BCP 47 locale of the texts and numbers the engine writes (tooltip, axes, accessible names); the page language by default */\n  locale: String,\n  /** Overrides of the built-in texts of the `locale` */\n  labels: Object as PropType<ChartOptions[\"labels\"]>,\n};\n\n/** X / Y axes */\nexport const chartAxisProps = {\n  /** X axis */\n  xAxis: Object as PropType<ChartAxisOptions>,\n  /** Y axis */\n  yAxis: Object as PropType<ChartAxisOptions>,\n};\n\n/** Data series */\nexport const chartSeriesProps = {\n  /** Data series (replace the array or a `data` array to update the chart) */\n  series: { type: Array as PropType<readonly ChartSeries[]>, required: true },\n} as const;\n\n/** Orientation of the bars, boxes and steps */\nexport const chartOrientationProp = {\n  /** `horizontal` puts the x axis (categories) down the left side and the values along the bottom (default `vertical`) */\n  orientation: String as PropType<ChartOrientation>,\n};\n\n/** Right value axis */\nexport const chartAxis2Prop = {\n  /** Right value axis of the series with `yAxis: \"right\"`; its range is aligned on the left ticks (vertical charts) */\n  yAxis2: Object as PropType<ChartAxisOptions>,\n};\n\n/** Stacking of the line, area and bar charts */\nexport const chartStackProps = {\n  /** Stacks the series on top of each other (default `false`) */\n  stacked: { type: Boolean, default: false },\n  /** Scales the stacks to 100% (implies `stacked`; default `false`) */\n  percent: { type: Boolean, default: false },\n};\n\n/** Shape of the lines */\nexport const chartCurveProp = {\n  /** Shape of the lines: straight, smooth (monotone) or steps */\n  curve: String as PropType<ChartCurve>,\n};\n\n/** Props shared by the shape chart components (engine `createShapeChart`) */\nexport const shapeCommonProps = {\n  ...chartFrameProps,\n  /** Colors of the marks without `color` (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */\n  palette: Array as PropType<readonly string[]>,\n  /** Legend; clicking an item hides / shows its slice, stage or series (shown by default for pie, donut, funnel and multi-series radar charts) */\n  legend: {\n    type: [Boolean, Object] as PropType<boolean | ShapeLegendOptions>,\n    default: undefined,\n  },\n  /** Tooltip; `false` disables it (default `true`) */\n  tooltip: {\n    type: [Boolean, Object] as PropType<boolean | ShapeTooltipOptions>,\n    default: undefined,\n  },\n  /** Formats the values of the labels and the tooltip (default: compact numbers, 1.2k, 3.4M) */\n  format: Function as PropType<(value: number) => string>,\n  /** Formats the shares (labels, conversion rates, tooltip); `share` is 0-1 (default: one decimal, \"40.0%\") */\n  percentFormat: Function as PropType<(share: number) => string>,\n  /**\n   * Hidden slices / stages / radar series / top-level treemap nodes, by\n   * index. Makes the visibility controlled: legend clicks then only emit\n   * `toggle`, whose `hiddenIndexes` should be stored and passed back.\n   */\n  hidden: Array as PropType<readonly number[]>,\n  /** Entry and update animations, skipped when the user prefers reduced motion (default `true`) */\n  animation: { type: Boolean, default: undefined },\n  /** Space around the drawing, in pixels (default 8 on every side) */\n  padding: Object as PropType<ChartPadding>,\n  /** Accessible name of the chart (default: the chart type, e.g. \"Donut chart\") */\n  ariaLabel: String,\n  /** BCP 47 locale of the texts and numbers the engine writes (tooltip rows, accessible names, compact numbers); the page language by default */\n  locale: String,\n  /** Replaces built-in texts of the `locale` (tooltip rows, accessible names, \"No data\") */\n  texts: Object as PropType<ShapeChartCommonOptions[\"texts\"]>,\n};\n\n/** Props of PieChart and DonutChart (besides the common ones) */\nexport const pieProps = {\n  /** Slices: a name, a value (negative values count as 0) and an optional color */\n  data: { type: Array as PropType<readonly ShapeDatum[]>, required: true },\n  /** Inner radius as a fraction of the outer radius: 0 = pie, 0.6 = donut (default 0, DonutChart 0.62) */\n  innerRadius: Number,\n  /** Angle of the first slice, degrees clockwise from 12 o'clock (default 0) */\n  startAngle: Number,\n  /** Gap between the slices, in pixels (default 1, donut 2) */\n  padAngle: Number,\n  /** Corner radius of the slices, in pixels (default 0, donut 4) */\n  cornerRadius: Number,\n  /** Nightingale rose: the radius (instead of the angle) shows the value */\n  rose: { type: Boolean, default: undefined },\n  /** Slice labels: `outside` with leader lines, `inside` the slices, or none (default `outside` up to 12 slices) */\n  labels: String as PropType<\"outside\" | \"inside\" | \"none\">,\n  /** What a label shows: name, value, percent (default `[\"name\", \"percent\"]`) */\n  labelContent: Array as PropType<readonly (\"name\" | \"value\" | \"percent\")[]>,\n  /** Big text in the hole of a donut (e.g. the total) */\n  centerValue: String,\n  /** Small text under `centerValue` */\n  centerLabel: String,\n} as const;\n"],"mappings":";AAuBA,IAAaA,IAAkB;CAE7B,QAAQ,CAAC,QAAQ,MAAM;CAEvB,OAAO,CAAC,QAAQ,MAAM;CAKtB,MAAM;EAAE,MAAM;EAAS,SAAS;CAAM;AACxC,GAGaC,IAAmB;CAC9B,GAAGD;CAEH,UAAU;CAEV,QAAQ;EACN,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,SAAS;EACP,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,WAAW;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;CAE/C,aAAa;CAEb,aAAa;EACX,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,SAAS;CAET,SAAS;CAET,WAAW;CAEX,QAAQ;CAER,QAAQ;AACV,GAGaE,IAAiB;CAE5B,OAAO;CAEP,OAAO;AACT,GAGaC,IAAmB,EAE9B,QAAQ;CAAE,MAAM;CAA2C,UAAU;AAAK,EAC5E,GAGaC,IAAuB,EAElC,aAAa,OACf,GAGaC,IAAiB,EAE5B,QAAQ,OACV,GAGaC,IAAkB;CAE7B,SAAS;EAAE,MAAM;EAAS,SAAS;CAAM;CAEzC,SAAS;EAAE,MAAM;EAAS,SAAS;CAAM;AAC3C,GAGaC,IAAiB,EAE5B,OAAO,OACT,GAGaC,IAAmB;CAC9B,GAAGR;CAEH,SAAS;CAET,QAAQ;EACN,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,SAAS;EACP,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,QAAQ;CAER,eAAe;CAMf,QAAQ;CAER,WAAW;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;CAE/C,SAAS;CAET,WAAW;CAEX,QAAQ;CAER,OAAO;AACT,GAGaS,IAAW;CAEtB,MAAM;EAAE,MAAM;EAA0C,UAAU;CAAK;CAEvE,aAAa;CAEb,YAAY;CAEZ,UAAU;CAEV,cAAc;CAEd,MAAM;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;CAE1C,QAAQ;CAER,cAAc;CAEd,aAAa;CAEb,aAAa;AACf"}

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

@@ -0,0 +1,41 @@
+import { CalendarHeatmapOptions, ChartPadding, ShapeChartCommonOptions, ShapeChartOptions, ShapeDrillEvent, ShapeHoverEvent, ShapeLegendOptions, ShapeToggleEvent, ShapeTooltipOptions } from '../../../charts/core.js';
+import { ShapeChartHandle } from './types.js';
+/** The common props read by `shapeCommonOptions` */
+interface ShapeCommonProps {
+    palette?: readonly string[];
+    legend?: boolean | ShapeLegendOptions;
+    tooltip?: boolean | ShapeTooltipOptions;
+    format?: (value: number) => string;
+    percentFormat?: (share: number) => string;
+    hidden?: readonly number[];
+    animation?: boolean;
+    padding?: ChartPadding;
+    ariaLabel?: string;
+    locale?: string;
+    texts?: ShapeChartCommonOptions["texts"];
+}
+/** Engine options shared by every shape chart */
+export declare const shapeCommonOptions: (props: ShapeCommonProps) => ShapeChartCommonOptions;
+/** Engine events forwarded by a shape chart */
+export interface ShapeHandlers {
+    hover?: (event: ShapeHoverEvent | null) => void;
+    click?: (event: ShapeHoverEvent) => void;
+    toggle?: (event: ShapeToggleEvent) => void;
+    drill?: (event: ShapeDrillEvent) => void;
+}
+/** Engine (`createShapeChart`), root style and template handle of a shape chart */
+export declare function useShapeChart(props: object & {
+    deep?: boolean;
+    width?: number | string;
+    height?: number | string;
+}, build: () => ShapeChartOptions | null, handlers: ShapeHandlers, defaultHeight?: number | (() => number)): {
+    setContainer: (el: unknown) => void;
+    rootStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+    handle: ShapeChartHandle;
+};
+/**
+ * Strips of a calendar heatmap (`weeks` layout): one per year when the
+ * range spans several years, for its default height
+ */
+export declare const calendarStrips: (range: CalendarHeatmapOptions["range"]) => number;
+export {};

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

@@ -0,0 +1,42 @@
+import { raw as e, useChartEngine as t, useRootStyle as n } from "./engine.js";
+import { createShapeChart as r } from "../../../charts/core.js";
+//#region src/components/Chart/shape.ts
+var i = (t) => ({
+	palette: e(t.palette),
+	legend: e(t.legend),
+	tooltip: e(t.tooltip),
+	format: t.format,
+	percentFormat: t.percentFormat,
+	hidden: t.hidden ? [...t.hidden] : void 0,
+	animation: t.animation,
+	padding: e(t.padding),
+	ariaLabel: t.ariaLabel,
+	locale: t.locale,
+	texts: e(t.texts)
+});
+function a(e, i, a, o = 320) {
+	let { setContainer: s, instance: c } = t(r, e, i, (e) => [
+		e.on("hover", (e) => a.hover?.(e)),
+		e.on("click", (e) => a.click?.(e)),
+		e.on("toggle", (e) => a.toggle?.(e)),
+		e.on("drill", (e) => a.drill?.(e))
+	]);
+	return {
+		setContainer: s,
+		rootStyle: n(e, o),
+		handle: {
+			toggle: (e) => c.value?.toggle(e),
+			drill: (e) => c.value?.drill(e),
+			getInstance: () => c.value
+		}
+	};
+}
+var o = (e) => e instanceof Date ? e : new Date(e), s = (e) => {
+	if (!Array.isArray(e)) return 1;
+	let [t, n] = e, r = o(t).getFullYear(), i = o(n).getFullYear(), a = (o(n).getTime() - o(t).getTime()) / 864e5 + 1;
+	return i > r && a > 371 ? i - r + 1 : 1;
+};
+//#endregion
+export { s as calendarStrips, i as shapeCommonOptions, a as useShapeChart };
+
+//# sourceMappingURL=shape.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","names":["shapeCommonOptions","raw","props","useShapeChart","useChartEngine","createShapeChart","build","chart","handlers","event","useRootStyle","defaultHeight","instance","index","path","dateOf","date","calendarStrips","range","start","end","y0","y1","days"],"sources":["../../../../../vue/src/components/Chart/shape.ts"],"sourcesContent":["import {\n  createShapeChart,\n  type CalendarDate,\n  type CalendarHeatmapOptions,\n  type ChartPadding,\n  type ShapeChartCommonOptions,\n  type ShapeChartInstance,\n  type ShapeChartOptions,\n  type ShapeDrillEvent,\n  type ShapeHoverEvent,\n  type ShapeLegendOptions,\n  type ShapeToggleEvent,\n  type ShapeTooltipOptions,\n} from \"minerva-design/charts/core\";\nimport { raw, useChartEngine, useRootStyle } from \"./engine\";\nimport type { ShapeChartHandle } from \"./types\";\n\n/** The common props read by `shapeCommonOptions` */\ninterface ShapeCommonProps {\n  palette?: readonly string[];\n  legend?: boolean | ShapeLegendOptions;\n  tooltip?: boolean | ShapeTooltipOptions;\n  format?: (value: number) => string;\n  percentFormat?: (share: number) => string;\n  hidden?: readonly number[];\n  animation?: boolean;\n  padding?: ChartPadding;\n  ariaLabel?: string;\n  locale?: string;\n  texts?: ShapeChartCommonOptions[\"texts\"];\n}\n\n/** Engine options shared by every shape chart */\nexport const shapeCommonOptions = (\n  props: ShapeCommonProps,\n): ShapeChartCommonOptions => ({\n  palette: raw(props.palette),\n  legend: raw(props.legend),\n  tooltip: raw(props.tooltip),\n  format: props.format,\n  percentFormat: props.percentFormat,\n  hidden: props.hidden ? [...props.hidden] : undefined,\n  animation: props.animation,\n  padding: raw(props.padding),\n  ariaLabel: props.ariaLabel,\n  locale: props.locale,\n  texts: raw(props.texts),\n});\n\n/** Engine events forwarded by a shape chart */\nexport interface ShapeHandlers {\n  hover?: (event: ShapeHoverEvent | null) => void;\n  click?: (event: ShapeHoverEvent) => void;\n  toggle?: (event: ShapeToggleEvent) => void;\n  drill?: (event: ShapeDrillEvent) => void;\n}\n\n/** Engine (`createShapeChart`), root style and template handle of a shape chart */\nexport function useShapeChart(\n  props: object & {\n    deep?: boolean;\n    width?: number | string;\n    height?: number | string;\n  },\n  build: () => ShapeChartOptions | null,\n  handlers: ShapeHandlers,\n  defaultHeight: number | (() => number) = 320,\n) {\n  const { setContainer, instance } = useChartEngine<\n    ShapeChartOptions,\n    ShapeChartInstance\n  >(createShapeChart, props, build, (chart) => [\n    chart.on(\"hover\", (event) => handlers.hover?.(event)),\n    chart.on(\"click\", (event) => handlers.click?.(event)),\n    chart.on(\"toggle\", (event) => handlers.toggle?.(event)),\n    chart.on(\"drill\", (event) => handlers.drill?.(event)),\n  ]);\n  const handle: ShapeChartHandle = {\n    toggle: (index) => instance.value?.toggle(index),\n    drill: (path) => instance.value?.drill(path),\n    getInstance: () => instance.value,\n  };\n  return {\n    setContainer,\n    rootStyle: useRootStyle(props, defaultHeight),\n    handle,\n  };\n}\n\nconst dateOf = (date: CalendarDate) =>\n  date instanceof Date ? date : new Date(date);\n\n/**\n * Strips of a calendar heatmap (`weeks` layout): one per year when the\n * range spans several years, for its default height\n */\nexport const calendarStrips = (range: CalendarHeatmapOptions[\"range\"]) => {\n  if (!Array.isArray(range)) return 1;\n  const [start, end] = range as readonly [CalendarDate, CalendarDate];\n  const y0 = dateOf(start).getFullYear();\n  const y1 = dateOf(end).getFullYear();\n  const days =\n    (dateOf(end).getTime() - dateOf(start).getTime()) / 86_400_000 + 1;\n  return y1 > y0 && days > 371 ? y1 - y0 + 1 : 1;\n};\n"],"mappings":";;;AAiCA,IAAaA,KACX,OAC6B;CAC7B,SAASC,EAAIC,EAAM,OAAO;CAC1B,QAAQD,EAAIC,EAAM,MAAM;CACxB,SAASD,EAAIC,EAAM,OAAO;CAC1B,QAAQA,EAAM;CACd,eAAeA,EAAM;CACrB,QAAQA,EAAM,SAAS,CAAC,GAAGA,EAAM,MAAM,IAAI,KAAA;CAC3C,WAAWA,EAAM;CACjB,SAASD,EAAIC,EAAM,OAAO;CAC1B,WAAWA,EAAM;CACjB,QAAQA,EAAM;CACd,OAAOD,EAAIC,EAAM,KAAK;AACxB;AAWA,SAAgBC,EACd,GAKA,GACA,GACA,IAAyC,KACzC;CACA,IAAM,EAAE,iBAAc,gBAAaC,EAGjCC,GAAkBH,GAAOI,IAAQ,MAAU;EAC3CC,EAAM,GAAG,UAAU,MAAUC,EAAS,QAAQC,CAAK,CAAC;EACpDF,EAAM,GAAG,UAAU,MAAUC,EAAS,QAAQC,CAAK,CAAC;EACpDF,EAAM,GAAG,WAAW,MAAUC,EAAS,SAASC,CAAK,CAAC;EACtDF,EAAM,GAAG,UAAU,MAAUC,EAAS,QAAQC,CAAK,CAAC;CACtD,CAAC;CAMD,OAAO;EACL;EACA,WAAWC,EAAaR,GAAOS,CAAa;EAC5C,QAAA;GAPA,SAAS,MAAUC,EAAS,OAAO,OAAOC,CAAK;GAC/C,QAAQ,MAASD,EAAS,OAAO,MAAME,CAAI;GAC3C,mBAAmBF,EAAS;EAK5B;CACF;AACF;AAEA,IAAMG,KAAU,MACdC,aAAgB,OAAOA,IAAO,IAAI,KAAKA,CAAI,GAMhCC,KAAkB,MAA2C;CACxE,IAAI,CAAC,MAAM,QAAQC,CAAK,GAAG,OAAO;CAClC,IAAM,CAACC,GAAOC,KAAOF,GACfG,IAAKN,EAAOI,CAAK,CAAC,CAAC,YAAY,GAC/BG,IAAKP,EAAOK,CAAG,CAAC,CAAC,YAAY,GAC7BG,KACHR,EAAOK,CAAG,CAAC,CAAC,QAAQ,IAAIL,EAAOI,CAAK,CAAC,CAAC,QAAQ,KAAK,QAAa;CACnE,OAAOG,IAAKD,KAAME,IAAO,MAAMD,IAAKD,IAAK,IAAI;AAC/C"}

package/dist/vue/components/Chart/three-d.d.ts

@@ -0,0 +1,106 @@
+import { PropType } from 'vue';
+import { Chart3DAxisOptions, Chart3DCameraOptions, Chart3DCameraState, Chart3DColorBarOptions, Chart3DColorScale, Chart3DHoverEvent, Chart3DInteractionOptions, Chart3DLegendOptions, Chart3DLightingOptions, Chart3DOptions, Chart3DSeries, Chart3DTooltipOptions, ChartRendererKind, ChartRendererPreference } from '../../../charts/core.js';
+import { Chart3DHandle } from './types.js';
+/** Props shared by the 3D chart components (engine `createChart3D`) */
+export declare const chart3DCommonProps: {
+    /** X axis (width of the box) */
+    xAxis: PropType<Chart3DAxisOptions>;
+    /** Y axis (depth of the box) */
+    yAxis: PropType<Chart3DAxisOptions>;
+    /** Z axis (height of the box) */
+    zAxis: PropType<Chart3DAxisOptions>;
+    /** Initial camera, also restored by a double click (changing it moves the camera) */
+    camera: PropType<Chart3DCameraOptions>;
+    /** Turns the camera around the box: `true` at 12°/s or a speed in degrees per second (default `false`) */
+    autoRotate: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    /** Proportions of the box (x, y, z; default `[1, 1, 0.7]`) */
+    aspect: PropType<readonly [number, number, number]>;
+    /** Draws the axis box: back walls, grid lines, tick labels and axis titles (default `true`) */
+    box: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Colors of `colorBy: "z"` / `"value"`: a built-in ramp or CSS colors (default `viridis`) */
+    colorScale: PropType<Chart3DColorScale>;
+    /** Values mapped to the ends of the color scale; the data range by default */
+    valueRange: PropType<readonly [number, number]>;
+    /** Color bar; shown by default when a visible series uses the color scale */
+    colorBar: {
+        type: PropType<boolean | Chart3DColorBarOptions>;
+        default: undefined;
+    };
+    /** Legend; shown by default when several series have a name */
+    legend: {
+        type: PropType<boolean | Chart3DLegendOptions>;
+        default: undefined;
+    };
+    /** Tooltip; `false` disables it */
+    tooltip: {
+        type: PropType<boolean | Chart3DTooltipOptions>;
+        default: undefined;
+    };
+    /** Drag rotates, right / Shift + drag pans, Ctrl / ⌘ + wheel and pinch zoom; `false` makes the chart static (default `true`) */
+    interaction: {
+        type: PropType<boolean | Chart3DInteractionOptions>;
+        default: undefined;
+    };
+    /** Lighting of the surfaces and bars */
+    lighting: PropType<Chart3DLightingOptions>;
+    /** Backend of the data layer: WebGPU, then WebGL2, WebGL, Canvas2D (default `auto`) */
+    renderer: PropType<ChartRendererPreference>;
+    /** Series colors (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */
+    palette: PropType<readonly string[]>;
+    /** Accessible name of the chart */
+    ariaLabel: StringConstructor;
+    /** BCP 47 locale of the texts and numbers the engine writes (tooltip, axes); the page language by default */
+    locale: StringConstructor;
+    /** Overrides of the built-in texts of the `locale` */
+    labels: PropType<Chart3DOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/** Engine events forwarded by a 3D chart */
+export interface Chart3DHandlers {
+    hover: (event: Chart3DHoverEvent | null) => void;
+    click: (event: Chart3DHoverEvent) => void;
+    camera: (camera: Chart3DCameraState) => void;
+    renderer: (renderer: ChartRendererKind) => void;
+}
+interface Common3DProps {
+    deep?: boolean;
+    width?: number | string;
+    height?: number | string;
+    xAxis?: Chart3DAxisOptions;
+    yAxis?: Chart3DAxisOptions;
+    zAxis?: Chart3DAxisOptions;
+    camera?: Chart3DCameraOptions;
+    autoRotate?: boolean | number;
+    aspect?: readonly [number, number, number];
+    box?: boolean;
+    colorScale?: Chart3DColorScale;
+    valueRange?: readonly [number, number];
+    colorBar?: boolean | Chart3DColorBarOptions;
+    legend?: boolean | Chart3DLegendOptions;
+    tooltip?: boolean | Chart3DTooltipOptions;
+    interaction?: boolean | Chart3DInteractionOptions;
+    lighting?: Chart3DLightingOptions;
+    renderer?: ChartRendererPreference;
+    palette?: readonly string[];
+    ariaLabel?: string;
+    locale?: string;
+    labels?: Chart3DOptions["labels"];
+}
+/** Engine (`createChart3D`), root style and template handle of a 3D chart */
+export declare function useChart3D(props: Common3DProps, series: () => Chart3DSeries[], handlers: Chart3DHandlers): {
+    setContainer: (el: unknown) => void;
+    rootStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+    handle: Chart3DHandle;
+};
+export {};

package/dist/vue/components/Chart/three-d.js

@@ -0,0 +1,88 @@
+import { raw as e, useChartEngine as t, useRootStyle as n } from "./engine.js";
+import { chartFrameProps as r } from "./props.js";
+import { createChart3D as i } from "../../../charts/core.js";
+//#region src/components/Chart/three-d.ts
+var a = {
+	...r,
+	xAxis: Object,
+	yAxis: Object,
+	zAxis: Object,
+	camera: Object,
+	autoRotate: {
+		type: [Boolean, Number],
+		default: void 0
+	},
+	aspect: Array,
+	box: {
+		type: Boolean,
+		default: void 0
+	},
+	colorScale: [String, Array],
+	valueRange: Array,
+	colorBar: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	legend: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	tooltip: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	interaction: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	lighting: Object,
+	renderer: String,
+	palette: Array,
+	ariaLabel: String,
+	locale: String,
+	labels: Object
+};
+function o(r, a, o) {
+	let { setContainer: s, instance: c } = t(i, r, () => ({
+		series: a(),
+		xAxis: e(r.xAxis),
+		yAxis: e(r.yAxis),
+		zAxis: e(r.zAxis),
+		camera: e(r.camera),
+		autoRotate: r.autoRotate,
+		aspect: e(r.aspect),
+		box: r.box,
+		colorScale: e(r.colorScale),
+		valueRange: e(r.valueRange),
+		colorBar: e(r.colorBar),
+		legend: e(r.legend),
+		tooltip: e(r.tooltip),
+		interaction: e(r.interaction),
+		lighting: e(r.lighting),
+		renderer: r.renderer,
+		palette: e(r.palette),
+		ariaLabel: r.ariaLabel,
+		locale: r.locale,
+		labels: e(r.labels)
+	}), (e) => [
+		e.on("hover", (e) => o.hover(e)),
+		e.on("click", (e) => o.click(e)),
+		e.on("camera", (e) => o.camera(e)),
+		e.on("renderer", (e) => o.renderer(e))
+	]);
+	return {
+		setContainer: s,
+		rootStyle: n(r, 400),
+		handle: {
+			resetCamera: () => c.value?.resetCamera(),
+			getCamera: () => c.value?.getCamera() ?? null,
+			setCamera: (e) => c.value?.setCamera(e),
+			getRenderer: () => c.value?.getRenderer() ?? null,
+			getInstance: () => c.value
+		}
+	};
+}
+//#endregion
+export { a as chart3DCommonProps, o as useChart3D };
+
+//# sourceMappingURL=three-d.js.map

package/dist/vue/components/Chart/three-d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"three-d.js","names":["chart3DCommonProps","chartFrameProps","useChart3D","useChartEngine","createChart3D","props","series","raw","chart","handlers","c","r","useRootStyle","instance","camera"],"sources":["../../../../../vue/src/components/Chart/three-d.ts"],"sourcesContent":["import type { PropType } from \"vue\";\nimport {\n  createChart3D,\n  type Chart3DAxisOptions,\n  type Chart3DCameraOptions,\n  type Chart3DCameraState,\n  type Chart3DColorBarOptions,\n  type Chart3DColorScale,\n  type Chart3DHoverEvent,\n  type Chart3DInstance,\n  type Chart3DInteractionOptions,\n  type Chart3DLegendOptions,\n  type Chart3DLightingOptions,\n  type Chart3DOptions,\n  type Chart3DSeries,\n  type Chart3DTooltipOptions,\n  type ChartRendererKind,\n  type ChartRendererPreference,\n} from \"minerva-design/charts/core\";\nimport { raw, useChartEngine, useRootStyle } from \"./engine\";\nimport { chartFrameProps } from \"./props\";\nimport type { Chart3DHandle } from \"./types\";\n\n/** Props shared by the 3D chart components (engine `createChart3D`) */\nexport const chart3DCommonProps = {\n  ...chartFrameProps,\n  /** X axis (width of the box) */\n  xAxis: Object as PropType<Chart3DAxisOptions>,\n  /** Y axis (depth of the box) */\n  yAxis: Object as PropType<Chart3DAxisOptions>,\n  /** Z axis (height of the box) */\n  zAxis: Object as PropType<Chart3DAxisOptions>,\n  /** Initial camera, also restored by a double click (changing it moves the camera) */\n  camera: Object as PropType<Chart3DCameraOptions>,\n  /** Turns the camera around the box: `true` at 12°/s or a speed in degrees per second (default `false`) */\n  autoRotate: {\n    type: [Boolean, Number] as PropType<boolean | number>,\n    default: undefined,\n  },\n  /** Proportions of the box (x, y, z; default `[1, 1, 0.7]`) */\n  aspect: Array as unknown as PropType<readonly [number, number, number]>,\n  /** Draws the axis box: back walls, grid lines, tick labels and axis titles (default `true`) */\n  box: { type: Boolean, default: undefined },\n  /** Colors of `colorBy: \"z\"` / `\"value\"`: a built-in ramp or CSS colors (default `viridis`) */\n  colorScale: [String, Array] as PropType<Chart3DColorScale>,\n  /** Values mapped to the ends of the color scale; the data range by default */\n  valueRange: Array as unknown as PropType<readonly [number, number]>,\n  /** Color bar; shown by default when a visible series uses the color scale */\n  colorBar: {\n    type: [Boolean, Object] as PropType<boolean | Chart3DColorBarOptions>,\n    default: undefined,\n  },\n  /** Legend; shown by default when several series have a name */\n  legend: {\n    type: [Boolean, Object] as PropType<boolean | Chart3DLegendOptions>,\n    default: undefined,\n  },\n  /** Tooltip; `false` disables it */\n  tooltip: {\n    type: [Boolean, Object] as PropType<boolean | Chart3DTooltipOptions>,\n    default: undefined,\n  },\n  /** Drag rotates, right / Shift + drag pans, Ctrl / ⌘ + wheel and pinch zoom; `false` makes the chart static (default `true`) */\n  interaction: {\n    type: [Boolean, Object] as PropType<boolean | Chart3DInteractionOptions>,\n    default: undefined,\n  },\n  /** Lighting of the surfaces and bars */\n  lighting: Object as PropType<Chart3DLightingOptions>,\n  /** Backend of the data layer: WebGPU, then WebGL2, WebGL, Canvas2D (default `auto`) */\n  renderer: String as PropType<ChartRendererPreference>,\n  /** Series colors (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */\n  palette: Array as PropType<readonly string[]>,\n  /** Accessible name of the chart */\n  ariaLabel: String,\n  /** BCP 47 locale of the texts and numbers the engine writes (tooltip, axes); the page language by default */\n  locale: String,\n  /** Overrides of the built-in texts of the `locale` */\n  labels: Object as PropType<Chart3DOptions[\"labels\"]>,\n};\n\n/** Engine events forwarded by a 3D chart */\nexport interface Chart3DHandlers {\n  hover: (event: Chart3DHoverEvent | null) => void;\n  click: (event: Chart3DHoverEvent) => void;\n  camera: (camera: Chart3DCameraState) => void;\n  renderer: (renderer: ChartRendererKind) => void;\n}\n\ninterface Common3DProps {\n  deep?: boolean;\n  width?: number | string;\n  height?: number | string;\n  xAxis?: Chart3DAxisOptions;\n  yAxis?: Chart3DAxisOptions;\n  zAxis?: Chart3DAxisOptions;\n  camera?: Chart3DCameraOptions;\n  autoRotate?: boolean | number;\n  aspect?: readonly [number, number, number];\n  box?: boolean;\n  colorScale?: Chart3DColorScale;\n  valueRange?: readonly [number, number];\n  colorBar?: boolean | Chart3DColorBarOptions;\n  legend?: boolean | Chart3DLegendOptions;\n  tooltip?: boolean | Chart3DTooltipOptions;\n  interaction?: boolean | Chart3DInteractionOptions;\n  lighting?: Chart3DLightingOptions;\n  renderer?: ChartRendererPreference;\n  palette?: readonly string[];\n  ariaLabel?: string;\n  locale?: string;\n  labels?: Chart3DOptions[\"labels\"];\n}\n\n/** Engine (`createChart3D`), root style and template handle of a 3D chart */\nexport function useChart3D(\n  props: Common3DProps,\n  series: () => Chart3DSeries[],\n  handlers: Chart3DHandlers,\n) {\n  const { setContainer, instance } = useChartEngine<\n    Chart3DOptions,\n    Chart3DInstance\n  >(\n    createChart3D,\n    props,\n    () => ({\n      series: series(),\n      xAxis: raw(props.xAxis),\n      yAxis: raw(props.yAxis),\n      zAxis: raw(props.zAxis),\n      camera: raw(props.camera),\n      autoRotate: props.autoRotate,\n      aspect: raw(props.aspect),\n      box: props.box,\n      colorScale: raw(props.colorScale),\n      valueRange: raw(props.valueRange),\n      colorBar: raw(props.colorBar),\n      legend: raw(props.legend),\n      tooltip: raw(props.tooltip),\n      interaction: raw(props.interaction),\n      lighting: raw(props.lighting),\n      renderer: props.renderer,\n      palette: raw(props.palette),\n      ariaLabel: props.ariaLabel,\n      locale: props.locale,\n      labels: raw(props.labels),\n    }),\n    (chart) => [\n      chart.on(\"hover\", (e) => handlers.hover(e)),\n      chart.on(\"click\", (e) => handlers.click(e)),\n      chart.on(\"camera\", (c) => handlers.camera(c)),\n      chart.on(\"renderer\", (r) => handlers.renderer(r)),\n    ],\n  );\n  const handle: Chart3DHandle = {\n    resetCamera: () => instance.value?.resetCamera(),\n    getCamera: () => instance.value?.getCamera() ?? null,\n    setCamera: (camera) => instance.value?.setCamera(camera),\n    getRenderer: () => instance.value?.getRenderer() ?? null,\n    getInstance: () => instance.value,\n  };\n  return { setContainer, rootStyle: useRootStyle(props, 400), handle };\n}\n"],"mappings":";;;;AAwBA,IAAaA,IAAqB;CAChC,GAAGC;CAEH,OAAO;CAEP,OAAO;CAEP,OAAO;CAEP,QAAQ;CAER,YAAY;EACV,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,QAAQ;CAER,KAAK;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;CAEzC,YAAY,CAAC,QAAQ,KAAK;CAE1B,YAAY;CAEZ,UAAU;EACR,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,QAAQ;EACN,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,SAAS;EACP,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,aAAa;EACX,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,UAAU;CAEV,UAAU;CAEV,SAAS;CAET,WAAW;CAEX,QAAQ;CAER,QAAQ;AACV;AAoCA,SAAgBC,EACd,GACA,GACA,GACA;CACA,IAAM,EAAE,iBAAc,gBAAaC,EAIjCC,GACAC,UACO;EACL,QAAQC,EAAO;EACf,OAAOC,EAAIF,EAAM,KAAK;EACtB,OAAOE,EAAIF,EAAM,KAAK;EACtB,OAAOE,EAAIF,EAAM,KAAK;EACtB,QAAQE,EAAIF,EAAM,MAAM;EACxB,YAAYA,EAAM;EAClB,QAAQE,EAAIF,EAAM,MAAM;EACxB,KAAKA,EAAM;EACX,YAAYE,EAAIF,EAAM,UAAU;EAChC,YAAYE,EAAIF,EAAM,UAAU;EAChC,UAAUE,EAAIF,EAAM,QAAQ;EAC5B,QAAQE,EAAIF,EAAM,MAAM;EACxB,SAASE,EAAIF,EAAM,OAAO;EAC1B,aAAaE,EAAIF,EAAM,WAAW;EAClC,UAAUE,EAAIF,EAAM,QAAQ;EAC5B,UAAUA,EAAM;EAChB,SAASE,EAAIF,EAAM,OAAO;EAC1B,WAAWA,EAAM;EACjB,QAAQA,EAAM;EACd,QAAQE,EAAIF,EAAM,MAAM;CAC1B,KACC,MAAU;EACTG,EAAM,GAAG,UAAU,MAAMC,EAAS,MAAM,CAAC,CAAC;EAC1CD,EAAM,GAAG,UAAU,MAAMC,EAAS,MAAM,CAAC,CAAC;EAC1CD,EAAM,GAAG,WAAW,MAAMC,EAAS,OAAOC,CAAC,CAAC;EAC5CF,EAAM,GAAG,aAAa,MAAMC,EAAS,SAASE,CAAC,CAAC;CAClD,CACF;CAQA,OAAO;EAAE;EAAc,WAAWC,EAAaP,GAAO,GAAG;EAAG,QAAA;GAN1D,mBAAmBQ,EAAS,OAAO,YAAY;GAC/C,iBAAiBA,EAAS,OAAO,UAAU,KAAK;GAChD,YAAY,MAAWA,EAAS,OAAO,UAAUC,CAAM;GACvD,mBAAmBD,EAAS,OAAO,YAAY,KAAK;GACpD,mBAAmBA,EAAS;EAE8B;CAAO;AACrE"}