@ifto/mantine-kit 0.0.0-stage → 0.1.0

package/dist/component/organism/EChart/chart/ChartHeader.js

@@ -0,0 +1,105 @@
+"use client";
+import { DEFAULT_MESSAGES } from "../../../../i18n/resolveMessages.js";
+// src/component/organism/EChart/chart/ChartHeader.ts
+/**
+* Parts of the `option` shared by all chart types: title, legend, image export and tooltip format.
+* @author Manoel Campos
+*/
+/** Distance from the legend to the top of the chart, just below the title (px). */
+var LEGEND_TOP = 40;
+/** Font of the names in the legend (default ECharts size and family). */
+var LEGEND_FONT = "12px sans-serif";
+/** Width of the icon of each legend item plus the space until the name (px). */
+var LEGEND_ICON_WIDTH = 30;
+/** Space between the legend items, in the same row and between rows (px). */
+var LEGEND_ITEM_GAP = 8;
+/** Height of each legend row, including the space until the next one (px). */
+var LEGEND_ROW_HEIGHT = 22;
+/** Average width of a character of the {@link LEGEND_FONT}, used when the text cannot be measured (px). */
+var AVERAGE_CHAR_WIDTH = 7;
+/** Text shown in the tooltip when the series has no value in the category. */
+var MISSING_VALUE = "-";
+/**
+* Builds the title, the legend and the image export button.
+* The title also appears in the saved image, so it has context outside the screen.
+* @param title title of the chart
+* @param names names of the series, shown in the legend
+* @param messages texts of the chart; defaults to the one of the default locales
+* @return the parts of the `option` of the header
+*/
+function buildChartHeader(title, names, messages = DEFAULT_MESSAGES.chart) {
+	return {
+		title: {
+			text: title,
+			left: "left"
+		},
+		legend: {
+			type: "plain",
+			top: LEGEND_TOP,
+			data: names
+		},
+		toolbox: { feature: { saveAsImage: {
+			title: messages.saveAsImage,
+			name: title
+		} } }
+	};
+}
+/**
+* Creates the function that formats a value in the tooltip with the unit of the series.
+* @param unit unit of the series
+* @return a function that formats the value received from ECharts (or "-" when the category has no value)
+*/
+function tooltipFormatter(unit) {
+	return (value) => typeof value === "number" ? unit.format(value) : MISSING_VALUE;
+}
+/**
+* Computes the extra height the legend takes when it wraps in more than one row, so the chart is moved down and is
+* not drawn under it.
+* @param names names of the series, shown in the legend
+* @param width width of the chart (px); absent while unknown, considering the legend in one row
+* @return the height of the legend rows beyond the first one (px)
+*/
+function legendExtraHeight(names, width) {
+	return (legendRows(names, width) - 1) * 22;
+}
+/**
+* Estimates in how many rows the legend wraps, placing the items as ECharts does: from left to right, moving to the
+* next row when the next item does not fit.
+* @param names names of the series, shown in the legend
+* @param width width of the chart (px); absent while unknown
+* @return the number of rows of the legend (at least 1)
+*/
+function legendRows(names, width) {
+	if (!width) return 1;
+	const maxWidth = width - 10;
+	let rows = 1;
+	let rowWidth = 0;
+	names.forEach((name) => {
+		const itemWidth = LEGEND_ICON_WIDTH + textWidth(name);
+		const widthWithItem = rowWidth + LEGEND_ITEM_GAP + itemWidth;
+		if (rowWidth === 0 || widthWithItem <= maxWidth) {
+			rowWidth = rowWidth === 0 ? itemWidth : widthWithItem;
+			return;
+		}
+		rows++;
+		rowWidth = itemWidth;
+	});
+	return rows;
+}
+/** 2D context used only to measure texts; `null` where there is no canvas (server rendering, tests). */
+var measureContext;
+/**
+* Measures the width of a text in the font of the legend. Without a canvas, estimates it from the number of characters.
+* @param text text to measure
+* @return the width of the text (px)
+*/
+function textWidth(text) {
+	if (measureContext === void 0) {
+		measureContext = typeof OffscreenCanvas === "undefined" ? null : new OffscreenCanvas(1, 1).getContext("2d");
+		if (measureContext) measureContext.font = LEGEND_FONT;
+	}
+	return measureContext ? measureContext.measureText(text).width : text.length * AVERAGE_CHAR_WIDTH;
+}
+export { LEGEND_ROW_HEIGHT, buildChartHeader, legendExtraHeight, legendRows, tooltipFormatter };
+
+//# sourceMappingURL=ChartHeader.js.map

package/dist/component/organism/EChart/chart/ChartHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHeader.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/ChartHeader.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport { ChartMessages } from '../../../../i18n/KitMessages';\nimport { DEFAULT_MESSAGES } from '../../../../i18n/resolveMessages';\nimport { ChartUnit } from './ChartSeries';\n\n/**\n * Parts of the `option` shared by all chart types: title, legend, image export and tooltip format.\n * @author Manoel Campos\n */\n\n/** Distance from the legend to the top of the chart, just below the title (px). */\nconst LEGEND_TOP = 40;\n\n/*\n * Measures of the ECharts legend (its default values), used to estimate in how many rows it wraps.\n * ECharts reserves no room for the rows of the legend: whatever is drawn below it needs to know its height.\n */\n\n/** Font of the names in the legend (default ECharts size and family). */\nconst LEGEND_FONT = '12px sans-serif';\n\n/** Width of the icon of each legend item plus the space until the name (px). */\nconst LEGEND_ICON_WIDTH = 25 + 5;\n\n/** Space between the legend items, in the same row and between rows (px). */\nconst LEGEND_ITEM_GAP = 8;\n\n/** Inner padding of the legend on each side (px). */\nconst LEGEND_PADDING = 5;\n\n/** Height of each legend row, including the space until the next one (px). */\nexport const LEGEND_ROW_HEIGHT = 14 + LEGEND_ITEM_GAP;\n\n/** Average width of a character of the {@link LEGEND_FONT}, used when the text cannot be measured (px). */\nconst AVERAGE_CHAR_WIDTH = 7;\n\n/** Text shown in the tooltip when the series has no value in the category. */\nconst MISSING_VALUE = '-';\n\n/**\n * Builds the title, the legend and the image export button.\n * The title also appears in the saved image, so it has context outside the screen.\n * @param title title of the chart\n * @param names names of the series, shown in the legend\n * @param messages texts of the chart; defaults to the one of the default locales\n * @return the parts of the `option` of the header\n */\nexport function buildChartHeader(\n    title: string,\n    names: string[],\n    messages: ChartMessages = DEFAULT_MESSAGES.chart\n): Pick<EChartsOption, 'title' | 'legend' | 'toolbox'> {\n    return {\n        title: { text: title, left: 'left' },\n        // 'plain' wraps the legend in rows, instead of scrolling horizontally with arrows.\n        legend: { type: 'plain', top: LEGEND_TOP, data: names },\n        toolbox: { feature: { saveAsImage: { title: messages.saveAsImage, name: title } } }\n    };\n}\n\n/**\n * Creates the function that formats a value in the tooltip with the unit of the series.\n * @param unit unit of the series\n * @return a function that formats the value received from ECharts (or \"-\" when the category has no value)\n */\nexport function tooltipFormatter(unit: ChartUnit): (value: unknown) => string {\n    return value => (typeof value === 'number' ? unit.format(value) : MISSING_VALUE);\n}\n\n/**\n * Computes the extra height the legend takes when it wraps in more than one row, so the chart is moved down and is\n * not drawn under it.\n * @param names names of the series, shown in the legend\n * @param width width of the chart (px); absent while unknown, considering the legend in one row\n * @return the height of the legend rows beyond the first one (px)\n */\nexport function legendExtraHeight(names: string[], width?: number): number {\n    return (legendRows(names, width) - 1) * LEGEND_ROW_HEIGHT;\n}\n\n/**\n * Estimates in how many rows the legend wraps, placing the items as ECharts does: from left to right, moving to the\n * next row when the next item does not fit.\n * @param names names of the series, shown in the legend\n * @param width width of the chart (px); absent while unknown\n * @return the number of rows of the legend (at least 1)\n */\nexport function legendRows(names: string[], width?: number): number {\n    if (!width) return 1;\n\n    const maxWidth = width - 2 * LEGEND_PADDING;\n    let rows = 1;\n    let rowWidth = 0;\n    names.forEach(name => {\n        const itemWidth = LEGEND_ICON_WIDTH + textWidth(name);\n        const widthWithItem = rowWidth + LEGEND_ITEM_GAP + itemWidth;\n        // The first item of a row always stays in it, even if it is wider than the chart.\n        if (rowWidth === 0 || widthWithItem <= maxWidth) {\n            rowWidth = rowWidth === 0 ? itemWidth : widthWithItem;\n            return;\n        }\n\n        rows++;\n        rowWidth = itemWidth;\n    });\n\n    return rows;\n}\n\n/** 2D context used only to measure texts; `null` where there is no canvas (server rendering, tests). */\nlet measureContext: OffscreenCanvasRenderingContext2D | null | undefined;\n\n/**\n * Measures the width of a text in the font of the legend. Without a canvas, estimates it from the number of characters.\n * @param text text to measure\n * @return the width of the text (px)\n */\nfunction textWidth(text: string): number {\n    if (measureContext === undefined) {\n        measureContext = typeof OffscreenCanvas === 'undefined' ? null : new OffscreenCanvas(1, 1).getContext('2d');\n        if (measureContext) measureContext.font = LEGEND_FONT;\n    }\n\n    return measureContext ? measureContext.measureText(text).width : text.length * AVERAGE_CHAR_WIDTH;\n}\n"],"mappings":";;;;;;;;AAYA,IAAM,aAAa;;AAQnB,IAAM,cAAc;;AAGpB,IAAM,oBAAoB;;AAG1B,IAAM,kBAAkB;;AAMxB,IAAa,oBAAoB;;AAGjC,IAAM,qBAAqB;;AAG3B,IAAM,gBAAgB;;;;;;;;;AAUtB,SAAgB,iBACZ,OACA,OACA,WAA0B,iBAAiB,OACQ;CACnD,OAAO;EACH,OAAO;GAAE,MAAM;GAAO,MAAM;EAAO;EAEnC,QAAQ;GAAE,MAAM;GAAS,KAAK;GAAY,MAAM;EAAM;EACtD,SAAS,EAAE,SAAS,EAAE,aAAa;GAAE,OAAO,SAAS;GAAa,MAAM;EAAM,EAAE,EAAE;CACtF;AACJ;;;;;;AAOA,SAAgB,iBAAiB,MAA6C;CAC1E,QAAO,UAAU,OAAO,UAAU,WAAW,KAAK,OAAO,KAAK,IAAI;AACtE;;;;;;;;AASA,SAAgB,kBAAkB,OAAiB,OAAwB;CACvE,QAAQ,WAAW,OAAO,KAAK,IAAI,KAAA;AACvC;;;;;;;;AASA,SAAgB,WAAW,OAAiB,OAAwB;CAChE,IAAI,CAAC,OAAO,OAAO;CAEnB,MAAM,WAAW,QAAQ;CACzB,IAAI,OAAO;CACX,IAAI,WAAW;CACf,MAAM,SAAQ,SAAQ;EAClB,MAAM,YAAY,oBAAoB,UAAU,IAAI;EACpD,MAAM,gBAAgB,WAAW,kBAAkB;EAEnD,IAAI,aAAa,KAAK,iBAAiB,UAAU;GAC7C,WAAW,aAAa,IAAI,YAAY;GACxC;EACJ;EAEA;EACA,WAAW;CACf,CAAC;CAED,OAAO;AACX;;AAGA,IAAI;;;;;;AAOJ,SAAS,UAAU,MAAsB;CACrC,IAAI,mBAAmB,KAAA,GAAW;EAC9B,iBAAiB,OAAO,oBAAoB,cAAc,OAAO,IAAI,gBAAgB,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI;EAC1G,IAAI,gBAAgB,eAAe,OAAO;CAC9C;CAEA,OAAO,iBAAiB,eAAe,YAAY,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS;AACnF"}

package/dist/component/organism/EChart/chart/ChartSeries.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Generic data of a chart with a category axis (e.g. years), independent of any domain.
+ * Each app converts its data to these types and chooses a `ChartType` to build the ECharts `option`.
+ * @author Manoel Campos
+ */
+/** Minimum number of series in a stack for stacking them (or splitting them in a donut) to make sense. */
+export declare const MIN_STACK_SIZE = 2;
+/** Unit of the values of a series: how it appears in the axis and how each value is formatted. */
+export type ChartUnit = {
+    /** Label of the unit, shown as the name of the Y axis (e.g. "$", "m³/year"). Series with the same label share the axis. */
+    label: string;
+    /**
+     * Formats a value of the series for the tooltip and for the total of the donut.
+     * @param value value of the series
+     * @return the formatted value, with the suffix of the unit, if any
+     */
+    format: (value: number) => string;
+};
+/** Values of a series along the categories of the chart. */
+export type ChartSeries = {
+    /** Identifies the series uniquely in the chart. */
+    id: string;
+    /** Name shown in the legend and in the tooltip (it must be unique in the chart). */
+    name: string;
+    /** One value per category, in the order of {@link ChartData#categories}; `null` when there is no value. */
+    values: (number | null)[];
+    unit: ChartUnit;
+    /**
+     * Key of the stack of the series. Series with the same key are parts of the same whole and can be stacked (or
+     * shown as slices of a donut). Absent when the series cannot be stacked (e.g. a total).
+     */
+    stack?: string;
+    /**
+     * Key of the stack whose total (the sum of the series of the stack) this series is. Absent when the series is not
+     * the total of a stack. It allows the donut to accept the total (already shown as the subtitle) without silently
+     * dropping other series.
+     */
+    totalOf?: string;
+};
+/** Series of a chart and the categories of the X axis (e.g. years), to which the values of the series are aligned. */
+export type ChartData = {
+    categories: (string | number)[];
+    series: ChartSeries[];
+};
+/**
+ * Groups the series by the stack they belong to.
+ * @param series series of the chart
+ * @return the series of each stack with at least {@link MIN_STACK_SIZE} series, indexed by the key of the stack
+ */
+export declare function groupByStack(series: ChartSeries[]): Map<string, ChartSeries[]>;

package/dist/component/organism/EChart/chart/ChartSeries.js

@@ -0,0 +1,23 @@
+"use client";
+// src/component/organism/EChart/chart/ChartSeries.ts
+/**
+* Generic data of a chart with a category axis (e.g. years), independent of any domain.
+* Each app converts its data to these types and chooses a `ChartType` to build the ECharts `option`.
+* @author Manoel Campos
+*/
+/** Minimum number of series in a stack for stacking them (or splitting them in a donut) to make sense. */
+var MIN_STACK_SIZE = 2;
+/**
+* Groups the series by the stack they belong to.
+* @param series series of the chart
+* @return the series of each stack with at least {@link MIN_STACK_SIZE} series, indexed by the key of the stack
+*/
+function groupByStack(series) {
+	const stacks = /* @__PURE__ */ new Map();
+	series.forEach((serie) => serie.stack && stacks.set(serie.stack, [...stacks.get(serie.stack) ?? [], serie]));
+	stacks.forEach((stackSeries, stack) => stackSeries.length < 2 && stacks.delete(stack));
+	return stacks;
+}
+export { MIN_STACK_SIZE, groupByStack };
+
+//# sourceMappingURL=ChartSeries.js.map

package/dist/component/organism/EChart/chart/ChartSeries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSeries.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/ChartSeries.ts"],"sourcesContent":["/**\n * Generic data of a chart with a category axis (e.g. years), independent of any domain.\n * Each app converts its data to these types and chooses a `ChartType` to build the ECharts `option`.\n * @author Manoel Campos\n */\n\n/** Minimum number of series in a stack for stacking them (or splitting them in a donut) to make sense. */\nexport const MIN_STACK_SIZE = 2;\n\n/** Unit of the values of a series: how it appears in the axis and how each value is formatted. */\nexport type ChartUnit = {\n    /** Label of the unit, shown as the name of the Y axis (e.g. \"$\", \"m³/year\"). Series with the same label share the axis. */\n    label: string;\n\n    /**\n     * Formats a value of the series for the tooltip and for the total of the donut.\n     * @param value value of the series\n     * @return the formatted value, with the suffix of the unit, if any\n     */\n    format: (value: number) => string;\n};\n\n/** Values of a series along the categories of the chart. */\nexport type ChartSeries = {\n    /** Identifies the series uniquely in the chart. */\n    id: string;\n\n    /** Name shown in the legend and in the tooltip (it must be unique in the chart). */\n    name: string;\n\n    /** One value per category, in the order of {@link ChartData#categories}; `null` when there is no value. */\n    values: (number | null)[];\n\n    unit: ChartUnit;\n\n    /**\n     * Key of the stack of the series. Series with the same key are parts of the same whole and can be stacked (or\n     * shown as slices of a donut). Absent when the series cannot be stacked (e.g. a total).\n     */\n    stack?: string;\n\n    /**\n     * Key of the stack whose total (the sum of the series of the stack) this series is. Absent when the series is not\n     * the total of a stack. It allows the donut to accept the total (already shown as the subtitle) without silently\n     * dropping other series.\n     */\n    totalOf?: string;\n};\n\n/** Series of a chart and the categories of the X axis (e.g. years), to which the values of the series are aligned. */\nexport type ChartData = {\n    categories: (string | number)[];\n    series: ChartSeries[];\n};\n\n/**\n * Groups the series by the stack they belong to.\n * @param series series of the chart\n * @return the series of each stack with at least {@link MIN_STACK_SIZE} series, indexed by the key of the stack\n */\nexport function groupByStack(series: ChartSeries[]): Map<string, ChartSeries[]> {\n    const stacks = new Map<string, ChartSeries[]>();\n    series.forEach(serie => serie.stack && stacks.set(serie.stack, [...(stacks.get(serie.stack) ?? []), serie]));\n\n    stacks.forEach((stackSeries, stack) => stackSeries.length < MIN_STACK_SIZE && stacks.delete(stack));\n    return stacks;\n}\n"],"mappings":";;;;;;;;AAOA,IAAa,iBAAiB;;;;;;AAqD9B,SAAgB,aAAa,QAAmD;CAC5E,MAAM,yBAAS,IAAI,IAA2B;CAC9C,OAAO,SAAQ,UAAS,MAAM,SAAS,OAAO,IAAI,MAAM,OAAO,CAAC,GAAI,OAAO,IAAI,MAAM,KAAK,KAAK,CAAC,GAAI,KAAK,CAAC,CAAC;CAE3G,OAAO,SAAS,aAAa,UAAU,YAAY,SAAA,KAA2B,OAAO,OAAO,KAAK,CAAC;CAClG,OAAO;AACX"}

package/dist/component/organism/EChart/chart/ChartTexts.d.ts

@@ -0,0 +1,12 @@
+import { ChartMessages } from '../../../../i18n/KitMessages';
+import { ChartContext } from './ChartType';
+/**
+ * Returns the texts of a chart: the ones of its locale, with the ones the context overrides.
+ * @param context context of the chart
+ */
+export declare function chartMessages(context: Pick<ChartContext, 'locale' | 'messages'>): ChartMessages;
+/**
+ * Returns the locale of a chart.
+ * @param context context of the chart
+ */
+export declare function chartLocale(context: Pick<ChartContext, 'locale'>): string;

package/dist/component/organism/EChart/chart/ChartTexts.js

@@ -0,0 +1,21 @@
+"use client";
+import "../../../../i18n/KitLocale.js";
+import { resolveMessages } from "../../../../i18n/resolveMessages.js";
+// src/component/organism/EChart/chart/ChartTexts.ts
+/**
+* Returns the texts of a chart: the ones of its locale, with the ones the context overrides.
+* @param context context of the chart
+*/
+function chartMessages(context) {
+	return resolveMessages(context.locale, { chart: context.messages }).chart;
+}
+/**
+* Returns the locale of a chart.
+* @param context context of the chart
+*/
+function chartLocale(context) {
+	return context.locale ?? "en-US";
+}
+export { chartLocale, chartMessages };
+
+//# sourceMappingURL=ChartTexts.js.map

package/dist/component/organism/EChart/chart/ChartTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTexts.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/ChartTexts.ts"],"sourcesContent":["import { DEFAULT_LOCALE } from '../../../../i18n/KitLocale';\nimport { ChartMessages } from '../../../../i18n/KitMessages';\nimport { resolveMessages } from '../../../../i18n/resolveMessages';\nimport { ChartContext } from './ChartType';\n\n/**\n * Returns the texts of a chart: the ones of its locale, with the ones the context overrides.\n * @param context context of the chart\n */\nexport function chartMessages(context: Pick<ChartContext, 'locale' | 'messages'>): ChartMessages {\n    return resolveMessages(context.locale, { chart: context.messages }).chart;\n}\n\n/**\n * Returns the locale of a chart.\n * @param context context of the chart\n */\nexport function chartLocale(context: Pick<ChartContext, 'locale'>): string {\n    return context.locale ?? DEFAULT_LOCALE;\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,cAAc,SAAmE;CAC7F,OAAO,gBAAgB,QAAQ,QAAQ,EAAE,OAAO,QAAQ,SAAS,CAAC,CAAC,CAAC;AACxE;;;;;AAMA,SAAgB,YAAY,SAA+C;CACvE,OAAO,QAAQ,UAAA;AACnB"}

package/dist/component/organism/EChart/chart/ChartType.d.ts

@@ -0,0 +1,50 @@
+import type { EChartsOption } from 'echarts';
+import { KitLocale } from '../../../../i18n/KitLocale';
+import { ChartMessages } from '../../../../i18n/KitMessages';
+import { ChartData, ChartSeries } from './ChartSeries';
+import { ChartTypeId } from './ChartTypeId';
+/**
+ * Contract every chart type must follow (Strategy pattern). Each type builds the ECharts `option` from generic data
+ * ({@link ChartData}), depending on no domain. The name of each type, shown to the user, is in the texts of the
+ * locale (`chart.types[id]`).
+ * @author Manoel Campos
+ */
+export type { ChartTypeId };
+/** Information of the screen that affects how the chart is built, besides the data. */
+export type ChartContext = {
+    /** Title shown in the chart (and in the saved image). */
+    title: string;
+    /** Category shown by the types that show a single category (e.g. the year of the donut); absent for the last one. */
+    category?: string | number;
+    /** Width of the chart (px), used to know in how many rows the legend wraps; absent while unknown. */
+    width?: number;
+    /** Locale of the texts and of the number format of the chart. Default: `en-US`. */
+    locale?: KitLocale;
+    /** Texts that replace the ones of the locale (e.g. the ones the app overrides in the `KitProvider`). */
+    messages?: Partial<ChartMessages>;
+};
+export interface ChartType {
+    readonly id: ChartTypeId;
+    /** Whether the type shows a single category (so the screen should show a category selector, such as the year). */
+    readonly singleCategory: boolean;
+    /**
+     * Tells whether the type makes sense for the series. The screen should offer only the available types.
+     * @param series series of the chart
+     * @return true if the type can be used for the series
+     */
+    isAvailable(series: ChartSeries[]): boolean;
+    /**
+     * Builds the ECharts `option`, which is given to the `EChart` component.
+     * @param data series and categories of the chart
+     * @param context title, category, locale and texts
+     * @return the `option` of the chart
+     */
+    buildOption(data: ChartData, context: ChartContext): EChartsOption;
+    /**
+     * Computes the height the chart needs.
+     * @param data series and categories of the chart
+     * @param context width of the chart, which defines how many rows the legend takes
+     * @return the height of the chart (px)
+     */
+    height(data: ChartData, context: ChartContext): number;
+}

package/dist/component/organism/EChart/chart/ChartType.js

@@ -0,0 +1 @@
+"use client";

package/dist/component/organism/EChart/chart/ChartTypeId.d.ts

@@ -0,0 +1,2 @@
+/** Ids of the chart types, used as the value in a chart type selector and as the key of their names in the texts. */
+export type ChartTypeId = 'line' | 'bar' | 'stacked-bar' | 'donut';

package/dist/component/organism/EChart/chart/ChartTypeId.js

@@ -0,0 +1 @@
+"use client";

package/dist/component/organism/EChart/chart/ChartTypes.d.ts

@@ -0,0 +1,15 @@
+import { ChartType } from './ChartType';
+import { BarChart } from './BarChart';
+import { LineChart } from './LineChart';
+import { StackedBarChart } from './StackedBarChart';
+import { DonutChart } from './DonutChart';
+/**
+ * Single instances of the chart types. The types have no state, so they can be shared by all screens.
+ * @author Manoel Campos
+ */
+export declare const LINE_CHART: LineChart;
+export declare const BAR_CHART: BarChart;
+export declare const STACKED_BAR_CHART: StackedBarChart;
+export declare const DONUT_CHART: DonutChart;
+/** All chart types, in the order they appear in a chart type selector. */
+export declare const CHART_TYPES: readonly ChartType[];

package/dist/component/organism/EChart/chart/ChartTypes.js

@@ -0,0 +1,24 @@
+"use client";
+import { BarChart } from "./BarChart.js";
+import { LineChart } from "./LineChart.js";
+import { StackedBarChart } from "./StackedBarChart.js";
+import { DonutChart } from "./DonutChart.js";
+// src/component/organism/EChart/chart/ChartTypes.ts
+/**
+* Single instances of the chart types. The types have no state, so they can be shared by all screens.
+* @author Manoel Campos
+*/
+var LINE_CHART = new LineChart();
+var BAR_CHART = new BarChart();
+var STACKED_BAR_CHART = new StackedBarChart();
+var DONUT_CHART = new DonutChart();
+/** All chart types, in the order they appear in a chart type selector. */
+var CHART_TYPES = [
+	BAR_CHART,
+	LINE_CHART,
+	STACKED_BAR_CHART,
+	DONUT_CHART
+];
+export { BAR_CHART, CHART_TYPES, DONUT_CHART, LINE_CHART, STACKED_BAR_CHART };
+
+//# sourceMappingURL=ChartTypes.js.map

package/dist/component/organism/EChart/chart/ChartTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTypes.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/ChartTypes.ts"],"sourcesContent":["import { ChartType } from './ChartType';\nimport { BarChart } from './BarChart';\nimport { LineChart } from './LineChart';\nimport { StackedBarChart } from './StackedBarChart';\nimport { DonutChart } from './DonutChart';\n\n/**\n * Single instances of the chart types. The types have no state, so they can be shared by all screens.\n * @author Manoel Campos\n */\n\nexport const LINE_CHART = new LineChart();\nexport const BAR_CHART = new BarChart();\nexport const STACKED_BAR_CHART = new StackedBarChart();\nexport const DONUT_CHART = new DonutChart();\n\n/** All chart types, in the order they appear in a chart type selector. */\nexport const CHART_TYPES: readonly ChartType[] = [BAR_CHART, LINE_CHART, STACKED_BAR_CHART, DONUT_CHART];\n"],"mappings":";;;;;;;;;;AAWA,IAAa,aAAa,IAAI,UAAU;AACxC,IAAa,YAAY,IAAI,SAAS;AACtC,IAAa,oBAAoB,IAAI,gBAAgB;AACrD,IAAa,cAAc,IAAI,WAAW;;AAG1C,IAAa,cAAoC;CAAC;CAAW;CAAY;CAAmB;AAAW"}

package/dist/component/organism/EChart/chart/DonutChart.d.ts

@@ -0,0 +1,32 @@
+import type { EChartsOption } from 'echarts';
+import { ChartData, ChartSeries } from './ChartSeries';
+import { ChartContext, ChartType } from './ChartType';
+import { ChartTypeId } from './ChartTypeId';
+/**
+ * Height of the donut chart with the legend in one row (px). It does not depend on the number of categories; it only
+ * grows when the legend wraps in more rows.
+ */
+export declare const DONUT_HEIGHT = 520;
+/**
+ * Donut chart: shows how the total of a stack ({@link ChartSeries#stack}) splits among its series in a single
+ * category (e.g. "how the revenue splits by category in 2040").
+ * It is available only when there is exactly one stack, none of its series has a negative value (negative slices make
+ * no sense) and all series of the chart are in the stack or are its total ({@link ChartSeries#totalOf}).
+ * So choosing the donut never stops showing, without warning, a series the user selected.
+ * @author Manoel Campos
+ */
+export declare class DonutChart implements ChartType {
+    readonly id: ChartTypeId;
+    readonly singleCategory = true;
+    isAvailable(series: ChartSeries[]): boolean;
+    buildOption(data: ChartData, context: ChartContext): EChartsOption;
+    height(data: ChartData, context: ChartContext): number;
+}
+/**
+ * Returns the category a single-category chart should show: the chosen one, if it is in the chart; otherwise, the last.
+ * @template C type of the categories (e.g. the years, as numbers)
+ * @param categories categories of the chart
+ * @param chosen category chosen on the screen; absent if none was chosen
+ * @return the category to show
+ */
+export declare function shownCategory<C extends string | number>(categories: C[], chosen?: C): C;

package/dist/component/organism/EChart/chart/DonutChart.js

@@ -0,0 +1,111 @@
+"use client";
+import { groupByStack } from "./ChartSeries.js";
+import { chartMessages } from "./ChartTexts.js";
+import { buildChartHeader, legendExtraHeight, tooltipFormatter } from "./ChartHeader.js";
+// src/component/organism/EChart/chart/DonutChart.ts
+/**
+* Height of the donut chart with the legend in one row (px). It does not depend on the number of categories; it only
+* grows when the legend wraps in more rows.
+*/
+var DONUT_HEIGHT = 520;
+/** Inner and outer radius of the donut, relative to the area of the donut ({@link DONUT_HEIGHT} high). */
+var DONUT_RADIUS = ["40%", "68%"];
+/** Center of the donut: moved down so it is not under the title. */
+var DONUT_CENTER = ["50%", "58%"];
+/**
+* Donut chart: shows how the total of a stack ({@link ChartSeries#stack}) splits among its series in a single
+* category (e.g. "how the revenue splits by category in 2040").
+* It is available only when there is exactly one stack, none of its series has a negative value (negative slices make
+* no sense) and all series of the chart are in the stack or are its total ({@link ChartSeries#totalOf}).
+* So choosing the donut never stops showing, without warning, a series the user selected.
+* @author Manoel Campos
+*/
+var DonutChart = class {
+	id = "donut";
+	singleCategory = true;
+	isAvailable(series) {
+		const stacks = [...groupByStack(series).entries()];
+		if (stacks.length !== 1) return false;
+		const [stack, slicesSeries] = stacks[0];
+		const belongsToStack = (serie) => serie.stack === stack || serie.totalOf === stack;
+		return series.every(belongsToStack) && slicesSeries.every(hasNoNegativeValues);
+	}
+	buildOption(data, context) {
+		const messages = chartMessages(context);
+		const category = shownCategory(data.categories, context.category);
+		const slices = buildSlices(data, context);
+		const unit = stackSeries(data)[0]?.unit;
+		const total = slices.reduce((sum, slice) => sum + slice.value, 0);
+		const header = buildChartHeader(`${context.title} - ${category}`, slices.map((slice) => slice.name), messages);
+		return {
+			...header,
+			title: {
+				...header.title,
+				subtext: unit && messages.total(unit.format(total))
+			},
+			legend: {
+				...header.legend,
+				top: void 0,
+				bottom: 0
+			},
+			tooltip: {
+				trigger: "item",
+				valueFormatter: unit && tooltipFormatter(unit)
+			},
+			series: [{
+				type: "pie",
+				top: 0,
+				height: 520,
+				radius: DONUT_RADIUS,
+				center: DONUT_CENTER,
+				data: slices,
+				label: { formatter: "{b}: {d}%" }
+			}]
+		};
+	}
+	height(data, context) {
+		return 520 + legendExtraHeight(buildSlices(data, context).map((slice) => slice.name), context.width);
+	}
+};
+/**
+* Returns the series of the only stack of the chart, which become the slices of the donut.
+* @param data series and categories of the chart
+* @return the series of the stack (empty if there is no stack)
+*/
+function stackSeries(data) {
+	return [...groupByStack(data.series).values()][0] ?? [];
+}
+/**
+* Builds the slices of the donut in the category shown, without the series that have no value in it.
+* @param data series and categories of the chart
+* @param context category chosen on the screen
+* @return a slice per series of the stack with a value in the category
+*/
+function buildSlices(data, context) {
+	const categoryIndex = data.categories.indexOf(shownCategory(data.categories, context.category));
+	return stackSeries(data).map((serie) => ({
+		name: serie.name,
+		value: serie.values[categoryIndex]
+	})).filter((slice) => slice.value !== null);
+}
+/**
+* Checks whether a series has no negative values, which make no sense as slices.
+* @param serie series of a stack
+* @return true if the series has no negative value (categories without a value are ignored)
+*/
+function hasNoNegativeValues(serie) {
+	return serie.values.every((value) => value === null || value >= 0);
+}
+/**
+* Returns the category a single-category chart should show: the chosen one, if it is in the chart; otherwise, the last.
+* @template C type of the categories (e.g. the years, as numbers)
+* @param categories categories of the chart
+* @param chosen category chosen on the screen; absent if none was chosen
+* @return the category to show
+*/
+function shownCategory(categories, chosen) {
+	return chosen !== void 0 && categories.includes(chosen) ? chosen : categories[categories.length - 1];
+}
+export { DONUT_HEIGHT, DonutChart, shownCategory };
+
+//# sourceMappingURL=DonutChart.js.map

package/dist/component/organism/EChart/chart/DonutChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/DonutChart.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport { ChartData, ChartSeries, groupByStack } from './ChartSeries';\nimport { ChartContext, ChartType } from './ChartType';\nimport { ChartTypeId } from './ChartTypeId';\nimport { chartMessages } from './ChartTexts';\nimport { buildChartHeader, legendExtraHeight, tooltipFormatter } from './ChartHeader';\n\n/**\n * Height of the donut chart with the legend in one row (px). It does not depend on the number of categories; it only\n * grows when the legend wraps in more rows.\n */\nexport const DONUT_HEIGHT = 520;\n\n/** Inner and outer radius of the donut, relative to the area of the donut ({@link DONUT_HEIGHT} high). */\nconst DONUT_RADIUS = ['40%', '68%'];\n\n/** Center of the donut: moved down so it is not under the title. */\nconst DONUT_CENTER = ['50%', '58%'];\n\n/**\n * Donut chart: shows how the total of a stack ({@link ChartSeries#stack}) splits among its series in a single\n * category (e.g. \"how the revenue splits by category in 2040\").\n * It is available only when there is exactly one stack, none of its series has a negative value (negative slices make\n * no sense) and all series of the chart are in the stack or are its total ({@link ChartSeries#totalOf}).\n * So choosing the donut never stops showing, without warning, a series the user selected.\n * @author Manoel Campos\n */\nexport class DonutChart implements ChartType {\n    readonly id: ChartTypeId = 'donut';\n    readonly singleCategory = true;\n\n    isAvailable(series: ChartSeries[]): boolean {\n        const stacks = [...groupByStack(series).entries()];\n        if (stacks.length !== 1) return false;\n\n        const [stack, slicesSeries] = stacks[0];\n        const belongsToStack = (serie: ChartSeries) => serie.stack === stack || serie.totalOf === stack;\n        return series.every(belongsToStack) && slicesSeries.every(hasNoNegativeValues);\n    }\n\n    buildOption(data: ChartData, context: ChartContext): EChartsOption {\n        const messages = chartMessages(context);\n        const category = shownCategory(data.categories, context.category);\n        const slices = buildSlices(data, context);\n        const unit = stackSeries(data)[0]?.unit;\n        const total = slices.reduce((sum, slice) => sum + slice.value, 0);\n        const header = buildChartHeader(\n            `${context.title} - ${category}`,\n            slices.map(slice => slice.name),\n            messages\n        );\n\n        return {\n            ...header,\n            title: { ...header.title, subtext: unit && messages.total(unit.format(total)) },\n            // The legend goes to the bottom, so it is not under the subtitle with the total.\n            legend: { ...header.legend, top: undefined, bottom: 0 },\n            tooltip: { trigger: 'item', valueFormatter: unit && tooltipFormatter(unit) },\n            series: [\n                {\n                    type: 'pie',\n                    // The area of the donut is fixed at the top; the extra legend rows stay below it.\n                    top: 0,\n                    height: DONUT_HEIGHT,\n                    radius: DONUT_RADIUS,\n                    center: DONUT_CENTER,\n                    data: slices,\n                    label: { formatter: '{b}: {d}%' }\n                }\n            ]\n        } as EChartsOption;\n    }\n\n    height(data: ChartData, context: ChartContext): number {\n        return (\n            DONUT_HEIGHT +\n            legendExtraHeight(\n                buildSlices(data, context).map(slice => slice.name),\n                context.width\n            )\n        );\n    }\n}\n\n/** Slice of the donut: the value of a series of the stack in the category shown. */\ntype Slice = { name: string; value: number };\n\n/**\n * Returns the series of the only stack of the chart, which become the slices of the donut.\n * @param data series and categories of the chart\n * @return the series of the stack (empty if there is no stack)\n */\nfunction stackSeries(data: ChartData): ChartSeries[] {\n    return [...groupByStack(data.series).values()][0] ?? [];\n}\n\n/**\n * Builds the slices of the donut in the category shown, without the series that have no value in it.\n * @param data series and categories of the chart\n * @param context category chosen on the screen\n * @return a slice per series of the stack with a value in the category\n */\nfunction buildSlices(data: ChartData, context: ChartContext): Slice[] {\n    const categoryIndex = data.categories.indexOf(shownCategory(data.categories, context.category));\n    return stackSeries(data)\n        .map(serie => ({ name: serie.name, value: serie.values[categoryIndex] }))\n        .filter((slice): slice is Slice => slice.value !== null);\n}\n\n/**\n * Checks whether a series has no negative values, which make no sense as slices.\n * @param serie series of a stack\n * @return true if the series has no negative value (categories without a value are ignored)\n */\nfunction hasNoNegativeValues(serie: ChartSeries): boolean {\n    return serie.values.every(value => value === null || value >= 0);\n}\n\n/**\n * Returns the category a single-category chart should show: the chosen one, if it is in the chart; otherwise, the last.\n * @template C type of the categories (e.g. the years, as numbers)\n * @param categories categories of the chart\n * @param chosen category chosen on the screen; absent if none was chosen\n * @return the category to show\n */\nexport function shownCategory<C extends string | number>(categories: C[], chosen?: C): C {\n    return chosen !== undefined && categories.includes(chosen) ? chosen : categories[categories.length - 1];\n}\n"],"mappings":";;;;;;;;;AAYA,IAAa,eAAe;;AAG5B,IAAM,eAAe,CAAC,OAAO,KAAK;;AAGlC,IAAM,eAAe,CAAC,OAAO,KAAK;;;;;;;;;AAUlC,IAAa,aAAb,MAA6C;CACzC,KAA2B;CAC3B,iBAA0B;CAE1B,YAAY,QAAgC;EACxC,MAAM,SAAS,CAAC,GAAG,aAAa,MAAM,CAAC,CAAC,QAAQ,CAAC;EACjD,IAAI,OAAO,WAAW,GAAG,OAAO;EAEhC,MAAM,CAAC,OAAO,gBAAgB,OAAO;EACrC,MAAM,kBAAkB,UAAuB,MAAM,UAAU,SAAS,MAAM,YAAY;EAC1F,OAAO,OAAO,MAAM,cAAc,KAAK,aAAa,MAAM,mBAAmB;CACjF;CAEA,YAAY,MAAiB,SAAsC;EAC/D,MAAM,WAAW,cAAc,OAAO;EACtC,MAAM,WAAW,cAAc,KAAK,YAAY,QAAQ,QAAQ;EAChE,MAAM,SAAS,YAAY,MAAM,OAAO;EACxC,MAAM,OAAO,YAAY,IAAI,CAAC,CAAC,EAAE,EAAE;EACnC,MAAM,QAAQ,OAAO,QAAQ,KAAK,UAAU,MAAM,MAAM,OAAO,CAAC;EAChE,MAAM,SAAS,iBACX,GAAG,QAAQ,MAAM,KAAK,YACtB,OAAO,KAAI,UAAS,MAAM,IAAI,GAC9B,QACJ;EAEA,OAAO;GACH,GAAG;GACH,OAAO;IAAE,GAAG,OAAO;IAAO,SAAS,QAAQ,SAAS,MAAM,KAAK,OAAO,KAAK,CAAC;GAAE;GAE9E,QAAQ;IAAE,GAAG,OAAO;IAAQ,KAAK,KAAA;IAAW,QAAQ;GAAE;GACtD,SAAS;IAAE,SAAS;IAAQ,gBAAgB,QAAQ,iBAAiB,IAAI;GAAE;GAC3E,QAAQ,CACJ;IACI,MAAM;IAEN,KAAK;IACL,QAAA;IACA,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,OAAO,EAAE,WAAW,YAAY;GACpC,CACJ;EACJ;CACJ;CAEA,OAAO,MAAiB,SAA+B;EACnD,OAAA,MAEI,kBACI,YAAY,MAAM,OAAO,CAAC,CAAC,KAAI,UAAS,MAAM,IAAI,GAClD,QAAQ,KACZ;CAER;AACJ;;;;;;AAUA,SAAS,YAAY,MAAgC;CACjD,OAAO,CAAC,GAAG,aAAa,KAAK,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;AAC1D;;;;;;;AAQA,SAAS,YAAY,MAAiB,SAAgC;CAClE,MAAM,gBAAgB,KAAK,WAAW,QAAQ,cAAc,KAAK,YAAY,QAAQ,QAAQ,CAAC;CAC9F,OAAO,YAAY,IAAI,CAAC,CACnB,KAAI,WAAU;EAAE,MAAM,MAAM;EAAM,OAAO,MAAM,OAAO;CAAe,EAAE,CAAC,CACxE,QAAQ,UAA0B,MAAM,UAAU,IAAI;AAC/D;;;;;;AAOA,SAAS,oBAAoB,OAA6B;CACtD,OAAO,MAAM,OAAO,OAAM,UAAS,UAAU,QAAQ,SAAS,CAAC;AACnE;;;;;;;;AASA,SAAgB,cAAyC,YAAiB,QAAe;CACrF,OAAO,WAAW,KAAA,KAAa,WAAW,SAAS,MAAM,IAAI,SAAS,WAAW,WAAW,SAAS;AACzG"}

package/dist/component/organism/EChart/chart/LineChart.d.ts

@@ -0,0 +1,11 @@
+import { ChartTypeId } from './ChartTypeId';
+import { CartesianChart, CartesianSeries } from './CartesianChart';
+/**
+ * Line chart: shows the trend of each series along the categories.
+ * Suited to rates and levels (e.g. percentages, coefficients, population).
+ * @author Manoel Campos
+ */
+export declare class LineChart extends CartesianChart {
+    readonly id: ChartTypeId;
+    protected seriesStyle(): CartesianSeries;
+}

package/dist/component/organism/EChart/chart/LineChart.js

@@ -0,0 +1,20 @@
+"use client";
+import { CartesianChart } from "./CartesianChart.js";
+// src/component/organism/EChart/chart/LineChart.ts
+/**
+* Line chart: shows the trend of each series along the categories.
+* Suited to rates and levels (e.g. percentages, coefficients, population).
+* @author Manoel Campos
+*/
+var LineChart = class extends CartesianChart {
+	id = "line";
+	seriesStyle() {
+		return {
+			type: "line",
+			connectNulls: false
+		};
+	}
+};
+export { LineChart };
+
+//# sourceMappingURL=LineChart.js.map

package/dist/component/organism/EChart/chart/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/LineChart.ts"],"sourcesContent":["import { ChartTypeId } from './ChartTypeId';\nimport { CartesianChart, CartesianSeries } from './CartesianChart';\n\n/**\n * Line chart: shows the trend of each series along the categories.\n * Suited to rates and levels (e.g. percentages, coefficients, population).\n * @author Manoel Campos\n */\nexport class LineChart extends CartesianChart {\n    readonly id: ChartTypeId = 'line';\n\n    protected seriesStyle(): CartesianSeries {\n        // connectNulls false: a category without a value is a gap in the line, instead of joining the neighbors.\n        return { type: 'line', connectNulls: false };\n    }\n}\n"],"mappings":";;;;;;;;AAQA,IAAa,YAAb,cAA+B,eAAe;CAC1C,KAA2B;CAE3B,cAAyC;EAErC,OAAO;GAAE,MAAM;GAAQ,cAAc;EAAM;CAC/C;AACJ"}

package/dist/component/organism/EChart/chart/StackedBarChart.d.ts

@@ -0,0 +1,15 @@
+import { ChartSeries } from './ChartSeries';
+import { ChartTypeId } from './ChartTypeId';
+import { CartesianChart, CartesianSeries } from './CartesianChart';
+/**
+ * Stacked column chart with lines: the series of the same stack ({@link ChartSeries#stack}) are stacked, showing how
+ * much each one contributes to each category, and the other series (such as a total) become lines over the columns.
+ * It is available only when there is a stack with enough series (see `groupByStack`). Whoever builds the series
+ * decides which ones can be stacked, so series whose sum makes no sense are never stacked.
+ * @author Manoel Campos
+ */
+export declare class StackedBarChart extends CartesianChart {
+    readonly id: ChartTypeId;
+    isAvailable(series: ChartSeries[]): boolean;
+    protected seriesStyle(serie: ChartSeries, all: ChartSeries[]): CartesianSeries;
+}

package/dist/component/organism/EChart/chart/StackedBarChart.js

@@ -0,0 +1,30 @@
+"use client";
+import { groupByStack } from "./ChartSeries.js";
+import { CartesianChart } from "./CartesianChart.js";
+// src/component/organism/EChart/chart/StackedBarChart.ts
+/**
+* Stacked column chart with lines: the series of the same stack ({@link ChartSeries#stack}) are stacked, showing how
+* much each one contributes to each category, and the other series (such as a total) become lines over the columns.
+* It is available only when there is a stack with enough series (see `groupByStack`). Whoever builds the series
+* decides which ones can be stacked, so series whose sum makes no sense are never stacked.
+* @author Manoel Campos
+*/
+var StackedBarChart = class extends CartesianChart {
+	id = "stacked-bar";
+	isAvailable(series) {
+		return groupByStack(series).size > 0;
+	}
+	seriesStyle(serie, all) {
+		if (!serie.stack || !groupByStack(all).has(serie.stack)) return {
+			type: "line",
+			connectNulls: false
+		};
+		return {
+			type: "bar",
+			stack: serie.stack
+		};
+	}
+};
+export { StackedBarChart };
+
+//# sourceMappingURL=StackedBarChart.js.map

package/dist/component/organism/EChart/chart/StackedBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBarChart.js","names":[],"sources":["../../../../../src/component/organism/EChart/chart/StackedBarChart.ts"],"sourcesContent":["import { ChartSeries, groupByStack } from './ChartSeries';\nimport { ChartTypeId } from './ChartTypeId';\nimport { CartesianChart, CartesianSeries } from './CartesianChart';\n\n/**\n * Stacked column chart with lines: the series of the same stack ({@link ChartSeries#stack}) are stacked, showing how\n * much each one contributes to each category, and the other series (such as a total) become lines over the columns.\n * It is available only when there is a stack with enough series (see `groupByStack`). Whoever builds the series\n * decides which ones can be stacked, so series whose sum makes no sense are never stacked.\n * @author Manoel Campos\n */\nexport class StackedBarChart extends CartesianChart {\n    readonly id: ChartTypeId = 'stacked-bar';\n\n    isAvailable(series: ChartSeries[]): boolean {\n        return groupByStack(series).size > 0;\n    }\n\n    protected seriesStyle(serie: ChartSeries, all: ChartSeries[]): CartesianSeries {\n        // A series with a stack, but alone in it, has nothing to be stacked with: it becomes a line.\n        if (!serie.stack || !groupByStack(all).has(serie.stack)) return { type: 'line', connectNulls: false };\n\n        // Each stack is stacked separately, so series of different wholes are not added up.\n        return { type: 'bar', stack: serie.stack };\n    }\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,kBAAb,cAAqC,eAAe;CAChD,KAA2B;CAE3B,YAAY,QAAgC;EACxC,OAAO,aAAa,MAAM,CAAC,CAAC,OAAO;CACvC;CAEA,YAAsB,OAAoB,KAAqC;EAE3E,IAAI,CAAC,MAAM,SAAS,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,MAAM,KAAK,GAAG,OAAO;GAAE,MAAM;GAAQ,cAAc;EAAM;EAGpG,OAAO;GAAE,MAAM;GAAO,OAAO,MAAM;EAAM;CAC7C;AACJ"}