ontotext-yasgui-web-component 1.1.7 → 1.1.8

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

@@ -451,7 +451,7 @@ const fr = {
 	"yasr.plugin.extended_boolean.false": "NON",
 	"yasr.plugin.no_compatible.message": " ",
 	"yasr.plugin.extended_error.default_status.message": "Erreur",
-	"yasqe.actions.save_query.button.tooltip": "Create saved query",
+	"yasqe.actions.save_query.button.tooltip": "Créer une requête enregistrée",
 	"yasqe.actions.save_query.dialog.title": "Créer une nouvelle requête enregistrée",
 	"yasqe.actions.save_query.dialog.query.label": "Créez votre requête d'exemple",
 	"yasqe.actions.save_query.dialog.query.empty_error": "La requête ne peut pas être vide !",
@@ -469,8 +469,8 @@ const fr = {
 	"yasqe.actions.share_query.button.tooltip": "Obtenir l'URL de la requête en cours",
 	"yasqe.actions.include_inferred.true.button.tooltip": "Inclure les données déduites dans les résultats: AU",
 	"yasqe.actions.include_inferred.false.button.tooltip": "Inclure les données déduites dans les résultats: DÉSACTIVÉ",
-	"yasqe.actions.expand_results_same_as.true.button.tooltip": "Développer les résultats sur owl:sameAs: ON",
-	"yasqe.actions.expand_results_same_as.false.button.tooltip": "Développer les résultats sur owl:sameAs: OFF",
+	"yasqe.actions.expand_results_same_as.true.button.tooltip": "Développer les résultats sur owl:sameAs: AU",
+	"yasqe.actions.expand_results_same_as.false.button.tooltip": "Développer les résultats sur owl:sameAs: DÉSACTIVÉ",
 	"yasqe.actions.expand_results_same_as.disable.button.tooltip": "Nécessite 'Inclure les données inférées' !",
 	"yasqe.footer_buttons.abort_query.button.label": "Annuler la requête",
 	"yasqe.footer_buttons.abort_query.button.title": "Cliquez pour annuler la requête",
@@ -487,11 +487,22 @@ const fr = {
 
 const DEFAULT_LANG = 'en';
 
+/**
+ * Service responsible for translation operations in the component.
+ */
 class TranslationService {
   constructor() {
     this.currentLang = DEFAULT_LANG;
     this.bundle = { en, fr };
+    this.languageChangeObservers = [];
   }
+  /**
+   * Sets the language which should be used for registered labels. If there is no registered bundle
+   * for the provided language, then the default language will be set and used.
+   * This method also notifies all registered LanguageChangeObserver's.
+   *
+   * @param lang The language to be set.
+   */
   setLanguage(lang = DEFAULT_LANG) {
     if (!this.bundle || !this.bundle[this.currentLang]) {
       console.warn(`Missing locale file for [${this.currentLang}]`);
@@ -500,6 +511,34 @@ class TranslationService {
     else {
       this.currentLang = lang;
     }
+    this.notifyLanguageChangeObservers(this.currentLang);
+  }
+  /**
+   * Subscribes the observer for further language change events.
+   *
+   * @param observer The observer to be registered for the language change events.
+   * @return Returns an unsubscribe function which can be called by the observer to unsubscribe
+   * itself.
+   */
+  subscribeForLanguageChange(observer) {
+    const existingObserverIndex = this.languageChangeObservers.findIndex((subscription) => subscription.name === observer.name);
+    if (existingObserverIndex === -1) {
+      this.languageChangeObservers.push(observer);
+    }
+    return () => this.unsubscribeFromLanguageChange(observer);
+  }
+  /**
+   * Unsubscribes the observer from the language change events.
+   * @param observer The observer to be unsubscribed.
+   */
+  unsubscribeFromLanguageChange(observer) {
+    const existingObserverIndex = this.languageChangeObservers.findIndex((subscription) => subscription.name === observer.name);
+    if (existingObserverIndex !== -1) {
+      this.languageChangeObservers.splice(existingObserverIndex, 1);
+    }
+  }
+  notifyLanguageChangeObservers(currentLang) {
+    this.languageChangeObservers.forEach((observer) => observer.notify(currentLang));
   }
   /**
    * Merges external i18e  configuration with bundled one.
@@ -533,6 +572,12 @@ class TranslationService {
       }
     });
   }
+  /**
+   * Translates the provided key using the currently selected language by applying the parameters if
+   * provided.
+   * @param key The key for the label which needs to be translated.
+   * @param parameters Optional parameters which to be applied during the translation.
+   */
   translate(key, parameters) {
     let translation = this.bundle[this.currentLang][key];
     if (!translation) {
@@ -779,6 +824,10 @@ class OntotextYasgui {
       callback(args);
     });
   }
+  getYasqe() {
+    var _a;
+    return (_a = this.yasgui) === null || _a === void 0 ? void 0 : _a.getTab().getYasqe();
+  }
   setQuery(query) {
     this.yasgui.getTab().getYasqe().setValue(query);
   }
@@ -918,8 +967,15 @@ class YasguiBuilder {
    */
   build(hostElement, yasguiConfiguration) {
     const yasgui = this.createYasguiInstance(hostElement, yasguiConfiguration);
-    // monkey patches have to be applied before return yasgui.
-    return new OntotextYasgui(yasgui, yasguiConfiguration);
+    // patches have to be applied before returning yasgui instance.
+    this.instance = new OntotextYasgui(yasgui, yasguiConfiguration);
+    return this.instance;
+  }
+  /**
+   * Returns the OntotextYasgui instance if created or undefined otherwise.
+   */
+  getInstance() {
+    return this.instance;
   }
   createYasguiInstance(hostElement, yasguiConfiguration) {
     // @ts-ignore
@@ -1075,7 +1131,7 @@ class TooltipService {
     return tooltipElement;
   }
   static updateTooltip(element, tooltip, placement) {
-    const parentElement = element.parentElement;
+    const parentElement = element === null || element === void 0 ? void 0 : element.parentElement;
     if (parentElement && 'yasgui-tooltip' === parentElement.tagName.toLowerCase()) {
       TooltipService.updateTooltipData(parentElement, tooltip);
       TooltipService.updatePlacement(parentElement, placement);
@@ -1126,15 +1182,45 @@ class YasqeService {
   constructor(serviceFactory) {
     //@ts-ignore
     this.buttonBuilders = new Map();
+    this.yasguiBuilder = serviceFactory.get(YasguiBuilder);
     this.eventService = serviceFactory.getEventService();
-    this.initPluginButtonNameToClassNameMapping();
+    YasqeService.initPluginButtonNameToClassNameMapping();
     this.translationService = serviceFactory.get(TranslationService);
+    this.translationService.subscribeForLanguageChange({
+      name: 'YasqeServiceLanguageChangeObserver',
+      notify: (currentLang) => this.onLanguageChange(currentLang)
+    });
     this.buttonBuilders.set(YasqeButtonName.CREATE_SAVED_QUERY, () => this.buildCreateSaveQueryButton());
     this.buttonBuilders.set(YasqeButtonName.SHOW_SAVED_QUERIES, () => this.buildShowSavedQueriesButton());
     this.buttonBuilders.set(YasqeButtonName.SHARE_QUERY, () => this.buildShareQueryButton());
     this.buttonBuilders.set('includeInferredStatements', (externalConfiguration, yasqe) => this.buildInferAndSameAsButtons(externalConfiguration, yasqe));
   }
-  initPluginButtonNameToClassNameMapping() {
+  onLanguageChange(_currentLang) {
+    let button = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.CREATE_SAVED_QUERY)}`);
+    let tooltip = this.translationService.translate('yasqe.actions.save_query.button.tooltip');
+    TooltipService.updateTooltip(button, tooltip);
+    button = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.SHOW_SAVED_QUERIES)}`);
+    tooltip = this.translationService.translate('yasqe.actions.show_saved_queries.button.tooltip');
+    TooltipService.updateTooltip(button, tooltip);
+    button = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.SHARE_QUERY)}`);
+    tooltip = this.translationService.translate('yasqe.actions.share_query.button.tooltip');
+    TooltipService.updateTooltip(button, tooltip);
+    const ontotextYasgui = this.yasguiBuilder.getInstance();
+    const yasqe = ontotextYasgui === null || ontotextYasgui === void 0 ? void 0 : ontotextYasgui.getYasqe();
+    if (ontotextYasgui && yasqe) {
+      const inferredValue = yasqe.getInfer();
+      const sameAsValue = yasqe.getSameAs();
+      const sameAsButton = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.EXPANDS_RESULTS)}`);
+      const sameAsButtonTooltipEl = sameAsButton === null || sameAsButton === void 0 ? void 0 : sameAsButton.parentElement;
+      const inferStatementsButton = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.INFER_STATEMENTS)}`);
+      const inferStatementButtonTooltipEl = inferStatementsButton === null || inferStatementsButton === void 0 ? void 0 : inferStatementsButton.parentElement;
+      if (sameAsButtonTooltipEl && inferStatementButtonTooltipEl) {
+        this.updateInferredElement(inferStatementButtonTooltipEl, sameAsButtonTooltipEl, inferredValue, sameAsValue);
+        this.updateSameAsElement(sameAsButtonTooltipEl, sameAsValue, inferredValue);
+      }
+    }
+  }
+  static initPluginButtonNameToClassNameMapping() {
     YasqeService.pluginButtonNameToClassNameMapping = new Map();
     YasqeService.pluginButtonNameToClassNameMapping.set(YasqeButtonName.CREATE_SAVED_QUERY, `yasqe_${YasqeButtonName.CREATE_SAVED_QUERY}Button`);
     YasqeService.pluginButtonNameToClassNameMapping.set(YasqeButtonName.SHOW_SAVED_QUERIES, `yasqe_${YasqeButtonName.SHOW_SAVED_QUERIES}Button`);
@@ -1288,9 +1374,6 @@ class YasqeService {
   /**
    * Initializes the state of infer and same as buttons.
    *
-   *
-   *
-   *
    * @param yasqe - the yasqe.
    * @param defaultInfer - default value of infer if not set in <code>yasqe</code>
    * @param defaultSameAs - default value of sameAs if not set in <code>yasqe</code>
@@ -2689,6 +2772,8 @@ class PivotTablePlugin {
   }
   destroy() {
     // TODO remove all listeners if any.
+    const configButtonWrapper = this.yasr.rootEl.querySelector('.yasr_header .chart-config-control');
+    configButtonWrapper === null || configButtonWrapper === void 0 ? void 0 : configButtonWrapper.remove();
   }
   download(_filename) {
     // @ts-ignore
@@ -3007,6 +3092,8 @@ class ChartsPlugin {
   destroy() {
     // @ts-ignore
     google.visualization.events.removeListener(this.chartEditorOkHandler);
+    const configButtonWrapper = this.yasr.rootEl.querySelector('.yasr_header .chart-config-control');
+    configButtonWrapper === null || configButtonWrapper === void 0 ? void 0 : configButtonWrapper.remove();
   }
   drawChart() {
     this.yasr.resultsEl.innerHTML = '';

package/dist/collection/models/ontotext-yasgui.js

@@ -24,6 +24,10 @@ export class OntotextYasgui {
       callback(args);
     });
   }
+  getYasqe() {
+    var _a;
+    return (_a = this.yasgui) === null || _a === void 0 ? void 0 : _a.getTab().getYasqe();
+  }
   setQuery(query) {
     this.yasgui.getTab().getYasqe().setValue(query);
   }

package/dist/collection/models/yasqe.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/plugins/yasr/charts/charts-plugin.js

@@ -89,6 +89,8 @@ export class ChartsPlugin {
   destroy() {
     // @ts-ignore
     google.visualization.events.removeListener(this.chartEditorOkHandler);
+    const configButtonWrapper = this.yasr.rootEl.querySelector('.yasr_header .chart-config-control');
+    configButtonWrapper === null || configButtonWrapper === void 0 ? void 0 : configButtonWrapper.remove();
   }
   drawChart() {
     this.yasr.resultsEl.innerHTML = '';

package/dist/collection/plugins/yasr/pivot-table/pivot-table-plugin.js

@@ -80,6 +80,8 @@ export class PivotTablePlugin {
   }
   destroy() {
     // TODO remove all listeners if any.
+    const configButtonWrapper = this.yasr.rootEl.querySelector('.yasr_header .chart-config-control');
+    configButtonWrapper === null || configButtonWrapper === void 0 ? void 0 : configButtonWrapper.remove();
   }
   download(_filename) {
     // @ts-ignore

package/dist/collection/services/tooltip-service.js

@@ -20,7 +20,7 @@ export class TooltipService {
     return tooltipElement;
   }
   static updateTooltip(element, tooltip, placement) {
-    const parentElement = element.parentElement;
+    const parentElement = element === null || element === void 0 ? void 0 : element.parentElement;
     if (parentElement && 'yasgui-tooltip' === parentElement.tagName.toLowerCase()) {
       TooltipService.updateTooltipData(parentElement, tooltip);
       TooltipService.updatePlacement(parentElement, placement);

package/dist/collection/services/translation.service.js

@@ -1,11 +1,22 @@
 import en from '../i18n/locale-en.json';
 import fr from '../i18n/locale-fr.json';
 import { DEFAULT_LANG } from '../configurations/constants';
+/**
+ * Service responsible for translation operations in the component.
+ */
 export class TranslationService {
   constructor() {
     this.currentLang = DEFAULT_LANG;
     this.bundle = { en, fr };
+    this.languageChangeObservers = [];
   }
+  /**
+   * Sets the language which should be used for registered labels. If there is no registered bundle
+   * for the provided language, then the default language will be set and used.
+   * This method also notifies all registered LanguageChangeObserver's.
+   *
+   * @param lang The language to be set.
+   */
   setLanguage(lang = DEFAULT_LANG) {
     if (!this.bundle || !this.bundle[this.currentLang]) {
       console.warn(`Missing locale file for [${this.currentLang}]`);
@@ -14,6 +25,34 @@ export class TranslationService {
     else {
       this.currentLang = lang;
     }
+    this.notifyLanguageChangeObservers(this.currentLang);
+  }
+  /**
+   * Subscribes the observer for further language change events.
+   *
+   * @param observer The observer to be registered for the language change events.
+   * @return Returns an unsubscribe function which can be called by the observer to unsubscribe
+   * itself.
+   */
+  subscribeForLanguageChange(observer) {
+    const existingObserverIndex = this.languageChangeObservers.findIndex((subscription) => subscription.name === observer.name);
+    if (existingObserverIndex === -1) {
+      this.languageChangeObservers.push(observer);
+    }
+    return () => this.unsubscribeFromLanguageChange(observer);
+  }
+  /**
+   * Unsubscribes the observer from the language change events.
+   * @param observer The observer to be unsubscribed.
+   */
+  unsubscribeFromLanguageChange(observer) {
+    const existingObserverIndex = this.languageChangeObservers.findIndex((subscription) => subscription.name === observer.name);
+    if (existingObserverIndex !== -1) {
+      this.languageChangeObservers.splice(existingObserverIndex, 1);
+    }
+  }
+  notifyLanguageChangeObservers(currentLang) {
+    this.languageChangeObservers.forEach((observer) => observer.notify(currentLang));
   }
   /**
    * Merges external i18e  configuration with bundled one.
@@ -47,6 +86,12 @@ export class TranslationService {
       }
     });
   }
+  /**
+   * Translates the provided key using the currently selected language by applying the parameters if
+   * provided.
+   * @param key The key for the label which needs to be translated.
+   * @param parameters Optional parameters which to be applied during the translation.
+   */
   translate(key, parameters) {
     let translation = this.bundle[this.currentLang][key];
     if (!translation) {

package/dist/collection/services/yasgui/yasgui-builder.js

@@ -14,8 +14,15 @@ export class YasguiBuilder {
    */
   build(hostElement, yasguiConfiguration) {
     const yasgui = this.createYasguiInstance(hostElement, yasguiConfiguration);
-    // monkey patches have to be applied before return yasgui.
-    return new OntotextYasgui(yasgui, yasguiConfiguration);
+    // patches have to be applied before returning yasgui instance.
+    this.instance = new OntotextYasgui(yasgui, yasguiConfiguration);
+    return this.instance;
+  }
+  /**
+   * Returns the OntotextYasgui instance if created or undefined otherwise.
+   */
+  getInstance() {
+    return this.instance;
   }
   createYasguiInstance(hostElement, yasguiConfiguration) {
     // @ts-ignore

package/dist/collection/services/yasqe/yasqe-service.js

@@ -4,19 +4,50 @@ import { InternalShareQueryEvent } from '../../models/internal-events/internal-s
 import { InternalShowSavedQueriesEvent } from '../../models/internal-events/internal-show-saved-queries-event';
 import { YasqeButtonName } from '../../models/yasqe-button-name';
 import { InternalCreateSavedQueryEvent } from '../../models/internal-events/internal-create-saved-query-event';
+import { YasguiBuilder } from "../yasgui/yasgui-builder";
 export class YasqeService {
   constructor(serviceFactory) {
     //@ts-ignore
     this.buttonBuilders = new Map();
+    this.yasguiBuilder = serviceFactory.get(YasguiBuilder);
     this.eventService = serviceFactory.getEventService();
-    this.initPluginButtonNameToClassNameMapping();
+    YasqeService.initPluginButtonNameToClassNameMapping();
     this.translationService = serviceFactory.get(TranslationService);
+    this.translationService.subscribeForLanguageChange({
+      name: 'YasqeServiceLanguageChangeObserver',
+      notify: (currentLang) => this.onLanguageChange(currentLang)
+    });
     this.buttonBuilders.set(YasqeButtonName.CREATE_SAVED_QUERY, () => this.buildCreateSaveQueryButton());
     this.buttonBuilders.set(YasqeButtonName.SHOW_SAVED_QUERIES, () => this.buildShowSavedQueriesButton());
     this.buttonBuilders.set(YasqeButtonName.SHARE_QUERY, () => this.buildShareQueryButton());
     this.buttonBuilders.set('includeInferredStatements', (externalConfiguration, yasqe) => this.buildInferAndSameAsButtons(externalConfiguration, yasqe));
   }
-  initPluginButtonNameToClassNameMapping() {
+  onLanguageChange(_currentLang) {
+    let button = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.CREATE_SAVED_QUERY)}`);
+    let tooltip = this.translationService.translate('yasqe.actions.save_query.button.tooltip');
+    TooltipService.updateTooltip(button, tooltip);
+    button = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.SHOW_SAVED_QUERIES)}`);
+    tooltip = this.translationService.translate('yasqe.actions.show_saved_queries.button.tooltip');
+    TooltipService.updateTooltip(button, tooltip);
+    button = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.SHARE_QUERY)}`);
+    tooltip = this.translationService.translate('yasqe.actions.share_query.button.tooltip');
+    TooltipService.updateTooltip(button, tooltip);
+    const ontotextYasgui = this.yasguiBuilder.getInstance();
+    const yasqe = ontotextYasgui === null || ontotextYasgui === void 0 ? void 0 : ontotextYasgui.getYasqe();
+    if (ontotextYasgui && yasqe) {
+      const inferredValue = yasqe.getInfer();
+      const sameAsValue = yasqe.getSameAs();
+      const sameAsButton = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.EXPANDS_RESULTS)}`);
+      const sameAsButtonTooltipEl = sameAsButton === null || sameAsButton === void 0 ? void 0 : sameAsButton.parentElement;
+      const inferStatementsButton = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.INFER_STATEMENTS)}`);
+      const inferStatementButtonTooltipEl = inferStatementsButton === null || inferStatementsButton === void 0 ? void 0 : inferStatementsButton.parentElement;
+      if (sameAsButtonTooltipEl && inferStatementButtonTooltipEl) {
+        this.updateInferredElement(inferStatementButtonTooltipEl, sameAsButtonTooltipEl, inferredValue, sameAsValue);
+        this.updateSameAsElement(sameAsButtonTooltipEl, sameAsValue, inferredValue);
+      }
+    }
+  }
+  static initPluginButtonNameToClassNameMapping() {
     YasqeService.pluginButtonNameToClassNameMapping = new Map();
     YasqeService.pluginButtonNameToClassNameMapping.set(YasqeButtonName.CREATE_SAVED_QUERY, `yasqe_${YasqeButtonName.CREATE_SAVED_QUERY}Button`);
     YasqeService.pluginButtonNameToClassNameMapping.set(YasqeButtonName.SHOW_SAVED_QUERIES, `yasqe_${YasqeButtonName.SHOW_SAVED_QUERIES}Button`);
@@ -170,9 +201,6 @@ export class YasqeService {
   /**
    * Initializes the state of infer and same as buttons.
    *
-   *
-   *
-   *
    * @param yasqe - the yasqe.
    * @param defaultInfer - default value of infer if not set in <code>yasqe</code>
    * @param defaultSameAs - default value of sameAs if not set in <code>yasqe</code>

package/dist/components/ontotext-yasgui.js

@@ -106,6 +106,10 @@ class OntotextYasgui$1 {
       callback(args);
     });
   }
+  getYasqe() {
+    var _a;
+    return (_a = this.yasgui) === null || _a === void 0 ? void 0 : _a.getTab().getYasqe();
+  }
   setQuery(query) {
     this.yasgui.getTab().getYasqe().setValue(query);
   }
@@ -245,8 +249,15 @@ class YasguiBuilder {
    */
   build(hostElement, yasguiConfiguration) {
     const yasgui = this.createYasguiInstance(hostElement, yasguiConfiguration);
-    // monkey patches have to be applied before return yasgui.
-    return new OntotextYasgui$1(yasgui, yasguiConfiguration);
+    // patches have to be applied before returning yasgui instance.
+    this.instance = new OntotextYasgui$1(yasgui, yasguiConfiguration);
+    return this.instance;
+  }
+  /**
+   * Returns the OntotextYasgui instance if created or undefined otherwise.
+   */
+  getInstance() {
+    return this.instance;
   }
   createYasguiInstance(hostElement, yasguiConfiguration) {
     // @ts-ignore
@@ -402,7 +413,7 @@ class TooltipService {
     return tooltipElement;
   }
   static updateTooltip(element, tooltip, placement) {
-    const parentElement = element.parentElement;
+    const parentElement = element === null || element === void 0 ? void 0 : element.parentElement;
     if (parentElement && 'yasgui-tooltip' === parentElement.tagName.toLowerCase()) {
       TooltipService.updateTooltipData(parentElement, tooltip);
       TooltipService.updatePlacement(parentElement, placement);
@@ -453,15 +464,45 @@ class YasqeService {
   constructor(serviceFactory) {
     //@ts-ignore
     this.buttonBuilders = new Map();
+    this.yasguiBuilder = serviceFactory.get(YasguiBuilder);
     this.eventService = serviceFactory.getEventService();
-    this.initPluginButtonNameToClassNameMapping();
+    YasqeService.initPluginButtonNameToClassNameMapping();
     this.translationService = serviceFactory.get(TranslationService);
+    this.translationService.subscribeForLanguageChange({
+      name: 'YasqeServiceLanguageChangeObserver',
+      notify: (currentLang) => this.onLanguageChange(currentLang)
+    });
     this.buttonBuilders.set(YasqeButtonName.CREATE_SAVED_QUERY, () => this.buildCreateSaveQueryButton());
     this.buttonBuilders.set(YasqeButtonName.SHOW_SAVED_QUERIES, () => this.buildShowSavedQueriesButton());
     this.buttonBuilders.set(YasqeButtonName.SHARE_QUERY, () => this.buildShareQueryButton());
     this.buttonBuilders.set('includeInferredStatements', (externalConfiguration, yasqe) => this.buildInferAndSameAsButtons(externalConfiguration, yasqe));
   }
-  initPluginButtonNameToClassNameMapping() {
+  onLanguageChange(_currentLang) {
+    let button = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.CREATE_SAVED_QUERY)}`);
+    let tooltip = this.translationService.translate('yasqe.actions.save_query.button.tooltip');
+    TooltipService.updateTooltip(button, tooltip);
+    button = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.SHOW_SAVED_QUERIES)}`);
+    tooltip = this.translationService.translate('yasqe.actions.show_saved_queries.button.tooltip');
+    TooltipService.updateTooltip(button, tooltip);
+    button = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.SHARE_QUERY)}`);
+    tooltip = this.translationService.translate('yasqe.actions.share_query.button.tooltip');
+    TooltipService.updateTooltip(button, tooltip);
+    const ontotextYasgui = this.yasguiBuilder.getInstance();
+    const yasqe = ontotextYasgui === null || ontotextYasgui === void 0 ? void 0 : ontotextYasgui.getYasqe();
+    if (ontotextYasgui && yasqe) {
+      const inferredValue = yasqe.getInfer();
+      const sameAsValue = yasqe.getSameAs();
+      const sameAsButton = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.EXPANDS_RESULTS)}`);
+      const sameAsButtonTooltipEl = sameAsButton === null || sameAsButton === void 0 ? void 0 : sameAsButton.parentElement;
+      const inferStatementsButton = document.querySelector(`.${YasqeService.getActionButtonClassName(YasqeButtonName.INFER_STATEMENTS)}`);
+      const inferStatementButtonTooltipEl = inferStatementsButton === null || inferStatementsButton === void 0 ? void 0 : inferStatementsButton.parentElement;
+      if (sameAsButtonTooltipEl && inferStatementButtonTooltipEl) {
+        this.updateInferredElement(inferStatementButtonTooltipEl, sameAsButtonTooltipEl, inferredValue, sameAsValue);
+        this.updateSameAsElement(sameAsButtonTooltipEl, sameAsValue, inferredValue);
+      }
+    }
+  }
+  static initPluginButtonNameToClassNameMapping() {
     YasqeService.pluginButtonNameToClassNameMapping = new Map();
     YasqeService.pluginButtonNameToClassNameMapping.set(YasqeButtonName.CREATE_SAVED_QUERY, `yasqe_${YasqeButtonName.CREATE_SAVED_QUERY}Button`);
     YasqeService.pluginButtonNameToClassNameMapping.set(YasqeButtonName.SHOW_SAVED_QUERIES, `yasqe_${YasqeButtonName.SHOW_SAVED_QUERIES}Button`);
@@ -615,9 +656,6 @@ class YasqeService {
   /**
    * Initializes the state of infer and same as buttons.
    *
-   *
-   *
-   *
    * @param yasqe - the yasqe.
    * @param defaultInfer - default value of infer if not set in <code>yasqe</code>
    * @param defaultSameAs - default value of sameAs if not set in <code>yasqe</code>
@@ -2016,6 +2054,8 @@ class PivotTablePlugin {
   }
   destroy() {
     // TODO remove all listeners if any.
+    const configButtonWrapper = this.yasr.rootEl.querySelector('.yasr_header .chart-config-control');
+    configButtonWrapper === null || configButtonWrapper === void 0 ? void 0 : configButtonWrapper.remove();
   }
   download(_filename) {
     // @ts-ignore
@@ -2334,6 +2374,8 @@ class ChartsPlugin {
   destroy() {
     // @ts-ignore
     google.visualization.events.removeListener(this.chartEditorOkHandler);
+    const configButtonWrapper = this.yasr.rootEl.querySelector('.yasr_header .chart-config-control');
+    configButtonWrapper === null || configButtonWrapper === void 0 ? void 0 : configButtonWrapper.remove();
   }
   drawChart() {
     this.yasr.resultsEl.innerHTML = '';

package/dist/components/translation.service.js

@@ -398,7 +398,7 @@ const fr = {
 	"yasr.plugin.extended_boolean.false": "NON",
 	"yasr.plugin.no_compatible.message": " ",
 	"yasr.plugin.extended_error.default_status.message": "Erreur",
-	"yasqe.actions.save_query.button.tooltip": "Create saved query",
+	"yasqe.actions.save_query.button.tooltip": "Créer une requête enregistrée",
 	"yasqe.actions.save_query.dialog.title": "Créer une nouvelle requête enregistrée",
 	"yasqe.actions.save_query.dialog.query.label": "Créez votre requête d'exemple",
 	"yasqe.actions.save_query.dialog.query.empty_error": "La requête ne peut pas être vide !",
@@ -416,8 +416,8 @@ const fr = {
 	"yasqe.actions.share_query.button.tooltip": "Obtenir l'URL de la requête en cours",
 	"yasqe.actions.include_inferred.true.button.tooltip": "Inclure les données déduites dans les résultats: AU",
 	"yasqe.actions.include_inferred.false.button.tooltip": "Inclure les données déduites dans les résultats: DÉSACTIVÉ",
-	"yasqe.actions.expand_results_same_as.true.button.tooltip": "Développer les résultats sur owl:sameAs: ON",
-	"yasqe.actions.expand_results_same_as.false.button.tooltip": "Développer les résultats sur owl:sameAs: OFF",
+	"yasqe.actions.expand_results_same_as.true.button.tooltip": "Développer les résultats sur owl:sameAs: AU",
+	"yasqe.actions.expand_results_same_as.false.button.tooltip": "Développer les résultats sur owl:sameAs: DÉSACTIVÉ",
 	"yasqe.actions.expand_results_same_as.disable.button.tooltip": "Nécessite 'Inclure les données inférées' !",
 	"yasqe.footer_buttons.abort_query.button.label": "Annuler la requête",
 	"yasqe.footer_buttons.abort_query.button.title": "Cliquez pour annuler la requête",
@@ -434,11 +434,22 @@ const fr = {
 
 const DEFAULT_LANG = 'en';
 
+/**
+ * Service responsible for translation operations in the component.
+ */
 class TranslationService {
   constructor() {
     this.currentLang = DEFAULT_LANG;
     this.bundle = { en, fr };
+    this.languageChangeObservers = [];
   }
+  /**
+   * Sets the language which should be used for registered labels. If there is no registered bundle
+   * for the provided language, then the default language will be set and used.
+   * This method also notifies all registered LanguageChangeObserver's.
+   *
+   * @param lang The language to be set.
+   */
   setLanguage(lang = DEFAULT_LANG) {
     if (!this.bundle || !this.bundle[this.currentLang]) {
       console.warn(`Missing locale file for [${this.currentLang}]`);
@@ -447,6 +458,34 @@ class TranslationService {
     else {
       this.currentLang = lang;
     }
+    this.notifyLanguageChangeObservers(this.currentLang);
+  }
+  /**
+   * Subscribes the observer for further language change events.
+   *
+   * @param observer The observer to be registered for the language change events.
+   * @return Returns an unsubscribe function which can be called by the observer to unsubscribe
+   * itself.
+   */
+  subscribeForLanguageChange(observer) {
+    const existingObserverIndex = this.languageChangeObservers.findIndex((subscription) => subscription.name === observer.name);
+    if (existingObserverIndex === -1) {
+      this.languageChangeObservers.push(observer);
+    }
+    return () => this.unsubscribeFromLanguageChange(observer);
+  }
+  /**
+   * Unsubscribes the observer from the language change events.
+   * @param observer The observer to be unsubscribed.
+   */
+  unsubscribeFromLanguageChange(observer) {
+    const existingObserverIndex = this.languageChangeObservers.findIndex((subscription) => subscription.name === observer.name);
+    if (existingObserverIndex !== -1) {
+      this.languageChangeObservers.splice(existingObserverIndex, 1);
+    }
+  }
+  notifyLanguageChangeObservers(currentLang) {
+    this.languageChangeObservers.forEach((observer) => observer.notify(currentLang));
   }
   /**
    * Merges external i18e  configuration with bundled one.
@@ -480,6 +519,12 @@ class TranslationService {
       }
     });
   }
+  /**
+   * Translates the provided key using the currently selected language by applying the parameters if
+   * provided.
+   * @param key The key for the label which needs to be translated.
+   * @param parameters Optional parameters which to be applied during the translation.
+   */
   translate(key, parameters) {
     let translation = this.bundle[this.currentLang][key];
     if (!translation) {