/// <reference path="../../index.d.ts" />
import type { DefaultActionSelectPayload } from "../../utils/components/event-payloads.js";
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
import type { ArcgisChart } from "../arcgis-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 "@arcgis/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://developers.arcgis.com/javascript/latest/tutorials/chart-and-map-interactions/)
 * @since 4.29
 */
export abstract class ArcgisChartsActionBar 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: ArcgisChart | 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 arcgisActionBarToggle: import("@arcgis/lumina").TargetedEvent<this, boolean>;
  /** Event triggered once a default action is selected. */
  readonly arcgisDefaultActionSelect: import("@arcgis/lumina").TargetedEvent<this, DefaultActionSelectPayload>;
  readonly "@eventTypes": {
    arcgisActionBarToggle: ArcgisChartsActionBar["arcgisActionBarToggle"]["detail"];
    arcgisDefaultActionSelect: ArcgisChartsActionBar["arcgisDefaultActionSelect"]["detail"];
  };
}