@geoscene/charts-components 5.0.19

package/dist/components/geoscene-charts-action-bar/customElement.d.ts

@@ -0,0 +1,813 @@
+/// <reference path="../../index.d.ts" />
+import type { DefaultActionSelectPayload } from "../../utils/components/event-payloads.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { GeoSceneChart } from "../geoscene-chart/customElement.js";
+import type { ChartTypes } from "../../utils/misc/index.js";
+import type {
+  ActionState,
+  ActionToggle,
+  DefaultChartActions,
+} from "../../utils/types/index.js";
+import type { ActionModes } from "../../utils/cursor/interfaces.js";
+import type { WebChartTypes } from "../../spec/chart-object-literals.js";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+
+/**
+ * The Charts Action Bar component provides context-specific actions such as rotation, zooming, and filtering, as well as general actions like exporting the chart as an image or CSV file.
+ * This component is designed to be used with a chart component and is not intended for standalone use.
+ *
+ * @slot [custom-action-top] - A slot for adding custom `calcite-action` to the top of the default actions.
+ * @slot [custom-action-below] - A slot for adding custom `calcite-action` to the bottom of the default actions.
+ * @see [Tutorial: Chart and map interactions](https://doc.geoscene.cn/javascript/latest/tutorials/chart-and-map-interactions/)
+ * @since 4.29
+ */
+export abstract class GeosceneChartsActionBar extends LitElement {
+  /**
+   * Localized string.
+   *
+   * @internal
+   */
+  protected _messages: Partial<{
+    legend: string;
+    rotateChart: string;
+    filterBySelection: string;
+    filterByExtent: string;
+    selection: string;
+    zoom: string;
+    fullExtent: string;
+    clearSelection: string;
+    switchSelection: string;
+    expand: string;
+    collapse: string;
+    exportAsImage: string;
+    exportAsTable: string;
+    export: string;
+  }> &
+    T9nMeta<{
+      legend: string;
+      rotateChart: string;
+      filterBySelection: string;
+      filterByExtent: string;
+      selection: string;
+      zoom: string;
+      fullExtent: string;
+      clearSelection: string;
+      switchSelection: string;
+      expand: string;
+      collapse: string;
+      exportAsImage: string;
+      exportAsTable: string;
+      export: string;
+    }>;
+  /**
+   * Defines which selection mode the slotted action bar should use.
+   * - `monoSelection`: Select a single data point/series, new selection replaces the previous one.
+   * - `multiSelection`: Select multiple data points/series, new selection adds to the previous one.
+   * - `multiSelectionWithCtrlKey`: Select multiple data points/series while holding the Ctrl key (Cmd key on Mac), new selection adds to the previous one.
+   *
+   * @default "multiSelectionWithCtrlKey"
+   */
+  accessor actionBarSelectionMode:
+    | Extract<
+        ActionModes,
+        "monoSelection" | "multiSelection" | "multiSelectionWithCtrlKey"
+      >
+    | undefined;
+  /** Chart element reference with which the action bar is associated. */
+  accessor chartElement: GeoSceneChart | undefined;
+  /** Chart type used to determine which default actions to display. */
+  accessor chartType: ChartTypes | undefined;
+  /**
+   * When `disabled`, interaction with the clear selection action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor clearSelectionState: ActionState;
+  /** Custom title for the clear selection action. */
+  accessor clearSelectionTitle: string | undefined;
+  /**
+   * When `active`, the clear selection action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor clearSelectionToggle: ActionToggle;
+  /**
+   * Localized common strings.
+   *
+   * @internal
+   */
+  protected commonStrings: {
+    utilsStrings: {
+      chartType: {
+        chart: string;
+        barChart: string;
+        lineChart: string;
+        pieChart: string;
+        histogram: string;
+        scatterplot: string;
+        boxPlot: string;
+        heatChart: string;
+        calendarHeatChart: string;
+        matrixHeatChart: string;
+      };
+      statistics: {
+        mean: string;
+        median: string;
+        sum: string;
+        discretePercentile: string;
+        minimum: string;
+        maximum: string;
+        firstQuartile: string;
+        thirdQuartile: string;
+        iqr: string;
+        standardDeviation: string;
+        variance: string;
+        count: string;
+        aggregation: string;
+        percent: string;
+        noAggregation: string;
+        meanValue: string;
+      };
+      overlays: {
+        mean: string;
+        median: string;
+        stdDev: string;
+        normal: string;
+        trendline: string;
+      };
+      actions: {
+        editChart: string;
+        expand: string;
+        collapse: string;
+      };
+      tooltips: { logDisabled: string };
+      guideTooltipLabel: string;
+      pieChart: { defaultSliceGroupingLabel: string };
+      notAvailable: string;
+      field: string;
+      heatChartCalendarDatePartsUnits: {
+        dayOfWeek: string;
+        monthOfYear: string;
+        dayOfMonth: string;
+        hourOfDay: string;
+        dayOfYear: string;
+        minuteOfDay: string;
+        weekOfYear: string;
+        quarterOfYear: string;
+      };
+      null: string;
+    };
+    errorStrings: {
+      errorHeading: string;
+      placeholders: {
+        barChartCreateMsg: string;
+        boxPlotCreateMsg: string;
+        lineChartCreateMsg: string;
+        pieChartCreateMsg: string;
+        histogramCreateMsg: string;
+        scatterplotCreateMsg: string;
+        calendarHeatChartCreateMsg: string;
+      };
+      notifications: {
+        invalidConfig: string;
+        invalidSeriesConfig: string;
+        invalidSeriesConfigTitle: string;
+        validateAggregationTypeMsg: string;
+        missingNumericFields: string;
+        noAggregationRequiresNumericFields: string;
+      };
+      tooManySelectedElements: {
+        title: string;
+        message: string;
+      };
+      incompatibleChartVersion: {
+        title: string;
+        message: string;
+      };
+      modalHeaders: {
+        invalidData: string;
+        invalidChart: string;
+        noDataAvailable: string;
+        tooManyFeatures: string;
+        cannotCombineNegativeAndPositiveSlices: string;
+        error: string;
+        warning: string;
+        newChart: string;
+      };
+      errors: {
+        divNode: string;
+        errorRequest: string;
+        warningRequest: string;
+        newChartRequest: string;
+        invalidValueFormatForLineChart: string;
+        invalidValueFormatForBarChart: string;
+        invalidValueFormatForComboBarLineChart: string;
+        invalidValueFormatForBoxPlot: string;
+        invalidValueFormatForHistogram: string;
+        invalidValueFormatForScatterplot: string;
+        invalidValueFormatForGauge: string;
+        invalidValueFormatForHeatChart: string;
+        mismatchAxisAndValueFormat: string;
+        queryError: string;
+        simpleError: string;
+        defaultInvalidChart: string;
+        categoryCountCannotExceedLimit: string;
+        uniqueSeriesBarCountCannotExceedLimit: string;
+        twoSeriesBarCountCannotExceedLimit: string;
+        threePlusSeriesBarCountCannotExceedLimit: string;
+        barSeriesCountCannotExceedLimit: string;
+        uniqueSeriesLineCountCannotExceedLimit: string;
+        twoSeriesLineCountCannotExceedLimit: string;
+        threePlusSeriesLineCountCannotExceedLimit: string;
+        uniqueTemporalSeriesLineCountCannotExceedLimit: string;
+        twoTemporalSeriesLineCountCannotExceedLimit: string;
+        threePlusTemporalSeriesLineCountCannotExceedLimit: string;
+        lineSeriesCountCannotExceedLimit: string;
+        uniqueSeriesBoxCountCannotExceedLimit: string;
+        twoSeriesBoxCountCannotExceedLimit: string;
+        threePlusBoxLineCountCannotExceedLimit: string;
+        boxSeriesCountCannotExceedLimit: string;
+        boxSeriesOutlierCannotExceedLimit: string;
+        pieChartCannotHaveMixtureOfPositiveAndNegativeSlices: string;
+        pieChartSlicesCannotExceedLimit: string;
+        gaugeCannotExceedLimit: string;
+        heatChartCannotExceedLimit: string;
+        negativeValueInDataForLogTransformation: string;
+        negativeValueInDataForSqrtTransformation: string;
+        logarithmicXAxisNotPossible: string;
+        logarithmicYAxisNotPossible: string;
+        histogramEmptyField: string;
+        noDataMessage: string;
+        noDataFBSMessage: string;
+        noDataFBEMessage: string;
+        exportImageChartNotReady: string;
+        exportImage: string;
+        defaultError: string;
+        layerLoadFailure: string;
+        layerFieldsNotFound: string;
+        duplicateSeriesID: string;
+        nonNumericAggregation: string;
+        requiredProperty: string;
+        minLength: string;
+        minItems: string;
+        maxItems: string;
+        whiteSpacePattern: string;
+        additionalProperty: string;
+        enumValues: string;
+        anyOfValues: string;
+        bubbleChartValidateMsg: string;
+        queryBinsNotSupported: string;
+        invalidSeriesType: string;
+        or: string;
+      };
+    };
+    countSeries: string;
+    xAxis: string;
+    timeAggregationTypes: {
+      start: string;
+      end: string;
+    };
+    axisLabels: {
+      values: string;
+      standardizedValues: string;
+      aggregationOfValues: string;
+      aggregationOfFieldName: string;
+    };
+    titleLabels: {
+      aggrFieldsByCategory: string;
+      aggrTypeCategory: string;
+      aggrTypeCategoryBySplitBy: string;
+      aggrTypeOfAggrFields: string;
+      aggrTypeOfAggrFieldByCategoryBySplitByField: string;
+      aggrTypeOfAggrFieldsByCategory: string;
+      aggrFieldsByXAxisField: string;
+      aggrTypeXAxisField: string;
+      aggrTypeXAxisFieldBySplitBy: string;
+      aggrTypeOfAggrFieldByXAxisFieldBySplitByField: string;
+      aggrTypeOfAggrFieldsByXAxisField: string;
+      distributionOfField: string;
+      distributionOfFields: string;
+      distributionOfFieldsByCategory: string;
+      distributionOfFieldsByCategoryAndSplitBy: string;
+      xAndY: string;
+    };
+    customAmchartsStrings: {
+      "Zoom Out": string;
+      Play: string;
+      Stop: string;
+      Legend: string;
+      "Press ENTER to toggle": string;
+      Loading: string;
+      Home: string;
+      Chart: string;
+      "Serial chart": string;
+      "X/Y chart": string;
+      "Pie chart": string;
+      "Gauge chart": string;
+      "Radar chart": string;
+      "Sankey diagram": string;
+      "Flow diagram": string;
+      "Chord diagram": string;
+      "TreeMap chart": string;
+      "Sliced chart": string;
+      Series: string;
+      "Candlestick Series": string;
+      "OHLC Series": string;
+      "Column Series": string;
+      "Line Series": string;
+      "Pie Slice Series": string;
+      "Funnel Series": string;
+      "Pyramid Series": string;
+      "X/Y Series": string;
+      Map: string;
+      "Press ENTER to zoom in": string;
+      "Press ENTER to zoom out": string;
+      "Use arrow keys to zoom in and out": string;
+      "Use plus and minus keys on your keyboard to zoom in and out": string;
+      Export: string;
+      Image: string;
+      Data: string;
+      Print: string;
+      "Press ENTER to open": string;
+      "Press ENTER to print.": string;
+      "Press ENTER to export as %1.": string;
+      "(Press ESC to close this message)": string;
+      "Image Export Complete": string;
+      "Export operation took longer than expected. Something might have gone wrong.": string;
+      "Saved from": string;
+      "Use TAB to select grip buttons or left and right arrows to change selection": string;
+      "Use left and right arrows to move selection": string;
+      "Use left and right arrows to move left selection": string;
+      "Use left and right arrows to move right selection": string;
+      "Use TAB select grip buttons or up and down arrows to change selection": string;
+      "Use up and down arrows to move selection": string;
+      "Use up and down arrows to move lower selection": string;
+      "Use up and down arrows to move upper selection": string;
+      "From %1 to %2": string;
+      "From %1": string;
+      "To %1": string;
+      "No parser available for file: %1": string;
+      "Error parsing file: %1": string;
+      "Unable to load file: %1": string;
+      "Invalid date": string;
+    };
+  } & T9nMeta<{
+    utilsStrings: {
+      chartType: {
+        chart: string;
+        barChart: string;
+        lineChart: string;
+        pieChart: string;
+        histogram: string;
+        scatterplot: string;
+        boxPlot: string;
+        heatChart: string;
+        calendarHeatChart: string;
+        matrixHeatChart: string;
+      };
+      statistics: {
+        mean: string;
+        median: string;
+        sum: string;
+        discretePercentile: string;
+        minimum: string;
+        maximum: string;
+        firstQuartile: string;
+        thirdQuartile: string;
+        iqr: string;
+        standardDeviation: string;
+        variance: string;
+        count: string;
+        aggregation: string;
+        percent: string;
+        noAggregation: string;
+        meanValue: string;
+      };
+      overlays: {
+        mean: string;
+        median: string;
+        stdDev: string;
+        normal: string;
+        trendline: string;
+      };
+      actions: {
+        editChart: string;
+        expand: string;
+        collapse: string;
+      };
+      tooltips: { logDisabled: string };
+      guideTooltipLabel: string;
+      pieChart: { defaultSliceGroupingLabel: string };
+      notAvailable: string;
+      field: string;
+      heatChartCalendarDatePartsUnits: {
+        dayOfWeek: string;
+        monthOfYear: string;
+        dayOfMonth: string;
+        hourOfDay: string;
+        dayOfYear: string;
+        minuteOfDay: string;
+        weekOfYear: string;
+        quarterOfYear: string;
+      };
+      null: string;
+    };
+    errorStrings: {
+      errorHeading: string;
+      placeholders: {
+        barChartCreateMsg: string;
+        boxPlotCreateMsg: string;
+        lineChartCreateMsg: string;
+        pieChartCreateMsg: string;
+        histogramCreateMsg: string;
+        scatterplotCreateMsg: string;
+        calendarHeatChartCreateMsg: string;
+      };
+      notifications: {
+        invalidConfig: string;
+        invalidSeriesConfig: string;
+        invalidSeriesConfigTitle: string;
+        validateAggregationTypeMsg: string;
+        missingNumericFields: string;
+        noAggregationRequiresNumericFields: string;
+      };
+      tooManySelectedElements: {
+        title: string;
+        message: string;
+      };
+      incompatibleChartVersion: {
+        title: string;
+        message: string;
+      };
+      modalHeaders: {
+        invalidData: string;
+        invalidChart: string;
+        noDataAvailable: string;
+        tooManyFeatures: string;
+        cannotCombineNegativeAndPositiveSlices: string;
+        error: string;
+        warning: string;
+        newChart: string;
+      };
+      errors: {
+        divNode: string;
+        errorRequest: string;
+        warningRequest: string;
+        newChartRequest: string;
+        invalidValueFormatForLineChart: string;
+        invalidValueFormatForBarChart: string;
+        invalidValueFormatForComboBarLineChart: string;
+        invalidValueFormatForBoxPlot: string;
+        invalidValueFormatForHistogram: string;
+        invalidValueFormatForScatterplot: string;
+        invalidValueFormatForGauge: string;
+        invalidValueFormatForHeatChart: string;
+        mismatchAxisAndValueFormat: string;
+        queryError: string;
+        simpleError: string;
+        defaultInvalidChart: string;
+        categoryCountCannotExceedLimit: string;
+        uniqueSeriesBarCountCannotExceedLimit: string;
+        twoSeriesBarCountCannotExceedLimit: string;
+        threePlusSeriesBarCountCannotExceedLimit: string;
+        barSeriesCountCannotExceedLimit: string;
+        uniqueSeriesLineCountCannotExceedLimit: string;
+        twoSeriesLineCountCannotExceedLimit: string;
+        threePlusSeriesLineCountCannotExceedLimit: string;
+        uniqueTemporalSeriesLineCountCannotExceedLimit: string;
+        twoTemporalSeriesLineCountCannotExceedLimit: string;
+        threePlusTemporalSeriesLineCountCannotExceedLimit: string;
+        lineSeriesCountCannotExceedLimit: string;
+        uniqueSeriesBoxCountCannotExceedLimit: string;
+        twoSeriesBoxCountCannotExceedLimit: string;
+        threePlusBoxLineCountCannotExceedLimit: string;
+        boxSeriesCountCannotExceedLimit: string;
+        boxSeriesOutlierCannotExceedLimit: string;
+        pieChartCannotHaveMixtureOfPositiveAndNegativeSlices: string;
+        pieChartSlicesCannotExceedLimit: string;
+        gaugeCannotExceedLimit: string;
+        heatChartCannotExceedLimit: string;
+        negativeValueInDataForLogTransformation: string;
+        negativeValueInDataForSqrtTransformation: string;
+        logarithmicXAxisNotPossible: string;
+        logarithmicYAxisNotPossible: string;
+        histogramEmptyField: string;
+        noDataMessage: string;
+        noDataFBSMessage: string;
+        noDataFBEMessage: string;
+        exportImageChartNotReady: string;
+        exportImage: string;
+        defaultError: string;
+        layerLoadFailure: string;
+        layerFieldsNotFound: string;
+        duplicateSeriesID: string;
+        nonNumericAggregation: string;
+        requiredProperty: string;
+        minLength: string;
+        minItems: string;
+        maxItems: string;
+        whiteSpacePattern: string;
+        additionalProperty: string;
+        enumValues: string;
+        anyOfValues: string;
+        bubbleChartValidateMsg: string;
+        queryBinsNotSupported: string;
+        invalidSeriesType: string;
+        or: string;
+      };
+    };
+    countSeries: string;
+    xAxis: string;
+    timeAggregationTypes: {
+      start: string;
+      end: string;
+    };
+    axisLabels: {
+      values: string;
+      standardizedValues: string;
+      aggregationOfValues: string;
+      aggregationOfFieldName: string;
+    };
+    titleLabels: {
+      aggrFieldsByCategory: string;
+      aggrTypeCategory: string;
+      aggrTypeCategoryBySplitBy: string;
+      aggrTypeOfAggrFields: string;
+      aggrTypeOfAggrFieldByCategoryBySplitByField: string;
+      aggrTypeOfAggrFieldsByCategory: string;
+      aggrFieldsByXAxisField: string;
+      aggrTypeXAxisField: string;
+      aggrTypeXAxisFieldBySplitBy: string;
+      aggrTypeOfAggrFieldByXAxisFieldBySplitByField: string;
+      aggrTypeOfAggrFieldsByXAxisField: string;
+      distributionOfField: string;
+      distributionOfFields: string;
+      distributionOfFieldsByCategory: string;
+      distributionOfFieldsByCategoryAndSplitBy: string;
+      xAndY: string;
+    };
+    customAmchartsStrings: {
+      "Zoom Out": string;
+      Play: string;
+      Stop: string;
+      Legend: string;
+      "Press ENTER to toggle": string;
+      Loading: string;
+      Home: string;
+      Chart: string;
+      "Serial chart": string;
+      "X/Y chart": string;
+      "Pie chart": string;
+      "Gauge chart": string;
+      "Radar chart": string;
+      "Sankey diagram": string;
+      "Flow diagram": string;
+      "Chord diagram": string;
+      "TreeMap chart": string;
+      "Sliced chart": string;
+      Series: string;
+      "Candlestick Series": string;
+      "OHLC Series": string;
+      "Column Series": string;
+      "Line Series": string;
+      "Pie Slice Series": string;
+      "Funnel Series": string;
+      "Pyramid Series": string;
+      "X/Y Series": string;
+      Map: string;
+      "Press ENTER to zoom in": string;
+      "Press ENTER to zoom out": string;
+      "Use arrow keys to zoom in and out": string;
+      "Use plus and minus keys on your keyboard to zoom in and out": string;
+      Export: string;
+      Image: string;
+      Data: string;
+      Print: string;
+      "Press ENTER to open": string;
+      "Press ENTER to print.": string;
+      "Press ENTER to export as %1.": string;
+      "(Press ESC to close this message)": string;
+      "Image Export Complete": string;
+      "Export operation took longer than expected. Something might have gone wrong.": string;
+      "Saved from": string;
+      "Use TAB to select grip buttons or left and right arrows to change selection": string;
+      "Use left and right arrows to move selection": string;
+      "Use left and right arrows to move left selection": string;
+      "Use left and right arrows to move right selection": string;
+      "Use TAB select grip buttons or up and down arrows to change selection": string;
+      "Use up and down arrows to move selection": string;
+      "Use up and down arrows to move lower selection": string;
+      "Use up and down arrows to move upper selection": string;
+      "From %1 to %2": string;
+      "From %1": string;
+      "To %1": string;
+      "No parser available for file: %1": string;
+      "Error parsing file: %1": string;
+      "Unable to load file: %1": string;
+      "Invalid date": string;
+    };
+  }>;
+  /**
+   * The CSV export action is disabled for certain chart types.
+   *
+   * Modify this property to add or remove chart types from the list of disabled types.
+   */
+  accessor disableCSVExportForChartTypes: WebChartTypes[];
+  /**
+   * When `disabled`, interaction with the edit chart action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "disabled"
+   */
+  accessor editChartState: ActionState;
+  /** Custom title for the edit chart action. */
+  accessor editChartTitle: string | undefined;
+  /**
+   * When `active`, the edit chart action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor editChartToggle: ActionToggle;
+  /**
+   * When `true`, the action bar is expanded.
+   *
+   * @default false
+   */
+  accessor expanded: boolean;
+  /**
+   * When `disabled`, interaction with the export action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor exportActionState: ActionState;
+  /**
+   * When `disabled`, interaction with the download CSV is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor exportAsCSVState: ActionState;
+  /** Custom title for the download CSV action. */
+  accessor exportAsCSVTitle: string | undefined;
+  /**
+   * When `disabled`, interaction with the download image is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor exportAsImageState: ActionState;
+  /** Custom title for the download chart action. */
+  accessor exportAsImageTitle: string | undefined;
+  /**
+   * When `disabled`, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor filterByExtentState: ActionState;
+  /** Custom title for the filter by extent action. */
+  accessor filterByExtentTitle: string | undefined;
+  /**
+   * When `active`, the filter by extent action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor filterByExtentToggle: ActionToggle;
+  /**
+   * When `disabled`, interaction with the filter by selection action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor filterBySelectionState: ActionState;
+  /** Custom title for the filter by selection action. */
+  accessor filterBySelectionTitle: string | undefined;
+  /**
+   * When `active`, the filter by selection action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor filterBySelectionToggle: ActionToggle;
+  /**
+   * When `true`, overrides the individual settings for each action to instead force disable them all.
+   *
+   * @default false
+   */
+  accessor forceDisableActions: boolean;
+  /**
+   * When `disabled`, interaction with the full extent action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor fullExtentState: ActionState;
+  /** Custom title for the full extent action. */
+  accessor fullExtentTitle: string | undefined;
+  /**
+   * When `active`, the full extent action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor fullExtentToggle: ActionToggle;
+  /**
+   * Holds a list of actions to hide from the action bar.
+   *
+   * **Note:** The edit chart action is hidden by default. To show it, remove its value from this array.
+   */
+  accessor hiddenActions: DefaultChartActions[];
+  /**
+   * When `disabled`, interaction with the legend action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor legendState: ActionState;
+  /** Custom title for the legend action. */
+  accessor legendTitle: string | undefined;
+  /**
+   * When `active`, the legend action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor legendToggle: ActionToggle;
+  /** Overwrite localized strings for this component. */
+  accessor messageOverrides: {
+    legend?: string | undefined;
+    rotateChart?: string | undefined;
+    filterBySelection?: string | undefined;
+    filterByExtent?: string | undefined;
+    selection?: string | undefined;
+    zoom?: string | undefined;
+    fullExtent?: string | undefined;
+    clearSelection?: string | undefined;
+    switchSelection?: string | undefined;
+    expand?: string | undefined;
+    collapse?: string | undefined;
+    exportAsImage?: string | undefined;
+    exportAsTable?: string | undefined;
+    export?: string | undefined;
+  };
+  /**
+   * When `disabled`, interaction with the rotate chart action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor rotateChartState: ActionState;
+  /** Custom title for the rotate chart action. */
+  accessor rotateChartTitle: string | undefined;
+  /**
+   * When `active`, the rotate chart action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor rotateChartToggle: ActionToggle;
+  /**
+   * When `disabled`, interaction with the selection action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor selectionState: ActionState;
+  /** Custom title for the selection action. */
+  accessor selectionTitle: string | undefined;
+  /**
+   * When `active`, the selection action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor selectionToggle: ActionToggle;
+  /**
+   * When `disabled`, interaction with the switch selection action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor switchSelectionState: ActionState;
+  /** Custom title for the switch selection action. */
+  accessor switchSelectionTitle: string | undefined;
+  /**
+   * When `active`, the switch selection action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor switchSelectionToggle: ActionToggle;
+  /**
+   * When `disabled`, interaction with the zoom action is prevented and the component is displayed with lower opacity.
+   *
+   * @default "enabled"
+   */
+  accessor zoomState: ActionState;
+  /** Custom title for the zoom action. */
+  accessor zoomTitle: string | undefined;
+  /**
+   * When `active`, the zoom action is highlighted.
+   *
+   * @default "inactive"
+   */
+  accessor zoomToggle: ActionToggle;
+  /** Event triggered once action bar expand is toggled. */
+  readonly geosceneActionBarToggle: import("@geoscene/lumina").TargetedEvent<
+    this,
+    boolean
+  >;
+  /** Event triggered once a default action is selected. */
+  readonly geosceneDefaultActionSelect: import("@geoscene/lumina").TargetedEvent<
+    this,
+    DefaultActionSelectPayload
+  >;
+  readonly "@eventTypes": {
+    geosceneActionBarToggle: GeosceneChartsActionBar["geosceneActionBarToggle"]["detail"];
+    geosceneDefaultActionSelect: GeosceneChartsActionBar["geosceneDefaultActionSelect"]["detail"];
+  };
+}