#99 component also load dynamic changes

src/editor/Editor.js

@@ -111,16 +111,6 @@ class Editor extends EditorStartup {
     this.layersPanel = new LayersPanel(this);
     this.mainMenu = new MainMenu(this);
     window.svgEditor = this;
-    this.loadComponentAndDialog();
-  }
-  /**
-  * @returns {void}
-  */
-  async loadComponentAndDialog() {
-    // eslint-disable-next-line no-unsanitized/method
-    // await import(`./components/index.js`);
-    // eslint-disable-next-line no-unsanitized/method
-    await import(`./dialogs/index.js`);
   }
   /**
    *

src/editor/EditorStartup.js

@@ -68,6 +68,10 @@ class EditorStartup {
     const self = this;
     const { i18next } = await putLocale(this.configObj.pref('lang'), this.goodLangs);
     this.i18next = i18next;
+    // eslint-disable-next-line no-unsanitized/method
+    await import(`./components/index.js`);
+    // eslint-disable-next-line no-unsanitized/method
+    await import(`./dialogs/index.js`);
     // allow to prepare the dom without display
     this.$svgEditor.style.visibility = 'hidden';
     try {

src/editor/components/sePalette.js

@@ -1,4 +1,5 @@
 /* eslint-disable max-len */
+/* globals svgEditor */
 const palette = [
   // Todo: Make into configuration item?
   'none', '#000000', '#3f3f3f', '#7f7f7f', '#bfbfbf', '#ffffff',
@@ -14,6 +15,7 @@ const palette = [
 ];
 
 const template = document.createElement('template');
+// eslint-disable-next-line no-unsanitized/property
 template.innerHTML = `
   <style>
   .square {
@@ -76,7 +78,7 @@ template.innerHTML = `
     }
   }   
   </style>
-  <div id="palette_holder" title="Click to change fill color, shift-click to change stroke color">
+  <div id="palette_holder" title="${svgEditor.i18next.t('ui.palette_info')}">
     <div id="js-se-palette">
     </div>
   </div>

src/editor/index.js

@@ -5,7 +5,6 @@ For default config and extensions (and available options) available to
 */
 
 import './jquery.min.js';
-import './components/index.js';
 import Editor from './Editor.js';
 
 const svgEditor = new Editor();