@c2n/chart 0.0.7

package/dist/uplot-paths-ChKohvIX.js

@@ -0,0 +1,95 @@
+import { n as loadedUplot } from "./uplot-chart-base-BWr0zJE2.js";
+//#region src/engines/uplot-paths.ts
+var cache = /* @__PURE__ */ new Map();
+/**
+* The path builder for a curve, or `undefined` for `linear` — uPlot's default is already a straight line,
+* and passing `undefined` keeps the fastest path.
+*/
+function linePaths(curve) {
+	if (curve === "linear") return void 0;
+	if (cache.has(curve)) return cache.get(curve);
+	const paths = loadedUplot()?.paths;
+	if (!paths) return void 0;
+	const builder = curve === "smooth" ? paths.spline?.() : paths.stepped?.({ align: 1 });
+	cache.set(curve, builder);
+	return builder;
+}
+/**
+* Applies an alpha to a resolved colour, for the fill under an area series.
+*
+* The theme controller always hands back a computed `rgb(…)` or `rgba(…)`, so this only has to handle those
+* two plus a hex literal a consumer may have set directly on a series.
+*/
+function withAlpha(color, alpha) {
+	const rgb = /^rgba?\(([^)]+)\)$/.exec(color.trim());
+	if (rgb) {
+		const [r, g, b] = rgb[1].split(/[,/]/).map((part) => part.trim());
+		return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+	}
+	const hex = /^#([0-9a-f]{6})$/i.exec(color.trim());
+	if (hex) {
+		const value = parseInt(hex[1], 16);
+		return `rgba(${value >> 16 & 255}, ${value >> 8 & 255}, ${value & 255}, ${alpha})`;
+	}
+	return color;
+}
+var barCache = /* @__PURE__ */ new Map();
+/** uPlot's `BarsPathBuilderFacetUnit.ScaleValue`, which is a `const enum` and so cannot be imported here. */
+var SCALE_VALUE = 1;
+/**
+* The bars path builder for one series of a chart: `width` is the share of the band the whole group takes
+* and `gap` the share of each bar's slot given up to the gutter between grouped bars. Memoised on all four
+* arguments, since uPlot wants one builder reused rather than a fresh one per option rebuild.
+*
+* uPlot draws every series' bars on the same x, so a second series would sit exactly on top of the first.
+* Grouping is therefore ours to do: `disp` gives uPlot an explicit left edge and width per bar — in data
+* units, which is what it reads when no `unit` is set — placing each series in its own slot of the band.
+*/
+function barPaths(width, gap, index, count) {
+	const key = `${width}:${gap}:${index}:${count}`;
+	if (barCache.has(key)) return barCache.get(key);
+	const paths = loadedUplot()?.paths;
+	if (!paths) return void 0;
+	const size = [
+		width,
+		Infinity,
+		1
+	];
+	const builder = count > 1 ? paths.bars?.({
+		size,
+		disp: {
+			x0: {
+				unit: SCALE_VALUE,
+				values: (self) => layout(self, width, gap, count).left(index)
+			},
+			size: {
+				unit: SCALE_VALUE,
+				values: (self) => [layout(self, width, gap, count).barWidth]
+			}
+		}
+	}) : paths.bars?.({ size });
+	barCache.set(key, builder);
+	return builder;
+}
+/** One group's geometry in data units, derived from the band width the x values themselves imply. */
+function layout(self, width, gap, count) {
+	const xs = self.data[0];
+	const band = bandStep(xs) * width;
+	const slot = band / count;
+	return {
+		barWidth: slot * (1 - gap),
+		/** Left edge of series `index`'s bar at every x, centred on the band with the gutter split evenly. */
+		left: (index) => xs.map((x) => x - band / 2 + index * slot + slot * gap / 2)
+	};
+}
+/** Width of one band: the smallest gap between adjacent x values, which is how uPlot sizes bars itself. */
+function bandStep(xs) {
+	let smallest = Infinity;
+	for (let index = 1; index < xs.length; index += 1) {
+		const delta = Math.abs(xs[index] - xs[index - 1]);
+		if (delta > 0 && delta < smallest) smallest = delta;
+	}
+	return Number.isFinite(smallest) ? smallest : 1;
+}
+//#endregion
+export { linePaths as n, withAlpha as r, barPaths as t };

package/package.json

@@ -0,0 +1,146 @@
+{
+  "name": "@c2n/chart",
+  "version": "0.0.7",
+  "type": "module",
+  "main": "dist/chart.js",
+  "exports": {
+    ".": {
+      "types": "./types/src/chart.d.ts",
+      "default": "./dist/chart.js"
+    },
+    "./line-chart.js": {
+      "types": "./types/src/line-chart.d.ts",
+      "default": "./dist/line-chart.js"
+    },
+    "./area-chart.js": {
+      "types": "./types/src/area-chart.d.ts",
+      "default": "./dist/area-chart.js"
+    },
+    "./bar-chart.js": {
+      "types": "./types/src/bar-chart.d.ts",
+      "default": "./dist/bar-chart.js"
+    },
+    "./sparkline.js": {
+      "types": "./types/src/sparkline.d.ts",
+      "default": "./dist/sparkline.js"
+    },
+    "./pie-chart.js": {
+      "types": "./types/src/pie-chart.d.ts",
+      "default": "./dist/pie-chart.js"
+    },
+    "./chart-series.js": {
+      "types": "./types/src/chart-series.d.ts",
+      "default": "./dist/chart-series.js"
+    },
+    "./chart-base.js": {
+      "types": "./types/src/chart-base.d.ts",
+      "default": "./dist/chart-base.js"
+    },
+    "./uplot-chart-base.js": {
+      "types": "./types/src/uplot-chart-base.d.ts",
+      "default": "./dist/uplot-chart-base.js"
+    },
+    "./echarts-chart-base.js": {
+      "types": "./types/src/echarts-chart-base.d.ts",
+      "default": "./dist/echarts-chart-base.js"
+    },
+    "./chart-types.js": {
+      "types": "./types/src/chart-types.d.ts",
+      "default": "./dist/chart-types.js"
+    },
+    "./chart-adapter.js": {
+      "types": "./types/src/chart-adapter.d.ts",
+      "default": "./dist/chart-adapter.js"
+    },
+    "./chart-theme.js": {
+      "types": "./types/src/chart-theme.d.ts",
+      "default": "./dist/chart-theme.js"
+    },
+    "./chart-data.js": {
+      "types": "./types/src/chart-data.d.ts",
+      "default": "./dist/chart-data.js"
+    },
+    "./react": {
+      "types": "./react.d.ts",
+      "default": "./react.js"
+    },
+    "./vue": {
+      "types": "./vue.d.ts",
+      "default": "./vue.js"
+    },
+    "./custom-elements.json": "./custom-elements.json"
+  },
+  "files": [
+    "dist",
+    "types",
+    "react.d.ts",
+    "react.js",
+    "vue.d.ts",
+    "vue.js"
+  ],
+  "keywords": [
+    "chart",
+    "charts",
+    "graph",
+    "data visualization",
+    "line chart",
+    "sparkline",
+    "uplot",
+    "echarts",
+    "web component",
+    "lit"
+  ],
+  "license": "MIT",
+  "author": "code2nguyen@gmail.com",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/code2nguyen/web-components.git"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "wireit",
+    "build:only": "vite build",
+    "type-check": "wireit"
+  },
+  "wireit": {
+    "type-check": {
+      "dependencies": [
+        "../../core:build"
+      ],
+      "command": "tsc -p tsconfig.lib.json --composite false"
+    },
+    "build": {
+      "dependencies": [
+        "type-check"
+      ],
+      "command": "vite build"
+    }
+  },
+  "dependencies": {
+    "@c2n/core": "0.0.7",
+    "lit": "3.3.3"
+  },
+  "devDependencies": {
+    "@c2n/config": "*",
+    "echarts": "^6.1.0",
+    "uplot": "^1.6.32"
+  },
+  "customElements": "custom-elements.json",
+  "peerDependencies": {
+    "echarts": "^5.5.0 || ^6.0.0",
+    "uplot": "^1.6.31"
+  },
+  "peerDependenciesMeta": {
+    "echarts": {
+      "optional": true
+    },
+    "uplot": {
+      "optional": true
+    }
+  },
+  "gitHead": "c8db398a27f7cd417d665fdf5da455fee2d4e910"
+}

package/react.d.ts

@@ -0,0 +1,34 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+//
+// JSX types for the custom elements of @c2n/chart. Import once, anywhere in the program:
+//
+//     import '@c2n/chart/react'
+//
+// Register the elements at module scope before React renders, or React writes an object prop as an
+// attribute and it stringifies.
+
+import type { DetailedHTMLProps, HTMLAttributes } from 'react'
+import type { AreaChart } from '@c2n/chart/area-chart.js'
+import type { BarChart } from '@c2n/chart/bar-chart.js'
+import type { ChartSeries } from '@c2n/chart/chart-series.js'
+import type { LineChart } from '@c2n/chart/line-chart.js'
+import type { PieChart } from '@c2n/chart/pie-chart.js'
+import type { Sparkline } from '@c2n/chart/sparkline.js'
+
+/** Standard React host-element attributes plus the element's own public properties. */
+type C2Props<T> = DetailedHTMLProps<HTMLAttributes<T>, T> & Partial<Omit<T, keyof HTMLElement>>
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'c2-area-chart': C2Props<AreaChart>
+      'c2-bar-chart': C2Props<BarChart>
+      'c2-chart-series': C2Props<ChartSeries>
+      'c2-line-chart': C2Props<LineChart>
+      'c2-pie-chart': C2Props<PieChart>
+      'c2-sparkline': C2Props<Sparkline>
+    }
+  }
+}
+
+export {}

package/react.js

@@ -0,0 +1,3 @@
+// GENERATED by @c2n/framework-types. Do not edit by hand.
+// Types only — see the matching .d.ts.
+export {}

package/types/src/area-chart.d.ts

@@ -0,0 +1,36 @@
+import type { TypedAddEventListener, TypedRemoveEventListener } from '@c2n/core/event-helper.js';
+import { LineChart } from './line-chart.js';
+import type { UplotSeriesStyle } from './uplot-chart-base.js';
+import type { ChartEventMap } from './chart-base.js';
+import type { ChartBuildContext } from './chart-adapter.js';
+import type { ChartSeriesConfig } from './chart-types.js';
+export interface AreaChart {
+    addEventListener: TypedAddEventListener<AreaChart, ChartEventMap>;
+    removeEventListener: TypedRemoveEventListener<AreaChart, ChartEventMap>;
+}
+/**
+ * A line chart with the region under each line filled — an area chart *is* a line chart plus a fill, so it
+ * extends `c2-line-chart` and every one of its attributes (`curve`, `points`, `zoom`, the axis bounds)
+ * means the same thing here.
+ *
+ * ```html
+ * <c2-area-chart x-type="time" x-field="t" fill-opacity="0.2" data="[]">
+ *   <c2-chart-series field="sessions" label="Sessions"></c2-chart-series>
+ * </c2-area-chart>
+ * ```
+ *
+ * @tag c2-area-chart
+ */
+export declare class AreaChart extends LineChart {
+    /** Opacity of the fill under each line. Falls back to `--c2-chart__area--opacity`. */
+    fillOpacity?: number;
+    protected seriesStyle(series: ChartSeriesConfig, index: number, context: ChartBuildContext): UplotSeriesStyle;
+    /** Reads `--c2-chart__area--opacity` off the host, falling back to uPlot-friendly 0.15. */
+    private areaOpacity;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'c2-area-chart': AreaChart;
+    }
+}
+//# sourceMappingURL=area-chart.d.ts.map

package/types/src/area-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../src/area-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,MAAM,WAAW,SAAS;IACxB,gBAAgB,EAAE,qBAAqB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACjE,mBAAmB,EAAE,wBAAwB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;CACxE;AAED;;;;;;;;;;;;GAYG;AACH,qBACa,SAAU,SAAQ,SAAS;IACtC,sFAAsF;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;cAExD,WAAW,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,gBAAgB;IAOtH,2FAA2F;IAC3F,OAAO,CAAC,WAAW;CAIpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,SAAS,CAAA;KAC3B;CACF"}

package/types/src/bar-chart.d.ts

@@ -0,0 +1,46 @@
+import type { TypedAddEventListener, TypedRemoveEventListener } from '@c2n/core/event-helper.js';
+import type { Options } from 'uplot';
+import { UplotChartBase, type UplotSeriesStyle } from './uplot-chart-base.js';
+import type { ChartEventMap } from './chart-base.js';
+import type { ChartBuildContext } from './chart-adapter.js';
+import type { ChartSeriesConfig } from './chart-types.js';
+import './chart-series.js';
+export interface BarChart {
+    addEventListener: TypedAddEventListener<BarChart, ChartEventMap>;
+    removeEventListener: TypedRemoveEventListener<BarChart, ChartEventMap>;
+}
+/**
+ * A bar chart drawn by uPlot's bars path builder, for categorical or time-bucketed values. Several series
+ * are drawn side by side within each band.
+ *
+ * ```html
+ * <c2-bar-chart label-field="team" legend="bottom" data='[{ "team": "Core", "shipped": 18 }]'>
+ *   <c2-chart-series field="shipped" label="Shipped"></c2-chart-series>
+ * </c2-bar-chart>
+ * ```
+ *
+ * @tag c2-bar-chart
+ */
+export declare class BarChart extends UplotChartBase {
+    /** Share of each band a bar group occupies, from 0 to 1. */
+    barWidth: number;
+    /** Share of the group taken by the gaps between grouped bars, from 0 to 1. */
+    barGap: number;
+    protected seriesStyle(series: ChartSeriesConfig, index: number, context: ChartBuildContext): UplotSeriesStyle;
+    /** A band chart reads its x as discrete slots, so the scale is padded by half a band at each end. */
+    protected decorateOptions(options: Options, _context: ChartBuildContext): Options;
+    /**
+     * Bars sit on category labels when there are any, so the tick shows the label rather than the index.
+     *
+     * uPlot picks its own split values, and on a handful of bands those land on halves — which would round
+     * to the same label twice and then off the end of the list. A band has no label between its slots, so
+     * those ticks are blank.
+     */
+    protected formatAxisX(value: number): string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'c2-bar-chart': BarChart;
+    }
+}
+//# sourceMappingURL=bar-chart.d.ts.map

package/types/src/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../src/bar-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,QAAQ;IACvB,gBAAgB,EAAE,qBAAqB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;IAChE,mBAAmB,EAAE,wBAAwB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;CACvE;AAED;;;;;;;;;;;GAWG;AACH,qBACa,QAAS,SAAQ,cAAc;IAC1C,4DAA4D;IACR,QAAQ,SAAM;IAElE,8EAA8E;IAC5B,MAAM,SAAM;cAE3C,WAAW,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,gBAAgB;IAatH,qGAAqG;cAClF,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,GAAG,OAAO;IAS1F;;;;;;OAMG;cACgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;CAKtD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,QAAQ,CAAA;KACzB;CACF"}

package/types/src/chart-adapter.d.ts

@@ -0,0 +1,67 @@
+/**
+ * The contract between a chart element and a drawing engine.
+ *
+ * The split between {@link ChartAdapter.setData} and {@link ChartAdapter.setOptions} is the whole reason
+ * this interface exists: a realtime tick must reach the engine through `setData` and nothing else, because
+ * `setOptions` is allowed to be expensive (under uPlot it destroys and rebuilds the instance).
+ */
+import type { ChartSeriesConfig } from './chart-types.js';
+import type { ChartTheme } from './chart-theme.js';
+/** Everything an element hands its engine layer to build options. Presentation only — never raw data. */
+export interface ChartBuildContext {
+    theme: ChartTheme;
+    /** The resolved series, in draw order. */
+    series: ChartSeriesConfig[];
+    /** Indices currently hidden by the legend. */
+    hidden: ReadonlySet<number>;
+    /** Category labels, when the chart is categorical. */
+    labels?: string[];
+    width: number;
+    height: number;
+}
+/** Engine callbacks, normalised so the element never sees a uPlot hook or an ECharts action. */
+export interface ChartAdapterEvents {
+    /** A point is hovered, or `null` when the pointer leaves the plot. */
+    hover(detail: {
+        index: number;
+        seriesIndex: number;
+        px: number;
+        py: number;
+    } | null): void;
+    click(detail: {
+        index: number;
+        seriesIndex: number;
+    }): void;
+    rangeChange(detail: {
+        min: number;
+        max: number;
+    }): void;
+}
+/**
+ * One drawing engine, wrapped. Only {@link create} is asynchronous — by the time it resolves the engine
+ * module has loaded and the instance exists, so every later call is synchronous and cheap to reason about.
+ */
+export interface ChartAdapter<TOptions = unknown, TData = unknown> {
+    readonly engine: 'uplot' | 'echarts';
+    /** Builds the instance. Options and data are applied together so nothing flashes on first paint. */
+    create(container: HTMLElement, options: TOptions, data: TData, events: ChartAdapterEvents): Promise<void>;
+    /** The hot path. Data only: must not rebuild options, re-measure, or recreate the instance. */
+    setData(data: TData): void;
+    /**
+     * Streaming append, when the engine has a cheaper path than a full `setData`. Optional: the element
+     * falls back to `setData` when it is absent.
+     */
+    appendData?(data: TData, appended: number): void;
+    /** Presentation changed. Allowed to be expensive. `replace` is required when the series set shrinks. */
+    setOptions(options: TOptions, mode: 'merge' | 'replace'): void;
+    /** Shows or hides one series without rebuilding anything. */
+    setSeriesVisibility(index: number, visible: boolean): void;
+    /**
+     * Shows or hides one datum by name, for a chart whose legend is its data rather than its series — a pie has
+     * one series and many slices. Only the engines that can do it implement it.
+     */
+    setDatumVisibility?(name: string, visible: boolean): void;
+    resize(width: number, height: number): void;
+    destroy(): void;
+}
+//# sourceMappingURL=chart-adapter.d.ts.map

package/types/src/chart-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-adapter.d.ts","sourceRoot":"","sources":["../../src/chart-adapter.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD,yGAAyG;AACzG,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,UAAU,CAAA;IACjB,0CAA0C;IAC1C,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,8CAA8C;IAC9C,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC3B,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,gGAAgG;AAChG,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,KAAK,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,IAAI,CAAA;IAC1F,KAAK,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC3D,WAAW,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACxD;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY,CAAC,QAAQ,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO;IAC/D,QAAQ,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAEpC,oGAAoG;IACpG,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAEzG,+FAA+F;IAC/F,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAE1B;;;OAGG;IACH,UAAU,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAEhD,wGAAwG;IACxG,UAAU,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAA;IAE9D,6DAA6D;IAC7D,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IAE1D;;;OAGG;IACH,kBAAkB,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IAEzD,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IAE3C,OAAO,IAAI,IAAI,CAAA;CAChB"}