npm - @eclipse-scout/chart - Versions diffs - 25.2.16 → 26.1.0-beta.1 - Mend

@eclipse-scout/chart 25.2.16 → 26.1.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/dist/eclipse-scout-chart.js CHANGED Viewed

@@ -2,11 +2,11 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
-/***/ "./src/bookmark/ChartTableControlConfigHelperImpl.ts":
+/***/ "./src/bookmark/ChartTableControlConfigHelperImpl.ts"
 /*!***********************************************************!*\
   !*** ./src/bookmark/ChartTableControlConfigHelperImpl.ts ***!
   \***********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -69,13 +69,13 @@ class ChartTableControlConfigHelperImpl extends _eclipse_scout_core__WEBPACK_IMP
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/AbstractChartRenderer.ts":
+/***/ "./src/chart/AbstractChartRenderer.ts"
 /*!********************************************!*\
   !*** ./src/chart/AbstractChartRenderer.ts ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -265,13 +265,13 @@ class AbstractChartRenderer extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/AbstractSvgChartRenderer.ts":
+/***/ "./src/chart/AbstractSvgChartRenderer.ts"
 /*!***********************************************!*\
   !*** ./src/chart/AbstractSvgChartRenderer.ts ***!
   \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -674,13 +674,13 @@ class AbstractSvgChartRenderer extends _index__WEBPACK_IMPORTED_MODULE_2__.Abstr
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/Chart.ts":
+/***/ "./src/chart/Chart.ts"
 /*!****************************!*\
   !*** ./src/chart/Chart.ts ***!
   \****************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -1079,13 +1079,13 @@ var ChartColorMode;
   ChartColorMode["DATA"] = "data";
 })(ChartColorMode || (ChartColorMode = {}));
-/***/ }),
+/***/ },
-/***/ "./src/chart/ChartAdapter.ts":
+/***/ "./src/chart/ChartAdapter.ts"
 /*!***********************************!*\
   !*** ./src/chart/ChartAdapter.ts ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -1116,24 +1116,24 @@ class ChartAdapter extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.Mode
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/ChartEventMap.ts":
+/***/ "./src/chart/ChartEventMap.ts"
 /*!************************************!*\
   !*** ./src/chart/ChartEventMap.ts ***!
   \************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
-/***/ }),
+/***/ },
-/***/ "./src/chart/ChartJsRenderer.ts":
+/***/ "./src/chart/ChartJsRenderer.ts"
 /*!**************************************!*\
   !*** ./src/chart/ChartJsRenderer.ts ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -3168,7 +3168,6 @@ class ChartJsRenderer extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractChartR
   }
   _onClick(event, items) {
     if (!items.length) {
-      this.chart.handleNonValueClick(event.native);
       return;
     }
     let relevantItem = this._selectRelevantItem(items);
@@ -3793,8 +3792,8 @@ class ChartJsRenderer extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractChartR
     yAxisDiffType.grid.drawTicks = true;
     let yAxisType = datasets[0].type || type,
       yAxisDiffTypeType = datasetsDiffType[0].type || type,
-      yAxisTypeLabel = this.chart.session.text('ui.' + yAxisType),
-      yAxisDiffTypeTypeLabel = this.chart.session.text('ui.' + yAxisDiffTypeType),
+      yAxisTypeLabel = this._typeText(yAxisType),
+      yAxisDiffTypeTypeLabel = this._typeText(yAxisDiffTypeType),
       yAxisScaleLabel = options.scaleLabelByTypeMap ? options.scaleLabelByTypeMap[yAxisType] : null,
       yAxisDiffTypeScaleLabel = options.scaleLabelByTypeMap ? options.scaleLabelByTypeMap[yAxisDiffTypeType] : null;
     yAxis.title.display = true;
@@ -3808,6 +3807,16 @@ class ChartJsRenderer extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractChartR
       dataset.yAxisID = 'yDiffType';
     });
   }
+  _typeText(chartType) {
+    if (chartType === _index__WEBPACK_IMPORTED_MODULE_0__.Chart.Type.BAR) {
+      return this.chart.session.text('ui.ChartTypeBar');
+    }
+    if (chartType === _index__WEBPACK_IMPORTED_MODULE_0__.Chart.Type.LINE) {
+      return this.chart.session.text('ui.ChartTypeLine');
+    }
+    // Not relevant for other types because the text is only used for the COMBO_BAR_LINE chart
+    return '';
+  }
   _adjustAxisMaxMin(axis, maxTicks, maxMinValue) {
     if (!axis) {
       return;
@@ -3836,13 +3845,13 @@ class ChartJsRenderer extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractChartR
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/ChartLayout.ts":
+/***/ "./src/chart/ChartLayout.ts"
 /*!**********************************!*\
   !*** ./src/chart/ChartLayout.ts ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -3895,24 +3904,24 @@ class ChartLayout extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.Abstr
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/ChartModel.ts":
+/***/ "./src/chart/ChartModel.ts"
 /*!*********************************!*\
   !*** ./src/chart/ChartModel.ts ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
-/***/ }),
+/***/ },
-/***/ "./src/chart/FulfillmentChartRenderer.ts":
+/***/ "./src/chart/FulfillmentChartRenderer.ts"
 /*!***********************************************!*\
   !*** ./src/chart/FulfillmentChartRenderer.ts ***!
   \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -4086,13 +4095,13 @@ class FulfillmentChartRenderer extends _index__WEBPACK_IMPORTED_MODULE_1__.Abstr
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/SalesfunnelChartRenderer.ts":
+/***/ "./src/chart/SalesfunnelChartRenderer.ts"
 /*!***********************************************!*\
   !*** ./src/chart/SalesfunnelChartRenderer.ts ***!
   \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -4104,7 +4113,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jquery */ "jquery");
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_2__);
 /*
- * Copyright (c) 2010, 2025 BSI Business Systems Integration AG
+ * Copyright (c) 2010, 2026 BSI Business Systems Integration AG
  *
  * This program and the accompanying materials are made
  * available under the terms of the Eclipse Public License 2.0
@@ -4394,12 +4403,12 @@ class SalesfunnelChartRenderer extends _index__WEBPACK_IMPORTED_MODULE_1__.Abstr
   }
   _analyzeData(valueGroups) {
     let result = {
-        labelCount: 0,
-        maxValue: null,
-        maxLengthFirstValueRow: 0,
-        maxLengthSecondValueRow: 0
-      },
-      labelClass = this._dynamicCssClass('salesfunnel-label');
+      labelCount: 0,
+      maxValue: null,
+      maxLengthFirstValueRow: 0,
+      maxLengthSecondValueRow: 0
+    };
+    let labelClass = this._dynamicCssClass('salesfunnel-label');
     for (let i = 0; i < valueGroups.length; i++) {
       let valueGroup = valueGroups[i];
       result.labelCount = Math.max(result.labelCount, valueGroup.values.length);
@@ -4463,13 +4472,13 @@ class SalesfunnelChartRenderer extends _index__WEBPACK_IMPORTED_MODULE_1__.Abstr
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/SpeedoChartRenderer.ts":
+/***/ "./src/chart/SpeedoChartRenderer.ts"
 /*!******************************************!*\
   !*** ./src/chart/SpeedoChartRenderer.ts ***!
   \******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -4847,13 +4856,13 @@ class SpeedoChartRenderer extends _index__WEBPACK_IMPORTED_MODULE_1__.AbstractSv
 }
 _staticBlock();
-/***/ }),
+/***/ },
-/***/ "./src/chart/VennAsync3Calculator.ts":
+/***/ "./src/chart/VennAsync3Calculator.ts"
 /*!*******************************************!*\
   !*** ./src/chart/VennAsync3Calculator.ts ***!
   \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -5059,13 +5068,13 @@ class VennAsync3Calculator {
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/VennChartRenderer.ts":
+/***/ "./src/chart/VennChartRenderer.ts"
 /*!****************************************!*\
   !*** ./src/chart/VennChartRenderer.ts ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -5442,13 +5451,13 @@ class VennChartRenderer extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractSvgC
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/VennCircle.ts":
+/***/ "./src/chart/VennCircle.ts"
 /*!*********************************!*\
   !*** ./src/chart/VennCircle.ts ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -5492,13 +5501,13 @@ class VennCircle {
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/VennCircleHelper.ts":
+/***/ "./src/chart/VennCircleHelper.ts"
 /*!***************************************!*\
   !*** ./src/chart/VennCircleHelper.ts ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -5583,13 +5592,13 @@ class VennCircleHelper {
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/chart/chartJsDateAdapter.ts":
+/***/ "./src/chart/chartJsDateAdapter.ts"
 /*!*****************************************!*\
   !*** ./src/chart/chartJsDateAdapter.ts ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -5772,13 +5781,13 @@ function _getNumberOfDays(month, year) {
   return 31;
 }
-/***/ }),
+/***/ },
-/***/ "./src/form/fields/chartfield/ChartField.ts":
+/***/ "./src/form/fields/chartfield/ChartField.ts"
 /*!**************************************************!*\
   !*** ./src/form/fields/chartfield/ChartField.ts ***!
   \**************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -5825,13 +5834,13 @@ class ChartField extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.FormFi
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/form/fields/chartfield/ChartFieldAdapter.ts":
+/***/ "./src/form/fields/chartfield/ChartFieldAdapter.ts"
 /*!*********************************************************!*\
   !*** ./src/form/fields/chartfield/ChartFieldAdapter.ts ***!
   \*********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -5851,24 +5860,24 @@ __webpack_require__.r(__webpack_exports__);
 class ChartFieldAdapter extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.FormFieldAdapter {}
-/***/ }),
+/***/ },
-/***/ "./src/form/fields/chartfield/ChartFieldModel.ts":
+/***/ "./src/form/fields/chartfield/ChartFieldModel.ts"
 /*!*******************************************************!*\
   !*** ./src/form/fields/chartfield/ChartFieldModel.ts ***!
   \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
-/***/ }),
+/***/ },
-/***/ "./src/index.ts":
+/***/ "./src/index.ts"
 /*!**********************!*\
   !*** ./src/index.ts ***!
   \**********************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -5889,6 +5898,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ChartTableControlConfigHelperImpl: () => (/* reexport safe */ _bookmark_ChartTableControlConfigHelperImpl__WEBPACK_IMPORTED_MODULE_3__.ChartTableControlConfigHelperImpl),
 /* harmony export */   ChartTableControlLayout: () => (/* reexport safe */ _table_controls_ChartTableControlLayout__WEBPACK_IMPORTED_MODULE_30__.ChartTableControlLayout),
 /* harmony export */   ChartTableUserFilter: () => (/* reexport safe */ _table_controls_ChartTableUserFilter__WEBPACK_IMPORTED_MODULE_32__.ChartTableUserFilter),
+/* harmony export */   FocusFirstChartTypeKeyStroke: () => (/* reexport safe */ _table_controls_FocusFirstChartTypeKeyStroke__WEBPACK_IMPORTED_MODULE_34__.FocusFirstChartTypeKeyStroke),
 /* harmony export */   FulfillmentChartRenderer: () => (/* reexport safe */ _chart_FulfillmentChartRenderer__WEBPACK_IMPORTED_MODULE_13__.FulfillmentChartRenderer),
 /* harmony export */   SalesfunnelChartRenderer: () => (/* reexport safe */ _chart_SalesfunnelChartRenderer__WEBPACK_IMPORTED_MODULE_15__.SalesfunnelChartRenderer),
 /* harmony export */   SpeedoChartRenderer: () => (/* reexport safe */ _chart_SpeedoChartRenderer__WEBPACK_IMPORTED_MODULE_14__.SpeedoChartRenderer),
@@ -5934,6 +5944,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _table_controls_ChartTableControlModel__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./table/controls/ChartTableControlModel */ "./src/table/controls/ChartTableControlModel.ts");
 /* harmony import */ var _table_controls_ChartTableUserFilter__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./table/controls/ChartTableUserFilter */ "./src/table/controls/ChartTableUserFilter.ts");
 /* harmony import */ var _table_controls_ChartTableUserFilterModel__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./table/controls/ChartTableUserFilterModel */ "./src/table/controls/ChartTableUserFilterModel.ts");
+/* harmony import */ var _table_controls_FocusFirstChartTypeKeyStroke__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./table/controls/FocusFirstChartTypeKeyStroke */ "./src/table/controls/FocusFirstChartTypeKeyStroke.ts");
 /*
  * Copyright (c) 2010, 2025 BSI Business Systems Integration AG
  *
@@ -5975,18 +5986,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_index__WEBPACK_IMPORTED_MODULE_1__);
 _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.ObjectFactory.get().registerNamespace('scout', _index__WEBPACK_IMPORTED_MODULE_1__);
-/***/ }),
+/***/ },
-/***/ "./src/objectFactories.ts":
+/***/ "./src/objectFactories.ts"
 /*!********************************!*\
   !*** ./src/objectFactories.ts ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @eclipse-scout/core */ "@eclipse-scout/core");
@@ -6007,13 +6019,13 @@ _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.addObjectFactories({
   'ChartTableControlConfigHelper': () => new _index__WEBPACK_IMPORTED_MODULE_1__.ChartTableControlConfigHelperImpl()
 });
-/***/ }),
+/***/ },
-/***/ "./src/table/controls/ChartTableControl.ts":
+/***/ "./src/table/controls/ChartTableControl.ts"
 /*!*************************************************!*\
   !*** ./src/table/controls/ChartTableControl.ts ***!
   \*************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -6053,9 +6065,13 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
   $yAxisSelect;
   $dataSelect;
   _chartTypeMap;
+  _chartTypeTabbableCoordinator;
   _aggregationMap;
+  _aggregationTabbableCoordinator;
   _chartGroup1Map;
+  _chartGroup1TabbableCoordinator;
   _chartGroup2Map;
+  _chartGroup2TabbableCoordinator;
   _tableUpdatedHandler;
   _tableColumnStructureChangedHandler;
   _chartValueClickedHandler;
@@ -6080,6 +6096,26 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
     this.xAxis = null;
     this.yAxis = null;
     this.dateGroup = null;
+    this._chartTypeTabbableCoordinator = _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.create(_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TabbableCoordinator, {
+      parent: this,
+      autoRegisterKeyStrokes: false,
+      orientation: 'vertical'
+    });
+    this._chartGroup1TabbableCoordinator = _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.create(_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TabbableCoordinator, {
+      parent: this,
+      autoRegisterKeyStrokes: false,
+      orientation: 'vertical'
+    });
+    this._chartGroup2TabbableCoordinator = _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.create(_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TabbableCoordinator, {
+      parent: this,
+      autoRegisterKeyStrokes: false,
+      orientation: 'vertical'
+    });
+    this._aggregationTabbableCoordinator = _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.create(_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TabbableCoordinator, {
+      parent: this,
+      autoRegisterKeyStrokes: false,
+      orientation: 'vertical'
+    });
     this._tableUpdatedHandler = this._onTableUpdated.bind(this);
     this._tableColumnStructureChangedHandler = this._onTableColumnStructureChanged.bind(this);
     this._chartValueClickedHandler = this._onChartValueClick.bind(this);
@@ -6097,6 +6133,10 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
     this.table.off('columnStructureChanged', this._tableColumnStructureChangedHandler);
     super._destroy();
   }
+  _initKeyStrokeContext() {
+    super._initKeyStrokeContext();
+    this.tableControlKeyStrokeContext.registerKeyStroke(new _index__WEBPACK_IMPORTED_MODULE_1__.FocusFirstChartTypeKeyStroke(this));
+  }
   _computeEnabled(inheritAccessibility, parentEnabled) {
     if (!this._hasColumns() && !this.selected) {
       return false;
@@ -6122,6 +6162,7 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
       this.$yAxisSelect.data('scroll-shadow').setVisible(true);
       this.$yAxisSelect.removeClass('animated');
     });
+    this._chartGroup2TabbableCoordinator.setItems(this.$yAxisSelect.hasClass('hide') ? [] : this.$yAxisSelect.children('.select-axis').map((i, item) => new _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TabbableItem(jquery__WEBPACK_IMPORTED_MODULE_2___default()(item))).get());
     if (this.contentRendered) {
       this.chart.$container.animateAVCSD('opacity', 0, () => {
         this.chart.$container.css('opacity', 1);
@@ -6130,10 +6171,10 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
     }
   }
   _selectChartType() {
-    _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.objects.values(this._chartTypeMap).forEach($element => {
-      $element.removeClass('selected');
+    _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.objects.values(this._chartTypeMap).forEach(action => {
+      action.setSelected(false);
     });
-    this._chartTypeMap[this.chartType].addClass('selected');
+    this._chartTypeMap[this.chartType].setSelected(true);
   }
   _renderChartGroup1() {
     this._renderChartGroup(1);
@@ -6150,8 +6191,8 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
     let chartGroup = this[groupName];
     if (chartGroup) {
       let $element = this[map][chartGroup.id];
-      $element.siblings('.select-axis').animateAVCSD('height', 30);
-      $element.selectOne('selected');
+      $element.siblings('.select-axis').setSelected(false).animateAVCSD('height', 30);
+      $element.setSelected(true);
       if (chartGroup.modifier > 0) {
         let dateGroupIndex = chartGroup.modifier ^ ChartTableControl.DATE_GROUP_FLAG;
         $element.animateAVCSD('height', 42);
@@ -6165,8 +6206,8 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
   _renderChartAggregation() {
     let $element = this._aggregationMap[this.chartAggregation.id || 'all'];
     if ($element) {
-      $element.selectOne();
-      $element.removeClass('data-sum').removeClass('data-avg');
+      $element.siblings('.select-data').setSelected(false);
+      $element.setSelected(true).removeClass('data-sum').removeClass('data-avg');
       $element.addClass(this._getAggregationCssClass());
       if (this.contentRendered) {
         this._drawChart();
@@ -6185,20 +6226,19 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
         return null;
     }
   }
-  _renderChartSelect(cssClass, chartType, iconId) {
-    let icon = _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.create(_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.Icon, {
+  _renderChartSelect(cssClass, chartType, iconId, tooltipText) {
+    let action = _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.create(_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.Action, {
       parent: this,
-      iconDesc: iconId,
-      cssClass: cssClass
+      iconId,
+      cssClass,
+      tooltipText
     });
-    icon.render(this.$chartSelect);
-    this.$contentContainer.one('remove', () => icon.destroy());
-    let $iconContainer = icon.$container;
-    $iconContainer.toggleClass('disabled', !this.enabledComputed || !this._hasColumns()).data('chartType', chartType);
-    if (this.enabledComputed && this._hasColumns()) {
-      $iconContainer.on('click', this._onClickChartType.bind(this));
-    }
-    this._chartTypeMap[chartType] = $iconContainer;
+    action.render(this.$chartSelect);
+    action.$container.addClass('chart-type menu-item').data('chartType', chartType);
+    action.on('action', this._onChartTypeAction.bind(this));
+    action.setEnabled(this._hasColumns());
+    this.$contentContainer.one('remove', () => action.destroy());
+    this._chartTypeMap[chartType] = action;
   }
   /**
    * Appends a chart selection divs to this.$contentContainer and sets the this.$chartSelect property.
@@ -6210,34 +6250,49 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
     this._chartTypeMap = {};
     let supportedChartTypes = this._getSupportedChartTypes();
     if (_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.isOneOf(_index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BAR, supportedChartTypes)) {
-      this._renderChartSelect('chart-bar', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BAR, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_BARS_VERTICAL);
+      this._renderChartSelect('chart-bar', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BAR, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_BARS_VERTICAL, this.session.text('ui.ChartTypeBar'));
     }
     if (_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.isOneOf(_index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BAR_HORIZONTAL, supportedChartTypes)) {
-      this._renderChartSelect('chart-stacked', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BAR_HORIZONTAL, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_BARS_HORIZONTAL);
+      this._renderChartSelect('chart-stacked', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BAR_HORIZONTAL, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_BARS_HORIZONTAL, this.session.text('ui.ChartTypeBarHorizontal'));
     }
     if (_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.isOneOf(_index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.LINE, supportedChartTypes)) {
-      this._renderChartSelect('chart-line', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.LINE, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_LINE);
+      this._renderChartSelect('chart-line', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.LINE, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_LINE, this.session.text('ui.ChartTypeLine'));
     }
     if (_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.isOneOf(_index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.PIE, supportedChartTypes)) {
-      this._renderChartSelect('chart-pie', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.PIE, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_PIE);
+      this._renderChartSelect('chart-pie', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.PIE, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_PIE, this.session.text('ui.ChartTypePie'));
     }
     if (_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.isOneOf(_index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BUBBLE, supportedChartTypes)) {
-      this._renderChartSelect('chart-bubble', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BUBBLE, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_SCATTER);
+      this._renderChartSelect('chart-bubble', _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BUBBLE, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.icons.DIAGRAM_SCATTER, this.session.text('ui.ChartTypeBubble'));
     }
+    let keyStrokeContext = new _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.KeyStrokeContext({
+      $bindTarget: this.$chartSelect,
+      $scopeTarget: this.$chartSelect
+    });
+    this.session.keyStrokeManager.installKeyStrokeContext(keyStrokeContext);
+    this._chartTypeTabbableCoordinator.registerKeyStrokes(this, keyStrokeContext);
+    this._chartTypeTabbableCoordinator.setItems(Object.values(this._chartTypeMap));
   }
   _getSupportedChartTypes() {
     return [_index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BAR, _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BAR_HORIZONTAL, _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.LINE, _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.PIE, _index__WEBPACK_IMPORTED_MODULE_1__.Chart.Type.BUBBLE];
   }
-  _onClickChartType(event) {
-    let $target = jquery__WEBPACK_IMPORTED_MODULE_2___default()(event.currentTarget),
-      chartType = $target.data('chartType');
+  _onChartTypeAction(event) {
+    const chartType = event.source.$container.data('chartType');
     this.setChartType(chartType);
   }
-  _onClickChartGroup(event) {
-    let $target = jquery__WEBPACK_IMPORTED_MODULE_2___default()(event.currentTarget),
-      groupId = $target.parent().data('groupId'),
-      column = $target.data('column'),
-      origModifier = $target.data('modifier');
+  _onChartGroupKeyDown(event) {
+    if (_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.isOneOf(event.which, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.keys.ENTER, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.keys.SPACE)) {
+      this._doChartGroupAction(jquery__WEBPACK_IMPORTED_MODULE_2___default()(event.currentTarget));
+      event.stopPropagation();
+      event.preventDefault(); // Don't scroll when pressing space
+    }
+  }
+  _onChartGroupClick(event) {
+    this._doChartGroupAction(jquery__WEBPACK_IMPORTED_MODULE_2___default()(event.currentTarget));
+  }
+  _doChartGroupAction($target) {
+    let groupId = $target.parent().data('groupId');
+    let column = $target.data('column');
+    let origModifier = $target.data('modifier');
     // do nothing when item is disabled
     if (!$target.isEnabled()) {
       return;
@@ -6250,8 +6305,16 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
     };
     this._setChartGroup(groupId, config);
   }
-  _onClickAggregation(event) {
-    let $target = jquery__WEBPACK_IMPORTED_MODULE_2___default()(event.currentTarget);
+  _onAggregationKeyDown(event) {
+    if (_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.scout.isOneOf(event.which, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.keys.ENTER, _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.keys.SPACE)) {
+      this._doAggregationAction(jquery__WEBPACK_IMPORTED_MODULE_2___default()(event.currentTarget));
+      event.stopPropagation();
+    }
+  }
+  _onAggregationClick(event) {
+    this._doAggregationAction(jquery__WEBPACK_IMPORTED_MODULE_2___default()(event.currentTarget));
+  }
+  _doAggregationAction($target) {
     // update modifier
     let origModifier = $target.data('modifier');
     let modifier = $target.isSelected() ? this._nextModifier(origModifier) : origModifier;
@@ -6352,7 +6415,8 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
     return text;
   }
   _renderContent($parent) {
-    this.$contentContainer = $parent.appendDiv('chart-container');
+    this.$contentContainer = $parent.appendDiv('chart-container').attr('tabindex', '-1');
+    this.$contentContainer[0].focus(); // Pressing tab should select first chart type action
     // scrollbars
     this._installScrollbars();
     this._renderChartSelectContainer();
@@ -6406,16 +6470,11 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
     columnCount.sort((a, b) => {
       return Math.abs(a[1] - 8) - Math.abs(b[1] - 8);
     });
-    let axisCount,
-      enabled,
-      numberOfAxisItems = 0,
-      columns = matrix.columns(false); // filterNumberColumns false: number columns will be filtered below
+    let axisCount, enabled;
+    let columns = matrix.columns(false); // filterNumberColumns false: number columns will be filtered below
     // all x/y-axis for selection
     for (let c1 = 0; c1 < columns.length; c1++) {
-      let content,
-        $div,
-        $yDiv,
-        column1 = columns[c1];
+      let column1 = columns[c1];
       // Check if data-spread is too large. This is a problem in large tables where a column has unique values.
       // We cannot create DOM elements for each unique value because this causes all browser to stop script
       // execution. May be in a later release we could implement some sort of data aggregation, but this is not
@@ -6430,8 +6489,8 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
         axisCount = this._axisCount(columnCount, column1);
         enabled = axisCount <= ChartTableControl.MAX_AXIS_COUNT;
       }
-      content = this._axisContentForColumn(column1);
-      $div = this.$contentContainer.makeDiv('select-axis', this._plainAxisText(column1, content.text)).data('column', column1).setEnabled(enabled);
+      let content = this._axisContentForColumn(column1);
+      let $div = this.$contentContainer.makeDiv('select-axis prevent-initial-focus', this._plainAxisText(column1, content.text)).data('column', column1).unfocusable().setEnabled(enabled);
       if (!enabled) {
         if (this.chartGroup1 && this.chartGroup1.id === column1.id) {
           this.chartGroup1 = null;
@@ -6445,11 +6504,12 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
         $div.addClass(content.icon.appendCssClass('font-icon'));
       }
       if (column1 instanceof _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.DateColumn) {
-        $div.data('modifier', _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TableMatrix.DateGroup.YEAR).appendDiv('select-axis-group', this.dateGroup[0][1]);
+        $div.data('modifier', _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TableMatrix.DateGroup.YEAR).appendDiv('select-axis-group', String(this.dateGroup[0][1]));
       }
       // install click handler or tooltip
       if (enabled) {
-        $div.on('click', this._onClickChartGroup.bind(this));
+        $div.on('click', this._onChartGroupClick.bind(this));
+        $div.on('keydown', this._onChartGroupKeyDown.bind(this));
         _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.tooltips.installForEllipsis($div, {
           parent: this
         });
@@ -6459,13 +6519,26 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
           text: this.session.text('ui.TooMuchData')
         });
       }
-      numberOfAxisItems++;
-      $yDiv = $div.clone(true);
+      let $yDiv = $div.clone(true);
       this._chartGroup1Map[column1.id] = $div;
       this._chartGroup2Map[column1.id] = $yDiv;
       this.$xAxisSelect.append($div);
       this.$yAxisSelect.append($yDiv);
     }
+    let chartGroup1KeyStrokeContext = new _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.KeyStrokeContext({
+      $bindTarget: this.$xAxisSelect,
+      $scopeTarget: this.$xAxisSelect
+    });
+    this.session.keyStrokeManager.installKeyStrokeContext(chartGroup1KeyStrokeContext);
+    this._chartGroup1TabbableCoordinator.registerKeyStrokes(this, chartGroup1KeyStrokeContext);
+    this._chartGroup1TabbableCoordinator.setItems(this.$xAxisSelect.children('.select-axis').map((i, item) => new _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TabbableItem(jquery__WEBPACK_IMPORTED_MODULE_2___default()(item))).get());
+    let chartGroup2KeyStrokeContext = new _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.KeyStrokeContext({
+      $bindTarget: this.$yAxisSelect,
+      $scopeTarget: this.$yAxisSelect
+    });
+    this.session.keyStrokeManager.installKeyStrokeContext(chartGroup2KeyStrokeContext);
+    this._chartGroup2TabbableCoordinator.registerKeyStrokes(this, chartGroup2KeyStrokeContext);
+    // Items will be set in _renderChartType
     // map for selection (column id, $element)
     this._aggregationMap = {};
     if (this._hasColumns()) {
@@ -6478,7 +6551,7 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
       });
       // add data-count for no column restriction (all columns)
       let countDesc = this.session.text('ui.Count');
-      this._aggregationMap.all = this.$dataSelect.appendDiv('select-data data-count', countDesc).data('column', null).data('modifier', _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TableMatrix.NumberGroup.COUNT);
+      this._aggregationMap.all = this.$dataSelect.appendDiv('select-data data-count prevent-initial-focus', countDesc).unfocusable().data('column', null).data('modifier', _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TableMatrix.NumberGroup.COUNT);
       // all data for selection
       for (let c2 = 0; c2 < columns.length; c2++) {
         let column2 = columns[c2];
@@ -6492,11 +6565,18 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
           } else {
             columnText = '[' + fakeNumberLabelCol2 + ']';
           }
-          this._aggregationMap[column2.id] = this.$dataSelect.appendDiv('select-data data-sum', columnText).data('column', column2).data('modifier', _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TableMatrix.NumberGroup.SUM);
+          this._aggregationMap[column2.id] = this.$dataSelect.appendDiv('select-data data-sum prevent-initial-focus', columnText).unfocusable().data('column', column2).data('modifier', _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TableMatrix.NumberGroup.SUM);
         }
       }
       // click handling for data
-      jquery__WEBPACK_IMPORTED_MODULE_2___default()('.select-data', this.$contentContainer).on('click', this._onClickAggregation.bind(this));
+      jquery__WEBPACK_IMPORTED_MODULE_2___default()('.select-data', this.$contentContainer).on('click', this._onAggregationClick.bind(this)).on('keydown', this._onAggregationKeyDown.bind(this));
+      let keyStrokeContext = new _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.KeyStrokeContext({
+        $bindTarget: this.$dataSelect,
+        $scopeTarget: this.$dataSelect
+      });
+      this.session.keyStrokeManager.installKeyStrokeContext(keyStrokeContext);
+      this._aggregationTabbableCoordinator.registerKeyStrokes(this, keyStrokeContext);
+      this._aggregationTabbableCoordinator.setItems(this.$dataSelect.children('.select-data').map((i, item) => new _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.TabbableItem(jquery__WEBPACK_IMPORTED_MODULE_2___default()(item))).get());
     }
     return columnCount;
   }
@@ -7111,13 +7191,13 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/table/controls/ChartTableControlAdapter.ts":
+/***/ "./src/table/controls/ChartTableControlAdapter.ts"
 /*!********************************************************!*\
   !*** ./src/table/controls/ChartTableControlAdapter.ts ***!
   \********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -7142,13 +7222,13 @@ class ChartTableControlAdapter extends _eclipse_scout_core__WEBPACK_IMPORTED_MOD
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/table/controls/ChartTableControlConfigDo.ts":
+/***/ "./src/table/controls/ChartTableControlConfigDo.ts"
 /*!*********************************************************!*\
   !*** ./src/table/controls/ChartTableControlConfigDo.ts ***!
   \*********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -7193,24 +7273,24 @@ ChartTableControlConfigDo = __decorate([(0,_eclipse_scout_core__WEBPACK_IMPORTED
 window["scout"]["DataObjectInventory"].get().add(ChartTableControlConfigDo, "scout.ChartTableControlConfig", "ChartTableControlConfigDo");
-/***/ }),
+/***/ },
-/***/ "./src/table/controls/ChartTableControlEventMap.ts":
+/***/ "./src/table/controls/ChartTableControlEventMap.ts"
 /*!*********************************************************!*\
   !*** ./src/table/controls/ChartTableControlEventMap.ts ***!
   \*********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
-/***/ }),
+/***/ },
-/***/ "./src/table/controls/ChartTableControlLayout.ts":
+/***/ "./src/table/controls/ChartTableControlLayout.ts"
 /*!*******************************************************!*\
   !*** ./src/table/controls/ChartTableControlLayout.ts ***!
   \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -7245,24 +7325,24 @@ class ChartTableControlLayout extends _eclipse_scout_core__WEBPACK_IMPORTED_MODU
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/table/controls/ChartTableControlModel.ts":
+/***/ "./src/table/controls/ChartTableControlModel.ts"
 /*!******************************************************!*\
   !*** ./src/table/controls/ChartTableControlModel.ts ***!
   \******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
-/***/ }),
+/***/ },
-/***/ "./src/table/controls/ChartTableUserFilter.ts":
+/***/ "./src/table/controls/ChartTableUserFilter.ts"
 /*!****************************************************!*\
   !*** ./src/table/controls/ChartTableUserFilter.ts ***!
   \****************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -7337,24 +7417,69 @@ class ChartTableUserFilter extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/table/controls/ChartTableUserFilterModel.ts":
+/***/ "./src/table/controls/ChartTableUserFilterModel.ts"
 /*!*********************************************************!*\
   !*** ./src/table/controls/ChartTableUserFilterModel.ts ***!
   \*********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
-/***/ }),
+/***/ },
-/***/ "./src/tile/ChartFieldTile.ts":
+/***/ "./src/table/controls/FocusFirstChartTypeKeyStroke.ts"
+/*!************************************************************!*\
+  !*** ./src/table/controls/FocusFirstChartTypeKeyStroke.ts ***!
+  \************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FocusFirstChartTypeKeyStroke: () => (/* binding */ FocusFirstChartTypeKeyStroke)
+/* harmony export */ });
+/* harmony import */ var _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @eclipse-scout/core */ "@eclipse-scout/core");
+/* harmony import */ var _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__);
+/*
+ * Copyright (c) 2010, 2025 BSI Business Systems Integration AG
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+/**
+ * Focuses the first chart type if the focus is on the content container of the chart table control (which is the case when the table control opens).
+ */
+class FocusFirstChartTypeKeyStroke extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.KeyStroke {
+  constructor(action) {
+    super();
+    this.field = action;
+    this.which = [_eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.keys.DOWN];
+    this.stopPropagation = true;
+  }
+  _accept(event) {
+    if (!super._accept(event)) {
+      return false;
+    }
+    return _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.focusUtils.isActiveElement(this.field.$contentContainer);
+  }
+  handle(event) {
+    this.field.$chartSelect.children('.chart-type').first()[0]?.focus();
+  }
+}
+/***/ },
+/***/ "./src/tile/ChartFieldTile.ts"
 /*!************************************!*\
   !*** ./src/tile/ChartFieldTile.ts ***!
   \************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -7403,13 +7528,13 @@ class ChartFieldTile extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.Fo
   }
 }
-/***/ }),
+/***/ },
-/***/ "./src/tile/ChartFieldTileAdapter.ts":
+/***/ "./src/tile/ChartFieldTileAdapter.ts"
 /*!*******************************************!*\
   !*** ./src/tile/ChartFieldTileAdapter.ts ***!
   \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -7429,58 +7554,58 @@ __webpack_require__.r(__webpack_exports__);
 class ChartFieldTileAdapter extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__.FormFieldTileAdapter {}
-/***/ }),
+/***/ },
-/***/ "./src/tile/ChartFieldTileModel.ts":
+/***/ "./src/tile/ChartFieldTileModel.ts"
 /*!*****************************************!*\
   !*** ./src/tile/ChartFieldTileModel.ts ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
-/***/ }),
+/***/ },
+/***/ "@eclipse-scout/core"
+/*!************************!*\
+  !*** external "scout" ***!
+  \************************/
+(module) {
+module.exports = scout;
+/***/ },
-/***/ "chart.js":
+/***/ "chart.js"
 /*!************************!*\
   !*** external "Chart" ***!
   \************************/
-/***/ ((module) => {
+(module) {
 module.exports = Chart;
-/***/ }),
+/***/ },
-/***/ "chartjs-plugin-datalabels":
+/***/ "chartjs-plugin-datalabels"
 /*!**********************************!*\
   !*** external "ChartDataLabels" ***!
   \**********************************/
-/***/ ((module) => {
+(module) {
 module.exports = ChartDataLabels;
-/***/ }),
+/***/ },
-/***/ "jquery":
+/***/ "jquery"
 /*!*************************!*\
   !*** external "jQuery" ***!
   \*************************/
-/***/ ((module) => {
+(module) {
 module.exports = jQuery;
-/***/ }),
-/***/ "@eclipse-scout/core":
-/*!************************!*\
-  !*** external "scout" ***!
-  \************************/
-/***/ ((module) => {
-module.exports = scout;
-/***/ })
+/***/ }
 /******/ 	});
 /************************************************************************/
@@ -7494,6 +7619,12 @@ module.exports = scout;
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
+/******/ 		// Check if module exists (development only)
+/******/ 		if (__webpack_modules__[moduleId] === undefined) {
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed