@cloudscape-design/chart-components 1.0.0

package/core/chart-api/chart-extra-navigation.js

@@ -0,0 +1,470 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { circleIndex, getIsRtl, handleKey as toolkitHandleKey, KeyCode, } from "@cloudscape-design/component-toolkit/internal";
+import * as Styles from "../../internal/chart-styles";
+import { SVGRendererPool } from "../../internal/utils/renderer-utils";
+import { getGroupRect, getPointRect, isPointVisible, isXThreshold } from "../utils";
+// In charts with many data points one can navigate faster by using Page Down/Up keys that
+// navigate PAGE_SIZE_PERCENTAGE of the points forwards or backwards.
+const PAGE_SIZE_PERCENTAGE = 0.05;
+// Navigation controller handles focus behavior and keyboard navigation for all charts.
+// When the chart is first focused, the focus lands on the chart plot. Once navigation is engaged,
+// the focus can land either on the group of points matched by X value, or on a specific point.
+// The focused X value and point are stored so that navigating back to the chart will focus the previously
+// focused point. If the stored point no longer belongs to the chart the focus falls back to the chart plot.
+export class ChartExtraNavigation {
+    constructor(context, handlers) {
+        // The application element is a dom element with role="application", rendered right before the chart plot.
+        // When the application element is in focus, the keyboard navigation is possible. Upon using navigation commands,
+        // we bring the visible focus state to the chart elements, such as points and groups of points. The last visible
+        // focus state is persisted.
+        this.applicationElement = null;
+        this.focusedState = null;
+        this.ignoreFocus = false;
+        // This function is used as React ref on the application element, positioned right before the chart plot in the DOM.
+        // Once the element reference is obtained, we assign the required event listeners directly to the element.
+        // That is done for simplicity to avoid passing React event handlers down to the element.
+        this.setApplication = (element) => {
+            if (this.applicationElement) {
+                this.applicationElement.removeEventListener("focus", this.onFocus);
+                this.applicationElement.removeEventListener("blur", this.onBlur);
+                this.applicationElement.removeEventListener("keydown", this.onKeyDown);
+            }
+            if (this.context.settings.keyboardNavigationEnabled || !element) {
+                this.applicationElement = element;
+            }
+            if (this.applicationElement) {
+                this.applicationElement.addEventListener("focus", this.onFocus);
+                this.applicationElement.addEventListener("blur", this.onBlur);
+                this.applicationElement.addEventListener("keydown", this.onKeyDown);
+            }
+        };
+        // Upon obtaining focus, we show the visible focus state and announce the previously focused element
+        // (chart, point, or group). If the previously focused point or group is no longer available, the focus
+        // is shown for their respective parent.
+        this.onFocus = () => {
+            if (!this.ignoreFocus) {
+                if (!this.focusedState || this.focusedState.type === "chart") {
+                    this.focusChart();
+                }
+                else if (this.focusedState.type === "group") {
+                    this.focusGroup(this.focusedState.group);
+                }
+                else {
+                    this.focusPoint(this.focusedState.point, this.focusedState.group);
+                }
+            }
+        };
+        this.onBlur = () => {
+            if (!this.ignoreFocus) {
+                this.focusOutline.hide();
+                this.handlers.onBlur();
+            }
+        };
+        this.onKeyDown = (event) => {
+            // The `handleKey` helper we use does not prevent the default keys behavior, so we do it here for
+            // all used keyboard commands.
+            if ([
+                KeyCode.up,
+                KeyCode.down,
+                KeyCode.left,
+                KeyCode.right,
+                KeyCode.enter,
+                KeyCode.escape,
+                KeyCode.pageUp,
+                KeyCode.pageDown,
+                KeyCode.home,
+                KeyCode.end,
+            ].includes(event.keyCode)) {
+                event.preventDefault();
+            }
+            // We execute different actions depending on the current focus target (chart, group, or point).
+            // It is expected, that the focused element is still available in the chart.
+            if (this.focusedState && this.focusedState.type === "group") {
+                this.onKeyDownGroup(event, this.focusedState.group);
+            }
+            else if (this.focusedState && this.focusedState.type === "point") {
+                this.onKeyDownPoint(event, this.focusedState.point, this.focusedState.group);
+            }
+            else {
+                this.onKeyDownChart(event);
+            }
+        };
+        this.onKeyDownChart = (event) => {
+            handleKey(event, {
+                onActivate: () => this.moveToFirstGroup(),
+                onInlineStart: () => this.moveToLastGroup(),
+                onInlineEnd: () => this.moveToFirstGroup(),
+                onBlockStart: () => this.moveToLastGroup(),
+                onBlockEnd: () => this.moveToFirstGroup(),
+                onHome: () => this.moveToFirstGroup(),
+                onEnd: () => this.moveToLastGroup(),
+            });
+        };
+        this.onKeyDownGroup = (event, group) => {
+            const i = !!this.context.chart().inverted;
+            handleKey(event, {
+                onActivate: () => this.activateGroup(group),
+                onEscape: () => this.moveToChart(),
+                onInlineStart: () => (i ? this.moveToFirstInGroup(group) : this.moveToPrevGroup(group)),
+                onInlineEnd: () => (i ? this.moveToLastInGroup(group) : this.moveToNextGroup(group)),
+                onBlockStart: () => (i ? this.moveToPrevGroup(group) : this.moveToLastInGroup(group)),
+                onBlockEnd: () => (i ? this.moveToNextGroup(group) : this.moveToFirstInGroup(group)),
+                onPageDown: () => this.moveToNextPageGroup(group),
+                onPageUp: () => this.moveToPrevPageGroup(group),
+                onHome: () => this.moveToFirstGroup(),
+                onEnd: () => this.moveToLastGroup(),
+            });
+        };
+        this.onKeyDownPoint = (event, point, group) => {
+            const i = !!this.context.chart().inverted;
+            handleKey(event, {
+                onActivate: () => this.activatePoint(point, group),
+                onEscape: () => this.moveToParentGroup(point),
+                onInlineEnd: () => (i ? this.moveToPrevInGroup(point) : this.moveToNextInSeries(point)),
+                onInlineStart: () => (i ? this.moveToNextInGroup(point) : this.moveToPrevInSeries(point)),
+                onBlockEnd: () => (i ? this.moveToNextInSeries(point) : this.moveToNextInGroup(point)),
+                onBlockStart: () => (i ? this.moveToPrevInSeries(point) : this.moveToPrevInGroup(point)),
+                onPageDown: () => this.moveToNextPageInSeries(point),
+                onPageUp: () => this.moveToPrevPageInSeries(point),
+                onHome: () => this.moveToFirstInSeries(point),
+                onEnd: () => this.moveToLastInSeries(point),
+            });
+        };
+        this.focusChart = () => {
+            this.focusedState = { type: "chart" };
+            this.focusOutline.chart();
+            this.handlers.onFocusChart();
+        };
+        this.getAllXInSeries = (series) => {
+            return this.context.derived.getAllXInSeries(series);
+        };
+        this.getPointsByX = (x) => {
+            return this.context.derived.getPointsByX(x);
+        };
+        this.findMatchingGroup = (point) => {
+            return this.getPointsByX(point.x);
+        };
+        this.findFirstGroup = () => {
+            return this.getPointsByX(this.allX[0]);
+        };
+        this.findLastGroup = () => {
+            return this.getPointsByX(this.allX[this.allX.length - 1]);
+        };
+        this.findNextGroup = (point) => {
+            const nextIndex = getNextIndex(this.allX, this.allX.indexOf(point.x), 1);
+            return this.getPointsByX(this.allX[nextIndex]);
+        };
+        this.findPrevGroup = (point) => {
+            const nextIndex = getNextIndex(this.allX, this.allX.indexOf(point.x), -1);
+            return this.getPointsByX(this.allX[nextIndex]);
+        };
+        this.findNextPageGroup = (point) => {
+            const nextIndex = getNextPageIndex(this.allX, this.allX.indexOf(point.x), 1);
+            return this.getPointsByX(this.allX[nextIndex]);
+        };
+        this.findPrevPageGroup = (point) => {
+            const nextIndex = getNextPageIndex(this.allX, this.allX.indexOf(point.x), -1);
+            return this.getPointsByX(this.allX[nextIndex]);
+        };
+        this.findFirstPointInSeries = (point) => {
+            var _a;
+            const seriesX = this.getAllXInSeries(point.series);
+            return (_a = point.series.data.find((d) => d.x === seriesX[0])) !== null && _a !== void 0 ? _a : null;
+        };
+        this.findLastPointInSeries = (point) => {
+            var _a;
+            const seriesX = this.getAllXInSeries(point.series);
+            return (_a = point.series.data.find((d) => d.x === seriesX[seriesX.length - 1])) !== null && _a !== void 0 ? _a : null;
+        };
+        this.findNextPointInSeries = (point) => {
+            var _a;
+            const seriesX = this.getAllXInSeries(point.series);
+            const delta = !shouldInvertPointsDirection(point) ? 1 : -1;
+            const nextIndex = getNextIndex(seriesX, seriesX.indexOf(point.x), delta);
+            return (_a = point.series.data.find((d) => d.x === seriesX[nextIndex])) !== null && _a !== void 0 ? _a : null;
+        };
+        this.findPrevPointInSeries = (point) => {
+            var _a;
+            const seriesX = this.getAllXInSeries(point.series);
+            const delta = !shouldInvertPointsDirection(point) ? -1 : 1;
+            const nextIndex = getNextIndex(seriesX, seriesX.indexOf(point.x), delta);
+            return (_a = point.series.data.find((d) => d.x === seriesX[nextIndex])) !== null && _a !== void 0 ? _a : null;
+        };
+        this.findNextPagePointInSeries = (point) => {
+            var _a;
+            const seriesX = this.getAllXInSeries(point.series);
+            const delta = !shouldInvertPointsDirection(point) ? 1 : -1;
+            const nextIndex = getNextPageIndex(seriesX, seriesX.indexOf(point.x), delta);
+            return (_a = point.series.data.find((d) => d.x === seriesX[nextIndex])) !== null && _a !== void 0 ? _a : null;
+        };
+        this.findPrevPagePointInSeries = (point) => {
+            var _a;
+            const seriesX = this.getAllXInSeries(point.series);
+            const delta = !shouldInvertPointsDirection(point) ? -1 : 1;
+            const nextIndex = getNextPageIndex(seriesX, seriesX.indexOf(point.x), delta);
+            return (_a = point.series.data.find((d) => d.x === seriesX[nextIndex])) !== null && _a !== void 0 ? _a : null;
+        };
+        this.context = context;
+        this.handlers = handlers;
+        this.focusOutline = new FocusOutline(context);
+    }
+    onChartDestroy() {
+        this.focusOutline.destroy();
+    }
+    // Casting focus to the application element brings the visible focus state to the chart or last focused
+    // chart point or group of points. This is used to restore focus after the tooltip is dismissed.
+    focusApplication(point, group) {
+        var _a;
+        if (this.context.settings.keyboardNavigationEnabled) {
+            this.focusedState = point ? { type: "point", point, group } : { type: "group", group };
+            (_a = this.applicationElement) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    announceChart(ariaLabel) {
+        this.announce({ role: "application", "aria-label": ariaLabel });
+    }
+    announceElement(ariaLabel, pinned) {
+        this.announce({ role: "button", "aria-label": ariaLabel, "aria-haspopup": true, "aria-expanded": pinned });
+    }
+    // Every time the chart focus is obtained or a navigation action is performed, this needs to be announced
+    // to screen-readers. The announcement is made by updating the application element with the attributes of
+    // the visually focused element (chart, point, or group), and re-focusing it.
+    announce(elementAttributes) {
+        if (this.applicationElement) {
+            // Remove prev attributes.
+            for (const attributeName of this.applicationElement.getAttributeNames()) {
+                if (attributeName === "role" || attributeName.slice(0, 4) === "aria") {
+                    this.applicationElement.removeAttribute(attributeName);
+                }
+            }
+            // Copy new attributes.
+            for (const [attributeName, attributeValue] of Object.entries(elementAttributes)) {
+                this.applicationElement.setAttribute(attributeName, `${attributeValue}`);
+            }
+            // Temporarily disable focus/blur event handlers to not respond to the next programmatically
+            // cast focus event, which has the only purpose of making the application element announced to
+            // the assistive software.
+            this.ignoreFocus = true;
+            // Re-attach and re-focus application element to trigger a screen-reader announcement.
+            const container = this.applicationElement.parentElement;
+            container.removeChild(this.applicationElement);
+            container.appendChild(this.applicationElement);
+            this.applicationElement.focus({ preventScroll: true });
+            // Remove focus lock. The blur and focus events should have already occurred at this point.
+            setTimeout(() => (this.ignoreFocus = false), 0);
+        }
+    }
+    moveToFirstGroup() {
+        this.focusGroup(this.findFirstGroup());
+    }
+    moveToLastGroup() {
+        this.focusGroup(this.findLastGroup());
+    }
+    moveToNextGroup(group) {
+        const nextGroup = group[0] ? this.findNextGroup(group[0]) : [];
+        this.focusGroup(nextGroup);
+    }
+    moveToPrevGroup(group) {
+        const prevGroup = group[0] ? this.findPrevGroup(group[0]) : [];
+        this.focusGroup(prevGroup);
+    }
+    moveToParentGroup(point) {
+        const group = this.findMatchingGroup(point);
+        if (group.length > 0 && group[0].series.type !== "pie") {
+            this.focusGroup(group);
+        }
+        else {
+            this.focusChart();
+        }
+    }
+    moveToChart() {
+        this.focusChart();
+    }
+    moveToFirstInGroup(group) {
+        const points = group.filter((p) => !isXThreshold(p.series));
+        this.focusPoint(points[0], group);
+    }
+    moveToLastInGroup(group) {
+        const points = group.filter((p) => !isXThreshold(p.series));
+        this.focusPoint(points[points.length - 1], group);
+    }
+    moveToPrevInGroup(point) {
+        const points = this.findMatchingGroup(point).filter((p) => !isXThreshold(p.series));
+        const pointIndex = points.indexOf(point);
+        this.focusPoint(points[circleIndex(pointIndex - 1, [0, points.length - 1])], points);
+    }
+    moveToNextInGroup(point) {
+        const points = this.findMatchingGroup(point).filter((p) => !isXThreshold(p.series));
+        const pointIndex = points.indexOf(point);
+        this.focusPoint(points[circleIndex(pointIndex + 1, [0, points.length - 1])], points);
+    }
+    moveToFirstInSeries(point) {
+        const firstPoint = this.findFirstPointInSeries(point);
+        if (firstPoint) {
+            this.focusPoint(firstPoint, this.findMatchingGroup(firstPoint));
+        }
+        else {
+            this.focusChart();
+        }
+    }
+    moveToLastInSeries(point) {
+        const lastPoint = this.findLastPointInSeries(point);
+        if (lastPoint) {
+            this.focusPoint(lastPoint, this.findMatchingGroup(lastPoint));
+        }
+        else {
+            this.focusChart();
+        }
+    }
+    moveToNextInSeries(point) {
+        const nextPoint = this.findNextPointInSeries(point);
+        if (nextPoint) {
+            this.focusPoint(nextPoint, this.findMatchingGroup(nextPoint));
+        }
+        else {
+            this.focusChart();
+        }
+    }
+    moveToPrevInSeries(point) {
+        const prevPoint = this.findPrevPointInSeries(point);
+        if (prevPoint) {
+            this.focusPoint(prevPoint, this.findMatchingGroup(prevPoint));
+        }
+        else {
+            this.focusChart();
+        }
+    }
+    moveToNextPageGroup(group) {
+        const nextPageGroup = group[0] ? this.findNextPageGroup(group[0]) : [];
+        this.focusGroup(nextPageGroup);
+    }
+    moveToPrevPageGroup(group) {
+        const prevPageGroup = group[0] ? this.findPrevPageGroup(group[0]) : [];
+        this.focusGroup(prevPageGroup);
+    }
+    moveToNextPageInSeries(point) {
+        const nextPagePoint = this.findNextPagePointInSeries(point);
+        if (nextPagePoint) {
+            this.focusPoint(nextPagePoint, this.findMatchingGroup(nextPagePoint));
+        }
+        else {
+            this.focusChart();
+        }
+    }
+    moveToPrevPageInSeries(point) {
+        const prevPagePoint = this.findPrevPagePointInSeries(point);
+        if (prevPagePoint) {
+            this.focusPoint(prevPagePoint, this.findMatchingGroup(prevPagePoint));
+        }
+        else {
+            this.focusChart();
+        }
+    }
+    activateGroup(group) {
+        this.handlers.onActivateGroup(group);
+    }
+    activatePoint(point, group) {
+        this.handlers.onActivatePoint(point, group);
+    }
+    focusGroup(group) {
+        var _a;
+        // When the chart is re-focused, the group that was focused before might no longer be valid if its
+        // points are no longer visible or were destroyed by Highcharts. In that case we focus the chart as
+        // a fallback.
+        const visiblePoints = group.filter(isPointVisible);
+        if (visiblePoints.length === 0) {
+            this.focusChart();
+        }
+        // In pie charts we only focus points, so moving focus to points and groups is equivalent.
+        else if (visiblePoints[0].series.type === "pie") {
+            this.focusPoint((_a = visiblePoints[0]) !== null && _a !== void 0 ? _a : null, group);
+        }
+        // When focusing a group we draw the focus outline around the corresponding group rect, including
+        // all points of that group.
+        else {
+            this.focusedState = { type: "group", group: visiblePoints };
+            this.focusOutline.group(getGroupRect(visiblePoints));
+            this.handlers.onFocusGroup(visiblePoints);
+        }
+    }
+    focusPoint(point, group) {
+        // When the chart is re-focused, the point that was focused before might no longer be valid it became
+        // hidden or was destroyed by Highcharts. In that case we focus the point's parent group as a fallback.
+        if (!point || !isPointVisible(point)) {
+            this.focusGroup(group);
+        }
+        // When focusing a point we draw the focus outline around its corresponding rect, but with different offsets,
+        // depending on the point's series type.
+        else {
+            this.focusedState = { type: "point", point, group };
+            this.focusOutline.point(getPointRect(point), point);
+            this.handlers.onFocusPoint(point, group);
+        }
+    }
+    get allX() {
+        return this.context.derived.allX;
+    }
+}
+function handleKey(event, handlers) {
+    if (!event.currentTarget) {
+        return;
+    }
+    if (!(event.currentTarget instanceof HTMLElement) && !(event.currentTarget instanceof SVGElement)) {
+        return;
+    }
+    toolkitHandleKey({ keyCode: event.keyCode, currentTarget: event.currentTarget }, handlers);
+}
+// A helper class to draw the focus outline around given chart elements.
+class FocusOutline {
+    constructor(context) {
+        this.elementsPool = new SVGRendererPool();
+        this.chart = () => {
+            const [x, y, width, height] = [
+                this.context.chart().plotLeft,
+                this.context.chart().plotTop,
+                this.context.chart().plotWidth,
+                this.context.chart().plotHeight,
+            ];
+            this.rect({ x, y, width, height }, Styles.focusOutlineOffsets.chart);
+        };
+        this.group = (rect) => {
+            this.rect(rect, Styles.focusOutlineOffsets.group);
+        };
+        this.point = (rect, point) => {
+            const offsetByType = Styles.focusOutlineOffsets.pointByType[point.series.type];
+            const offset = offsetByType !== null && offsetByType !== void 0 ? offsetByType : Styles.focusOutlineOffsets.point;
+            this.rect(rect, offset);
+        };
+        this.rect = ({ x, y, width, height }, offset) => {
+            this.elementsPool.hideAll();
+            this.elementsPool.rect(this.context.chart().renderer, {
+                x: x - offset,
+                y: y - offset,
+                width: width + offset * 2,
+                height: height + offset * 2,
+                ...Styles.navigationFocusOutline,
+            });
+        };
+        this.context = context;
+    }
+    hide() {
+        this.elementsPool.hideAll();
+    }
+    destroy() {
+        this.elementsPool.destroyAll();
+    }
+}
+// We do not invert the direction of pie segments when RTL, but swap the left/right keys.
+// To offset for that, the prev/next points direction is swapped, too.
+function shouldInvertPointsDirection(point) {
+    const isRTL = getIsRtl(point.series.chart.container.parentElement);
+    return point.series.type === "pie" && isRTL;
+}
+function getNextIndex(array, pointIndex, delta) {
+    return circleIndex(pointIndex + delta, [0, array.length - 1]);
+}
+function getNextPageIndex(array, pointIndex, delta) {
+    return Math.min(array.length - 1, Math.max(0, pointIndex + delta * Math.round(array.length * PAGE_SIZE_PERCENTAGE)));
+}
+//# sourceMappingURL=chart-extra-navigation.js.map

package/core/chart-api/chart-extra-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-extra-navigation.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-navigation.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport {\n  circleIndex,\n  getIsRtl,\n  handleKey as toolkitHandleKey,\n  KeyCode,\n} from \"@cloudscape-design/component-toolkit/internal\";\n\nimport * as Styles from \"../../internal/chart-styles\";\nimport { SVGRendererPool } from \"../../internal/utils/renderer-utils\";\nimport { Rect } from \"../interfaces\";\nimport { getGroupRect, getPointRect, isPointVisible, isXThreshold } from \"../utils\";\nimport { ChartExtraContext } from \"./chart-extra-context\";\n\n// In charts with many data points one can navigate faster by using Page Down/Up keys that\n// navigate PAGE_SIZE_PERCENTAGE of the points forwards or backwards.\nconst PAGE_SIZE_PERCENTAGE = 0.05;\n\nexport interface ChartExtraNavigationHandlers {\n  onFocusChart(): void;\n  onFocusPoint(point: Highcharts.Point, group: readonly Highcharts.Point[]): void;\n  onFocusGroup(group: readonly Highcharts.Point[]): void;\n  onBlur(): void;\n  onActivatePoint(point: Highcharts.Point, group: readonly Highcharts.Point[]): void;\n  onActivateGroup(group: readonly Highcharts.Point[]): void;\n}\n\nexport type FocusedState = FocusedStateChart | FocusedStateGroup | FocusedStatePoint;\n\ninterface FocusedStateChart {\n  type: \"chart\";\n}\ninterface FocusedStateGroup {\n  type: \"group\";\n  group: readonly Highcharts.Point[];\n}\ninterface FocusedStatePoint {\n  type: \"point\";\n  point: Highcharts.Point;\n  group: readonly Highcharts.Point[];\n}\n\n// Navigation controller handles focus behavior and keyboard navigation for all charts.\n// When the chart is first focused, the focus lands on the chart plot. Once navigation is engaged,\n// the focus can land either on the group of points matched by X value, or on a specific point.\n// The focused X value and point are stored so that navigating back to the chart will focus the previously\n// focused point. If the stored point no longer belongs to the chart the focus falls back to the chart plot.\nexport class ChartExtraNavigation {\n  private context: ChartExtraContext;\n  private handlers: ChartExtraNavigationHandlers;\n  private focusOutline: FocusOutline;\n  // The application element is a dom element with role=\"application\", rendered right before the chart plot.\n  // When the application element is in focus, the keyboard navigation is possible. Upon using navigation commands,\n  // we bring the visible focus state to the chart elements, such as points and groups of points. The last visible\n  // focus state is persisted.\n  private applicationElement: null | HTMLElement = null;\n  private focusedState: null | FocusedState = null;\n  private ignoreFocus = false;\n\n  constructor(context: ChartExtraContext, handlers: ChartExtraNavigationHandlers) {\n    this.context = context;\n    this.handlers = handlers;\n    this.focusOutline = new FocusOutline(context);\n  }\n\n  public onChartDestroy() {\n    this.focusOutline.destroy();\n  }\n\n  // This function is used as React ref on the application element, positioned right before the chart plot in the DOM.\n  // Once the element reference is obtained, we assign the required event listeners directly to the element.\n  // That is done for simplicity to avoid passing React event handlers down to the element.\n  public setApplication = (element: null | HTMLElement) => {\n    if (this.applicationElement) {\n      this.applicationElement.removeEventListener(\"focus\", this.onFocus);\n      this.applicationElement.removeEventListener(\"blur\", this.onBlur);\n      this.applicationElement.removeEventListener(\"keydown\", this.onKeyDown);\n    }\n\n    if (this.context.settings.keyboardNavigationEnabled || !element) {\n      this.applicationElement = element;\n    }\n\n    if (this.applicationElement) {\n      this.applicationElement.addEventListener(\"focus\", this.onFocus);\n      this.applicationElement.addEventListener(\"blur\", this.onBlur);\n      this.applicationElement.addEventListener(\"keydown\", this.onKeyDown);\n    }\n  };\n\n  // Casting focus to the application element brings the visible focus state to the chart or last focused\n  // chart point or group of points. This is used to restore focus after the tooltip is dismissed.\n  public focusApplication(point: null | Highcharts.Point, group: readonly Highcharts.Point[]) {\n    if (this.context.settings.keyboardNavigationEnabled) {\n      this.focusedState = point ? { type: \"point\", point, group } : { type: \"group\", group };\n      this.applicationElement?.focus();\n    }\n  }\n\n  public announceChart(ariaLabel: string) {\n    this.announce({ role: \"application\", \"aria-label\": ariaLabel });\n  }\n\n  public announceElement(ariaLabel: string, pinned: boolean) {\n    this.announce({ role: \"button\", \"aria-label\": ariaLabel, \"aria-haspopup\": true, \"aria-expanded\": pinned });\n  }\n\n  // Every time the chart focus is obtained or a navigation action is performed, this needs to be announced\n  // to screen-readers. The announcement is made by updating the application element with the attributes of\n  // the visually focused element (chart, point, or group), and re-focusing it.\n  private announce(elementAttributes: React.ButtonHTMLAttributes<unknown>) {\n    if (this.applicationElement) {\n      // Remove prev attributes.\n      for (const attributeName of this.applicationElement.getAttributeNames()) {\n        if (attributeName === \"role\" || attributeName.slice(0, 4) === \"aria\") {\n          this.applicationElement.removeAttribute(attributeName);\n        }\n      }\n      // Copy new attributes.\n      for (const [attributeName, attributeValue] of Object.entries(elementAttributes)) {\n        this.applicationElement.setAttribute(attributeName, `${attributeValue}`);\n      }\n      // Temporarily disable focus/blur event handlers to not respond to the next programmatically\n      // cast focus event, which has the only purpose of making the application element announced to\n      // the assistive software.\n      this.ignoreFocus = true;\n      // Re-attach and re-focus application element to trigger a screen-reader announcement.\n      const container = this.applicationElement.parentElement!;\n      container.removeChild(this.applicationElement);\n      container.appendChild(this.applicationElement);\n      this.applicationElement.focus({ preventScroll: true });\n      // Remove focus lock. The blur and focus events should have already occurred at this point.\n      setTimeout(() => (this.ignoreFocus = false), 0);\n    }\n  }\n\n  // Upon obtaining focus, we show the visible focus state and announce the previously focused element\n  // (chart, point, or group). If the previously focused point or group is no longer available, the focus\n  // is shown for their respective parent.\n  private onFocus = () => {\n    if (!this.ignoreFocus) {\n      if (!this.focusedState || this.focusedState.type === \"chart\") {\n        this.focusChart();\n      } else if (this.focusedState.type === \"group\") {\n        this.focusGroup(this.focusedState.group);\n      } else {\n        this.focusPoint(this.focusedState.point, this.focusedState.group);\n      }\n    }\n  };\n\n  private onBlur = () => {\n    if (!this.ignoreFocus) {\n      this.focusOutline.hide();\n      this.handlers.onBlur();\n    }\n  };\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    // The `handleKey` helper we use does not prevent the default keys behavior, so we do it here for\n    // all used keyboard commands.\n    if (\n      [\n        KeyCode.up,\n        KeyCode.down,\n        KeyCode.left,\n        KeyCode.right,\n        KeyCode.enter,\n        KeyCode.escape,\n        KeyCode.pageUp,\n        KeyCode.pageDown,\n        KeyCode.home,\n        KeyCode.end,\n      ].includes(event.keyCode)\n    ) {\n      event.preventDefault();\n    }\n    // We execute different actions depending on the current focus target (chart, group, or point).\n    // It is expected, that the focused element is still available in the chart.\n    if (this.focusedState && this.focusedState.type === \"group\") {\n      this.onKeyDownGroup(event, this.focusedState.group);\n    } else if (this.focusedState && this.focusedState.type === \"point\") {\n      this.onKeyDownPoint(event, this.focusedState.point, this.focusedState.group);\n    } else {\n      this.onKeyDownChart(event);\n    }\n  };\n\n  private onKeyDownChart = (event: KeyboardEvent) => {\n    handleKey(event, {\n      onActivate: () => this.moveToFirstGroup(),\n      onInlineStart: () => this.moveToLastGroup(),\n      onInlineEnd: () => this.moveToFirstGroup(),\n      onBlockStart: () => this.moveToLastGroup(),\n      onBlockEnd: () => this.moveToFirstGroup(),\n      onHome: () => this.moveToFirstGroup(),\n      onEnd: () => this.moveToLastGroup(),\n    });\n  };\n\n  private onKeyDownGroup = (event: KeyboardEvent, group: readonly Highcharts.Point[]) => {\n    const i = !!this.context.chart().inverted;\n    handleKey(event, {\n      onActivate: () => this.activateGroup(group),\n      onEscape: () => this.moveToChart(),\n      onInlineStart: () => (i ? this.moveToFirstInGroup(group) : this.moveToPrevGroup(group)),\n      onInlineEnd: () => (i ? this.moveToLastInGroup(group) : this.moveToNextGroup(group)),\n      onBlockStart: () => (i ? this.moveToPrevGroup(group) : this.moveToLastInGroup(group)),\n      onBlockEnd: () => (i ? this.moveToNextGroup(group) : this.moveToFirstInGroup(group)),\n      onPageDown: () => this.moveToNextPageGroup(group),\n      onPageUp: () => this.moveToPrevPageGroup(group),\n      onHome: () => this.moveToFirstGroup(),\n      onEnd: () => this.moveToLastGroup(),\n    });\n  };\n\n  private onKeyDownPoint = (event: KeyboardEvent, point: Highcharts.Point, group: readonly Highcharts.Point[]) => {\n    const i = !!this.context.chart().inverted;\n    handleKey(event, {\n      onActivate: () => this.activatePoint(point, group),\n      onEscape: () => this.moveToParentGroup(point),\n      onInlineEnd: () => (i ? this.moveToPrevInGroup(point) : this.moveToNextInSeries(point)),\n      onInlineStart: () => (i ? this.moveToNextInGroup(point) : this.moveToPrevInSeries(point)),\n      onBlockEnd: () => (i ? this.moveToNextInSeries(point) : this.moveToNextInGroup(point)),\n      onBlockStart: () => (i ? this.moveToPrevInSeries(point) : this.moveToPrevInGroup(point)),\n      onPageDown: () => this.moveToNextPageInSeries(point),\n      onPageUp: () => this.moveToPrevPageInSeries(point),\n      onHome: () => this.moveToFirstInSeries(point),\n      onEnd: () => this.moveToLastInSeries(point),\n    });\n  };\n\n  private moveToFirstGroup() {\n    this.focusGroup(this.findFirstGroup());\n  }\n\n  private moveToLastGroup() {\n    this.focusGroup(this.findLastGroup());\n  }\n\n  private moveToNextGroup(group: readonly Highcharts.Point[]) {\n    const nextGroup = group[0] ? this.findNextGroup(group[0]) : [];\n    this.focusGroup(nextGroup);\n  }\n\n  private moveToPrevGroup(group: readonly Highcharts.Point[]) {\n    const prevGroup = group[0] ? this.findPrevGroup(group[0]) : [];\n    this.focusGroup(prevGroup);\n  }\n\n  private moveToParentGroup(point: Highcharts.Point) {\n    const group = this.findMatchingGroup(point);\n    if (group.length > 0 && group[0].series.type !== \"pie\") {\n      this.focusGroup(group);\n    } else {\n      this.focusChart();\n    }\n  }\n\n  private moveToChart() {\n    this.focusChart();\n  }\n\n  private moveToFirstInGroup(group: readonly Highcharts.Point[]) {\n    const points = group.filter((p) => !isXThreshold(p.series));\n    this.focusPoint(points[0], group);\n  }\n\n  private moveToLastInGroup(group: readonly Highcharts.Point[]) {\n    const points = group.filter((p) => !isXThreshold(p.series));\n    this.focusPoint(points[points.length - 1], group);\n  }\n\n  private moveToPrevInGroup(point: Highcharts.Point) {\n    const points = this.findMatchingGroup(point).filter((p) => !isXThreshold(p.series));\n    const pointIndex = points.indexOf(point);\n    this.focusPoint(points[circleIndex(pointIndex - 1, [0, points.length - 1])], points);\n  }\n\n  private moveToNextInGroup(point: Highcharts.Point) {\n    const points = this.findMatchingGroup(point).filter((p) => !isXThreshold(p.series));\n    const pointIndex = points.indexOf(point);\n    this.focusPoint(points[circleIndex(pointIndex + 1, [0, points.length - 1])], points);\n  }\n\n  private moveToFirstInSeries(point: Highcharts.Point) {\n    const firstPoint = this.findFirstPointInSeries(point);\n    if (firstPoint) {\n      this.focusPoint(firstPoint, this.findMatchingGroup(firstPoint));\n    } else {\n      this.focusChart();\n    }\n  }\n\n  private moveToLastInSeries(point: Highcharts.Point) {\n    const lastPoint = this.findLastPointInSeries(point);\n    if (lastPoint) {\n      this.focusPoint(lastPoint, this.findMatchingGroup(lastPoint));\n    } else {\n      this.focusChart();\n    }\n  }\n\n  private moveToNextInSeries(point: Highcharts.Point) {\n    const nextPoint = this.findNextPointInSeries(point);\n    if (nextPoint) {\n      this.focusPoint(nextPoint, this.findMatchingGroup(nextPoint));\n    } else {\n      this.focusChart();\n    }\n  }\n\n  private moveToPrevInSeries(point: Highcharts.Point) {\n    const prevPoint = this.findPrevPointInSeries(point);\n    if (prevPoint) {\n      this.focusPoint(prevPoint, this.findMatchingGroup(prevPoint));\n    } else {\n      this.focusChart();\n    }\n  }\n\n  private moveToNextPageGroup(group: readonly Highcharts.Point[]) {\n    const nextPageGroup = group[0] ? this.findNextPageGroup(group[0]) : [];\n    this.focusGroup(nextPageGroup);\n  }\n\n  private moveToPrevPageGroup(group: readonly Highcharts.Point[]) {\n    const prevPageGroup = group[0] ? this.findPrevPageGroup(group[0]) : [];\n    this.focusGroup(prevPageGroup);\n  }\n\n  private moveToNextPageInSeries(point: Highcharts.Point) {\n    const nextPagePoint = this.findNextPagePointInSeries(point);\n    if (nextPagePoint) {\n      this.focusPoint(nextPagePoint, this.findMatchingGroup(nextPagePoint));\n    } else {\n      this.focusChart();\n    }\n  }\n\n  private moveToPrevPageInSeries(point: Highcharts.Point) {\n    const prevPagePoint = this.findPrevPagePointInSeries(point);\n    if (prevPagePoint) {\n      this.focusPoint(prevPagePoint, this.findMatchingGroup(prevPagePoint));\n    } else {\n      this.focusChart();\n    }\n  }\n\n  private activateGroup(group: readonly Highcharts.Point[]) {\n    this.handlers.onActivateGroup(group);\n  }\n\n  private activatePoint(point: Highcharts.Point, group: readonly Highcharts.Point[]) {\n    this.handlers.onActivatePoint(point, group);\n  }\n\n  private focusChart = () => {\n    this.focusedState = { type: \"chart\" };\n    this.focusOutline.chart();\n    this.handlers.onFocusChart();\n  };\n\n  private focusGroup(group: readonly Highcharts.Point[]) {\n    // When the chart is re-focused, the group that was focused before might no longer be valid if its\n    // points are no longer visible or were destroyed by Highcharts. In that case we focus the chart as\n    // a fallback.\n    const visiblePoints = group.filter(isPointVisible);\n    if (visiblePoints.length === 0) {\n      this.focusChart();\n    }\n    // In pie charts we only focus points, so moving focus to points and groups is equivalent.\n    else if (visiblePoints[0].series.type === \"pie\") {\n      this.focusPoint(visiblePoints[0] ?? null, group);\n    }\n    // When focusing a group we draw the focus outline around the corresponding group rect, including\n    // all points of that group.\n    else {\n      this.focusedState = { type: \"group\", group: visiblePoints };\n      this.focusOutline.group(getGroupRect(visiblePoints));\n      this.handlers.onFocusGroup(visiblePoints);\n    }\n  }\n\n  private focusPoint(point: null | Highcharts.Point, group: readonly Highcharts.Point[]) {\n    // When the chart is re-focused, the point that was focused before might no longer be valid it became\n    // hidden or was destroyed by Highcharts. In that case we focus the point's parent group as a fallback.\n    if (!point || !isPointVisible(point)) {\n      this.focusGroup(group);\n    }\n    // When focusing a point we draw the focus outline around its corresponding rect, but with different offsets,\n    // depending on the point's series type.\n    else {\n      this.focusedState = { type: \"point\", point, group };\n      this.focusOutline.point(getPointRect(point), point);\n      this.handlers.onFocusPoint(point, group);\n    }\n  }\n\n  private get allX(): number[] {\n    return this.context.derived.allX;\n  }\n\n  private getAllXInSeries = (series: Highcharts.Series): number[] => {\n    return this.context.derived.getAllXInSeries(series);\n  };\n\n  private getPointsByX = (x: number): Highcharts.Point[] => {\n    return this.context.derived.getPointsByX(x);\n  };\n\n  private findMatchingGroup = (point: Highcharts.Point): Highcharts.Point[] => {\n    return this.getPointsByX(point.x);\n  };\n\n  private findFirstGroup = (): Highcharts.Point[] => {\n    return this.getPointsByX(this.allX[0]);\n  };\n\n  private findLastGroup = (): Highcharts.Point[] => {\n    return this.getPointsByX(this.allX[this.allX.length - 1]);\n  };\n\n  private findNextGroup = (point: Highcharts.Point): Highcharts.Point[] => {\n    const nextIndex = getNextIndex(this.allX, this.allX.indexOf(point.x), 1);\n    return this.getPointsByX(this.allX[nextIndex]);\n  };\n\n  private findPrevGroup = (point: Highcharts.Point): Highcharts.Point[] => {\n    const nextIndex = getNextIndex(this.allX, this.allX.indexOf(point.x), -1);\n    return this.getPointsByX(this.allX[nextIndex]);\n  };\n\n  private findNextPageGroup = (point: Highcharts.Point): Highcharts.Point[] => {\n    const nextIndex = getNextPageIndex(this.allX, this.allX.indexOf(point.x), 1);\n    return this.getPointsByX(this.allX[nextIndex]);\n  };\n\n  private findPrevPageGroup = (point: Highcharts.Point): Highcharts.Point[] => {\n    const nextIndex = getNextPageIndex(this.allX, this.allX.indexOf(point.x), -1);\n    return this.getPointsByX(this.allX[nextIndex]);\n  };\n\n  private findFirstPointInSeries = (point: Highcharts.Point): null | Highcharts.Point => {\n    const seriesX = this.getAllXInSeries(point.series);\n    return point.series.data.find((d) => d.x === seriesX[0]) ?? null;\n  };\n\n  private findLastPointInSeries = (point: Highcharts.Point): null | Highcharts.Point => {\n    const seriesX = this.getAllXInSeries(point.series);\n    return point.series.data.find((d) => d.x === seriesX[seriesX.length - 1]) ?? null;\n  };\n\n  private findNextPointInSeries = (point: Highcharts.Point): null | Highcharts.Point => {\n    const seriesX = this.getAllXInSeries(point.series);\n    const delta = !shouldInvertPointsDirection(point) ? 1 : -1;\n    const nextIndex = getNextIndex(seriesX, seriesX.indexOf(point.x), delta);\n    return point.series.data.find((d) => d.x === seriesX[nextIndex]) ?? null;\n  };\n\n  private findPrevPointInSeries = (point: Highcharts.Point): null | Highcharts.Point => {\n    const seriesX = this.getAllXInSeries(point.series);\n    const delta = !shouldInvertPointsDirection(point) ? -1 : 1;\n    const nextIndex = getNextIndex(seriesX, seriesX.indexOf(point.x), delta);\n    return point.series.data.find((d) => d.x === seriesX[nextIndex]) ?? null;\n  };\n\n  private findNextPagePointInSeries = (point: Highcharts.Point): null | Highcharts.Point => {\n    const seriesX = this.getAllXInSeries(point.series);\n    const delta = !shouldInvertPointsDirection(point) ? 1 : -1;\n    const nextIndex = getNextPageIndex(seriesX, seriesX.indexOf(point.x), delta);\n    return point.series.data.find((d) => d.x === seriesX[nextIndex]) ?? null;\n  };\n\n  private findPrevPagePointInSeries = (point: Highcharts.Point): null | Highcharts.Point => {\n    const seriesX = this.getAllXInSeries(point.series);\n    const delta = !shouldInvertPointsDirection(point) ? -1 : 1;\n    const nextIndex = getNextPageIndex(seriesX, seriesX.indexOf(point.x), delta);\n    return point.series.data.find((d) => d.x === seriesX[nextIndex]) ?? null;\n  };\n}\n\nfunction handleKey(\n  event: KeyboardEvent,\n  handlers: {\n    onActivate?: () => void;\n    onBlockEnd?: () => void;\n    onBlockStart?: () => void;\n    onDefault?: () => void;\n    onEnd?: () => void;\n    onEscape?: () => void;\n    onHome?: () => void;\n    onInlineEnd?: () => void;\n    onInlineStart?: () => void;\n    onPageDown?: () => void;\n    onPageUp?: () => void;\n  },\n) {\n  if (!event.currentTarget) {\n    return;\n  }\n  if (!(event.currentTarget instanceof HTMLElement) && !(event.currentTarget instanceof SVGElement)) {\n    return;\n  }\n  toolkitHandleKey({ keyCode: event.keyCode, currentTarget: event.currentTarget }, handlers);\n}\n\n// A helper class to draw the focus outline around given chart elements.\nclass FocusOutline {\n  private context: ChartExtraContext;\n  private elementsPool = new SVGRendererPool();\n\n  constructor(context: ChartExtraContext) {\n    this.context = context;\n  }\n\n  public chart = () => {\n    const [x, y, width, height] = [\n      this.context.chart().plotLeft,\n      this.context.chart().plotTop,\n      this.context.chart().plotWidth,\n      this.context.chart().plotHeight,\n    ];\n    this.rect({ x, y, width, height }, Styles.focusOutlineOffsets.chart);\n  };\n\n  public group = (rect: Rect) => {\n    this.rect(rect, Styles.focusOutlineOffsets.group);\n  };\n\n  public point = (rect: Rect, point: Highcharts.Point) => {\n    const offsetByType = Styles.focusOutlineOffsets.pointByType[point.series.type];\n    const offset = offsetByType ?? Styles.focusOutlineOffsets.point;\n    this.rect(rect, offset);\n  };\n\n  public hide() {\n    this.elementsPool.hideAll();\n  }\n\n  public destroy() {\n    this.elementsPool.destroyAll();\n  }\n\n  private rect = ({ x, y, width, height }: Rect, offset: number) => {\n    this.elementsPool.hideAll();\n    this.elementsPool.rect(this.context.chart().renderer, {\n      x: x - offset,\n      y: y - offset,\n      width: width + offset * 2,\n      height: height + offset * 2,\n      ...Styles.navigationFocusOutline,\n    });\n  };\n}\n\n// We do not invert the direction of pie segments when RTL, but swap the left/right keys.\n// To offset for that, the prev/next points direction is swapped, too.\nfunction shouldInvertPointsDirection(point: Highcharts.Point) {\n  const isRTL = getIsRtl(point.series.chart.container.parentElement);\n  return point.series.type === \"pie\" && isRTL;\n}\n\nfunction getNextIndex(array: unknown[], pointIndex: number, delta: -1 | 1): number {\n  return circleIndex(pointIndex + delta, [0, array.length - 1]);\n}\n\nfunction getNextPageIndex(array: unknown[], pointIndex: number, delta: -1 | 1): number {\n  return Math.min(array.length - 1, Math.max(0, pointIndex + delta * Math.round(array.length * PAGE_SIZE_PERCENTAGE)));\n}\n"]}

package/core/chart-api/chart-extra-nodata.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import AsyncStore from "../../internal/utils/async-store";
+import { ChartExtraContext } from "./chart-extra-context";
+export interface ReactiveNodataState {
+    visible: boolean;
+    style: React.CSSProperties;
+    noMatch: boolean;
+}
+export declare class ChartExtraNodata extends AsyncStore<ReactiveNodataState> {
+    private context;
+    constructor(context: ChartExtraContext);
+    onChartRender: () => void;
+    private getContainerStyle;
+    private get chart();
+}

package/core/chart-api/chart-extra-nodata.js

@@ -0,0 +1,45 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import AsyncStore from "../../internal/utils/async-store";
+import { getChartSeries } from "../../internal/utils/chart-series";
+// Chart helper that implements custom nodata behaviors.
+export class ChartExtraNodata extends AsyncStore {
+    constructor(context) {
+        super({ visible: false, style: {}, noMatch: false });
+        this.onChartRender = () => {
+            if (!this.context.settings.noDataEnabled) {
+                return;
+            }
+            const allSeriesWithData = findAllSeriesWithData(this.chart);
+            const visibleSeries = findAllVisibleSeries(this.chart);
+            // The no-data is not shown when there is at least one series or point (for pie series) non-empty and visible.
+            if (visibleSeries.length > 0) {
+                this.set(() => ({ visible: false, style: {}, noMatch: false }));
+            }
+            else {
+                this.set(() => ({ visible: true, style: this.getContainerStyle(), noMatch: allSeriesWithData.length > 0 }));
+            }
+        };
+        this.context = context;
+    }
+    getContainerStyle() {
+        const blockOffset = this.chart.chartHeight - this.chart.plotHeight;
+        return { insetBlockEnd: `${blockOffset}px` };
+    }
+    get chart() {
+        return this.context.chart();
+    }
+}
+function findAllSeriesWithData(chart) {
+    // When a series becomes hidden, Highcharts no longer computes the data array, so the series.data is empty.
+    // That is why we assert the data from series.options instead.
+    return getChartSeries(chart.series).filter((s) => {
+        const data = "data" in s.options && s.options.data && Array.isArray(s.options.data) ? s.options.data : [];
+        return data.some((i) => i !== null && (typeof i === "object" && "y" in i ? i.y !== null : true));
+    });
+}
+function findAllVisibleSeries(chart) {
+    const allSeriesWithData = findAllSeriesWithData(chart);
+    return allSeriesWithData.filter((s) => s.visible && (s.type !== "pie" || s.data.some((d) => d.y !== null && d.visible)));
+}
+//# sourceMappingURL=chart-extra-nodata.js.map

package/core/chart-api/chart-extra-nodata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-extra-nodata.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-nodata.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport AsyncStore from \"../../internal/utils/async-store\";\nimport { getChartSeries } from \"../../internal/utils/chart-series\";\nimport { ChartExtraContext } from \"./chart-extra-context\";\n\n// The reactive state is used to propagate updates to the corresponding no-data React component.\n// It can be used by other components to assert if the chart is in no-data state (by checking if container is present).\nexport interface ReactiveNodataState {\n  visible: boolean;\n  style: React.CSSProperties;\n  noMatch: boolean;\n}\n\n// Chart helper that implements custom nodata behaviors.\nexport class ChartExtraNodata extends AsyncStore<ReactiveNodataState> {\n  private context: ChartExtraContext;\n\n  constructor(context: ChartExtraContext) {\n    super({ visible: false, style: {}, noMatch: false });\n    this.context = context;\n  }\n\n  public onChartRender = () => {\n    if (!this.context.settings.noDataEnabled) {\n      return;\n    }\n    const allSeriesWithData = findAllSeriesWithData(this.chart);\n    const visibleSeries = findAllVisibleSeries(this.chart);\n    // The no-data is not shown when there is at least one series or point (for pie series) non-empty and visible.\n    if (visibleSeries.length > 0) {\n      this.set(() => ({ visible: false, style: {}, noMatch: false }));\n    } else {\n      this.set(() => ({ visible: true, style: this.getContainerStyle(), noMatch: allSeriesWithData.length > 0 }));\n    }\n  };\n\n  private getContainerStyle(): React.CSSProperties {\n    const blockOffset = this.chart.chartHeight - this.chart.plotHeight;\n    return { insetBlockEnd: `${blockOffset}px` };\n  }\n\n  private get chart() {\n    return this.context.chart();\n  }\n}\n\nfunction findAllSeriesWithData(chart: Highcharts.Chart) {\n  // When a series becomes hidden, Highcharts no longer computes the data array, so the series.data is empty.\n  // That is why we assert the data from series.options instead.\n  return getChartSeries(chart.series).filter((s) => {\n    const data = \"data\" in s.options && s.options.data && Array.isArray(s.options.data) ? s.options.data : [];\n    return data.some((i) => i !== null && (typeof i === \"object\" && \"y\" in i ? i.y !== null : true));\n  });\n}\n\nfunction findAllVisibleSeries(chart: Highcharts.Chart) {\n  const allSeriesWithData = findAllSeriesWithData(chart);\n  return allSeriesWithData.filter(\n    (s) => s.visible && (s.type !== \"pie\" || s.data.some((d) => d.y !== null && d.visible)),\n  );\n}\n"]}