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

@eclipse-scout/chart 25.2.20 → 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.esm.js CHANGED Viewed

@@ -4,11 +4,11 @@ import * as __WEBPACK_EXTERNAL_MODULE_chart_js_auto_c730fedb__ from "chart.js/au
 import * as __WEBPACK_EXTERNAL_MODULE_chartjs_plugin_datalabels_94b90fda__ from "chartjs-plugin-datalabels";
 /******/ 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__, {
@@ -70,13 +70,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__, {
@@ -673,13 +673,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__, {
@@ -1077,13 +1077,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__, {
@@ -1113,24 +1113,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__, {
@@ -3787,8 +3787,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;
@@ -3802,6 +3802,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;
@@ -3830,13 +3840,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__, {
@@ -3888,24 +3898,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__, {
@@ -4078,13 +4088,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__, {
@@ -4095,7 +4105,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
@@ -4385,12 +4395,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);
@@ -4454,13 +4464,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__, {
@@ -4837,13 +4847,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__, {
@@ -5049,13 +5059,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__, {
@@ -5431,13 +5441,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__, {
@@ -5481,13 +5491,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__, {
@@ -5572,13 +5582,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__, {
@@ -5760,13 +5770,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__, {
@@ -5812,13 +5822,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__, {
@@ -5837,24 +5847,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__, {
@@ -5875,6 +5885,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),
@@ -5919,6 +5930,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
  *
@@ -5960,18 +5972,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");
@@ -5991,13 +6004,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__, {
@@ -6036,9 +6049,13 @@ class ChartTableControl extends _eclipse_scout_core__WEBPACK_IMPORTED_MODULE_0__
   $yAxisSelect;
   $dataSelect;
   _chartTypeMap;
+  _chartTypeTabbableCoordinator;
   _aggregationMap;
+  _aggregationTabbableCoordinator;
   _chartGroup1Map;
+  _chartGroup1TabbableCoordinator;
   _chartGroup2Map;
+  _chartGroup2TabbableCoordinator;
   _tableUpdatedHandler;
   _tableColumnStructureChangedHandler;
   _chartValueClickedHandler;
@@ -6063,6 +6080,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);
@@ -6080,6 +6117,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;
@@ -6105,6 +6146,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);
@@ -6113,10 +6155,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);
@@ -6133,8 +6175,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);
@@ -6148,8 +6190,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();
@@ -6168,20 +6210,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.
@@ -6193,34 +6234,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;
@@ -6233,8 +6289,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;
@@ -6335,7 +6399,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();
@@ -6389,16 +6454,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
@@ -6413,8 +6473,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;
@@ -6428,11 +6488,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
         });
@@ -6442,13 +6503,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()) {
@@ -6461,7 +6535,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];
@@ -6475,11 +6549,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;
   }
@@ -7094,13 +7175,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__, {
@@ -7124,13 +7205,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__, {
@@ -7174,24 +7255,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__, {
@@ -7225,24 +7306,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__, {
@@ -7316,24 +7397,68 @@ 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");
+/*
+ * 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__, {
@@ -7381,13 +7506,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__, {
@@ -7406,68 +7531,68 @@ __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__);
-/***/ }),
-/***/ "jquery":
-/*!*************************!*\
-  !*** external "jquery" ***!
-  \*************************/
-/***/ ((module) => {
-module.exports = require("jquery");
-/***/ }),
+/***/ },
-/***/ "@eclipse-scout/core":
+/***/ "@eclipse-scout/core"
 /*!**************************************!*\
   !*** external "@eclipse-scout/core" ***!
   \**************************************/
-/***/ ((module) => {
+(module) {
 module.exports = __WEBPACK_EXTERNAL_MODULE__eclipse_scout_core_ec9759ad__;
-/***/ }),
+/***/ },
-/***/ "chart.js":
+/***/ "chart.js"
 /*!***************************!*\
   !*** external "chart.js" ***!
   \***************************/
-/***/ ((module) => {
+(module) {
 module.exports = __WEBPACK_EXTERNAL_MODULE_chart_js_1c0615aa__;
-/***/ }),
+/***/ },
-/***/ "chart.js/auto":
+/***/ "chart.js/auto"
 /*!********************************!*\
   !*** external "chart.js/auto" ***!
   \********************************/
-/***/ ((module) => {
+(module) {
 module.exports = __WEBPACK_EXTERNAL_MODULE_chart_js_auto_c730fedb__;
-/***/ }),
+/***/ },
-/***/ "chartjs-plugin-datalabels":
+/***/ "chartjs-plugin-datalabels"
 /*!********************************************!*\
   !*** external "chartjs-plugin-datalabels" ***!
   \********************************************/
-/***/ ((module) => {
+(module) {
 module.exports = __WEBPACK_EXTERNAL_MODULE_chartjs_plugin_datalabels_94b90fda__;
-/***/ })
+/***/ },
+/***/ "jquery"
+/*!*************************!*\
+  !*** external "jquery" ***!
+  \*************************/
+(module) {
+module.exports = require("jquery");
+/***/ }
 /******/ });
 /************************************************************************/
@@ -7481,6 +7606,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_chartjs_plugin_datalabels_94b90fda__;
 /******/ 	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
@@ -7542,33 +7673,34 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_chartjs_plugin_datalabels_94b90fda__;
 /******/ // Load entry module and return exports
 /******/ // This entry module is referenced by other modules so it can't be inlined
 /******/ var __webpack_exports__ = __webpack_require__("./src/index.ts");
-/******/ var __webpack_exports__AbstractChartRenderer = __webpack_exports__.AbstractChartRenderer;
-/******/ var __webpack_exports__AbstractSvgChartRenderer = __webpack_exports__.AbstractSvgChartRenderer;
-/******/ var __webpack_exports__Chart = __webpack_exports__.Chart;
-/******/ var __webpack_exports__ChartAdapter = __webpack_exports__.ChartAdapter;
-/******/ var __webpack_exports__ChartColorMode = __webpack_exports__.ChartColorMode;
-/******/ var __webpack_exports__ChartField = __webpack_exports__.ChartField;
-/******/ var __webpack_exports__ChartFieldAdapter = __webpack_exports__.ChartFieldAdapter;
-/******/ var __webpack_exports__ChartFieldTile = __webpack_exports__.ChartFieldTile;
-/******/ var __webpack_exports__ChartFieldTileAdapter = __webpack_exports__.ChartFieldTileAdapter;
-/******/ var __webpack_exports__ChartJsRenderer = __webpack_exports__.ChartJsRenderer;
-/******/ var __webpack_exports__ChartLayout = __webpack_exports__.ChartLayout;
-/******/ var __webpack_exports__ChartTableControl = __webpack_exports__.ChartTableControl;
-/******/ var __webpack_exports__ChartTableControlAdapter = __webpack_exports__.ChartTableControlAdapter;
-/******/ var __webpack_exports__ChartTableControlConfigDo = __webpack_exports__.ChartTableControlConfigDo;
-/******/ var __webpack_exports__ChartTableControlConfigHelperImpl = __webpack_exports__.ChartTableControlConfigHelperImpl;
-/******/ var __webpack_exports__ChartTableControlLayout = __webpack_exports__.ChartTableControlLayout;
-/******/ var __webpack_exports__ChartTableUserFilter = __webpack_exports__.ChartTableUserFilter;
-/******/ var __webpack_exports__FulfillmentChartRenderer = __webpack_exports__.FulfillmentChartRenderer;
-/******/ var __webpack_exports__SalesfunnelChartRenderer = __webpack_exports__.SalesfunnelChartRenderer;
-/******/ var __webpack_exports__SpeedoChartRenderer = __webpack_exports__.SpeedoChartRenderer;
-/******/ var __webpack_exports__VennAsync3Calculator = __webpack_exports__.VennAsync3Calculator;
-/******/ var __webpack_exports__VennChartRenderer = __webpack_exports__.VennChartRenderer;
-/******/ var __webpack_exports__VennCircle = __webpack_exports__.VennCircle;
-/******/ var __webpack_exports__VennCircleHelper = __webpack_exports__.VennCircleHelper;
-/******/ var __webpack_exports__chartJsDateAdapter = __webpack_exports__.chartJsDateAdapter;
-/******/ var __webpack_exports__default = __webpack_exports__["default"];
-/******/ export { __webpack_exports__AbstractChartRenderer as AbstractChartRenderer, __webpack_exports__AbstractSvgChartRenderer as AbstractSvgChartRenderer, __webpack_exports__Chart as Chart, __webpack_exports__ChartAdapter as ChartAdapter, __webpack_exports__ChartColorMode as ChartColorMode, __webpack_exports__ChartField as ChartField, __webpack_exports__ChartFieldAdapter as ChartFieldAdapter, __webpack_exports__ChartFieldTile as ChartFieldTile, __webpack_exports__ChartFieldTileAdapter as ChartFieldTileAdapter, __webpack_exports__ChartJsRenderer as ChartJsRenderer, __webpack_exports__ChartLayout as ChartLayout, __webpack_exports__ChartTableControl as ChartTableControl, __webpack_exports__ChartTableControlAdapter as ChartTableControlAdapter, __webpack_exports__ChartTableControlConfigDo as ChartTableControlConfigDo, __webpack_exports__ChartTableControlConfigHelperImpl as ChartTableControlConfigHelperImpl, __webpack_exports__ChartTableControlLayout as ChartTableControlLayout, __webpack_exports__ChartTableUserFilter as ChartTableUserFilter, __webpack_exports__FulfillmentChartRenderer as FulfillmentChartRenderer, __webpack_exports__SalesfunnelChartRenderer as SalesfunnelChartRenderer, __webpack_exports__SpeedoChartRenderer as SpeedoChartRenderer, __webpack_exports__VennAsync3Calculator as VennAsync3Calculator, __webpack_exports__VennChartRenderer as VennChartRenderer, __webpack_exports__VennCircle as VennCircle, __webpack_exports__VennCircleHelper as VennCircleHelper, __webpack_exports__chartJsDateAdapter as chartJsDateAdapter, __webpack_exports__default as default };
+/******/ const __webpack_exports__AbstractChartRenderer = __webpack_exports__.AbstractChartRenderer;
+/******/ const __webpack_exports__AbstractSvgChartRenderer = __webpack_exports__.AbstractSvgChartRenderer;
+/******/ const __webpack_exports__Chart = __webpack_exports__.Chart;
+/******/ const __webpack_exports__ChartAdapter = __webpack_exports__.ChartAdapter;
+/******/ const __webpack_exports__ChartColorMode = __webpack_exports__.ChartColorMode;
+/******/ const __webpack_exports__ChartField = __webpack_exports__.ChartField;
+/******/ const __webpack_exports__ChartFieldAdapter = __webpack_exports__.ChartFieldAdapter;
+/******/ const __webpack_exports__ChartFieldTile = __webpack_exports__.ChartFieldTile;
+/******/ const __webpack_exports__ChartFieldTileAdapter = __webpack_exports__.ChartFieldTileAdapter;
+/******/ const __webpack_exports__ChartJsRenderer = __webpack_exports__.ChartJsRenderer;
+/******/ const __webpack_exports__ChartLayout = __webpack_exports__.ChartLayout;
+/******/ const __webpack_exports__ChartTableControl = __webpack_exports__.ChartTableControl;
+/******/ const __webpack_exports__ChartTableControlAdapter = __webpack_exports__.ChartTableControlAdapter;
+/******/ const __webpack_exports__ChartTableControlConfigDo = __webpack_exports__.ChartTableControlConfigDo;
+/******/ const __webpack_exports__ChartTableControlConfigHelperImpl = __webpack_exports__.ChartTableControlConfigHelperImpl;
+/******/ const __webpack_exports__ChartTableControlLayout = __webpack_exports__.ChartTableControlLayout;
+/******/ const __webpack_exports__ChartTableUserFilter = __webpack_exports__.ChartTableUserFilter;
+/******/ const __webpack_exports__FocusFirstChartTypeKeyStroke = __webpack_exports__.FocusFirstChartTypeKeyStroke;
+/******/ const __webpack_exports__FulfillmentChartRenderer = __webpack_exports__.FulfillmentChartRenderer;
+/******/ const __webpack_exports__SalesfunnelChartRenderer = __webpack_exports__.SalesfunnelChartRenderer;
+/******/ const __webpack_exports__SpeedoChartRenderer = __webpack_exports__.SpeedoChartRenderer;
+/******/ const __webpack_exports__VennAsync3Calculator = __webpack_exports__.VennAsync3Calculator;
+/******/ const __webpack_exports__VennChartRenderer = __webpack_exports__.VennChartRenderer;
+/******/ const __webpack_exports__VennCircle = __webpack_exports__.VennCircle;
+/******/ const __webpack_exports__VennCircleHelper = __webpack_exports__.VennCircleHelper;
+/******/ const __webpack_exports__chartJsDateAdapter = __webpack_exports__.chartJsDateAdapter;
+/******/ const __webpack_exports__default = __webpack_exports__["default"];
+/******/ export { __webpack_exports__AbstractChartRenderer as AbstractChartRenderer, __webpack_exports__AbstractSvgChartRenderer as AbstractSvgChartRenderer, __webpack_exports__Chart as Chart, __webpack_exports__ChartAdapter as ChartAdapter, __webpack_exports__ChartColorMode as ChartColorMode, __webpack_exports__ChartField as ChartField, __webpack_exports__ChartFieldAdapter as ChartFieldAdapter, __webpack_exports__ChartFieldTile as ChartFieldTile, __webpack_exports__ChartFieldTileAdapter as ChartFieldTileAdapter, __webpack_exports__ChartJsRenderer as ChartJsRenderer, __webpack_exports__ChartLayout as ChartLayout, __webpack_exports__ChartTableControl as ChartTableControl, __webpack_exports__ChartTableControlAdapter as ChartTableControlAdapter, __webpack_exports__ChartTableControlConfigDo as ChartTableControlConfigDo, __webpack_exports__ChartTableControlConfigHelperImpl as ChartTableControlConfigHelperImpl, __webpack_exports__ChartTableControlLayout as ChartTableControlLayout, __webpack_exports__ChartTableUserFilter as ChartTableUserFilter, __webpack_exports__FocusFirstChartTypeKeyStroke as FocusFirstChartTypeKeyStroke, __webpack_exports__FulfillmentChartRenderer as FulfillmentChartRenderer, __webpack_exports__SalesfunnelChartRenderer as SalesfunnelChartRenderer, __webpack_exports__SpeedoChartRenderer as SpeedoChartRenderer, __webpack_exports__VennAsync3Calculator as VennAsync3Calculator, __webpack_exports__VennChartRenderer as VennChartRenderer, __webpack_exports__VennCircle as VennCircle, __webpack_exports__VennCircleHelper as VennCircleHelper, __webpack_exports__chartJsDateAdapter as chartJsDateAdapter, __webpack_exports__default as default };
 /******/
 //# sourceMappingURL=eclipse-scout-chart.esm.js.map