@everymatrix/general-icon-progress-bar 1.0.13 → 1.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-icon-progress-bar",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b2bbc7cb2c3424950a39147a985ac5d38207cdf"
+  "gitHead": "0ee1d4bccc4964628711251119148f0a04ba10df"
 }

package/src/GeneralIconProgressBar.svelte

@@ -9,6 +9,7 @@
   export let showaspercent:string;
   export let lang:string = 'en';
   export let status:string;
+  export let translationUrl:string = '';
 
   let progressElement:any;
   let stepTextElement: any;
@@ -23,6 +24,19 @@
 
   setupI18n({ withLocale: 'en', translations: {}});
 
+  const setTranslationUrl = ():void => {
+    let url:string = translationUrl;
+
+    fetch(url).then((res:any) => res.json())
+    .then((res) => {
+      Object.keys(res).forEach((item:any):void => {
+        addNewMessages(item, res[item]);
+      });
+    }).catch((err:any) => {
+      console.log(err);
+    });
+  }
+
   Object.keys(GeneralIconProgressBarTranslations).forEach((item: any) => {
     addNewMessages(item, GeneralIconProgressBarTranslations[item]);
   });
@@ -68,6 +82,7 @@
   $: currentstep && total && updateStepValue();
   $: lang && setActiveLanguage();
   $: status && setCurrentStatus();
+  $: translationUrl && setTranslationUrl();
 
 </script>
 <div class="general-icon-progress-bar" bind:this={progressElement} part="totalBar">