@tradingaction/table 2.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Reactive Markets
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,51 @@
+# @tradingaction/table
+
+Interactive table annotation for react-financial-charts.
+
+## Features
+
+- Position tables at 9 different positions on your chart
+- Automatic position calculation (no manual coordinate needed)
+- Customize cell fill color and text color
+- Origin-based positioning (stays consistent on pan)
+
+## Installation
+
+```bash
+npm install @tradingaction/table
+```
+
+## Usage
+
+```tsx
+import { Table } from '@tradingaction/table';
+
+<Table
+  position="top_right"
+  rows={[
+    { label: "Price", value: "$100.50", labelFill: "#fff", valueFill: "#ffff00" },
+    { label: "Change", value: "+2.5%", labelFill: "#fff", valueFill: "#00ff00" },
+  ]}
+  cellFill="#1a1a1a"
+  cellBorder="#555"
+  padding={8}
+/>
+```
+
+## Positions
+
+Available positions (3x3 grid):
+- `top_left`, `top_center`, `top_right`
+- `middle_left`, `middle_center`, `middle_right`
+- `bottom_left`, `bottom_center`, `bottom_right`
+
+## Props
+
+- `position`: Position on the chart
+- `rows`: Array of row data with labels and values
+- `cellFill`: Background color of cells
+- `cellBorder`: Border color of cells
+- `textFill`: Default text color
+- `fontSize`: Font size (default: 12)
+- `fontFamily`: Font family (default: system)
+- `padding`: Cell padding (default: 4)

package/lib/Table.d.ts

@@ -0,0 +1,75 @@
+import * as React from "react";
+import { Position, TableLayout, TableRow, RowsCallback, VisibilityCallback } from "./types";
+export interface TableProps {
+    /** Position of the table on the chart (3x3 grid) */
+    readonly position: Position;
+    /** Array of rows to display in the table */
+    readonly rows: TableRow[] | RowsCallback;
+    /** Table layout: "vertical" (label | value columns) or "horizontal" (headers on top, rows below) */
+    readonly layout?: TableLayout;
+    /** Column headers for horizontal layout */
+    readonly headers?: string[];
+    /** Background fill color for cells */
+    readonly cellFill?: string;
+    /** Border/stroke color for cells */
+    readonly cellBorder?: string;
+    /** Default text fill color */
+    readonly textFill?: string;
+    /** Font family */
+    readonly fontFamily?: string;
+    /** Font size in pixels */
+    readonly fontSize?: number;
+    /** Font weight */
+    readonly fontWeight?: string | number;
+    /** Padding inside cells */
+    readonly padding?: number;
+    /** Stroke width for borders */
+    readonly strokeWidth?: number;
+    /** Corner radius for cells */
+    readonly borderRadius?: number;
+    /** Callback to determine visibility */
+    readonly isVisible?: VisibilityCallback;
+    /** Custom canvas selection function */
+    readonly selectCanvas?: (canvases: any) => any;
+    /** Enable border drawing */
+    readonly showBorder?: boolean;
+    /** To calculate middle / bottom positions */
+    readonly canvasHeight?: number;
+}
+interface TableState {
+    updateCount: number;
+}
+export declare class Table extends React.Component<TableProps, TableState> {
+    static defaultProps: {
+        cellFill: string;
+        cellBorder: string;
+        textFill: string;
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: string;
+        padding: number;
+        strokeWidth: number;
+        borderRadius: number;
+        showBorder: boolean;
+        layout: TableLayout;
+        selectCanvas: (canvases: any) => any;
+    };
+    static contextType: React.Context<import("@tradingaction/core/lib/ChartCanvas").ChartCanvasContextType<number | Date>>;
+    constructor(props: TableProps);
+    render(): React.JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly drawTable;
+    /**
+     * Draw vertical layout (label | value1, value2, ...)
+     */
+    private readonly drawVerticalTable;
+    /**
+     * Draw horizontal layout (headers on top, rows below - no label column)
+     */
+    private readonly drawHorizontalTable;
+    /**
+     * Draw a rounded rectangle
+     */
+    private readonly drawRoundRect;
+}
+export {};

package/lib/Table.js

@@ -0,0 +1,323 @@
+import * as React from "react";
+import { GenericComponent, ChartCanvasContext } from "@tradingaction/core";
+import { calculatePositionInfo, calculateTableBounds, clampPositionInfo } from "./positionUtils";
+export class Table extends React.Component {
+    constructor(props) {
+        super(props);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            var _a, _b;
+            const { isVisible, canvasHeight } = this.props;
+            // console.log(moreProps, 'moreProps', moreProps.height)
+            // Check visibility
+            if (isVisible && !isVisible(moreProps)) {
+                return;
+            }
+            ctx.save();
+            const context = this.context;
+            const { canvasOriginX, canvasOriginY, margin, ratio } = context;
+            // Set up transformation
+            ctx.setTransform(1, 0, 0, 1, 0, 0);
+            ctx.scale(ratio, ratio);
+            const originX = canvasOriginX !== null && canvasOriginX !== void 0 ? canvasOriginX : margin.left + 0.5 * ratio;
+            const originY = canvasOriginY !== null && canvasOriginY !== void 0 ? canvasOriginY : margin.top + 0.5 * ratio;
+            ctx.translate(originX, originY);
+            // Debug: log available props
+            // console.log('moreProps keys:', Object.keys(moreProps).slice(0, 20));
+            // console.log('xScale:', moreProps.xScale);
+            // console.log('canvasHeight:', moreProps.canvasHeight, canvasHeight);
+            // console.log('margin:', margin);
+            // Get the chart dimensions
+            const xScaleRange = (_b = (_a = moreProps.xScale) === null || _a === void 0 ? void 0 : _a.range) === null || _b === void 0 ? void 0 : _b.call(_a);
+            const chartWidth = xScaleRange ? (xScaleRange[1] - xScaleRange[0]) : 6000;
+            const chartHeight = (canvasHeight !== null && canvasHeight !== void 0 ? canvasHeight : 600) - margin.top - margin.bottom;
+            // console.log('chartWidth:', chartWidth, 'chartHeight:', chartHeight);
+            // Translate to the center of the chart
+            // (position calculations assume origin is at chart center)
+            ctx.translate(chartWidth / 2, chartHeight / 2);
+            // Get rows
+            const { rows } = this.props;
+            const tableRows = Array.isArray(rows) ? rows : rows(moreProps);
+            if (!tableRows || tableRows.length === 0) {
+                ctx.restore();
+                return;
+            }
+            // Get styling props
+            const { fontSize = 12, fontFamily = "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif", padding = 4, } = this.props;
+            // Calculate bounds (uses the provided canvas context for accurate text measurement)
+            const tableBounds = calculateTableBounds(tableRows, fontSize, fontFamily, padding, ctx);
+            // Calculate position
+            const { position } = this.props;
+            let posInfo = calculatePositionInfo(position, { width: chartWidth, height: chartHeight }, tableBounds);
+            // Clamp position to ensure table stays visible
+            posInfo = clampPositionInfo(posInfo, { width: chartWidth, height: chartHeight }, tableBounds);
+            // Draw the table
+            this.drawTable(ctx, tableRows, posInfo);
+            ctx.restore();
+        };
+        this.drawTable = (ctx, rows, posInfo) => {
+            const { cellFill = "rgba(0, 0, 0, 0.7)", cellBorder = "#555555", textFill = "#ffffff", fontFamily = "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif", fontSize = 12, fontWeight = "normal", padding = 4, strokeWidth = 1, borderRadius = 0, showBorder = true, layout = "vertical", headers, } = this.props;
+            const { x, y } = posInfo;
+            ctx.save();
+            ctx.translate(x, y);
+            if (layout === "horizontal") {
+                this.drawHorizontalTable(ctx, rows, {
+                    cellFill,
+                    cellBorder,
+                    textFill,
+                    fontFamily,
+                    fontSize,
+                    fontWeight,
+                    padding,
+                    strokeWidth,
+                    borderRadius,
+                    showBorder,
+                    headers,
+                });
+            }
+            else {
+                this.drawVerticalTable(ctx, rows, {
+                    cellFill,
+                    cellBorder,
+                    textFill,
+                    fontFamily,
+                    fontSize,
+                    fontWeight,
+                    padding,
+                    strokeWidth,
+                    borderRadius,
+                    showBorder,
+                });
+            }
+            ctx.restore();
+        };
+        /**
+         * Draw vertical layout (label | value1, value2, ...)
+         */
+        this.drawVerticalTable = (ctx, rows, styles) => {
+            var _a, _b;
+            const { cellFill, cellBorder, textFill, fontFamily, fontSize, fontWeight, padding, strokeWidth, borderRadius, showBorder, } = styles;
+            // Calculate row dimensions
+            const lineHeight = fontSize + padding * 2;
+            let maxLabelWidth = 0;
+            let maxValueWidth = 0;
+            ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;
+            for (const row of rows) {
+                const labelWidth = ctx.measureText(String(row.label)).width;
+                maxLabelWidth = Math.max(maxLabelWidth, labelWidth);
+                // Handle both single value and multiple values
+                const values = row.values || (row.value !== undefined ? [row.value] : []);
+                for (const val of values) {
+                    const valueWidth = ctx.measureText(String(val)).width;
+                    maxValueWidth = Math.max(maxValueWidth, valueWidth);
+                }
+            }
+            const colGap = padding * 2;
+            const labelColWidth = maxLabelWidth + padding * 2;
+            const valueColWidth = maxValueWidth + padding * 2;
+            const tableWidth = labelColWidth + valueColWidth + colGap;
+            const totalHeight = lineHeight * rows.length;
+            // Draw background
+            ctx.fillStyle = cellFill;
+            ctx.strokeStyle = cellBorder;
+            ctx.lineWidth = strokeWidth;
+            if (borderRadius > 0) {
+                this.drawRoundRect(ctx, 0, 0, tableWidth, totalHeight, borderRadius);
+                ctx.fill();
+                if (showBorder) {
+                    ctx.stroke();
+                }
+            }
+            else {
+                ctx.fillRect(0, 0, tableWidth, totalHeight);
+                if (showBorder) {
+                    ctx.strokeRect(0, 0, tableWidth, totalHeight);
+                }
+            }
+            // Draw rows
+            ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;
+            for (let i = 0; i < rows.length; i++) {
+                const row = rows[i];
+                const rowY = i * lineHeight;
+                // Draw label cell background
+                if (row.labelFill) {
+                    ctx.fillStyle = row.labelFill;
+                    ctx.fillRect(0, rowY, labelColWidth, lineHeight);
+                }
+                // Draw label text
+                const labelTextColor = (_a = row.labelTextFill) !== null && _a !== void 0 ? _a : textFill;
+                ctx.fillStyle = labelTextColor;
+                ctx.textAlign = "left";
+                ctx.textBaseline = "middle";
+                ctx.fillText(String(row.label), padding, rowY + lineHeight / 2);
+                // Draw value cell background
+                const valueFills = Array.isArray(row.valueFill) ? row.valueFill : [row.valueFill];
+                if (valueFills[0]) {
+                    ctx.fillStyle = valueFills[0];
+                    ctx.fillRect(labelColWidth + colGap, rowY, valueColWidth, lineHeight);
+                }
+                // Draw value text (use first value or the single value)
+                const values = row.values || (row.value !== undefined ? [row.value] : []);
+                const displayValue = values.length > 0 ? values[0] : "";
+                const valueTextColors = Array.isArray(row.valueTextFill) ? row.valueTextFill : [row.valueTextFill];
+                const valueTextColor = (_b = valueTextColors[0]) !== null && _b !== void 0 ? _b : textFill;
+                ctx.fillStyle = valueTextColor;
+                ctx.textAlign = "left";
+                ctx.textBaseline = "middle";
+                ctx.fillText(String(displayValue), labelColWidth + colGap + padding, rowY + lineHeight / 2);
+            }
+        };
+        /**
+         * Draw horizontal layout (headers on top, rows below - no label column)
+         */
+        this.drawHorizontalTable = (ctx, rows, styles) => {
+            const { cellFill, cellBorder, textFill, fontFamily, fontSize, fontWeight, padding, strokeWidth, borderRadius, showBorder, headers, } = styles;
+            const lineHeight = fontSize + padding * 2;
+            ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;
+            // Determine number of columns from first row or headers
+            let numCols = 0;
+            if (headers && headers.length > 0) {
+                numCols = headers.length;
+            }
+            else {
+                for (const row of rows) {
+                    const values = row.values || [];
+                    numCols = Math.max(numCols, values.length);
+                }
+            }
+            if (numCols === 0) {
+                return; // Nothing to draw
+            }
+            // Helper to extract cell value and styling
+            const extractCellData = (cellValue) => {
+                if (cellValue === null || cellValue === undefined) {
+                    return { value: "", fill: undefined, textFill: undefined };
+                }
+                if (typeof cellValue === "object" && "value" in cellValue) {
+                    return {
+                        value: String(cellValue.value),
+                        fill: cellValue.fill,
+                        textFill: cellValue.textFill,
+                    };
+                }
+                return { value: String(cellValue), fill: undefined, textFill: undefined };
+            };
+            // Calculate column widths based on headers and values
+            const maxColWidths = Array(numCols).fill(0);
+            // Measure headers
+            const effectiveHeaders = headers || Array.from({ length: numCols }, (_, i) => `Col${i + 1}`);
+            for (let colIdx = 0; colIdx < numCols; colIdx++) {
+                const headerText = String(effectiveHeaders[colIdx] || "");
+                const headerWidth = ctx.measureText(headerText).width;
+                maxColWidths[colIdx] = headerWidth;
+            }
+            // Measure values
+            for (const row of rows) {
+                const values = row.values || [];
+                for (let colIdx = 0; colIdx < numCols; colIdx++) {
+                    const cellData = extractCellData(values[colIdx]);
+                    const valueWidth = ctx.measureText(cellData.value).width;
+                    maxColWidths[colIdx] = Math.max(maxColWidths[colIdx], valueWidth);
+                }
+            }
+            const colWidths = maxColWidths.map((w) => w + padding * 2);
+            const colGap = padding;
+            const tableWidth = colWidths.reduce((sum, w, idx) => sum + w + (idx < colWidths.length - 1 ? colGap : 0), 0);
+            const totalHeight = lineHeight * (rows.length + 1); // +1 for header row
+            // Draw background
+            ctx.fillStyle = cellFill;
+            ctx.strokeStyle = cellBorder;
+            ctx.lineWidth = strokeWidth;
+            if (borderRadius > 0) {
+                this.drawRoundRect(ctx, 0, 0, tableWidth, totalHeight, borderRadius);
+                ctx.fill();
+                if (showBorder) {
+                    ctx.stroke();
+                }
+            }
+            else {
+                ctx.fillRect(0, 0, tableWidth, totalHeight);
+                if (showBorder) {
+                    ctx.strokeRect(0, 0, tableWidth, totalHeight);
+                }
+            }
+            // Draw header row
+            ctx.font = `${fontWeight} bold ${fontSize}px ${fontFamily}`;
+            ctx.textAlign = "center";
+            ctx.textBaseline = "middle";
+            ctx.fillStyle = textFill;
+            let colX = 0;
+            for (let colIdx = 0; colIdx < numCols; colIdx++) {
+                const headerText = String(effectiveHeaders[colIdx] || "");
+                const colWidth = colWidths[colIdx];
+                ctx.fillText(headerText, colX + colWidth / 2, lineHeight / 2);
+                colX += colWidth + colGap;
+            }
+            // Draw data rows
+            ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;
+            ctx.textAlign = "center";
+            ctx.textBaseline = "middle";
+            for (let rowIdx = 0; rowIdx < rows.length; rowIdx++) {
+                const row = rows[rowIdx];
+                const rowY = (rowIdx + 1) * lineHeight;
+                const values = row.values || [];
+                colX = 0;
+                for (let colIdx = 0; colIdx < numCols; colIdx++) {
+                    const colWidth = colWidths[colIdx];
+                    const cellData = extractCellData(values[colIdx]);
+                    // Draw cell background
+                    const cellFillColor = cellData.fill || cellFill;
+                    ctx.fillStyle = cellFillColor;
+                    ctx.fillRect(colX, rowY, colWidth, lineHeight);
+                    // Draw cell border if showBorder
+                    if (showBorder) {
+                        ctx.strokeStyle = cellBorder;
+                        ctx.lineWidth = strokeWidth;
+                        ctx.strokeRect(colX, rowY, colWidth, lineHeight);
+                    }
+                    // Draw cell text
+                    const cellTextColor = cellData.textFill || textFill;
+                    ctx.fillStyle = cellTextColor;
+                    ctx.fillText(cellData.value, colX + colWidth / 2, rowY + lineHeight / 2);
+                    colX += colWidth + colGap;
+                }
+            }
+        };
+        /**
+         * Draw a rounded rectangle
+         */
+        this.drawRoundRect = (ctx, x, y, width, height, radius) => {
+            ctx.beginPath();
+            ctx.moveTo(x + radius, y);
+            ctx.lineTo(x + width - radius, y);
+            ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
+            ctx.lineTo(x + width, y + height - radius);
+            ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
+            ctx.lineTo(x + radius, y + height);
+            ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
+            ctx.lineTo(x, y + radius);
+            ctx.quadraticCurveTo(x, y, x + radius, y);
+            ctx.closePath();
+        };
+        this.state = { updateCount: 0 };
+    }
+    render() {
+        const { selectCanvas } = this.props;
+        return (React.createElement(GenericComponent, { canvasToDraw: selectCanvas, canvasDraw: this.drawOnCanvas, drawOn: ["pan", "zoom"] }));
+    }
+}
+Table.defaultProps = {
+    cellFill: "rgba(0, 0, 0, 0.7)",
+    cellBorder: "#555555",
+    textFill: "#ffffff",
+    fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
+    fontSize: 12,
+    fontWeight: "normal",
+    padding: 4,
+    strokeWidth: 1,
+    borderRadius: 0,
+    showBorder: true,
+    layout: "vertical",
+    selectCanvas: (canvases) => canvases.bg,
+};
+Table.contextType = ChartCanvasContext;
+//# sourceMappingURL=Table.js.map

package/lib/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AA2DjG,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAiC;IAkB9D,YAAmB,KAAiB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAeA,iBAAY,GAAG,CAAC,GAA6B,EAAE,SAAc,EAAE,EAAE;;YAC9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC/C,wDAAwD;YACxD,mBAAmB;YACnB,IAAI,SAAS,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE;gBACpC,OAAO;aACV;YAED,GAAG,CAAC,IAAI,EAAE,CAAC;YAEX,MAAM,OAAO,GAAG,IAAI,CAAC,OAAc,CAAC;YACpC,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;YAEhE,wBAAwB;YACxB,GAAG,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YACnC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAExB,MAAM,OAAO,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,MAAM,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC;YAC3D,MAAM,OAAO,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;YAE1D,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAEhC,6BAA6B;YAC7B,uEAAuE;YACvE,4CAA4C;YAC5C,sEAAsE;YACtE,kCAAkC;YAElC,2BAA2B;YAC3B,MAAM,WAAW,GAAG,MAAA,MAAA,SAAS,CAAC,MAAM,0CAAE,KAAK,kDAAI,CAAC;YAChD,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAC1E,MAAM,WAAW,GAAG,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC;YAEvE,uEAAuE;YAEvE,uCAAuC;YACvC,2DAA2D;YAC3D,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;YAE/C,WAAW;YACX,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAE/D,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtC,GAAG,CAAC,OAAO,EAAE,CAAC;gBACd,OAAO;aACV;YAED,oBAAoB;YACpB,MAAM,EACF,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,wEAAwE,EACrF,OAAO,GAAG,CAAC,GACd,GAAG,IAAI,CAAC,KAAK,CAAC;YAEf,oFAAoF;YACpF,MAAM,WAAW,GAAG,oBAAoB,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;YAExF,qBAAqB;YACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,IAAI,OAAO,GAAG,qBAAqB,CAC/B,QAAQ,EACR,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAC1C,WAAW,CACd,CAAC;YAEF,+CAA+C;YAC/C,OAAO,GAAG,iBAAiB,CACvB,OAAO,EACP,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAC1C,WAAW,CACd,CAAC;YAEF,iBAAiB;YACjB,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;YAExC,GAAG,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC,CAAC;QAEe,cAAS,GAAG,CACzB,GAA6B,EAC7B,IAAgB,EAChB,OAAY,EACd,EAAE;YACA,MAAM,EACF,QAAQ,GAAG,oBAAoB,EAC/B,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,SAAS,EACpB,UAAU,GAAG,wEAAwE,EACrF,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,QAAQ,EACrB,OAAO,GAAG,CAAC,EACX,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,CAAC,EAChB,UAAU,GAAG,IAAI,EACjB,MAAM,GAAG,UAAU,EACnB,OAAO,GACV,GAAG,IAAI,CAAC,KAAK,CAAC;YAEf,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC;YAEzB,GAAG,CAAC,IAAI,EAAE,CAAC;YACX,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAEpB,IAAI,MAAM,KAAK,YAAY,EAAE;gBACzB,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,IAAI,EAAE;oBAChC,QAAQ;oBACR,UAAU;oBACV,QAAQ;oBACR,UAAU;oBACV,QAAQ;oBACR,UAAU;oBACV,OAAO;oBACP,WAAW;oBACX,YAAY;oBACZ,UAAU;oBACV,OAAO;iBACV,CAAC,CAAC;aACN;iBAAM;gBACH,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,IAAI,EAAE;oBAC9B,QAAQ;oBACR,UAAU;oBACV,QAAQ;oBACR,UAAU;oBACV,QAAQ;oBACR,UAAU;oBACV,OAAO;oBACP,WAAW;oBACX,YAAY;oBACZ,UAAU;iBACb,CAAC,CAAC;aACN;YAED,GAAG,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC,CAAC;QAEF;;WAEG;QACc,sBAAiB,GAAG,CACjC,GAA6B,EAC7B,IAAgB,EAChB,MAAW,EACb,EAAE;;YACA,MAAM,EACF,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,YAAY,EACZ,UAAU,GACb,GAAG,MAAM,CAAC;YAEX,2BAA2B;YAC3B,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC,CAAC;YAC1C,IAAI,aAAa,GAAG,CAAC,CAAC;YACtB,IAAI,aAAa,GAAG,CAAC,CAAC;YAEtB,GAAG,CAAC,IAAI,GAAG,GAAG,UAAU,IAAI,QAAQ,MAAM,UAAU,EAAE,CAAC;YACvD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;gBACpB,MAAM,UAAU,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC5D,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;gBAEpD,+CAA+C;gBAC/C,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC1E,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;oBACtB,MAAM,UAAU,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;oBACtD,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;iBACvD;aACJ;YAED,MAAM,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC;YAC3B,MAAM,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,CAAC,CAAC;YAClD,MAAM,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,CAAC,CAAC;YAClD,MAAM,UAAU,GAAG,aAAa,GAAG,aAAa,GAAG,MAAM,CAAC;YAC1D,MAAM,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;YAE7C,kBAAkB;YAClB,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YACzB,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC;YAC7B,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC;YAE5B,IAAI,YAAY,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;gBACrE,GAAG,CAAC,IAAI,EAAE,CAAC;gBACX,IAAI,UAAU,EAAE;oBACZ,GAAG,CAAC,MAAM,EAAE,CAAC;iBAChB;aACJ;iBAAM;gBACH,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;gBAC5C,IAAI,UAAU,EAAE;oBACZ,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;iBACjD;aACJ;YAED,YAAY;YACZ,GAAG,CAAC,IAAI,GAAG,GAAG,UAAU,IAAI,QAAQ,MAAM,UAAU,EAAE,CAAC;YAEvD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAClC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;gBACpB,MAAM,IAAI,GAAG,CAAC,GAAG,UAAU,CAAC;gBAE5B,6BAA6B;gBAC7B,IAAI,GAAG,CAAC,SAAS,EAAE;oBACf,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;oBAC9B,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC;iBACpD;gBAED,kBAAkB;gBAClB,MAAM,cAAc,GAAG,MAAA,GAAG,CAAC,aAAa,mCAAI,QAAQ,CAAC;gBACrD,GAAG,CAAC,SAAS,GAAG,cAAc,CAAC;gBAC/B,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;gBACvB,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;gBAC5B,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC;gBAEhE,6BAA6B;gBAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBAClF,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE;oBACf,GAAG,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;oBAC9B,GAAG,CAAC,QAAQ,CAAC,aAAa,GAAG,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC;iBACzE;gBAED,wDAAwD;gBACxD,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC1E,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACxD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;gBACnG,MAAM,cAAc,GAAG,MAAA,eAAe,CAAC,CAAC,CAAC,mCAAI,QAAQ,CAAC;gBACtD,GAAG,CAAC,SAAS,GAAG,cAAc,CAAC;gBAC/B,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;gBACvB,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;gBAC5B,GAAG,CAAC,QAAQ,CACR,MAAM,CAAC,YAAY,CAAC,EACpB,aAAa,GAAG,MAAM,GAAG,OAAO,EAChC,IAAI,GAAG,UAAU,GAAG,CAAC,CACxB,CAAC;aACL;QACL,CAAC,CAAC;QAEF;;WAEG;QACc,wBAAmB,GAAG,CACnC,GAA6B,EAC7B,IAAgB,EAChB,MAAW,EACb,EAAE;YACA,MAAM,EACF,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,YAAY,EACZ,UAAU,EACV,OAAO,GACV,GAAG,MAAM,CAAC;YAEX,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC,CAAC;YAC1C,GAAG,CAAC,IAAI,GAAG,GAAG,UAAU,IAAI,QAAQ,MAAM,UAAU,EAAE,CAAC;YAEvD,wDAAwD;YACxD,IAAI,OAAO,GAAG,CAAC,CAAC;YAChB,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/B,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC;aAC5B;iBAAM;gBACH,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;oBACpB,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC;oBAChC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;iBAC9C;aACJ;YAED,IAAI,OAAO,KAAK,CAAC,EAAE;gBACf,OAAO,CAAC,kBAAkB;aAC7B;YAED,2CAA2C;YAC3C,MAAM,eAAe,GAAG,CAAC,SAAc,EAAE,EAAE;gBACvC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,SAAS,EAAE;oBAC/C,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;iBAC9D;gBACD,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,IAAI,SAAS,EAAE;oBACvD,OAAO;wBACH,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;wBAC9B,IAAI,EAAE,SAAS,CAAC,IAAI;wBACpB,QAAQ,EAAE,SAAS,CAAC,QAAQ;qBAC/B,CAAC;iBACL;gBACD,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;YAC9E,CAAC,CAAC;YAEF,sDAAsD;YACtD,MAAM,YAAY,GAAa,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAEtD,kBAAkB;YAClB,MAAM,gBAAgB,GAAG,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC7F,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,EAAE,EAAE;gBAC7C,MAAM,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC1D,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC;gBACtD,YAAY,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC;aACtC;YAED,iBAAiB;YACjB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;gBACpB,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC;gBAChC,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,EAAE,EAAE;oBAC7C,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;oBACjD,MAAM,UAAU,GAAG,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;oBACzD,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;iBACrE;aACJ;YAED,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC;YAC3D,MAAM,MAAM,GAAG,OAAO,CAAC;YACvB,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC7G,MAAM,WAAW,GAAG,UAAU,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB;YAExE,kBAAkB;YAClB,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YACzB,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC;YAC7B,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC;YAE5B,IAAI,YAAY,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;gBACrE,GAAG,CAAC,IAAI,EAAE,CAAC;gBACX,IAAI,UAAU,EAAE;oBACZ,GAAG,CAAC,MAAM,EAAE,CAAC;iBAChB;aACJ;iBAAM;gBACH,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;gBAC5C,IAAI,UAAU,EAAE;oBACZ,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;iBACjD;aACJ;YAED,kBAAkB;YAClB,GAAG,CAAC,IAAI,GAAG,GAAG,UAAU,SAAS,QAAQ,MAAM,UAAU,EAAE,CAAC;YAC5D,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YACzB,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;YAC5B,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YAEzB,IAAI,IAAI,GAAG,CAAC,CAAC;YACb,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,EAAE,EAAE;gBAC7C,MAAM,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC1D,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;gBACnC,GAAG,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,GAAG,QAAQ,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;gBAC9D,IAAI,IAAI,QAAQ,GAAG,MAAM,CAAC;aAC7B;YAED,iBAAiB;YACjB,GAAG,CAAC,IAAI,GAAG,GAAG,UAAU,IAAI,QAAQ,MAAM,UAAU,EAAE,CAAC;YACvD,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YACzB,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;YAE5B,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;gBACjD,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;gBACzB,MAAM,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC;gBACvC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC;gBAEhC,IAAI,GAAG,CAAC,CAAC;gBACT,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,EAAE,EAAE;oBAC7C,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;oBACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;oBAEjD,uBAAuB;oBACvB,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC;oBAChD,GAAG,CAAC,SAAS,GAAG,aAAa,CAAC;oBAC9B,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;oBAE/C,iCAAiC;oBACjC,IAAI,UAAU,EAAE;wBACZ,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC;wBAC7B,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC;wBAC5B,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;qBACpD;oBAED,iBAAiB;oBACjB,MAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC;oBACpD,GAAG,CAAC,SAAS,GAAG,aAAa,CAAC;oBAC9B,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,QAAQ,GAAG,CAAC,EAAE,IAAI,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC;oBAEzE,IAAI,IAAI,QAAQ,GAAG,MAAM,CAAC;iBAC7B;aACJ;QACL,CAAC,CAAC;QAEF;;WAEG;QACc,kBAAa,GAAG,CAC7B,GAA6B,EAC7B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,MAAc,EAChB,EAAE;YACA,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;YAC1B,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;YAClC,GAAG,CAAC,gBAAgB,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;YAC1D,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;YAC3C,GAAG,CAAC,gBAAgB,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;YAC5E,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;YACnC,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;YAC5D,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;YAC1B,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;YAC1C,GAAG,CAAC,SAAS,EAAE,CAAC;QACpB,CAAC,CAAC;QA5aE,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;IACpC,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACpC,OAAO,CACH,oBAAC,gBAAgB,IACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,IAAI,CAAC,YAAY,EAC7B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,GACzB,CACL,CAAC;IACN,CAAC;;AA/Ba,kBAAY,GAAG;IACzB,QAAQ,EAAE,oBAAoB;IAC9B,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,wEAAwE;IACpF,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,CAAC;IACV,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,IAAI;IAChB,MAAM,EAAE,UAAyB;IACjC,YAAY,EAAE,CAAC,QAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE;CAC/C,CAAC;AAEY,iBAAW,GAAG,kBAAkB,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Public exports for @tradingaction/table
+ */
+export { Table } from "./Table";
+export type { TableProps } from "./Table";
+export { calculatePositionInfo, calculateTableBounds, clampPositionInfo, HORIZONTAL_POSITIONS, VERTICAL_POSITIONS, ALL_POSITIONS, } from "./positionUtils";
+export type { Position, TableLayout, TableRow, TableCell, CellValue, VisibilityCallback, RowsCallback, CellStyle, PositionInfo, TableBounds, } from "./types";

package/lib/index.js

@@ -0,0 +1,6 @@
+/**
+ * Public exports for @tradingaction/table
+ */
+export { Table } from "./Table";
+export { calculatePositionInfo, calculateTableBounds, clampPositionInfo, HORIZONTAL_POSITIONS, VERTICAL_POSITIONS, ALL_POSITIONS, } from "./positionUtils";
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EACH,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,GAChB,MAAM,iBAAiB,CAAC"}

package/lib/positionUtils.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Utility functions for calculating table positions
+ */
+import { Position, PositionInfo, TableBounds, TableRow } from "./types";
+interface ChartDimensions {
+    readonly width: number;
+    readonly height: number;
+}
+/**
+ * Calculate position info based on position type and chart dimensions
+ *
+ * The coordinate system is origin-based (center), so:
+ * - Center of chart is (0, 0)
+ * - Top edge is at -height/2
+ * - Bottom edge is at +height/2
+ * - Left edge is at -width/2
+ * - Right edge is at +width/2
+ */
+export declare const calculatePositionInfo: (position: Position, chartDims: ChartDimensions, tableBounds: TableBounds) => PositionInfo;
+/**
+ * Calculate the bounds (width/height) of a table based on content
+ */
+export declare const calculateTableBounds: (rows: TableRow[], fontSize: number, fontFamily: string, padding: number, ctx?: CanvasRenderingContext2D) => TableBounds;
+/**
+ * Clamp position to keep table within visible bounds
+ */
+export declare const clampPositionInfo: (posInfo: PositionInfo, chartDims: ChartDimensions, tableBounds: TableBounds) => PositionInfo;
+/**
+ * Horizontal position keys
+ */
+export declare const HORIZONTAL_POSITIONS: readonly ["left", "center", "right"];
+/**
+ * Vertical position keys
+ */
+export declare const VERTICAL_POSITIONS: readonly ["top", "middle", "bottom"];
+/**
+ * All valid positions
+ */
+export declare const ALL_POSITIONS: Position[];
+export {};

package/lib/positionUtils.js

@@ -0,0 +1,179 @@
+/**
+ * Utility functions for calculating table positions
+ */
+const MARGIN = 10; // Margin from chart edges
+/**
+ * Calculate position info based on position type and chart dimensions
+ *
+ * The coordinate system is origin-based (center), so:
+ * - Center of chart is (0, 0)
+ * - Top edge is at -height/2
+ * - Bottom edge is at +height/2
+ * - Left edge is at -width/2
+ * - Right edge is at +width/2
+ */
+export const calculatePositionInfo = (position, chartDims, tableBounds) => {
+    const { width, height } = chartDims;
+    const { width: tableWidth, height: tableHeight } = tableBounds;
+    let x;
+    let y;
+    let textAlign;
+    let textBaseline;
+    const halfWidth = width / 2;
+    const halfHeight = height / 2;
+    // Determine X position and text alignment based on horizontal position
+    if (position.endsWith("_left")) {
+        // Left side: position from left edge with margin
+        x = -halfWidth + MARGIN;
+        textAlign = "left";
+    }
+    else if (position.endsWith("_center")) {
+        // Center: position at center
+        x = -tableWidth / 2;
+        textAlign = "center";
+    }
+    else {
+        // Right side: position from right edge with margin
+        x = halfWidth - MARGIN - tableWidth;
+        textAlign = "right";
+    }
+    // Determine Y position and text baseline based on vertical position
+    if (position.startsWith("top_")) {
+        // Top: position from top edge with margin
+        y = -halfHeight + MARGIN;
+        textBaseline = "top";
+    }
+    else if (position.startsWith("middle_")) {
+        // Middle: vertically center the table
+        y = -tableHeight / 2;
+        textBaseline = "middle";
+    }
+    else {
+        // Bottom: position from bottom edge with margin
+        y = halfHeight - MARGIN - tableHeight;
+        textBaseline = "bottom";
+    }
+    return { x, y, textAlign, textBaseline };
+};
+/**
+ * Extract the text value from a cell (handles both primitives and TableCell objects)
+ */
+const extractCellValue = (cell) => {
+    if (cell === null || cell === undefined) {
+        return "";
+    }
+    if (typeof cell === "object" && "value" in cell) {
+        return String(cell.value);
+    }
+    return String(cell);
+};
+/**
+ * Calculate the bounds (width/height) of a table based on content
+ */
+export const calculateTableBounds = (rows, fontSize, fontFamily, padding, ctx) => {
+    // Estimate widths based on typical character widths
+    // This is a reasonable approximation, actual rendering may vary
+    let maxLabelWidth = 0;
+    let maxValueWidth = 0;
+    let maxColumnCount = 1;
+    if (ctx) {
+        ctx.font = `${fontSize}px ${fontFamily}`;
+        for (const row of rows) {
+            // Measure label for vertical layout
+            if (row.label) {
+                const labelWidth = ctx.measureText(String(row.label)).width;
+                maxLabelWidth = Math.max(maxLabelWidth, labelWidth);
+            }
+            // Measure values (handle both single and multiple values)
+            const values = row.values || (row.value !== undefined ? [row.value] : []);
+            maxColumnCount = Math.max(maxColumnCount, values.length);
+            for (const val of values) {
+                const cellValue = extractCellValue(val);
+                const valueWidth = ctx.measureText(cellValue).width;
+                maxValueWidth = Math.max(maxValueWidth, valueWidth);
+            }
+        }
+    }
+    else {
+        // Fallback: rough estimate based on character count
+        const avgCharWidth = fontSize * 0.6;
+        for (const row of rows) {
+            if (row.label) {
+                const labelWidth = String(row.label).length * avgCharWidth;
+                maxLabelWidth = Math.max(maxLabelWidth, labelWidth);
+            }
+            const values = row.values || (row.value !== undefined ? [row.value] : []);
+            maxColumnCount = Math.max(maxColumnCount, values.length);
+            for (const val of values) {
+                const cellValue = extractCellValue(val);
+                const valueWidth = cellValue.length * avgCharWidth;
+                maxValueWidth = Math.max(maxValueWidth, valueWidth);
+            }
+        }
+    }
+    // For vertical layout: label + value in two columns
+    // For horizontal layout: each value in its own column
+    let width;
+    let height;
+    const cellGap = padding * 2;
+    const cellHeight = fontSize + padding * 2;
+    // Check if this is a horizontal layout (no labels, multiple values per row)
+    const hasLabels = rows.some((r) => r.label);
+    const hasMultipleValues = maxColumnCount > 1 || rows.some((r) => r.values && r.values.length > 1);
+    if (!hasLabels && hasMultipleValues) {
+        // Horizontal layout: columns for each value
+        const colWidth = maxValueWidth + padding * 2;
+        width = colWidth * maxColumnCount + cellGap * (maxColumnCount - 1) + padding * 2;
+        height = rows.length * cellHeight + cellHeight + padding * 2; // +1 for header row
+    }
+    else {
+        // Vertical layout: label + value columns
+        const labelColWidth = maxLabelWidth + padding * 2;
+        const valueColWidth = maxValueWidth + padding * 2;
+        width = labelColWidth + valueColWidth + cellGap + padding * 2;
+        height = rows.length * cellHeight + padding * 2;
+    }
+    return { width, height };
+};
+/**
+ * Clamp position to keep table within visible bounds
+ */
+export const clampPositionInfo = (posInfo, chartDims, tableBounds) => {
+    const { width, height } = chartDims;
+    const { width: tableWidth, height: tableHeight } = tableBounds;
+    const { x, y, textAlign, textBaseline } = posInfo;
+    const halfWidth = width / 2;
+    const halfHeight = height / 2;
+    // Clamp X to keep table within horizontal bounds
+    const minX = -halfWidth;
+    const maxX = halfWidth - tableWidth;
+    const clampedX = Math.max(minX, Math.min(maxX, x));
+    // Clamp Y to keep table within vertical bounds
+    const minY = -halfHeight;
+    const maxY = halfHeight - tableHeight;
+    const clampedY = Math.max(minY, Math.min(maxY, y));
+    return { x: clampedX, y: clampedY, textAlign, textBaseline };
+};
+/**
+ * Horizontal position keys
+ */
+export const HORIZONTAL_POSITIONS = ["left", "center", "right"];
+/**
+ * Vertical position keys
+ */
+export const VERTICAL_POSITIONS = ["top", "middle", "bottom"];
+/**
+ * All valid positions
+ */
+export const ALL_POSITIONS = [
+    "top_left",
+    "top_center",
+    "top_right",
+    "middle_left",
+    "middle_center",
+    "middle_right",
+    "bottom_left",
+    "bottom_center",
+    "bottom_right",
+];
+//# sourceMappingURL=positionUtils.js.map

package/lib/positionUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positionUtils.js","sourceRoot":"","sources":["../src/positionUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AASH,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,0BAA0B;AAE7C;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACjC,QAAkB,EAClB,SAA0B,EAC1B,WAAwB,EACZ,EAAE;IACd,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC;IAE/D,IAAI,CAAS,CAAC;IACd,IAAI,CAAS,CAAC;IACd,IAAI,SAA0B,CAAC;IAC/B,IAAI,YAAgC,CAAC;IAErC,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;IAC5B,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC;IAE9B,uEAAuE;IACvE,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;QAC5B,iDAAiD;QACjD,CAAC,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;QACxB,SAAS,GAAG,MAAM,CAAC;KACtB;SAAM,IAAI,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACrC,6BAA6B;QAC7B,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,SAAS,GAAG,QAAQ,CAAC;KACxB;SAAM;QACH,mDAAmD;QACnD,CAAC,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;QACpC,SAAS,GAAG,OAAO,CAAC;KACvB;IAED,oEAAoE;IACpE,IAAI,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;QAC7B,0CAA0C;QAC1C,CAAC,GAAG,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,YAAY,GAAG,KAAK,CAAC;KACxB;SAAM,IAAI,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;QACvC,sCAAsC;QACtC,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC;QACrB,YAAY,GAAG,QAAQ,CAAC;KAC3B;SAAM;QACH,gDAAgD;QAChD,CAAC,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;QACtC,YAAY,GAAG,QAAQ,CAAC;KAC3B;IAED,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,gBAAgB,GAAG,CAAC,IAA2B,EAAU,EAAE;IAC7D,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,EAAE;QACrC,OAAO,EAAE,CAAC;KACb;IACD,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,IAAI,EAAE;QAC7C,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC7B;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACxB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAChC,IAAgB,EAChB,QAAgB,EAChB,UAAkB,EAClB,OAAe,EACf,GAA8B,EACnB,EAAE;IACb,oDAAoD;IACpD,gEAAgE;IAChE,IAAI,aAAa,GAAG,CAAC,CAAC;IACtB,IAAI,aAAa,GAAG,CAAC,CAAC;IACtB,IAAI,cAAc,GAAG,CAAC,CAAC;IAEvB,IAAI,GAAG,EAAE;QACL,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,MAAM,UAAU,EAAE,CAAC;QACzC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,oCAAoC;YACpC,IAAI,GAAG,CAAC,KAAK,EAAE;gBACX,MAAM,UAAU,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC5D,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;aACvD;YAED,0DAA0D;YAC1D,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC1E,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;YAEzD,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;gBACtB,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;gBACxC,MAAM,UAAU,GAAG,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;gBACpD,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;aACvD;SACJ;KACJ;SAAM;QACH,oDAAoD;QACpD,MAAM,YAAY,GAAG,QAAQ,GAAG,GAAG,CAAC;QACpC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,IAAI,GAAG,CAAC,KAAK,EAAE;gBACX,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,YAAY,CAAC;gBAC3D,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;aACvD;YAED,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC1E,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;YAEzD,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;gBACtB,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;gBACxC,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,GAAG,YAAY,CAAC;gBACnD,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;aACvD;SACJ;KACJ;IAED,oDAAoD;IACpD,sDAAsD;IACtD,IAAI,KAAa,CAAC;IAClB,IAAI,MAAc,CAAC;IAEnB,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC,CAAC;IAC5B,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC,CAAC;IAE1C,4EAA4E;IAC5E,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,iBAAiB,GAAG,cAAc,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAElG,IAAI,CAAC,SAAS,IAAI,iBAAiB,EAAE;QACjC,4CAA4C;QAC5C,MAAM,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,CAAC,CAAC;QAC7C,KAAK,GAAG,QAAQ,GAAG,cAAc,GAAG,OAAO,GAAG,CAAC,cAAc,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC;QACjF,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,oBAAoB;KACrF;SAAM;QACH,yCAAyC;QACzC,MAAM,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,CAAC,CAAC;QAClD,MAAM,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,CAAC,CAAC;QAClD,KAAK,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAAC;QAC9D,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,CAAC,CAAC;KACnD;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC7B,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,OAAqB,EACrB,SAA0B,EAC1B,WAAwB,EACZ,EAAE;IACd,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC;IAC/D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAElD,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;IAC5B,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC;IAE9B,iDAAiD;IACjD,MAAM,IAAI,GAAG,CAAC,SAAS,CAAC;IACxB,MAAM,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC;IACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnD,+CAA+C;IAC/C,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC;IACzB,MAAM,IAAI,GAAG,UAAU,GAAG,WAAW,CAAC;IACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnD,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACjE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAEzE;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAEvE;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAe;IACrC,UAAU;IACV,YAAY;IACZ,WAAW;IACX,aAAa;IACb,eAAe;IACf,cAAc;IACd,aAAa;IACb,eAAe;IACf,cAAc;CACjB,CAAC"}

package/lib/types.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Type definitions for the Table component
+ */
+/**
+ * Positions for the table on the chart (3x3 grid layout)
+ */
+export type Position = "top_left" | "top_center" | "top_right" | "middle_left" | "middle_center" | "middle_right" | "bottom_left" | "bottom_center" | "bottom_right";
+/**
+ * Table layout options
+ */
+export type TableLayout = "vertical" | "horizontal";
+/**
+ * Cell styling configuration
+ */
+export interface TableCell {
+    /** Cell value */
+    readonly value: string | number;
+    /** Background fill color for the cell */
+    readonly fill?: string;
+    /** Text color for the cell */
+    readonly textFill?: string;
+}
+/**
+ * Cell value - can be a primitive or an object with styling
+ */
+export type CellValue = string | number | TableCell;
+/**
+ * Represents a single row in the table
+ * Supports both single value and multiple values per row
+ */
+export interface TableRow {
+    /** Label/key for the row (vertical layout only) */
+    readonly label?: string;
+    /** Single value for the row (backward compatible, used in vertical layout) */
+    readonly value?: string | number;
+    /** Multiple values for the row (used in horizontal layout or vertical with multiple columns) */
+    readonly values?: CellValue[];
+    /** Optional fill color for the label cell */
+    readonly labelFill?: string;
+    /** Optional text color for the label */
+    readonly labelTextFill?: string;
+    /** Optional fill color for value cells (single color or array per value) */
+    readonly valueFill?: string | string[];
+    /** Optional text color for values (single color or array per value) */
+    readonly valueTextFill?: string | string[];
+}
+/**
+ * Callback to determine if table should be visible
+ */
+export type VisibilityCallback = (moreProps: any) => boolean;
+/**
+ * Callback to filter/customize rows
+ */
+export type RowsCallback = (moreProps: any) => TableRow[];
+/**
+ * Type for cell styling
+ */
+export interface CellStyle {
+    readonly fill?: string;
+    readonly stroke?: string;
+    readonly strokeWidth?: number;
+    readonly textFill?: string;
+}
+/**
+ * Positioning information calculated for rendering
+ */
+export interface PositionInfo {
+    /** X coordinate (relative to origin) */
+    readonly x: number;
+    /** Y coordinate (relative to origin) */
+    readonly y: number;
+    /** Horizontal alignment for text */
+    readonly textAlign: CanvasTextAlign;
+    /** Vertical baseline for text */
+    readonly textBaseline: CanvasTextBaseline;
+}
+/**
+ * Table bounds
+ */
+export interface TableBounds {
+    readonly width: number;
+    readonly height: number;
+}

package/lib/types.js

@@ -0,0 +1,5 @@
+/**
+ * Type definitions for the Table component
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/package.json

@@ -0,0 +1,49 @@
+{
+    "name": "@tradingaction/table",
+    "version": "2.1.0",
+    "description": "Interactive table annotation for react-financial-charts",
+    "publishConfig": {
+        "access": "public"
+    },
+    "main": "./lib/index.js",
+    "typings": "./lib/index.d.ts",
+    "files": [
+        "lib"
+    ],
+    "sideEffects": false,
+    "author": "Reactive Markets",
+    "keywords": [
+        "charts",
+        "charting",
+        "stockcharts",
+        "finance",
+        "financial",
+        "finance-chart",
+        "react",
+        "d3",
+        "table",
+        "chart-overlay"
+    ],
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/reactivemarkets/react-financial-charts.git"
+    },
+    "bugs": {
+        "url": "https://github.com/reactivemarkets/react-financial-charts/issues"
+    },
+    "scripts": {
+        "build": "npm run clean && npm run compile",
+        "clean": "rimraf lib",
+        "compile": "tsc -p tsconfig.json",
+        "watch": "tsc -p tsconfig.json --watch --preserveWatchOutput"
+    },
+    "dependencies": {
+        "@tradingaction/core": "^2.1.2"
+    },
+    "peerDependencies": {
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+    },
+    "gitHead": "142e4de01c4b5a7acc918ee5b889148ad18e4fe2"
+}