@elastic/charts 61.0.3 → 61.2.0

package/dist/chart_types/bullet_graph/chart_state.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chart_state.d.ts.map

package/dist/chart_types/bullet_graph/chart_state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart_state.d.ts","sourceRoot":"","sources":["../../../src/chart_types/bullet_graph/chart_state.tsx"],"names":[],"mappings":""}

package/dist/chart_types/bullet_graph/chart_state.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BulletGraphState = void 0;
+const react_1 = __importDefault(require("react"));
+const canvas_1 = require("./renderer/canvas");
+const can_display_chart_titles_1 = require("./selectors/can_display_chart_titles");
+const get_tooltip_anchor_1 = require("./selectors/get_tooltip_anchor");
+const get_tooltip_info_1 = require("./selectors/get_tooltip_info");
+const is_tooltip_visible_1 = require("./selectors/is_tooltip_visible");
+const chart_types_1 = require("../../chart_types");
+const constants_1 = require("../../common/constants");
+const tooltip_1 = require("../../components/tooltip/tooltip");
+const get_internal_is_intialized_1 = require("../../state/selectors/get_internal_is_intialized");
+const EMPTY_MAP = new Map();
+const EMPTY_LEGEND_LIST = [];
+const EMPTY_LEGEND_ITEM_LIST = [];
+class BulletGraphState {
+    constructor() {
+        this.chartType = chart_types_1.ChartType.BulletGraph;
+        this.getChartTypeDescription = () => 'Bullet Graph';
+        this.chartRenderer = (containerRef, forwardStageRef) => (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(canvas_1.BulletGraphRenderer, { forwardStageRef: forwardStageRef }),
+            react_1.default.createElement(tooltip_1.Tooltip, { getChartContainerRef: containerRef })));
+        this.isInitialized = () => get_internal_is_intialized_1.InitStatus.Initialized;
+        this.isBrushAvailable = () => false;
+        this.isBrushing = () => false;
+        this.isChartEmpty = () => false;
+        this.getLegendItems = () => EMPTY_LEGEND_LIST;
+        this.getLegendItemsLabels = () => EMPTY_LEGEND_ITEM_LIST;
+        this.getLegendExtraValues = () => EMPTY_MAP;
+        this.getPointerCursor = () => constants_1.DEFAULT_CSS_CURSOR;
+        this.eventCallbacks = () => { };
+        this.getProjectionContainerArea = () => ({ width: 0, height: 0, top: 0, left: 0 });
+        this.getMainProjectionArea = () => ({ width: 0, height: 0, top: 0, left: 0 });
+        this.getBrushArea = () => null;
+        this.getDebugState = () => ({});
+    }
+    isTooltipVisible(globalState) {
+        return (0, is_tooltip_visible_1.isTooltipVisible)(globalState);
+    }
+    getTooltipInfo(globalState) {
+        return (0, get_tooltip_info_1.getTooltipInfo)(globalState);
+    }
+    getTooltipAnchor(globalState) {
+        return (0, get_tooltip_anchor_1.getTooltipAnchor)(globalState);
+    }
+    getSmallMultiplesDomains() {
+        return {
+            smHDomain: [],
+            smVDomain: [],
+        };
+    }
+    canDisplayChartTitles(globalState) {
+        return (0, can_display_chart_titles_1.canDisplayChartTitles)(globalState);
+    }
+}
+exports.BulletGraphState = BulletGraphState;
+//# sourceMappingURL=chart_state.js.map

package/dist/chart_types/bullet_graph/chart_state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart_state.js","sourceRoot":"","sources":["../../../src/chart_types/bullet_graph/chart_state.tsx"],"names":[],"mappings":";;;;;;AAQA,kDAAyC;AAEzC,8CAAwD;AACxD,mFAA6E;AAC7E,uEAAkE;AAClE,mEAA8D;AAC9D,uEAAkE;AAClE,mDAA8C;AAC9C,sDAA4D;AAE5D,8DAA2D;AAE3D,iGAA8E;AAG9E,MAAM,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;AAC5B,MAAM,iBAAiB,GAAiB,EAAE,CAAC;AAC3C,MAAM,sBAAsB,GAAsB,EAAE,CAAC;AAGrD,MAAa,gBAAgB;IAA7B;QACE,cAAS,GAAG,uBAAS,CAAC,WAAW,CAAC;QAClC,4BAAuB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC;QAC/C,kBAAa,GAAG,CAAC,YAAyB,EAAE,eAA6C,EAAE,EAAE,CAAC,CAC5F;YACE,8BAAC,4BAAmB,IAAC,eAAe,EAAE,eAAe,GAAI;YACzD,8BAAC,iBAAO,IAAC,oBAAoB,EAAE,YAAY,GAAI,CAC9C,CACJ,CAAC;QAEF,kBAAa,GAAG,GAAG,EAAE,CAAC,uCAAU,CAAC,WAAW,CAAC;QAC7C,qBAAgB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;QAC/B,eAAU,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;QACzB,iBAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;QAC3B,mBAAc,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC;QACzC,yBAAoB,GAAG,GAAG,EAAE,CAAC,sBAAsB,CAAC;QACpD,yBAAoB,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC;QACvC,qBAAgB,GAAG,GAAG,EAAE,CAAC,8BAAkB,CAAC;QAa5C,mBAAc,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAC1B,+BAA0B,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QAC9E,0BAAqB,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QACzE,iBAAY,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;QAC1B,kBAAa,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAW7B,CAAC;IA3BC,gBAAgB,CAAC,WAA6B;QAC5C,OAAO,IAAA,qCAAgB,EAAC,WAAW,CAAC,CAAC;IACvC,CAAC;IAED,cAAc,CAAC,WAA6B;QAC1C,OAAO,IAAA,iCAAc,EAAC,WAAW,CAAC,CAAC;IACrC,CAAC;IAED,gBAAgB,CAAC,WAA6B;QAC5C,OAAO,IAAA,qCAAgB,EAAC,WAAW,CAAC,CAAC;IACvC,CAAC;IAOD,wBAAwB;QACtB,OAAO;YACL,SAAS,EAAE,EAAE;YACb,SAAS,EAAE,EAAE;SACd,CAAC;IACJ,CAAC;IAED,qBAAqB,CAAC,WAA6B;QACjD,OAAO,IAAA,gDAAqB,EAAC,WAAW,CAAC,CAAC;IAC5C,CAAC;CACF;AA7CD,4CA6CC"}

package/dist/chart_types/bullet_graph/renderer/canvas/bullet_graph.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bullet_graph.d.ts.map

package/dist/chart_types/bullet_graph/renderer/canvas/bullet_graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bullet_graph.d.ts","sourceRoot":"","sources":["../../../../../src/chart_types/bullet_graph/renderer/canvas/bullet_graph.ts"],"names":[],"mappings":""}

package/dist/chart_types/bullet_graph/renderer/canvas/bullet_graph.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderBulletGraph = void 0;
+const sub_types_1 = require("./sub_types");
+const colors_1 = require("../../../../common/colors");
+const text_utils_1 = require("../../../../common/text_utils");
+const canvas_1 = require("../../../../renderers/canvas");
+const debug_1 = require("../../../xy_chart/renderer/canvas/utils/debug");
+const spec_1 = require("../../spec");
+const theme_1 = require("../../theme");
+function renderBulletGraph(ctx, dpr, props) {
+    const { debug, style, dimensions, activeValues, spec, backgroundColor } = props;
+    (0, canvas_1.withContext)(ctx, (ctx) => {
+        ctx.scale(dpr, dpr);
+        (0, canvas_1.clearCanvas)(ctx, backgroundColor);
+        if (!spec || dimensions.shouldRenderMetric) {
+            return;
+        }
+        ctx.fillStyle = backgroundColor;
+        dimensions.rows.forEach((row, rowIndex) => row.forEach((bulletGraph, columnIndex) => {
+            if (!bulletGraph)
+                return;
+            const { panel, multiline } = bulletGraph;
+            (0, canvas_1.withContext)(ctx, (ctx) => {
+                var _a;
+                const verticalAlignment = dimensions.layoutAlignment[rowIndex];
+                const activeValue = (_a = activeValues === null || activeValues === void 0 ? void 0 : activeValues[rowIndex]) === null || _a === void 0 ? void 0 : _a[columnIndex];
+                if (debug) {
+                    (0, debug_1.renderDebugRect)(ctx, panel);
+                }
+                ctx.translate(panel.x, panel.y);
+                ctx.strokeStyle = style.border;
+                if (row.length > 1 && columnIndex < row.length - 1) {
+                    ctx.beginPath();
+                    ctx.moveTo(panel.width, 0);
+                    ctx.lineTo(panel.width, panel.height);
+                    ctx.stroke();
+                }
+                if (dimensions.rows.length > 1 && columnIndex < dimensions.rows.length) {
+                    ctx.beginPath();
+                    ctx.moveTo(0, panel.height);
+                    ctx.lineTo(panel.width, panel.height);
+                    ctx.stroke();
+                }
+                ctx.translate(theme_1.HEADER_PADDING.left, theme_1.HEADER_PADDING.top);
+                ctx.textBaseline = 'alphabetic';
+                const MAX_TARGET_VALUE_ASCENT = (0, theme_1.getMaxTargetValueAssent)(bulletGraph.target);
+                const commonYBaseline = Math.max((0, theme_1.getTextAscentHeight)(theme_1.TITLE_FONT_SIZE, verticalAlignment.maxTitleRows, theme_1.TITLE_LINE_SPACING) +
+                    (verticalAlignment.maxSubtitleRows > 0 ? theme_1.FONT_PADDING : 0) +
+                    (0, theme_1.getTextAscentHeight)(theme_1.SUBTITLE_FONT_SIZE, verticalAlignment.maxSubtitleRows), verticalAlignment.multiline ? 0 : MAX_TARGET_VALUE_ASCENT);
+                ctx.fillStyle = props.style.textColor;
+                ctx.textAlign = 'start';
+                ctx.font = (0, text_utils_1.cssFontShorthand)(theme_1.TITLE_FONT, theme_1.TITLE_FONT_SIZE);
+                const titleYBaseline = commonYBaseline -
+                    (0, theme_1.getTextAscentHeight)(theme_1.SUBTITLE_FONT_SIZE, verticalAlignment.maxSubtitleRows) -
+                    (verticalAlignment.maxSubtitleRows > 0 ? theme_1.FONT_PADDING : 0);
+                bulletGraph.title
+                    .slice()
+                    .reverse()
+                    .forEach((titleLine, lineIndex) => {
+                    const y = titleYBaseline - lineIndex * ((0, theme_1.getTextAscentHeight)(theme_1.TITLE_FONT_SIZE) + theme_1.TITLE_LINE_SPACING);
+                    ctx.fillText(titleLine, 0, y);
+                });
+                if (bulletGraph.subtitle) {
+                    ctx.font = (0, text_utils_1.cssFontShorthand)(theme_1.SUBTITLE_FONT, theme_1.SUBTITLE_FONT_SIZE);
+                    ctx.fillText(bulletGraph.subtitle, 0, commonYBaseline);
+                }
+                ctx.font = (0, text_utils_1.cssFontShorthand)(theme_1.VALUE_FONT, theme_1.VALUE_FONT_SIZE);
+                if (!multiline)
+                    ctx.textAlign = 'end';
+                {
+                    const y = commonYBaseline + (multiline ? MAX_TARGET_VALUE_ASCENT + theme_1.FONT_PADDING : 0);
+                    const x = multiline ? 0 : bulletGraph.header.width - bulletGraph.targetWidth;
+                    ctx.fillText(bulletGraph.value, x, y);
+                }
+                if (bulletGraph.target) {
+                    ctx.font = (0, text_utils_1.cssFontShorthand)(theme_1.TARGET_FONT, theme_1.TARGET_FONT_SIZE);
+                    if (!multiline)
+                        ctx.textAlign = 'end';
+                    const x = multiline ? bulletGraph.valueWidth : bulletGraph.header.width;
+                    const y = commonYBaseline + (multiline ? MAX_TARGET_VALUE_ASCENT + theme_1.FONT_PADDING : 0);
+                    ctx.fillText(bulletGraph.target, x, y);
+                }
+                ctx.translate(-theme_1.HEADER_PADDING.left, -theme_1.HEADER_PADDING.top);
+                const { graphArea } = bulletGraph;
+                if (spec.subtype !== spec_1.BulletGraphSubtype.horizontal) {
+                    ctx.strokeStyle = style.border;
+                    ctx.beginPath();
+                    ctx.moveTo(theme_1.HEADER_PADDING.left, graphArea.origin.y);
+                    ctx.lineTo(panel.width - theme_1.HEADER_PADDING.right, graphArea.origin.y);
+                    ctx.stroke();
+                }
+                (0, canvas_1.withContext)(ctx, (ctx) => {
+                    ctx.translate(graphArea.origin.x, graphArea.origin.y);
+                    if (spec.subtype === spec_1.BulletGraphSubtype.horizontal) {
+                        (0, sub_types_1.horizontalBullet)(ctx, bulletGraph, style, backgroundColor, activeValue);
+                    }
+                    else if (spec.subtype === spec_1.BulletGraphSubtype.vertical) {
+                        (0, sub_types_1.verticalBullet)(ctx, bulletGraph, style, backgroundColor, activeValue);
+                    }
+                    else {
+                        (0, sub_types_1.angularBullet)(ctx, bulletGraph, style, backgroundColor, spec, debug, activeValue);
+                    }
+                });
+                if (debug) {
+                    (0, canvas_1.withContext)(ctx, (ctx) => {
+                        ctx.translate(graphArea.origin.x, graphArea.origin.y);
+                        (0, debug_1.renderDebugRect)(ctx, {
+                            ...graphArea.size,
+                            x: 0,
+                            y: 0,
+                        }, 0, { color: colors_1.Colors.Transparent.rgba });
+                        (0, debug_1.renderDebugPoint)(ctx, 0, 0);
+                        (0, debug_1.renderDebugPoint)(ctx, graphArea.size.width / 2, graphArea.size.height / 2);
+                    });
+                }
+            });
+        }));
+    });
+}
+exports.renderBulletGraph = renderBulletGraph;
+//# sourceMappingURL=bullet_graph.js.map

package/dist/chart_types/bullet_graph/renderer/canvas/bullet_graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bullet_graph.js","sourceRoot":"","sources":["../../../../../src/chart_types/bullet_graph/renderer/canvas/bullet_graph.ts"],"names":[],"mappings":"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"}

package/dist/chart_types/bullet_graph/renderer/canvas/constants.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=constants.d.ts.map

package/dist/chart_types/bullet_graph/renderer/canvas/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/chart_types/bullet_graph/renderer/canvas/constants.ts"],"names":[],"mappings":""}

package/dist/chart_types/bullet_graph/renderer/canvas/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ANGULAR_TICK_INTERVAL = exports.TICK_INTERVAL = exports.HOVER_SLOP = exports.MAX_TICK_COUNT = exports.MIN_TICK_COUNT = exports.TICK_WIDTH = exports.BAR_SIZE = exports.BULLET_SIZE = exports.TARGET_STROKE_WIDTH = exports.TARGET_SIZE = void 0;
+exports.TARGET_SIZE = 40;
+exports.TARGET_STROKE_WIDTH = 3;
+exports.BULLET_SIZE = 32;
+exports.BAR_SIZE = 12;
+exports.TICK_WIDTH = 1;
+exports.MIN_TICK_COUNT = 3;
+exports.MAX_TICK_COUNT = 8;
+exports.HOVER_SLOP = 20;
+exports.TICK_INTERVAL = 100;
+exports.ANGULAR_TICK_INTERVAL = 120;
+//# sourceMappingURL=constants.js.map

package/dist/chart_types/bullet_graph/renderer/canvas/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/chart_types/bullet_graph/renderer/canvas/constants.ts"],"names":[],"mappings":";;;AASa,QAAA,WAAW,GAAG,EAAE,CAAC;AAGjB,QAAA,mBAAmB,GAAG,CAAC,CAAC;AAGxB,QAAA,WAAW,GAAG,EAAE,CAAC;AAGjB,QAAA,QAAQ,GAAG,EAAE,CAAC;AAGd,QAAA,UAAU,GAAG,CAAC,CAAC;AAGf,QAAA,cAAc,GAAG,CAAC,CAAC;AAGnB,QAAA,cAAc,GAAG,CAAC,CAAC;AAGnB,QAAA,UAAU,GAAG,EAAE,CAAC;AAGhB,QAAA,aAAa,GAAG,GAAG,CAAC;AAGpB,QAAA,qBAAqB,GAAG,GAAG,CAAC"}

package/dist/chart_types/bullet_graph/renderer/canvas/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/chart_types/bullet_graph/renderer/canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/chart_types/bullet_graph/renderer/canvas/index.tsx"],"names":[],"mappings":""}

package/dist/chart_types/bullet_graph/renderer/canvas/index.js

@@ -0,0 +1,169 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BulletGraphRenderer = void 0;
+const chroma_js_1 = __importDefault(require("chroma-js"));
+const react_1 = __importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const redux_1 = require("redux");
+const bullet_graph_1 = require("./bullet_graph");
+const color_library_wrappers_1 = require("../../../../common/color_library_wrappers");
+const colors_1 = require("../../../../common/colors");
+const aligned_grid_1 = require("../../../../components/grid/aligned_grid");
+const specs_1 = require("../../../../specs");
+const chart_1 = require("../../../../state/actions/chart");
+const get_accessibility_config_1 = require("../../../../state/selectors/get_accessibility_config");
+const get_chart_theme_1 = require("../../../../state/selectors/get_chart_theme");
+const get_internal_is_intialized_1 = require("../../../../state/selectors/get_internal_is_intialized");
+const get_resolved_background_color_1 = require("../../../../state/selectors/get_resolved_background_color");
+const get_settings_spec_1 = require("../../../../state/selectors/get_settings_spec");
+const fast_deep_equal_1 = require("../../../../utils/fast_deep_equal");
+const light_theme_1 = require("../../../../utils/themes/light_theme");
+const metric_1 = require("../../../metric/renderer/dom/metric");
+const get_active_values_1 = require("../../selectors/get_active_values");
+const get_bullet_spec_1 = require("../../selectors/get_bullet_spec");
+const get_chart_size_1 = require("../../selectors/get_chart_size");
+const get_panel_dimensions_1 = require("../../selectors/get_panel_dimensions");
+const has_chart_titles_1 = require("../../selectors/has_chart_titles");
+const spec_1 = require("../../spec");
+const theme_1 = require("../../theme");
+class Component extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.ctx = null;
+        this.devicePixelRatio = window.devicePixelRatio;
+    }
+    componentDidMount() {
+        this.tryCanvasContext();
+        if (this.props.initialized) {
+            this.drawCanvas();
+            this.props.onChartRendered();
+        }
+    }
+    shouldComponentUpdate(nextProps) {
+        return !(0, fast_deep_equal_1.deepEqual)(this.props, nextProps);
+    }
+    componentDidUpdate() {
+        if (!this.ctx) {
+            this.tryCanvasContext();
+        }
+        if (this.props.initialized) {
+            this.drawCanvas();
+            this.props.onChartRendered();
+        }
+    }
+    tryCanvasContext() {
+        const canvas = this.props.forwardStageRef.current;
+        this.ctx = canvas && canvas.getContext('2d');
+    }
+    drawCanvas() {
+        if (this.ctx) {
+            (0, bullet_graph_1.renderBulletGraph)(this.ctx, this.devicePixelRatio, this.props);
+        }
+    }
+    render() {
+        const { initialized, size, forwardStageRef, a11y, dimensions, spec, style, backgroundColor, locale, contrastOptions, } = this.props;
+        if (!initialized || size.width === 0 || size.height === 0 || !spec) {
+            return null;
+        }
+        const valueLabels = (0, spec_1.mergeValueLabels)(spec.valueLabels);
+        return (react_1.default.createElement("figure", { "aria-labelledby": a11y.labelId, "aria-describedby": a11y.descriptionId, style: { width: '100%', height: '100%' } },
+            react_1.default.createElement("canvas", { ref: forwardStageRef, className: "echCanvasRenderer", width: size.width * this.devicePixelRatio, height: size.height * this.devicePixelRatio, style: size, role: "presentation" }),
+            dimensions.shouldRenderMetric && (react_1.default.createElement("div", { className: "echBulletAsMetric", style: { width: '100%', height: '100%' } },
+                react_1.default.createElement(aligned_grid_1.AlignedGrid, { data: spec.data, contentComponent: ({ datum, stats }) => {
+                        var _a;
+                        const colorScale = chroma_js_1.default
+                            .scale(Array.isArray(this.props.colorBands) ? this.props.colorBands : this.props.style.colorBands)
+                            .domain(datum.domain);
+                        const bulletDatum = {
+                            value: datum.value,
+                            target: datum.target,
+                            valueFormatter: datum.valueFormatter,
+                            targetFormatter: datum.targetFormatter,
+                            color: style.barBackground,
+                            progressBarDirection: spec.subtype === spec_1.BulletGraphSubtype.vertical ? 'vertical' : 'horizontal',
+                            title: datum.title,
+                            subtitle: datum.subtitle,
+                            domain: datum.domain,
+                            niceDomain: datum.niceDomain,
+                            valueLabels,
+                            extra: datum.target ? (react_1.default.createElement("span", null,
+                                valueLabels.target,
+                                ":",
+                                ' ',
+                                react_1.default.createElement("strong", null, ((_a = datum.targetFormatter) !== null && _a !== void 0 ? _a : datum.valueFormatter)(datum.target)))) : undefined,
+                        };
+                        return (react_1.default.createElement(metric_1.Metric, { chartId: "XX", datum: bulletDatum, hasTitles: this.props.hasTitles, totalRows: stats.rows, totalColumns: stats.columns, columnIndex: stats.columnIndex, rowIndex: stats.rowIndex, style: {
+                                barBackground: colorScale(datum.value).hex(),
+                                emptyBackground: colors_1.Colors.Transparent.keyword,
+                                border: 'gray',
+                                minHeight: 0,
+                                text: {
+                                    lightColor: 'white',
+                                    darkColor: 'black',
+                                },
+                                nonFiniteText: 'N/A',
+                            }, locale: locale, backgroundColor: backgroundColor, contrastOptions: contrastOptions, panel: { width: size.width / stats.columns, height: size.height / stats.rows } }));
+                    } }),
+                ");"))));
+    }
+}
+Component.displayName = 'BulletGraph';
+const mapDispatchToProps = (dispatch) => (0, redux_1.bindActionCreators)({
+    onChartRendered: chart_1.onChartRendered,
+}, dispatch);
+const DEFAULT_PROPS = {
+    initialized: false,
+    debug: false,
+    chartId: '',
+    spec: undefined,
+    hasTitles: false,
+    size: {
+        width: 0,
+        height: 0,
+    },
+    a11y: get_accessibility_config_1.DEFAULT_A11Y_SETTINGS,
+    dimensions: {
+        rows: [],
+        panel: { height: 0, width: 0 },
+        layoutAlignment: [],
+        shouldRenderMetric: false,
+    },
+    activeValues: [],
+    style: theme_1.LIGHT_THEME_BULLET_STYLE,
+    backgroundColor: light_theme_1.LIGHT_THEME.background.color,
+    locale: specs_1.settingsBuildProps.defaults.locale,
+    colorBands: light_theme_1.LIGHT_THEME.bulletGraph.colorBands,
+    contrastOptions: {},
+};
+const mapStateToProps = (state) => {
+    if ((0, get_internal_is_intialized_1.getInternalIsInitializedSelector)(state) !== get_internal_is_intialized_1.InitStatus.Initialized) {
+        return DEFAULT_PROPS;
+    }
+    const { bulletGraph: style, metric: metricStyle } = (0, get_chart_theme_1.getChartThemeSelector)(state);
+    const { debug, onElementOver, locale } = (0, get_settings_spec_1.getSettingsSpecSelector)(state);
+    return {
+        initialized: true,
+        debug,
+        chartId: state.chartId,
+        hasTitles: (0, has_chart_titles_1.hasChartTitles)(state),
+        spec: (0, get_bullet_spec_1.getBulletSpec)(state),
+        size: (0, get_chart_size_1.getChartSize)(state),
+        a11y: (0, get_accessibility_config_1.getA11ySettingsSelector)(state),
+        dimensions: (0, get_panel_dimensions_1.getPanelDimensions)(state),
+        activeValues: (0, get_active_values_1.getActiveValues)(state),
+        style,
+        locale,
+        backgroundColor: (0, get_resolved_background_color_1.getResolvedBackgroundColorSelector)(state),
+        colorBands: style.colorBands,
+        onElementOver,
+        contrastOptions: {
+            lightColor: (0, color_library_wrappers_1.colorToRgba)(metricStyle.text.lightColor),
+            darkColor: (0, color_library_wrappers_1.colorToRgba)(metricStyle.text.darkColor),
+        },
+    };
+};
+exports.BulletGraphRenderer = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(Component);
+//# sourceMappingURL=index.js.map

package/dist/chart_types/bullet_graph/renderer/canvas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/chart_types/bullet_graph/renderer/canvas/index.tsx"],"names":[],"mappings":"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"}

package/dist/chart_types/bullet_graph/renderer/canvas/sub_types/angular.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=angular.d.ts.map

package/dist/chart_types/bullet_graph/renderer/canvas/sub_types/angular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular.d.ts","sourceRoot":"","sources":["../../../../../../src/chart_types/bullet_graph/renderer/canvas/sub_types/angular.ts"],"names":[],"mappings":""}

package/dist/chart_types/bullet_graph/renderer/canvas/sub_types/angular.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.angularBullet = void 0;
+const text_utils_1 = require("../../../../../common/text_utils");
+const canvas_text_bbox_calculator_1 = require("../../../../../utils/bbox/canvas_text_bbox_calculator");
+const common_1 = require("../../../../../utils/common");
+const lines_1 = require("../../../../xy_chart/renderer/canvas/lines");
+const debug_1 = require("../../../../xy_chart/renderer/canvas/utils/debug");
+const theme_1 = require("../../../theme");
+const angular_1 = require("../../../utils/angular");
+const constants_1 = require("../constants");
+function angularBullet(ctx, dimensions, style, backgroundColor, spec, debug, activeValue) {
+    const { datum, graphArea, scale, ticks, colorBands } = dimensions;
+    const { radius } = (0, angular_1.getAngledChartSizing)(graphArea.size, spec.subtype);
+    const [startAngle, endAngle] = scale.range();
+    const center = {
+        x: graphArea.center.x,
+        y: radius + constants_1.TARGET_SIZE / 2,
+    };
+    ctx.translate(theme_1.GRAPH_PADDING.left, theme_1.GRAPH_PADDING.top);
+    const [start, end] = scale.domain();
+    const counterClockwise = startAngle < endAngle && start > end;
+    const [min, max] = (0, common_1.sortNumbers)([start, end]);
+    const formatterColorTicks = ticks.map((v) => ({ value: v, formattedValue: datum.tickFormatter(v) }));
+    colorBands.forEach((band) => {
+        ctx.beginPath();
+        ctx.arc(center.x, center.y, radius, band.start, band.end, false);
+        ctx.lineWidth = constants_1.BULLET_SIZE;
+        ctx.strokeStyle = band.color;
+        ctx.stroke();
+    });
+    ctx.beginPath();
+    ctx.strokeStyle = backgroundColor;
+    ctx.lineWidth = constants_1.TICK_WIDTH;
+    formatterColorTicks
+        .filter((tick) => tick.value > min && tick.value < max)
+        .forEach((tick) => {
+        const bulletWidth = constants_1.BULLET_SIZE + 4;
+        (0, lines_1.drawPolarLine)(ctx, scale(tick.value), radius, bulletWidth, center);
+    });
+    ctx.stroke();
+    const confinedValue = (0, common_1.clamp)(datum.value, min, max);
+    const adjustedZero = (0, common_1.clamp)(0, min, max);
+    ctx.beginPath();
+    ctx.lineWidth = constants_1.BAR_SIZE;
+    ctx.strokeStyle = style.barBackground;
+    ctx.arc(center.x, center.y, radius, confinedValue > 0 ? scale(adjustedZero) : scale(confinedValue), confinedValue > 0 ? scale(confinedValue) : scale(adjustedZero), counterClockwise);
+    ctx.stroke();
+    if ((0, common_1.isFiniteNumber)(datum.target) && datum.target <= max && datum.target >= min) {
+        ctx.beginPath();
+        ctx.strokeStyle = style.barBackground;
+        ctx.lineWidth = constants_1.TARGET_STROKE_WIDTH;
+        (0, lines_1.drawPolarLine)(ctx, scale(datum.target), radius, constants_1.TARGET_SIZE, center);
+        ctx.stroke();
+    }
+    if ((0, common_1.isBetween)(min, max, true)(0)) {
+        ctx.beginPath();
+        ctx.strokeStyle = style.barBackground;
+        ctx.lineWidth = constants_1.TICK_WIDTH;
+        (0, lines_1.drawPolarLine)(ctx, scale(0), radius, constants_1.BULLET_SIZE, center);
+        ctx.stroke();
+    }
+    const measure = (0, canvas_text_bbox_calculator_1.measureText)(ctx);
+    const maxTickWidth = formatterColorTicks.reduce((acc, t) => {
+        const { width } = measure(t.formattedValue, theme_1.TICK_FONT, theme_1.TICK_FONT_SIZE);
+        return Math.max(acc, width);
+    }, 0);
+    ctx.fillStyle = style.textColor;
+    ctx.textBaseline = 'middle';
+    ctx.font = (0, text_utils_1.cssFontShorthand)(theme_1.TICK_FONT, theme_1.TICK_FONT_SIZE);
+    formatterColorTicks
+        .filter((tick) => tick.value >= min && tick.value <= max)
+        .forEach((tick) => {
+        ctx.textAlign = 'center';
+        const textPadding = style.angularTickLabelPadding + maxTickWidth / 2;
+        const start = scale(tick.value);
+        const y1 = Math.sin(start) * (radius - constants_1.BULLET_SIZE / 2 - textPadding);
+        const x1 = Math.cos(start) * (radius - constants_1.BULLET_SIZE / 2 - textPadding);
+        ctx.fillText(tick.formattedValue, center.x + x1, center.y + y1);
+    });
+    if (activeValue) {
+        ctx.beginPath();
+        ctx.strokeStyle = style.barBackground;
+        ctx.lineWidth = constants_1.TARGET_STROKE_WIDTH;
+        (0, lines_1.drawPolarLine)(ctx, activeValue.value, radius, constants_1.TARGET_SIZE, center);
+        ctx.stroke();
+    }
+    ctx.beginPath();
+    if (debug) {
+        (0, debug_1.renderDebugPoint)(ctx, center.x, center.y);
+    }
+}
+exports.angularBullet = angularBullet;
+//# sourceMappingURL=angular.js.map

package/dist/chart_types/bullet_graph/renderer/canvas/sub_types/angular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular.js","sourceRoot":"","sources":["../../../../../../src/chart_types/bullet_graph/renderer/canvas/sub_types/angular.ts"],"names":[],"mappings":"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"}

package/dist/chart_types/bullet_graph/renderer/canvas/sub_types/horizontal.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=horizontal.d.ts.map

package/dist/chart_types/bullet_graph/renderer/canvas/sub_types/horizontal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal.d.ts","sourceRoot":"","sources":["../../../../../../src/chart_types/bullet_graph/renderer/canvas/sub_types/horizontal.ts"],"names":[],"mappings":""}

package/dist/chart_types/bullet_graph/renderer/canvas/sub_types/horizontal.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.horizontalBullet = void 0;
+const text_utils_1 = require("../../../../../common/text_utils");
+const canvas_text_bbox_calculator_1 = require("../../../../../utils/bbox/canvas_text_bbox_calculator");
+const common_1 = require("../../../../../utils/common");
+const theme_1 = require("../../../theme");
+const constants_1 = require("../constants");
+function horizontalBullet(ctx, dimensions, style, backgroundColor, activeValue) {
+    ctx.translate(theme_1.GRAPH_PADDING.left, 0);
+    const { datum, colorBands, ticks, scale } = dimensions;
+    const [start, end] = scale.domain();
+    const [min, max] = (0, common_1.sortNumbers)([start, end]);
+    const verticalAlignment = constants_1.TARGET_SIZE / 2;
+    colorBands.forEach((band) => {
+        ctx.fillStyle = band.color;
+        ctx.fillRect(band.start, verticalAlignment - constants_1.BULLET_SIZE / 2, band.size, constants_1.BULLET_SIZE);
+    });
+    ctx.beginPath();
+    ctx.strokeStyle = backgroundColor;
+    ctx.lineWidth = constants_1.TICK_WIDTH;
+    ticks
+        .filter((tick) => tick > min && tick < max)
+        .forEach((tick) => {
+        ctx.moveTo(scale(tick), verticalAlignment - constants_1.BULLET_SIZE / 2);
+        ctx.lineTo(scale(tick), verticalAlignment + constants_1.BULLET_SIZE / 2);
+    });
+    ctx.stroke();
+    const confinedValue = (0, common_1.clamp)(datum.value, min, max);
+    const adjustedZero = (0, common_1.clamp)(0, min, max);
+    ctx.fillStyle = style.barBackground;
+    ctx.fillRect(datum.value > 0 ? scale(adjustedZero) : scale(confinedValue), verticalAlignment - constants_1.BAR_SIZE / 2, confinedValue > 0 ? scale(confinedValue) - scale(adjustedZero) : scale(adjustedZero) - scale(confinedValue), constants_1.BAR_SIZE);
+    if ((0, common_1.isFiniteNumber)(datum.target) && datum.target <= max && datum.target >= min) {
+        ctx.fillRect(scale(datum.target) - constants_1.TARGET_STROKE_WIDTH / 2, verticalAlignment - constants_1.TARGET_SIZE / 2, constants_1.TARGET_STROKE_WIDTH, constants_1.TARGET_SIZE);
+    }
+    if ((0, common_1.isBetween)(min, max, true)(0)) {
+        ctx.fillRect(scale(0) - constants_1.TICK_WIDTH / 2, verticalAlignment - constants_1.BULLET_SIZE / 2, constants_1.TICK_WIDTH, constants_1.BULLET_SIZE);
+    }
+    if (activeValue && (datum.syncCursor || !activeValue.external)) {
+        ctx.fillRect(activeValue.value - constants_1.TARGET_STROKE_WIDTH / 2, verticalAlignment - constants_1.TARGET_SIZE / 2, constants_1.TARGET_STROKE_WIDTH, constants_1.TARGET_SIZE);
+    }
+    ctx.fillStyle = style.textColor;
+    ctx.textBaseline = 'top';
+    ctx.font = (0, text_utils_1.cssFontShorthand)(theme_1.TICK_FONT, theme_1.TICK_FONT_SIZE);
+    ticks
+        .filter((tick) => tick >= min && tick <= max)
+        .forEach((tick, i) => {
+        var _a;
+        const labelText = datum.tickFormatter(tick);
+        if (i === ticks.length - 1) {
+            const availableWidth = Math.abs((start > end ? min : max) - ((_a = ticks.at(i)) !== null && _a !== void 0 ? _a : NaN));
+            const { width: labelWidth } = (0, canvas_text_bbox_calculator_1.measureText)(ctx)(labelText, theme_1.TICK_FONT, theme_1.TICK_FONT_SIZE);
+            ctx.textAlign = labelWidth >= Math.abs(scale(availableWidth) - scale(0)) ? 'end' : 'start';
+        }
+        else {
+            ctx.textAlign = 'start';
+        }
+        ctx.fillText(labelText, scale(tick), verticalAlignment + constants_1.TARGET_SIZE / 2);
+    });
+}
+exports.horizontalBullet = horizontalBullet;
+//# sourceMappingURL=horizontal.js.map