@tekkare/auriga 0.2.42 → 0.2.44

package/dist/runtime/components/argMultipleSelect.vue

@@ -106,7 +106,7 @@
                 : 'add',
             ]"
           >
-            {{ lang === "fr" ? "Tous" : "All" }}
+            {{ langData?.all }}
           </div>
         </div>
         <div :class="show_all ? 'oip_select_multiple_left_margin' : ''">
@@ -239,7 +239,7 @@
                 : 'more',
             ]"
           >
-            {{ lang === "fr" ? "Tous" : "All" }}
+            {{ langData?.all }}
           </div>
         </div>
         <div
@@ -325,6 +325,7 @@ import {
   onMounted,
   ref,
   computed,
+  onBeforeMount,
   watch,
   defineComponent,
   onUnmounted
@@ -354,7 +355,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     },
     loader_text: { type: Array, default: null },
@@ -380,6 +381,25 @@ export default defineComponent({
     const selectedCats = ref([]);
     const valueFrom = ref([]);
     const element_table_copy = ref([]);
+    const langData = ref(null);
+    async function setLang() {
+      const jsonFiles = import.meta.glob("./locales/*.json");
+      for (const path in jsonFiles) {
+        if (path.split("/")[2].includes(props.lang)) {
+          const json = await jsonFiles[path]();
+          langData.value = json.multiple;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     function openInfo() {
       emit("openInfo");
     }
@@ -419,25 +439,25 @@ export default defineComponent({
     });
     const getEmptyMsg = computed(() => {
       if (props.empty_msg === null) {
-        return props.lang === "fr" ? "Aucune S\xE9lection" : props.lang === "es" ? "Ninguna selecci\xF3n" : "No Selection";
+        return langData.value?.empty;
       } else
         return props.empty_msg;
     });
     const getLoaderText = computed(() => {
       if (props.loader_text === null) {
-        return props.lang === "fr" ? ["Chargement...", "Veuillez patienter"] : props.lang === "es" ? ["Cargando...", "Espere, por favor"] : ["Loading...", "Please wait"];
+        return [langData.value?.loading, langData.value?.wait];
       } else
         return props.loader_text;
     });
     const getPlaceholder = computed(() => {
       if (props.filter_placeholder === null) {
-        return props.lang === "fr" ? "Rechercher une option..." : props.lang === "es" ? "Buscar una opci\xF3n..." : "Search options...";
+        return langData.value?.search;
       } else
         return props.filter_placeholder;
     });
     const getEmptyContentMsg = computed(() => {
       if (props.empty_content_msg === null) {
-        return props.lang === "fr" ? "Aucun contenu n'a \xE9t\xE9 trouv\xE9" : props.lang === "es" ? "Ning\xFAn contenido encontrado" : "No content was found";
+        return langData.value?.notFound;
       } else
         return props.empty_content_msg;
     });
@@ -862,7 +882,8 @@ export default defineComponent({
       getPlaceholder,
       getEmptyContentMsg,
       element_table_copy,
-      openInfo
+      openInfo,
+      langData
     };
   }
 });

package/dist/runtime/components/argMultipleSelect.vue.d.ts

@@ -153,12 +153,13 @@ declare const _default: import("vue").DefineComponent<{
     selected_all: import("vue").Ref<boolean>;
     selectedCats: import("vue").Ref<number[]>;
     valueFrom: import("vue").Ref<never[]>;
-    getEmptyMsg: import("vue").ComputedRef<string>;
-    getLoaderText: import("vue").ComputedRef<string[]>;
-    getPlaceholder: import("vue").ComputedRef<string>;
-    getEmptyContentMsg: import("vue").ComputedRef<string>;
+    getEmptyMsg: import("vue").ComputedRef<any>;
+    getLoaderText: import("vue").ComputedRef<any[]>;
+    getPlaceholder: import("vue").ComputedRef<any>;
+    getEmptyContentMsg: import("vue").ComputedRef<any>;
     element_table_copy: import("vue").Ref<any[]>;
     openInfo: () => void;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "changeElement" | "update:Selection" | "openInfo" | "changeInputValue")[], "onClose" | "changeElement" | "update:Selection" | "openInfo" | "changeInputValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {

package/dist/runtime/components/argNoSavedScope.vue

@@ -1,20 +1,24 @@
 <template>
   <div>
     <div class="no_scope_text">
-      <p>{{ noScopeText[lang] }}</p>
+      <p>{{ noScopeText }}</p>
       <ul>
         <li v-for="(step, index) in saveScopeSteps" :key="index">
-          {{ step[lang] }}
+          {{ step }}
         </li>
       </ul>
-      <p>{{ noScopeEnd[lang] }}</p>
+      <p>{{ noScopeEnd }}</p>
     </div>
   </div>
 </template>
 
 <script>
 import {
-  defineComponent
+  ref,
+  computed,
+  watch,
+  defineComponent,
+  onBeforeMount
 } from "vue";
 export default defineComponent({
   name: "argNoSavedScope",
@@ -23,47 +27,49 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     }
   },
-  setup() {
-    const noScopeText = {
-      en: `You don't have Scopes saved yet. Here's how to create a new scope:`,
-      es: `No tienes Scopes salvados. As\xED se crea un nuevo scope: `,
-      fr: `Vous n'avez pas encore de scope enregistr\xE9. Voici comment cr\xE9er un nouveau scope:`
-    };
-    const saveScopeSteps = [
-      {
-        en: `Switch to \u201CNew Scope Criteria\u201D`,
-        es: `Cambiar a "Nuveo Scope Criterio"`,
-        fr: `Choisissez l'onglet "Nouveau crit\xE8re scope"`
-      },
-      {
-        en: `Select all the criteria you need`,
-        es: `Seleccione todos los criterios que necesite`,
-        fr: `S\xE9lectionnez les crit\xE8res dont vous avez besoin`
-      },
-      {
-        en: `Click on \u201CSave and continue\u201D at the top right of your screen`,
-        es: `Haga clic en "Salvar y continuar" en la parte superior derecha de la pantalla.`,
-        fr: `Cliquez sur "Sauvegarder et continuer" en haut \xE0 droite de votre \xE9cran`
-      },
-      {
-        en: `Fill the form with the information you need and click on \u201CSave scope and continue\u201D`,
-        es: `Rellene el formulario con la informaci\xF3n que necesita y haga clic en "Salvar scope y continuar"`,
-        fr: `Remplissez le formulaire avec vos informations et cliquez sur "Sauvegarder le scope et continuer"`
+  setup(props) {
+    const langData = ref(null);
+    async function setLang() {
+      const jsonFiles = import.meta.glob("./locales/*.json");
+      for (const path in jsonFiles) {
+        if (path.split("/")[2].includes(props.lang)) {
+          const json = await jsonFiles[path]();
+          langData.value = json.noSavedScope;
+        }
       }
-    ];
-    const noScopeEnd = {
-      en: `And that\u2019s it ! Your scope will be saved and you will be able to recover it next time you connect !`,
-      es: `Ya est\xE1 ! Su scope quedar\xE1 guardado y podr\xE1 recuperarlo la pr\xF3xima vez que se conecte.`,
-      fr: `Et c'est tout ! Votre scope sera sauvegard\xE9 et vous pourrez le retrouver lors de vos prochaines connexions !`
-    };
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
+    const noScopeText = computed(() => {
+      return langData.value?.main;
+    });
+    const saveScopeSteps = computed(() => {
+      return [
+        langData.value?.step1,
+        langData.value?.step2,
+        langData.value?.step3,
+        langData.value?.step4
+      ];
+    });
+    const noScopeEnd = computed(() => {
+      return langData.value?.end;
+    });
     return {
       noScopeText,
       saveScopeSteps,
-      noScopeEnd
+      noScopeEnd,
+      langData
     };
   }
 });

package/dist/runtime/components/argNoSavedScope.vue.d.ts

@@ -5,21 +5,10 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
 }, {
-    noScopeText: {
-        en: string;
-        es: string;
-        fr: string;
-    };
-    saveScopeSteps: {
-        en: string;
-        es: string;
-        fr: string;
-    }[];
-    noScopeEnd: {
-        en: string;
-        es: string;
-        fr: string;
-    };
+    noScopeText: import("vue").ComputedRef<any>;
+    saveScopeSteps: import("vue").ComputedRef<any[]>;
+    noScopeEnd: import("vue").ComputedRef<any>;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lang: {
         type: StringConstructor;

package/dist/runtime/components/argNoSelectedScope.vue

@@ -10,13 +10,7 @@
       <div v-if="scopeArray.length > 0" class="arg_scopes_select">
         <div class="oip_row v-center justify-between full_row">
           <p class="args_select_title">
-            {{
-              lang === "fr"
-                ? "Appliquer un scope existant"
-                : lang === "es"
-                ? "Aplicar un scope existente"
-                : "Apply an existing scope"
-            }}
+            {{ langData?.exists }}
           </p>
           <slot name="manage" />
         </div>
@@ -33,20 +27,14 @@
         size="m"
         full-width
         @onClick="selectScope"
-        >{{
-          lang === "fr"
-            ? "Appliquer le scope"
-            : lang === "es"
-            ? "Aplicar el scope"
-            : "Apply scope"
-        }}</arg-btn
+        >{{ langData?.apply }}</arg-btn
       >
       <div
         v-if="scopeArray.length > 0"
         class="oip_row v-center gap-8 full-width"
       >
         <div class="scope_sep" />
-        <p class="scope_sep_text">or</p>
+        <p class="scope_sep_text">{{ langData?.or }}</p>
         <div class="scope_sep" />
       </div>
       <arg-btn
@@ -54,13 +42,7 @@
         size="m"
         full-width
         @onClick="createNewScope"
-        >{{
-          lang === "fr"
-            ? "+ Nouveau scope"
-            : lang === "es"
-            ? "+ Nuevo scope"
-            : "+ New scope"
-        }}</arg-btn
+        >{{ langData?.new }}</arg-btn
       >
     </div>
   </div>
@@ -70,7 +52,9 @@
 import {
   ref,
   computed,
-  defineComponent
+  watch,
+  defineComponent,
+  onBeforeMount
 } from "vue";
 import argIcon from "./argIcon.vue";
 import argScopeSelect from "./argScopeSelect.vue";
@@ -83,7 +67,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     },
     scopeArray: {
@@ -94,13 +78,27 @@ export default defineComponent({
   emits: ["onSelectScope", "update:Scope", "onCreateScope"],
   setup(props, { emit }) {
     const selectedScope = ref(null);
+    const langData = ref(null);
+    async function setLang() {
+      const jsonFiles = import.meta.glob("./locales/*.json");
+      for (const path in jsonFiles) {
+        if (path.split("/")[2].includes(props.lang)) {
+          const json = await jsonFiles[path]();
+          langData.value = json.noScope;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     const getNoScopeMsg = computed(() => {
-      if (props.lang === "en") {
-        return `You need to select your scope to view any results or data. Please choose one of the options below to proceed.`;
-      } else if (props.lang === "es") {
-        return `Debe seleccionar su scope para ver los resultados o los datos. Elija una de las opciones siguientes para continuar.`;
-      } else
-        return `Vous devez s\xE9lectionner votre scope pour voir les r\xE9sultats ou donn\xE9es. Veuillez choisir une des options ci-dessous pour continuer`;
+      return langData.value?.message;
     });
     function selectScope() {
       emit("onSelectScope", selectedScope.value);
@@ -109,7 +107,13 @@ export default defineComponent({
     function createNewScope() {
       emit("onCreateScope");
     }
-    return { getNoScopeMsg, selectedScope, selectScope, createNewScope };
+    return {
+      getNoScopeMsg,
+      selectedScope,
+      selectScope,
+      createNewScope,
+      langData
+    };
   }
 });
 </script>

package/dist/runtime/components/argNoSelectedScope.vue.d.ts

@@ -9,10 +9,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
 }, {
-    getNoScopeMsg: import("vue").ComputedRef<"You need to select your scope to view any results or data. Please choose one of the options below to proceed." | "Debe seleccionar su scope para ver los resultados o los datos. Elija una de las opciones siguientes para continuar." | "Vous devez sélectionner votre scope pour voir les résultats ou données. Veuillez choisir une des options ci-dessous pour continuer">;
+    getNoScopeMsg: import("vue").ComputedRef<any>;
     selectedScope: import("vue").Ref<any>;
     selectScope: () => void;
     createNewScope: () => void;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectScope" | "update:Scope" | "onCreateScope")[], "onSelectScope" | "update:Scope" | "onCreateScope", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lang: {
         type: StringConstructor;

package/dist/runtime/components/argScopeChange.vue

@@ -22,15 +22,7 @@
             full-width
             @onClick="saveScope()"
             prefix-icon="BoxArrowDown"
-            >{{
-              saveMsg !== null
-                ? saveMsg
-                : lang === "fr"
-                ? "Sauvegarder le scope"
-                : lang === "es"
-                ? "Salvar scope"
-                : "Save scope"
-            }}</arg-btn
+            >{{ saveMsg !== null ? saveMsg : langData?.save }}</arg-btn
           >
           <arg-btn
             v-if="createNew"
@@ -39,13 +31,7 @@
             full-width
             @onClick="newScope()"
             prefix-icon="PlusCircle"
-            >{{
-              lang === "fr"
-                ? "Nouveau scope"
-                : lang === "es"
-                ? "Nuevo scope"
-                : "New scope"
-            }}</arg-btn
+            >{{ langData?.new }}</arg-btn
           >
         </div>
         <div
@@ -89,6 +75,7 @@ import {
   computed,
   watch,
   defineComponent,
+  onBeforeMount,
   onUnmounted
 } from "vue";
 export default defineComponent({
@@ -102,7 +89,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     },
     createNew: {
@@ -134,6 +121,25 @@ export default defineComponent({
   setup(props, { emit }) {
     const isDisplay = ref(false);
     const selectedScope = ref(null);
+    const langData = ref(null);
+    async function setLang() {
+      const jsonFiles = import.meta.glob("./locales/*.json");
+      for (const path in jsonFiles) {
+        if (path.split("/")[2].includes(props.lang)) {
+          const json = await jsonFiles[path]();
+          langData.value = json.scopeChange;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     onMounted(() => {
       if (props.active_scope !== null) {
         selectedScope.value = props.active_scope;
@@ -150,9 +156,9 @@ export default defineComponent({
     );
     const getTitle = computed(() => {
       if (props.scopes.length > 0 || props.scopes.length === 0 && props.showActions) {
-        return props.lang === "en" ? "Change scope" : props.lang === "es" ? "Cambiar scope" : "Changer scope";
+        return langData.value?.change;
       } else
-        return props.lang === "en" ? "Apply scope" : props.lang === "es" ? "Aplicar scope" : "Appliquer scope";
+        return langData.value?.apply;
     });
     function closeDropdown() {
       isDisplay.value = false;
@@ -194,7 +200,8 @@ export default defineComponent({
       selectScope,
       selectedScope,
       newScope,
-      saveScope
+      saveScope,
+      langData
     };
   }
 });

package/dist/runtime/components/argScopeChange.vue.d.ts

@@ -58,11 +58,12 @@ declare const _default: import("vue").DefineComponent<{
     isDisplay: import("vue").Ref<boolean>;
     closeDropdown: () => void;
     changeDisplay: () => void;
-    getTitle: import("vue").ComputedRef<"Change scope" | "Cambiar scope" | "Changer scope" | "Apply scope" | "Aplicar scope" | "Appliquer scope">;
+    getTitle: import("vue").ComputedRef<any>;
     selectScope: (scope: any) => void;
     selectedScope: import("vue").Ref<any>;
     newScope: () => void;
     saveScope: () => void;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Scope" | "changeScope" | "onNewScope" | "onSave")[], "update:Scope" | "changeScope" | "onNewScope" | "onSave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     scopes: {
         type: {

package/dist/runtime/components/argScopeCriteria.vue

@@ -3,21 +3,13 @@
     <arg-filter-tabs
       v-if="!onlyNew"
       v-model:Tab="activeTab"
-      :tabs="
-        lang === 'fr' ? frScopeTabs : lang === 'es' ? esScopeTabs : scopeTabs
-      "
+      :tabs="scopeTabs"
       return-value
     />
     <div v-show="activeTab === 'new'" class="arg_scope_new">
       <div class="oip_row v-center gap-8">
         <h1>
-          {{
-            lang === "fr"
-              ? "Critère scope"
-              : lang === "es"
-              ? "Scope criterio"
-              : "Scope criteria"
-          }}
+          {{ langData?.title }}
         </h1>
         <slot name="filtersAmount" />
       </div>
@@ -28,13 +20,7 @@
     <div v-show="!onlyNew && activeTab === 'saved'" class="arg_scope_save">
       <div class="oip_row v-center gap-8">
         <h1>
-          {{
-            lang === "fr"
-              ? "Vos scopes enregistrés"
-              : lang === "es"
-              ? "Sus scopes guardados"
-              : "Your saved scope"
-          }}
+          {{ langData?.saved }}
         </h1>
         <slot name="scopeAmount" />
       </div>
@@ -46,8 +32,10 @@
 <script>
 import {
   ref,
+  computed,
   watch,
-  defineComponent
+  defineComponent,
+  onBeforeMount
 } from "vue";
 import argFilterTabs from "./argFilterTabs.vue";
 export default defineComponent({
@@ -66,6 +54,25 @@ export default defineComponent({
   emits: ["update:Criteria", "onChangeCriteria"],
   setup(props, { emit }) {
     const activeTab = ref("new");
+    const langData = ref(null);
+    async function setLang() {
+      const jsonFiles = import.meta.glob("./locales/*.json");
+      for (const path in jsonFiles) {
+        if (path.split("/")[2].includes(props.lang)) {
+          const json = await jsonFiles[path]();
+          langData.value = json.scopeCriteria;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     watch(
       () => activeTab.value,
       (new_active_tab) => {
@@ -73,19 +80,13 @@ export default defineComponent({
         emit("onChangeCriteria", new_active_tab);
       }
     );
-    const scopeTabs = [
-      { name: "New scope criteria", value: "new" },
-      { name: "Apply an existing scope", value: "saved" }
-    ];
-    const frScopeTabs = [
-      { name: "Nouveau crit\xE8re scope", value: "new" },
-      { name: "Appliquer un scope existant", value: "saved" }
-    ];
-    const esScopeTabs = [
-      { name: "Nuevo scope criterio", value: "new" },
-      { name: "Aplicar un scope existente", value: "saved" }
-    ];
-    return { activeTab, scopeTabs, frScopeTabs, esScopeTabs };
+    const scopeTabs = computed(() => {
+      return [
+        { name: langData.value?.tabs.new, value: "new" },
+        { name: langData.value?.tabs.saved, value: "saved" }
+      ];
+    });
+    return { activeTab, scopeTabs, langData };
   }
 });
 </script>

package/dist/runtime/components/argScopeCriteria.vue.d.ts

@@ -10,18 +10,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     activeTab: import("vue").Ref<string>;
-    scopeTabs: {
-        name: string;
+    scopeTabs: import("vue").ComputedRef<{
+        name: any;
         value: string;
-    }[];
-    frScopeTabs: {
-        name: string;
-        value: string;
-    }[];
-    esScopeTabs: {
-        name: string;
-        value: string;
-    }[];
+    }[]>;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Criteria" | "onChangeCriteria")[], "update:Criteria" | "onChangeCriteria", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lang: {
         type: StringConstructor;