ontotext-yasgui-web-component 1.3.7 → 1.3.9

package/dist/cjs/confirmation-dialog_9.cjs.entry.js

@@ -317,6 +317,40 @@ const en = {
 	"yasr.plugin_control.plugin.name.pivot-table-plugin.cells": "Cells",
 	"yasr.plugin_control.plugin.name.pivot-table-plugin.rows": "Rows",
 	"yasr.plugin_control.plugin.pivot-table-plugin.charts.config.button": "Chart Config",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_TABLE": "Table",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_TABLE_BARCHART": "Table Barchart",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_HEATMAP": "Heatmap",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_ROW_HEATMAP": "Row Heatmap",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_COL_HEATMAP": "Col Heatmap",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_TREEMAP": "Treemap",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_LINE_CHART": "Line Chart",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_BAR_CHART": "Bar Chart",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_STACKED_BAR_CHART": "Stacked Bar Chart",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_AREA_CHART": "Area Chart",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_SCATTER_CHART": "Scatter Chart",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_TSV_EXPORT": "TSV Export",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT": "Count",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT_UNIQUE_VALUES": "Count Unique Values",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_LIST_UNIQUE_VALUES": "List Unique Values",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM": "Sum",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_INTEGER_SUM": "Integer Sum",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_AVERAGE": "Average",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_MEDIAN": "Median",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SAMPLE_VARIANCE": "Sample Variance",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SAMPLE_STANDARD_DEVIATION": "Sample Standard Deviation",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_MINIMUM": "Minimum",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_MAXIMUM": "Maximum",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_FIRST": "First",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_LAST": "Last",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM_OVER_SUM": "Sum over Sum",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_UPPER_BOUND": "80% Upper Bound",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_LOWER_BOUND": "80% Lower Bound",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM_AS_FRACTION_OF_TOTAL": "Sum as Fraction of Total",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM_AS_FRACTION_OF_ROWS": "Sum as Fraction of Rows",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM_AS_FRACTION_OF_COLUMNS": "Sum as Fraction of Columns",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT_AS_FRACTION_OF_TOTAL": "Count as Fraction of Total",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT_AS_FRACTION_OF_ROWS": "Count as Fraction of Rows",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT_AS_FRACTION_OF_COLUMNS": "Count as Fraction of Columns",
 	"yasr.plugin_control.plugin.name.charts": "Google Chart",
 	"yasr.plugin_control.plugin.charts.config.button": "Chart Config",
 	"yasr.plugin_control.shows_view.btn.aria_label": "Shows {{name}} view",
@@ -557,6 +591,40 @@ const fr = {
 	"yasr.plugin_control.plugin.name.pivot-table-plugin.cells": "Cellules",
 	"yasr.plugin_control.plugin.name.pivot-table-plugin.rows": "Lignes",
 	"yasr.plugin_control.plugin.pivot-table-plugin.charts.config.button": "Configuration du graphique",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_TABLE": "Table",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_TABLE_BARCHART": "Table avec barres",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_HEATMAP": "Carte de chaleur",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_ROW_HEATMAP": "Carte de chaleur par ligne",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_COL_HEATMAP": "Carte de chaleur par colonne",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_TREEMAP": "Carte arborescente",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_LINE_CHART": "Graphique linéaire",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_BAR_CHART": "Diagramme à barres",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_STACKED_BAR_CHART": "Diagramme à barres empilées",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_AREA_CHART": "Graphique en aires",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_SCATTER_CHART": "Diagramme de dispersion",
+	"yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_TSV_EXPORT": "Exportation TSV",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT": "Nombre",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT_UNIQUE_VALUES": "Nombre de valeurs uniques",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_LIST_UNIQUE_VALUES": "Liste de valeurs uniques",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM": "Somme",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_INTEGER_SUM": "Somme en entiers",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_AVERAGE": "Moyenne",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_MEDIAN": "Médiane",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SAMPLE_VARIANCE": "Variance d'échantillonnage",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SAMPLE_STANDARD_DEVIATION": "Écart type d'échantillonnage",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_MINIMUM": "Minimum",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_MAXIMUM": "Maximum",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_FIRST": "Premier",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_LAST": "Dernier",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM_OVER_SUM": "Ratio de sommes",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_UPPER_BOUND": "Borne supérieure 80%",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_LOWER_BOUND": "Borne inférieure 80%",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM_AS_FRACTION_OF_TOTAL": "Somme en proportion du totale",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM_AS_FRACTION_OF_ROWS": "Somme en proportion de la ligne",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_SUM_AS_FRACTION_OF_COLUMNS": "Somme en proportion de la colonne",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT_AS_FRACTION_OF_TOTAL": "Nombre en proportion du totale",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT_AS_FRACTION_OF_ROWS": "Nombre en proportion de la ligne",
+	"yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_COUNT_AS_FRACTION_OF_COLUMNS": "Nombre en proportion de la colonne",
 	"yasr.plugin_control.plugin.name.charts": "Graphique Google",
 	"yasr.plugin_control.plugin.charts.config.button": "Configuration du graphique",
 	"yasr.plugin_control.shows_view.btn.aria_label": "Affiche la vue {{name}}",
@@ -720,6 +788,9 @@ class TranslationService {
     this.notifyLanguageChangeObservers(this.currentLang);
     this.notifyTranslationsChanged();
   }
+  getLanguage() {
+    return this.currentLang;
+  }
   /**
    * Subscribes the observer for further language change events.
    *
@@ -794,7 +865,10 @@ class TranslationService {
    * @param parameters Optional parameters which to be applied during the translation.
    */
   translate(key, parameters) {
-    let translation = this.bundle[this.currentLang][key];
+    return this.translateInLocale(key, this.currentLang, parameters);
+  }
+  translateInLocale(key, locale, parameters) {
+    let translation = this.bundle[locale][key];
     if (!translation) {
       // Fallback to the default language
       translation = this.bundle[DEFAULT_LANG][key];
@@ -3013,22 +3087,6 @@ class TableToCsvConfiguration {
   }
 }
 
-var PivotTableRendererName;
-(function (PivotTableRendererName) {
-  PivotTableRendererName["TABLE"] = "Table";
-  PivotTableRendererName["TABLE_BARCHART"] = "Table Barchart";
-  PivotTableRendererName["HEATMAP"] = "Heatmap";
-  PivotTableRendererName["ROW_HEATMAP"] = "Row Heatmap";
-  PivotTableRendererName["COL_HEATMAP"] = "Col Heatmap";
-  PivotTableRendererName["TREEMAP"] = "Treemap";
-  PivotTableRendererName["LINE_CHART"] = "Line Chart";
-  PivotTableRendererName["BAR_CHART"] = "Bar Chart";
-  PivotTableRendererName["STACKED_BAR_CHART"] = "Stacked Bar Chart";
-  PivotTableRendererName["AREA_CHART"] = "Area Chart";
-  PivotTableRendererName["SCATTER_CHART"] = "Scatter Chart";
-  PivotTableRendererName["TSV_EXPORT"] = "TSV Export";
-})(PivotTableRendererName || (PivotTableRendererName = {}));
-
 const D3_7_8_5_RENDER = (function () {
 
   const DEFAULTS = {
@@ -3124,6 +3182,242 @@ const D3_7_8_5_RENDER = (function () {
   };
 })();
 
+const PivotTableRendererType = {
+  TABLE: 'TABLE',
+  TABLE_BARCHART: 'TABLE_BARCHART',
+  HEATMAP: 'HEATMAP',
+  ROW_HEATMAP: 'ROW_HEATMAP',
+  COL_HEATMAP: 'COL_HEATMAP',
+  TREEMAP: 'TREEMAP',
+  LINE_CHART: 'LINE_CHART',
+  BAR_CHART: 'BAR_CHART',
+  STACKED_BAR_CHART: 'STACKED_BAR_CHART',
+  AREA_CHART: 'AREA_CHART',
+  SCATTER_CHART: 'SCATTER_CHART',
+  TSV_EXPORT: 'TSV_EXPORT'
+};
+
+const RENDERER_ORDER_LIST = [
+  PivotTableRendererType.TABLE,
+  PivotTableRendererType.TABLE_BARCHART,
+  PivotTableRendererType.HEATMAP,
+  PivotTableRendererType.ROW_HEATMAP,
+  PivotTableRendererType.COL_HEATMAP,
+  PivotTableRendererType.TREEMAP,
+  PivotTableRendererType.LINE_CHART,
+  PivotTableRendererType.BAR_CHART,
+  PivotTableRendererType.STACKED_BAR_CHART,
+  PivotTableRendererType.AREA_CHART,
+  PivotTableRendererType.SCATTER_CHART,
+  PivotTableRendererType.TSV_EXPORT
+];
+class PivotTableRenderer {
+  constructor(name, type) {
+    this.name = name;
+    this.type = type;
+    this.order = RENDERER_ORDER_LIST.indexOf(this.type);
+  }
+}
+
+const PivotTableAggregatorType = {
+  COUNT: 'COUNT',
+  COUNT_UNIQUE_VALUES: 'COUNT_UNIQUE_VALUES',
+  LIST_UNIQUE_VALUES: 'LIST_UNIQUE_VALUES',
+  SUM: 'SUM',
+  INTEGER_SUM: 'INTEGER_SUM',
+  AVERAGE: 'AVERAGE',
+  MEDIAN: 'MEDIAN',
+  SAMPLE_VARIANCE: 'SAMPLE_VARIANCE',
+  SAMPLE_STANDARD_DEVIATION: 'SAMPLE_STANDARD_DEVIATION',
+  MINIMUM: 'MINIMUM',
+  MAXIMUM: 'MAXIMUM',
+  FIRST: 'FIRST',
+  LAST: 'LAST',
+  SUM_OVER_SUM: 'SUM_OVER_SUM',
+  UPPER_BOUND: 'UPPER_BOUND',
+  LOWER_BOUND: 'LOWER_BOUND',
+  SUM_AS_FRACTION_OF_TOTAL: 'SUM_AS_FRACTION_OF_TOTAL',
+  SUM_AS_FRACTION_OF_ROWS: 'SUM_AS_FRACTION_OF_ROWS',
+  SUM_AS_FRACTION_OF_COLUMNS: 'SUM_AS_FRACTION_OF_COLUMNS',
+  COUNT_AS_FRACTION_OF_TOTAL: 'COUNT_AS_FRACTION_OF_TOTAL',
+  COUNT_AS_FRACTION_OF_ROWS: 'COUNT_AS_FRACTION_OF_ROWS',
+  COUNT_AS_FRACTION_OF_COLUMNS: 'COUNT_AS_FRACTION_OF_COLUMNS'
+};
+
+const AGGREGATOR_ORDER_LIST = [
+  PivotTableAggregatorType.COUNT,
+  PivotTableAggregatorType.COUNT_UNIQUE_VALUES,
+  PivotTableAggregatorType.LIST_UNIQUE_VALUES,
+  PivotTableAggregatorType.SUM,
+  PivotTableAggregatorType.INTEGER_SUM,
+  PivotTableAggregatorType.AVERAGE,
+  PivotTableAggregatorType.MEDIAN,
+  PivotTableAggregatorType.SAMPLE_VARIANCE,
+  PivotTableAggregatorType.SAMPLE_STANDARD_DEVIATION,
+  PivotTableAggregatorType.MINIMUM,
+  PivotTableAggregatorType.MAXIMUM,
+  PivotTableAggregatorType.FIRST,
+  PivotTableAggregatorType.LAST,
+  PivotTableAggregatorType.SUM_OVER_SUM,
+  PivotTableAggregatorType.UPPER_BOUND,
+  PivotTableAggregatorType.LOWER_BOUND,
+  PivotTableAggregatorType.SUM_AS_FRACTION_OF_TOTAL,
+  PivotTableAggregatorType.SUM_AS_FRACTION_OF_ROWS,
+  PivotTableAggregatorType.SUM_AS_FRACTION_OF_COLUMNS,
+  PivotTableAggregatorType.COUNT_AS_FRACTION_OF_TOTAL,
+  PivotTableAggregatorType.COUNT_AS_FRACTION_OF_ROWS,
+  PivotTableAggregatorType.COUNT_AS_FRACTION_OF_COLUMNS
+];
+class PivotTableAggregator {
+  constructor(name, type) {
+    this.name = name;
+    this.type = type;
+    this.order = AGGREGATOR_ORDER_LIST.indexOf(this.type);
+  }
+}
+
+class PivotTableService {
+  constructor(translationService) {
+    this.translationService = translationService;
+    this.initRenderers();
+    this.initAggregators();
+  }
+  /**
+   * Retrieves an instance of {@link PivotTableRenderer} based on the specified <code>type</code>.
+   *
+   * @param {string} type - renderer type, the value must be one of {@link PivotTableRendererType} values.
+   * @returns {PivotTableRenderer} An instance of {@link PivotTableRenderer} corresponding to the specified type.
+   */
+  getPivotRendererByType(type) {
+    return this.renderers.find((renderer) => renderer.type === type);
+  }
+  /**
+   * Retrieves an instance of {@link PivotTableRenderer} based on the specified <code>name</code>.
+   *
+   * @param {string} name - The renderer name. The value is language-dependent.
+   * @returns {PivotTableRenderer} An instance of {@link PivotTableRenderer} corresponding to the specified name.
+   */
+  getPivotRendererByName(name) {
+    return this.renderers.find((renderer) => renderer.name === name);
+  }
+  /**
+   * Fetches the name of a renderer with the specified <code>type</code>.
+   *
+   * @param {string} type - The renderer type. The value must be one of {@link PivotTableRendererType} values.
+   * @param {string} language - The locale. For instance, "en", "fr", etc.
+   * @return {string} The translated name of the renderer with the specified <code>type</code>.
+   */
+  getPivotTableRenderName(type, language) {
+    if (language) {
+      return this.translationService.translateInLocale((PivotTableService.RENDERER_NAME_PREFIX + type), language);
+    }
+    return this.translationService.translate(PivotTableService.RENDERER_NAME_PREFIX + type);
+  }
+  getPivotTableRenderersCompareByNameFunction() {
+    return (name1, name2) => {
+      const pivotRendererByName = this.getPivotRendererByName(name1);
+      const pivotRendererByName1 = this.getPivotRendererByName(name2);
+      return pivotRendererByName.order - pivotRendererByName1.order;
+    };
+  }
+  /**
+   * Retrieves an instance of {@link PivotTableAggregator} based on the specified <code>type</code>.
+   *
+   * @param {string} type - aggregator type, the value must be one of {@link PivotTableAggregatorType} values.
+   * @returns {PivotTableAggregator} An instance of {@link PivotTableAggregator} corresponding to the specified type.
+   */
+  getPivotTableAggregatorByType(type) {
+    return this.aggregators.find((aggregator) => aggregator.type === type);
+  }
+  /**
+   * Retrieves an instance of {@link PivotTableAggregator} based on the specified <code>name</code>.
+   *
+   * @param {string} name - The aggregator name. The value is language-dependent.
+   * @returns {PivotTableAggregator} An instance of {@link PivotTableAggregator} corresponding to the specified name.
+   */
+  getPivotTableAggregatorByName(name) {
+    return this.aggregators.find((aggregator) => aggregator.name === name);
+  }
+  /**
+   * Fetches the name of an aggregator with the specified <code>type</code>.
+   *
+   * @param {string} type - The aggregator type. The value must be one of {@link PivotTableAggregatorType} values.
+   * @param {string} language - The locale. For instance, "en", "fr", etc.
+   * @return {string} The translated name of the aggregator with the specified <code>type</code>.
+   */
+  getPivotTableAggregatorName(type, language) {
+    if (language) {
+      return this.translationService.translateInLocale(PivotTableService.AGGREGATOR_NAME_PREFIX + type, language);
+    }
+    return this.translationService.translate(PivotTableService.AGGREGATOR_NAME_PREFIX + type);
+  }
+  getPivotTableAggregatorsCompareByNameFunction() {
+    return (name1, name2) => {
+      const pivotTableAggregatorByName = this.getPivotTableAggregatorByName(name1);
+      const pivotTableAggregatorByName1 = this.getPivotTableAggregatorByName(name2);
+      return pivotTableAggregatorByName.order - pivotTableAggregatorByName1.order;
+    };
+  }
+  /**
+   * Initializes renderers. A renderer is an object that contains a mapping between a name and a type. The type is hardcoded and is
+   * described in the {@link PivotTableRendererType}. The name depends on the language. During initialization, the names are translated
+   * via the {@link TranslationService}.
+   */
+  initRenderers() {
+    this.renderers = [];
+    Object.keys(PivotTableRendererType)
+      .forEach((pivotTableRendererType) => {
+      const pivotTableRenderName = this.getPivotTableRenderName(pivotTableRendererType);
+      this.renderers.push(new PivotTableRenderer(pivotTableRenderName, pivotTableRendererType));
+    });
+  }
+  /**
+   * Initializes aggregators. An aggregator is an object that contains a mapping between a name and a type. The type is hardcoded and is
+   * described in the {@link PivotTableAggregatorType} enum. The name depends on the language. During initialization, the names are translated
+   * via the {@link TranslationService}.
+   */
+  initAggregators() {
+    this.aggregators = [];
+    Object.keys(PivotTableAggregatorType)
+      .forEach((pivotTableAggregatorType) => {
+      const pivotTableRenderName = this.getPivotTableAggregatorName(pivotTableAggregatorType);
+      this.aggregators.push(new PivotTableAggregator(pivotTableRenderName, pivotTableAggregatorType));
+    });
+  }
+}
+PivotTableService.RENDERER_NAME_PREFIX = 'yasr.plugin_control.plugin.pivot-table-plugin.renderer.type_';
+PivotTableService.AGGREGATOR_NAME_PREFIX = 'yasr.plugin_control.plugin.pivot-table-plugin.aggregator.type_';
+
+class ObjectUtil {
+  /**
+   * Reorders an <code>object</code> based on the passed <code>compareFunction</code>.
+   *
+   * @param object - The object whose key-value pairs will be reordered.
+   * @param compareFunction - A function that will be called with two keys from the object.
+   * It should return a positive number if the first key should come before the second,
+   * a negative number if the second key should come before the first, or 0 if both keys are equal.
+   *
+   */
+  static orderObjectByKey(object, compareFunction) {
+    const sortedAggregators = {};
+    Object.keys(object).sort(compareFunction)
+      .forEach((key) => {
+      sortedAggregators[key] = object[key];
+    });
+    return sortedAggregators;
+  }
+}
+
+const NOT_TRANSLATED_RENDERERS_TYPES = [
+  PivotTableRendererType.TREEMAP,
+  PivotTableRendererType.LINE_CHART,
+  PivotTableRendererType.BAR_CHART,
+  PivotTableRendererType.STACKED_BAR_CHART,
+  PivotTableRendererType.AREA_CHART,
+  PivotTableRendererType.SCATTER_CHART,
+  PivotTableRendererType.TSV_EXPORT
+];
+const PIVOT_TABLE_SUPPORTED_LANGUAGES = ['cs', 'da', 'de', 'es', 'fr', 'jp', 'nl', 'pl', 'pt', 'ru', 'sq', 'tr', 'zh'];
 class PivotTablePlugin {
   // @ts-ignore
   constructor(yasr) {
@@ -3132,6 +3426,8 @@ class PivotTablePlugin {
     if (yasr) {
       this.yasr = yasr;
       this.translationService = this.yasr.config.translationService;
+      this.currentLanguage = this.translationService.getLanguage();
+      this.pivotTableService = new PivotTableService(this.translationService);
     }
   }
   initialize() {
@@ -3142,9 +3438,14 @@ class PivotTablePlugin {
       HtmlUtil.loadJavaScript('https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js');
       HtmlUtil.loadJavaScript('https://www.gstatic.com/charts/loader.js');
       HtmlUtil.loadJavaScript('https://pivottable.js.org/dist/pivot.js');
+      if (PIVOT_TABLE_SUPPORTED_LANGUAGES.includes(this.currentLanguage)) {
+        HtmlUtil.loadJavaScript(`https://pivottable.js.org/dist/pivot.${this.currentLanguage}.js`);
+      }
       HtmlUtil.loadJavaScript('https://pivottable.js.org/dist/export_renderers.js');
       HtmlUtil.loadJavaScript('https://pivottable.js.org/dist/gchart_renderers.js', () => {
         D3_7_8_5_RENDER.register();
+        this.setupRenderers();
+        this.setupAggregators();
         resolve();
       });
     });
@@ -3162,7 +3463,7 @@ class PivotTablePlugin {
       // @ts-ignore
       google.charts.load('current', { packages: ['corechart', 'charteditor'] });
       // If the render is a Google chart we have to wait the module to be loaded.
-      if (persistentConfig && this.isGoogleChartRender(persistentConfig.rendererName)) {
+      if (persistentConfig && persistentConfig.rendererType && this.isGoogleChartRender(this.pivotTableService.getPivotRendererByType(persistentConfig.rendererType))) {
         // @ts-ignore
         google.setOnLoadCallback(() => {
           this.drawPivotTable(persistentConfig);
@@ -3176,8 +3477,9 @@ class PivotTablePlugin {
   }
   drawPivotTable(persistentConfig) {
     const config = Object.assign({}, persistentConfig);
-    config.renderers = this.getRenders();
     config.onRefresh = this.onRefresh();
+    config.rendererName = config.rendererType ? this.pivotTableService.getPivotRendererByType(config.rendererType).name : undefined;
+    config.aggregatorName = config.aggregatorType ? this.pivotTableService.getPivotTableAggregatorByType(config.aggregatorType).name : undefined;
     this.showPlugin(config);
     this.addUnusedVariableHeader();
     this.addColumnsHeader();
@@ -3185,13 +3487,16 @@ class PivotTablePlugin {
     this.addRowsHeader();
     this.updateVariablesElement();
   }
-  isGoogleChartRender(renderName) {
-    switch (renderName) {
-      case PivotTableRendererName.BAR_CHART:
-      case PivotTableRendererName.LINE_CHART:
-      case PivotTableRendererName.STACKED_BAR_CHART:
-      case PivotTableRendererName.AREA_CHART:
-      case PivotTableRendererName.SCATTER_CHART:
+  isGoogleChartRender(renderer) {
+    if (!renderer) {
+      return false;
+    }
+    switch (renderer.type) {
+      case PivotTableRendererType.BAR_CHART:
+      case PivotTableRendererType.LINE_CHART:
+      case PivotTableRendererType.STACKED_BAR_CHART:
+      case PivotTableRendererType.AREA_CHART:
+      case PivotTableRendererType.SCATTER_CHART:
         return true;
     }
     return false;
@@ -3210,28 +3515,85 @@ class PivotTablePlugin {
     // @ts-ignore
     const options = $(this.yasr.rootEl.querySelector(`.${PivotTablePlugin.PLUGIN_NAME}`)).data('pivotUIOptions');
     if (options) {
-      switch (options.rendererName) {
-        case PivotTableRendererName.TSV_EXPORT:
+      switch (this.pivotTableService.getPivotRendererByName(options.rendererName).type) {
+        case PivotTableRendererType.TSV_EXPORT:
           return PivotTableDownloadUtil.getTSVDownloadInfo(this.yasr);
-        case PivotTableRendererName.TABLE:
-        case PivotTableRendererName.TABLE_BARCHART:
-        case PivotTableRendererName.HEATMAP:
-        case PivotTableRendererName.ROW_HEATMAP:
-        case PivotTableRendererName.COL_HEATMAP:
+        case PivotTableRendererType.TABLE:
+        case PivotTableRendererType.TABLE_BARCHART:
+        case PivotTableRendererType.HEATMAP:
+        case PivotTableRendererType.ROW_HEATMAP:
+        case PivotTableRendererType.COL_HEATMAP:
           return PivotTableDownloadUtil.getCSVDownloadInfo(this.yasr);
-        case PivotTableRendererName.BAR_CHART:
-        case PivotTableRendererName.LINE_CHART:
-        case PivotTableRendererName.STACKED_BAR_CHART:
-        case PivotTableRendererName.AREA_CHART:
-        case PivotTableRendererName.SCATTER_CHART:
+        case PivotTableRendererType.BAR_CHART:
+        case PivotTableRendererType.LINE_CHART:
+        case PivotTableRendererType.STACKED_BAR_CHART:
+        case PivotTableRendererType.AREA_CHART:
+        case PivotTableRendererType.SCATTER_CHART:
           return PivotTableDownloadUtil.getSvgDownloadInfo(this.yasr);
       }
     }
     return;
   }
-  getRenders() {
+  setupRenderers() {
+    this.translateRenders();
+    this.sortRenderers();
+  }
+  /**
+   * Pivot table has support for translation of renderers that are loaded by default. For additional renderers, we have to translate them ourselves.
+   */
+  translateRenders() {
     // @ts-ignore
-    return $.extend(true, $.pivotUtilities.renderers, $.pivotUtilities[D3_7_8_5_RENDER.RENDER_NAME], $.pivotUtilities.gchart_renderers, $.pivotUtilities.export_renderers);
+    const renderers = $.extend(true, $.pivotUtilities[D3_7_8_5_RENDER.RENDER_NAME], $.pivotUtilities.gchart_renderers, $.pivotUtilities.export_renderers);
+    NOT_TRANSLATED_RENDERERS_TYPES.forEach((rendererType) => {
+      const renderer = this.pivotTableService.getPivotRendererByType(rendererType);
+      const rendererEnName = this.pivotTableService.getPivotTableRenderName(rendererType, 'en');
+      if (renderer) {
+        // @ts-ignore
+        $.pivotUtilities.locales[this.currentLanguage].renderers[renderer.name] = renderers[rendererEnName];
+      }
+      else {
+        console.log(`Missing translation for renderer: [${rendererType}] The default will be used!`);
+        // @ts-ignore
+        $.pivotUtilities.locales[this.currentLanguage].renderers[renderer] = renderers[rendererEnName];
+      }
+    });
+  }
+  /**
+   * Sorts renderers.
+   */
+  sortRenderers() {
+    // @ts-ignore
+    $.pivotUtilities.locales[this.currentLanguage].renderers = ObjectUtil.orderObjectByKey($.pivotUtilities.locales[this.currentLanguage].renderers, this.pivotTableService.getPivotTableRenderersCompareByNameFunction());
+  }
+  setupAggregators() {
+    if ('fr' === this.currentLanguage) {
+      this.addMissedFrenchAggregators();
+    }
+    this.sortAggregators();
+  }
+  /**
+   * Sorts aggregators.
+   */
+  sortAggregators() {
+    // @ts-ignore
+    $.pivotUtilities.locales[this.currentLanguage].aggregators = ObjectUtil.orderObjectByKey($.pivotUtilities.locales[this.currentLanguage].aggregators, this.pivotTableService.getPivotTableAggregatorsCompareByNameFunction());
+  }
+  /**
+   * The French pivot table is missing the 'Median', 'Sample Variance', and 'Sample Standard Deviation' aggregators.
+   * This function adds these aggregators to the French locale object.
+   */
+  addMissedFrenchAggregators() {
+    // @ts-ignore
+    const frFmt = $.pivotUtilities.numberFormat({
+      thousandsSep: " ",
+      decimalSep: ","
+    });
+    // @ts-ignore
+    $.pivotUtilities.locales[this.currentLanguage].aggregators[this.translationService.translate(PivotTableService.AGGREGATOR_NAME_PREFIX + 'MEDIAN')] = $.pivotUtilities.aggregatorTemplates.median(frFmt);
+    // @ts-ignore
+    $.pivotUtilities.locales[this.currentLanguage].aggregators[this.translationService.translate(PivotTableService.AGGREGATOR_NAME_PREFIX + 'SAMPLE_VARIANCE')] = $.pivotUtilities.aggregatorTemplates["var"](1, frFmt);
+    // @ts-ignore
+    $.pivotUtilities.locales[this.currentLanguage].aggregators[this.translationService.translate(PivotTableService.AGGREGATOR_NAME_PREFIX + 'SAMPLE_STANDARD_DEVIATION')] = $.pivotUtilities.aggregatorTemplates.stdev(1, frFmt);
   }
   showPlugin(config) {
     this.pluginElement = document.createElement("div");
@@ -3239,7 +3601,7 @@ class PivotTablePlugin {
     this.yasr.resultsEl.appendChild(this.pluginElement);
     // @ts-ignore
     $(this.yasr.rootEl.querySelector(`.${PivotTablePlugin.PLUGIN_NAME}`))
-      .pivotUI((callback) => this.getResults(callback), config);
+      .pivotUI((callback) => this.getResults(callback), config, false, this.currentLanguage);
   }
   /**
    * This function transforms Yasr results into the input type expected by the PivotTable. It is called to fetch all values that need to be populated.
@@ -3334,12 +3696,12 @@ class PivotTablePlugin {
   onRefresh() {
     return (pivotUIOptions) => {
       if (pivotUIOptions) {
-        switch (pivotUIOptions.rendererName) {
-          case PivotTableRendererName.BAR_CHART:
-          case PivotTableRendererName.LINE_CHART:
-          case PivotTableRendererName.STACKED_BAR_CHART:
-          case PivotTableRendererName.AREA_CHART:
-          case PivotTableRendererName.SCATTER_CHART:
+        switch (this.pivotTableService.getPivotRendererByName(pivotUIOptions.rendererName).type) {
+          case PivotTableRendererType.BAR_CHART:
+          case PivotTableRendererType.LINE_CHART:
+          case PivotTableRendererType.STACKED_BAR_CHART:
+          case PivotTableRendererType.AREA_CHART:
+          case PivotTableRendererType.SCATTER_CHART:
             this.addChartConfigButton();
             break;
           default:
@@ -3386,8 +3748,8 @@ class PivotTablePlugin {
       exclusions: pivotUIOptions.exclusions,
       inclusions: pivotUIOptions.inclusions,
       inclusionsInfo: pivotUIOptions.inclusionsInfo,
-      aggregatorName: pivotUIOptions.aggregatorName,
-      rendererName: pivotUIOptions.rendererName,
+      aggregatorType: this.pivotTableService.getPivotTableAggregatorByName(pivotUIOptions.aggregatorName).type,
+      rendererType: this.pivotTableService.getPivotRendererByName(pivotUIOptions.rendererName).type
     };
   }
 }
@@ -4035,6 +4397,7 @@ const OntotextYasguiWebComponent = class {
     this.shareQuery = index.createEvent(this, "shareQuery", 7);
     this.output = index.createEvent(this, "output", 7);
     this.defaultViewMode = RenderingMode.YASGUI;
+    this.subscriptions = [];
     this.config = undefined;
     this.language = undefined;
     this.savedQueryConfig = undefined;
@@ -4052,12 +4415,16 @@ const OntotextYasguiWebComponent = class {
     this.copiedResourceLink = undefined;
     this.loaderMessage = undefined;
     this.additionalLoaderMessage = undefined;
+    this.yasqeBtnLabel = undefined;
+    this.yasguiBtnLabel = undefined;
+    this.yasrBtnLabel = undefined;
     this.serviceFactory = new ServiceFactory(this.hostElement);
     this.translationService = this.serviceFactory.get(TranslationService);
     this.yasguiConfigurationBuilder = this.serviceFactory.get(YasguiConfigurationBuilder);
     this.yasguiBuilder = this.serviceFactory.get(YasguiBuilder);
     this.ontotextYasguiService = this.serviceFactory.get(OntotextYasguiService);
     this.notificationMessageService = this.serviceFactory.get(NotificationMessageService);
+    this.initComponentTranslationHandlers();
   }
   configurationChanged(newConfig) {
     this.init(newConfig);
@@ -4634,6 +5001,17 @@ const OntotextYasguiWebComponent = class {
       }
     }
   }
+  initComponentTranslationHandlers() {
+    this.subscriptions.push(this.translationService.onTranslate('yasgui.toolbar.mode_yasqe.btn.label', (yasqeBtnLabel) => {
+      this.yasqeBtnLabel = yasqeBtnLabel;
+    }));
+    this.subscriptions.push(this.translationService.onTranslate('yasgui.toolbar.mode_yasgui.btn.label', (yasguiBtnLabel) => {
+      this.yasguiBtnLabel = yasguiBtnLabel;
+    }));
+    this.subscriptions.push(this.translationService.onTranslate('yasgui.toolbar.mode_yasr.btn.label', (yasrBtnLabel) => {
+      this.yasrBtnLabel = yasrBtnLabel;
+    }));
+  }
   init(externalConfiguration) {
     if (!HtmlElementsUtil.getOntotextYasgui(this.hostElement) || !externalConfiguration) {
       return;
@@ -4668,11 +5046,15 @@ const OntotextYasguiWebComponent = class {
     this.init(this.config);
   }
   disconnectedCallback() {
+    if (this.subscriptions) {
+      this.subscriptions.forEach((subscription) => subscription());
+      this.subscriptions = [];
+    }
     this.destroy();
   }
   render() {
     const classList = `yasgui-host-element ${this.getOrientationMode()} ${this.getRenderMode()}`;
-    return (index.h(index.Host, { class: classList }, index.h("div", { class: "yasgui-toolbar hidden" }, index.h("button", { class: "yasgui-btn btn-mode-yasqe", onClick: () => this.changeRenderingMode(RenderingMode.YASQE) }, this.translationService.translate('yasgui.toolbar.mode_yasqe.btn.label')), index.h("button", { class: "yasgui-btn btn-mode-yasgui", onClick: () => this.changeRenderingMode(RenderingMode.YASGUI) }, this.translationService.translate('yasgui.toolbar.mode_yasgui.btn.label')), index.h("button", { class: "yasgui-btn btn-mode-yasr", onClick: () => this.changeRenderingMode(RenderingMode.YASR) }, this.translationService.translate('yasgui.toolbar.mode_yasr.btn.label')), index.h("yasgui-tooltip", { "data-tooltip": this.resolveOrientationButtonTooltip(), placement: "left", "show-on-click": true }, index.h("button", { class: "btn-orientation icon-columns red", onClick: () => this.changeOrientation() }, "\u00A0"))), index.h("div", { class: "ontotext-yasgui" }), this.showSaveQueryDialog &&
+    return (index.h(index.Host, { class: classList }, index.h("div", { class: "yasgui-toolbar hidden" }, index.h("button", { class: "yasgui-btn btn-mode-yasqe", onClick: () => this.changeRenderingMode(RenderingMode.YASQE) }, this.yasqeBtnLabel), index.h("button", { class: "yasgui-btn btn-mode-yasgui", onClick: () => this.changeRenderingMode(RenderingMode.YASGUI) }, this.yasguiBtnLabel), index.h("button", { class: "yasgui-btn btn-mode-yasr", onClick: () => this.changeRenderingMode(RenderingMode.YASR) }, this.yasrBtnLabel), index.h("yasgui-tooltip", { "data-tooltip": this.resolveOrientationButtonTooltip(), placement: "left", "show-on-click": true }, index.h("button", { class: "btn-orientation icon-columns red", onClick: () => this.changeOrientation() }, "\u00A0"))), index.h("div", { class: "ontotext-yasgui" }), this.showSaveQueryDialog &&
       index.h("save-query-dialog", { data: this.getSaveQueryData(), serviceFactory: this.serviceFactory }, "\u00A0"), this.showSavedQueriesPopup &&
       index.h("saved-queries-popup", { config: this.getSaveQueriesData(), serviceFactory: this.serviceFactory }), this.showConfirmationDialog &&
       index.h("confirmation-dialog", { translationService: this.translationService, config: this.getDeleteQueryConfirmationConfig() }), this.showShareQueryDialog &&