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

package/dist/file-list

@@ -1,15 +1,15 @@
 cyclonedx/bom.json
 cyclonedx/bom.xml
-eclipse-scout-chart-bbeb0621046a40fee663.min.js
-eclipse-scout-chart-bbeb0621046a40fee663.min.js.map
-eclipse-scout-chart-theme-03e8dfdce2c2cd602f40.min.css
-eclipse-scout-chart-theme-dark-378a537154001198a741.min.css
+eclipse-scout-chart-a0ba2d4527b56d5f365b.min.js
+eclipse-scout-chart-a0ba2d4527b56d5f365b.min.js.map
+eclipse-scout-chart-theme-dark-b66633525a81fd799cce.min.css
 eclipse-scout-chart-theme-dark.css
 eclipse-scout-chart-theme-dark.css.map
+eclipse-scout-chart-theme-f814f69e9d7fea0e5af7.min.css
 eclipse-scout-chart-theme.css
 eclipse-scout-chart-theme.css.map
-eclipse-scout-chart.esm-4768ef7787c7b4db4fea.min.js
-eclipse-scout-chart.esm-4768ef7787c7b4db4fea.min.js.map
+eclipse-scout-chart.esm-93dfff2828c44625222f.min.js
+eclipse-scout-chart.esm-93dfff2828c44625222f.min.js.map
 eclipse-scout-chart.esm.js
 eclipse-scout-chart.esm.js.map
 eclipse-scout-chart.js

package/dist/texts.json

@@ -3,6 +3,11 @@
     "ui.Bio": "Tri.",
     "ui.Brd": "quad",
     "ui.Chart": "Chart",
+    "ui.ChartTypeBar": "Bar",
+    "ui.ChartTypeBarHorizontal": "Bar (horizontal)",
+    "ui.ChartTypeBubble": "Bubble",
+    "ui.ChartTypeLine": "Line",
+    "ui.ChartTypePie": "Pie",
     "ui.FulfillmentChartAriaDescription": "Fulfillment chart. Current value: {0}%",
     "ui.Mio": "Mio.",
     "ui.Mrd": "Bio.",
@@ -11,51 +16,64 @@
     "ui.Trd": "Sex.",
     "ui.Tri": "Qui.",
     "ui.Value": "Value",
-    "ui.bar": "Bar",
     "ui.groupedByDate": "grouped by date",
     "ui.groupedByMonth": "grouped by month",
     "ui.groupedByWeekday": "grouped by weekday",
-    "ui.groupedByYear": "grouped by year",
-    "ui.line": "Line"
+    "ui.groupedByYear": "grouped by year"
   },
   "fr": {
     "ui.Bio": "Bio.",
     "ui.Brd": "Brd.",
     "ui.Chart": "Diagramme",
+    "ui.ChartTypeBar": "Barre",
+    "ui.ChartTypeBarHorizontal": "Barre (horizontale)",
+    "ui.ChartTypeBubble": "Bulles",
+    "ui.ChartTypeLine": "Ligne",
+    "ui.ChartTypePie": "Secteurs",
+    "ui.FulfillmentChartAriaDescription": "Graphique du degré de réalisation. Valeur actuelle : {0} %",
     "ui.Mio": "Mio.",
     "ui.Mrd": "Mrd.",
+    "ui.SpeedoChartAriaDescription": "Graphique à aiguilles. Valeur actuelle : {0} Valeur minimale : {1} Valeur maximale : {2}",
     "ui.TooMuchData": "Trop de données",
     "ui.Trd": "Trd.",
     "ui.Tri": "Tri.",
     "ui.Value": "Valeur",
-    "ui.bar": "barre",
     "ui.groupedByDate": "groupé par date",
     "ui.groupedByMonth": "groupé par mois",
     "ui.groupedByWeekday": "groupé par jour de la semaine",
-    "ui.groupedByYear": "groupé par an",
-    "ui.line": "Ligne"
+    "ui.groupedByYear": "groupé par an"
   },
   "it": {
     "ui.Bio": "Bio",
     "ui.Brd": "Brd",
     "ui.Chart": "Diagramma",
+    "ui.ChartTypeBar": "Barra",
+    "ui.ChartTypeBarHorizontal": "Barra (orizzontale)",
+    "ui.ChartTypeBubble": "Bolle",
+    "ui.ChartTypeLine": "Linea",
+    "ui.ChartTypePie": "Torta",
+    "ui.FulfillmentChartAriaDescription": "Grafico del grado di realizzazione. Valore attuale: {0} %",
     "ui.Mio": "Mio",
     "ui.Mrd": "Mrd",
+    "ui.SpeedoChartAriaDescription": "Grafico indicatore. Valore attuale: {0} Valore minimo: {1} Valore massimo: {2}",
     "ui.TooMuchData": "Troppi dati",
     "ui.Trd": "Trd",
     "ui.Tri": "Tri",
     "ui.Value": "Valore",
-    "ui.bar": "barra",
     "ui.groupedByDate": "raggruppato per data",
     "ui.groupedByMonth": "raggruppato per mese",
     "ui.groupedByWeekday": "raggruppato per giorno della settimana",
-    "ui.groupedByYear": "raggruppato per anno",
-    "ui.line": "Linea"
+    "ui.groupedByYear": "raggruppato per anno"
   },
   "de": {
     "ui.Bio": "Bio.",
     "ui.Brd": "Brd.",
     "ui.Chart": "Diagramm",
+    "ui.ChartTypeBar": "Balken",
+    "ui.ChartTypeBarHorizontal": "Balken (horizontal)",
+    "ui.ChartTypeBubble": "Blasen",
+    "ui.ChartTypeLine": "Linie",
+    "ui.ChartTypePie": "Kuchen",
     "ui.FulfillmentChartAriaDescription": "Erfüllungsgrad-Diagramm. Aktueller Wert: {0} %",
     "ui.Mio": "Mio.",
     "ui.Mrd": "Mrd.",
@@ -64,11 +82,9 @@
     "ui.Trd": "Trd.",
     "ui.Tri": "Tri.",
     "ui.Value": "Wert",
-    "ui.bar": "Balken",
     "ui.groupedByDate": "gruppiert nach Datum",
     "ui.groupedByMonth": "gruppiert nach Monat",
     "ui.groupedByWeekday": "gruppiert nach Wochentag",
-    "ui.groupedByYear": "gruppiert nach Jahr",
-    "ui.line": "Linie"
+    "ui.groupedByYear": "gruppiert nach Jahr"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eclipse-scout/chart",
-  "version": "25.2.20",
+  "version": "26.1.0-beta.1",
   "description": "Eclipse Scout chart",
   "author": "BSI Business Systems Integration AG",
   "homepage": "https://eclipse.dev/scout/",
@@ -10,9 +10,9 @@
   },
   "license": "EPL-2.0",
   "engines": {
-    "node": ">=22.12.0",
-    "npm": ">=10.9.0",
-    "pnpm": ">=9.15.0"
+    "node": ">=24.12.0",
+    "npm": ">=11.6.2",
+    "pnpm": ">=10.26.1"
   },
   "keywords": [
     "scout",
@@ -34,19 +34,19 @@
     "src"
   ],
   "devDependencies": {
-    "@eclipse-scout/cli": "25.2.20",
-    "@eclipse-scout/releng": "^25.1.0",
-    "jasmine-core": "5.5.0",
+    "@eclipse-scout/cli": "26.1.0-beta.1",
+    "@eclipse-scout/releng": "^26.1.0",
+    "jasmine-core": "5.13.0",
     "jasmine-jquery": "2.1.1",
     "karma": "6.4.4",
-    "@types/jquery": "3.5.32",
-    "@types/jasmine": "5.1.5",
+    "@types/jquery": "3.5.33",
+    "@types/jasmine": "5.1.13",
     "@types/jasmine-jquery": "1.5.37"
   },
   "dependencies": {
-    "@eclipse-scout/core": "25.2.20",
+    "@eclipse-scout/core": "26.1.0-beta.1",
     "jquery": "3.7.1",
-    "chart.js": "4.4.6",
+    "chart.js": "4.5.1",
     "chartjs-plugin-datalabels": "2.2.0"
   },
   "scripts": {

package/src/chart/ChartJsRenderer.ts

@@ -2930,8 +2930,8 @@ export class ChartJsRenderer extends AbstractChartRenderer {
 
     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;
 
@@ -2948,6 +2948,17 @@ export class ChartJsRenderer extends AbstractChartRenderer {
     });
   }
 
+  protected _typeText(chartType: ChartType) {
+    if (chartType === Chart.Type.BAR) {
+      return this.chart.session.text('ui.ChartTypeBar');
+    }
+    if (chartType === 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 '';
+  }
+
   protected _adjustAxisMaxMin(axis: AxisWithMaxMin, maxTicks: number, maxMinValue: Boundary) {
     if (!axis) {
       return;

package/src/chart/SalesfunnelChartRenderer.ts

@@ -1,5 +1,5 @@
 /*
- * 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
@@ -368,12 +368,12 @@ export class SalesfunnelChartRenderer extends AbstractSvgChartRenderer {
 
   protected _analyzeData(valueGroups: ChartValueGroup[]): AnalyzedData {
     let result: AnalyzedData = {
-        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++) {
 

package/src/chart/chartJsDateAdapter.ts

@@ -14,7 +14,7 @@ import {DateFormat, dates, Locale, objects, Session, strings} from '@eclipse-sco
 export const chartJsDateAdapter = {
   getAdapter(session: Session): Partial<DateAdapter> {
     return {
-      formats: (): { [key: string]: string } => _getFormats(session.locale),
+      formats: (): Record<TimeUnit | 'datetime', string> => _getFormats(session.locale),
 
       parse: (value: unknown, format?: TimeUnit): number | null => {
         if (objects.isNullOrUndefined(value)) {
@@ -158,7 +158,7 @@ export const chartJsDateAdapter = {
   }
 };
 
-function _getFormats(locale: Locale) {
+function _getFormats(locale: Locale): Record<TimeUnit | 'datetime', string> {
   return {
     datetime: locale.dateFormatPatternDefault + ' ' + locale.timeFormatPatternDefault,
     millisecond: 'HH:mm:ss.SSS',

package/src/index.ts

@@ -42,6 +42,7 @@ export * from './table/controls/ChartTableControlLayout';
 export * from './table/controls/ChartTableControlModel';
 export * from './table/controls/ChartTableUserFilter';
 export * from './table/controls/ChartTableUserFilterModel';
+export * from './table/controls/FocusFirstChartTypeKeyStroke';
 
 export default self;
 

package/src/table/controls/ChartTableControl.less

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
+ * 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
@@ -29,41 +29,19 @@
 .chart-select {
   display: flex;
   flex-flow: column;
-
   width: 75px;
   margin: 25px;
 
-
-  & > .icon {
+  & > .chart-type {
     padding: 15px 0;
     margin-bottom: 8px;
     min-width: 60px;
-
-    font-size: 26px;
-    font-weight: @icon-font-weight-light;
-    text-align: center;
-
     border-radius: @border-radius-medium;
+    transition: none; // Disable focus transition because other chart items also have no transition
 
-    color: @button-color;
-
-    &:not(.disabled) {
-      cursor: pointer;
-
-      &.selected,
-      &.selected:hover {
-        background-color: @default-button-background-color;
-        color: @default-button-color;
-      }
-
-      &:hover {
-        color: @button-hover-color;
-        background-color: @hover-background-color;
-      }
-    }
-
-    &.disabled {
-      color: @button-disabled-color;
+    & > .icon {
+      font-size: 26px;
+      font-weight: @icon-font-weight-light;
     }
   }
 }
@@ -137,6 +115,10 @@
     color: @selected-color;
   }
 
+  &:focus {
+    #scout.focus-inset-box-shadow();
+  }
+
   &.disabled {
     cursor: default;
     background-color: @table-control-container-background-color;
@@ -145,6 +127,11 @@
     &:hover {
       background-color: @table-control-container-background-color;
     }
+
+    &.selected {
+      color: @selected-color;
+      background-color: @selected-disabled-background-color;
+    }
   }
 
   & > .select-axis-group {