@tekkare/auriga 0.2.43 → 0.2.45

package/dist/runtime/components/argSidebar.vue

@@ -20,9 +20,7 @@
         class="arg_sidebar_home"
       >
         <arg-tooltip
-          :tooltip-text="
-            lang === 'en' ? 'Home' : lang === 'es' ? 'Inicio' : 'Accueil'
-          "
+          :tooltip-text="langData === null ? '' : langData?.home"
           :disable="sidebarOpen"
           dir="right"
           :class="[
@@ -32,19 +30,11 @@
         >
           <arg-icon name="House" color="var(--primary)" />
         </arg-tooltip>
-        <span v-if="lang === 'en' && sidebarOpen"> Home </span>
-        <span v-else-if="lang === 'fr' && sidebarOpen"> Accueil </span>
-        <span v-else-if="lang === 'es' && sidebarOpen"> Inicio </span>
+        <span v-if="sidebarOpen"> {{ langData?.home }} </span>
       </nuxt-link>
       <div class="sidebar_toggle" @click="toggleSidebar()">
         <arg-tooltip
-          :tooltip-text="
-            lang === 'en'
-              ? 'Open sidebar'
-              : lang === 'es'
-              ? 'Abrir la barra lateral'
-              : 'Ouvrir le menu latéral'
-          "
+          :tooltip-text="langData === null ? '' : langData?.open"
           :disable="sidebarOpen"
           dir="right"
           :class="[
@@ -80,7 +70,9 @@
 <script>
 import {
   onMounted,
+  onBeforeMount,
   ref,
+  watch,
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
@@ -99,18 +91,37 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     },
     homeLink: { type: String, default: "/" }
   },
   emits: ["onSidebarChange", "update:Sidebar"],
   setup(props, { emit }) {
-    onMounted(() => {
+    onMounted(async () => {
       window?.addEventListener("resize", handleResize);
       handleResize();
     });
     const sidebarOpen = ref(true);
+    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.sidebar;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      await setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     function handleResize() {
       if (window.innerWidth >= 1e3) {
         sidebarOpen.value = true;
@@ -126,7 +137,8 @@ export default defineComponent({
     }
     return {
       sidebarOpen,
-      toggleSidebar
+      toggleSidebar,
+      langData
     };
   }
 });

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

@@ -19,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     sidebarOpen: import("vue").Ref<boolean>;
     toggleSidebar: () => void;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSidebarChange" | "update:Sidebar")[], "onSidebarChange" | "update:Sidebar", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;

package/dist/runtime/components/argSourceCollapse.vue

@@ -28,7 +28,7 @@
       <div class="copy_action" @click.stop="copy()">
         <arg-icon name="Copy" color="var(--cool-grey)" size="16" />
         <p>
-          {{ lang === "fr" ? "Copier" : lang === "es" ? "Copiar" : "Copy" }}
+          {{ langData?.copySource }}
         </p>
       </div>
     </div>
@@ -40,7 +40,7 @@
       </p> -->
       <div class="oip_row v-start gap-16">
         <div class="tag_display">
-          <p class="toolbar_tag_title">Sector</p>
+          <p class="toolbar_tag_title">{{ langData?.sector }}</p>
           <arg-tags>{{ sourceSector }}</arg-tags>
         </div>
       </div>
@@ -57,7 +57,8 @@ import {
   ref,
   computed,
   watch,
-  defineComponent
+  defineComponent,
+  onBeforeMount
 } from "vue";
 import argFlag from "./argFlag.vue";
 import argIcon from "./argIcon.vue";
@@ -86,13 +87,32 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     }
   },
   emits: ["copyTitle"],
   setup(props, { emit }) {
     const sourceOpen = ref(false);
+    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.sourceCollapse;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     function closeSource() {
       sourceOpen.value = false;
     }
@@ -138,11 +158,11 @@ export default defineComponent({
       navigator.clipboard.writeText(props.sourceTitle);
       emit("copyTitle");
     }
-    return { closeSource, sourceOpen, copy, getCountryName };
+    return { closeSource, sourceOpen, copy, getCountryName, langData };
   }
 });
 </script>
 
 <style scoped>
-.oip_source_card_collapse{align-self:stretch;border:1px solid var(--light,#dbdef0);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:8px 8px 8px 16px;transition:gap .3s linear,max-height .3s linear,background-color .3s linear,padding .3s linear}.oip_source_card_collapse:hover .header>svg{color:var(--primary)!important}.oip_source_card_collapse.close{background-color:var(--white,#fff);gap:0;max-height:110px}.oip_source_card_collapse.open{background-color:var(--demi-fond);gap:16px;max-height:800px;padding:8px 8px 16px 16px}.icon_open{transition:transform .3s}.icon_rotate{transform:rotateX(180deg)}.source_card_header{align-items:center;align-self:stretch;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.source_title{font-family:Figtree;font-size:14px;font-style:normal;font-weight:700;line-height:160%}.source_content{display:flex;flex-direction:column;gap:16px;margin-right:-6px;padding-right:4px;transition:max-height .3s linear,opacity .3s linear}.hide_content{max-height:0;opacity:0}.show_content{max-height:100%;opacity:1;overflow-y:scroll}.show_content::-webkit-scrollbar{height:5px;width:5px}.show_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.show_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.source_tag{align-self:stretch;display:flex}.toolbar_source_update,.toolbar_tag_title{color:var(--dark);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.tag_display{align-items:flex-start;display:flex;flex-direction:column;gap:var(--s,8px);justify-content:center}.copy_action{align-items:center;background:var(--white);border:1px solid var(--light);border-radius:6px;box-shadow:0 1px 2px 0 rgba(30,41,59,.1);color:var(--dark);cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:500;gap:4px;line-height:normal;padding:4px 8px 4px 6px}.copy_action:hover,.copy_action:hover svg{color:var(--primary)!important}.title_container{display:flex;flex-direction:column;gap:4px}
+.oip_source_card_collapse{align-self:stretch;border:1px solid var(--light,#dbdef0);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:8px 8px 8px 16px;transition:gap .3s linear,max-height .3s linear,background-color .3s linear,padding .3s linear}.oip_source_card_collapse:hover .header>svg{color:var(--primary)!important}.oip_source_card_collapse.close{background-color:var(--white,#fff);gap:0;max-height:110px}.oip_source_card_collapse.open{background-color:var(--demi-fond);gap:16px;max-height:800px;padding:8px 8px 16px 16px}.icon_open{transition:transform .3s}.icon_rotate{transform:rotateX(180deg)}.source_card_header{align-items:center;align-self:stretch;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.source_title{font-family:Figtree;font-size:14px;font-style:normal;font-weight:700;line-height:160%}.source_content{display:flex;flex-direction:column;gap:16px;margin-right:-6px;padding-right:4px;transition:max-height .3s linear,opacity .3s linear}.hide_content{max-height:0;opacity:0}.show_content{max-height:100%;opacity:1;overflow-y:scroll}.show_content::-webkit-scrollbar{height:5px;width:5px}.show_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.show_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.source_tag{align-self:stretch;display:flex}.toolbar_source_update,.toolbar_tag_title{color:var(--dark);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.tag_display{align-items:flex-start;display:flex;flex-direction:column;gap:var(--s,8px);justify-content:center}.copy_action{align-items:center;background:var(--white);border:1px solid var(--light);border-radius:6px;box-shadow:0 1px 2px 0 rgba(30,41,59,.1);color:var(--dark);cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:500;gap:4px;line-height:normal;padding:4px 8px 4px 6px;white-space:nowrap}.copy_action:hover,.copy_action:hover svg{color:var(--primary)!important}.title_container{display:flex;flex-direction:column;gap:4px}
 </style>

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

@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     sourceOpen: import("vue").Ref<boolean>;
     copy: () => void;
     getCountryName: import("vue").ComputedRef<string>;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "copyTitle"[], "copyTitle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     sourceTitle: {
         type: StringConstructor;

package/dist/runtime/components/argTable.vue

@@ -178,14 +178,25 @@
           </tbody>
         </table>
         <div v-if="finalTable.length === 0" class="empty_table">
-          <arg-no-data :text="noDataValues[0]" :sub-text="noDataValues[1]" />
+          <arg-no-data
+            :text="
+              noDataValues !== null ? noDataValues[0] : langData?.emptyTitle
+            "
+            :sub-text="
+              noDataValues !== null ? noDataValues[1] : langData?.emptySub
+            "
+          />
         </div>
         <div v-else-if="loadingData" class="empty_table">
           <arg-tekkare-loader v-if="loaderType === 'tekkare'" />
           <arg-data-loader
             v-else
-            :text="loaderValues[0]"
-            :sub-text="loaderValues[1]"
+            :text="
+              loaderValues !== null ? loaderValues[0] : langData?.loadingTitle
+            "
+            :sub-text="
+              loaderValues !== null ? loaderValues[1] : langData?.loadingSub
+            "
           />
         </div>
         <div
@@ -245,7 +256,7 @@
         btn-style="skeleton"
         prefix-icon="Table"
         @click="showFull = !showFull"
-        >{{ showFull ? "Show with pagination" : "Show full table" }}</arg-btn
+        >{{ showFull ? langData?.page : langData?.full }}</arg-btn
       >
     </div>
   </div>
@@ -265,7 +276,8 @@ import {
   ref,
   computed,
   watch,
-  defineComponent
+  defineComponent,
+  onBeforeMount
 } from "vue";
 export default defineComponent({
   name: "argTable",
@@ -329,14 +341,11 @@ export default defineComponent({
     },
     noDataValues: {
       type: Array,
-      default: () => [
-        "No content found for your search.",
-        "Change or empty your search."
-      ]
+      default: () => null
     },
     loaderValues: {
       type: Array,
-      default: () => ["Doing data science", "Thanks for waiting"]
+      default: () => null
     },
     loadingData: {
       type: Boolean,
@@ -370,7 +379,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     },
     customPlaceholder: {
@@ -399,6 +408,25 @@ export default defineComponent({
     const hasReadMore = ref([]);
     const tableKey = ref(0);
     const cropKey = ref(0);
+    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.table;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     const alternateColor = computed(() => {
       return props.whiteLines === null ? true : false;
     });
@@ -680,16 +708,16 @@ export default defineComponent({
       if (props.customPlaceholder !== null) {
         return props.customPlaceholder;
       } else if (props.searchColumns !== null) {
-        let columnNames = `${props.lang === "fr" ? "Rechercher par" : props.lang === "es" ? "Buscar por" : "Search by"} ${props.heads[props.searchColumns[0]]}`;
+        let columnNames = `${langData.value?.searchBy} ${props.heads[props.searchColumns[0]]}`;
         for (let i = 1; i < props.searchColumns.length; i++) {
           if (i === props.searchColumns.length - 1) {
-            columnNames += ` ${props.lang === "fr" ? "ou" : props.lang === "es" ? "o" : "or"}  ${props.heads[props.searchColumns[i]]}...`;
+            columnNames += ` ${langData.value?.or}  ${props.heads[props.searchColumns[i]]}...`;
           } else
             columnNames += `, ${props.heads[props.searchColumns[i]]}`;
         }
         return columnNames;
       } else
-        return props.lang === "fr" ? "Rechercher..." : props.lang === "es" ? "Buscar todo..." : "Search all...";
+        return langData.value?.searchAll;
     });
     getColumnTypes();
     dataValues.value = fillTable.value;

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

@@ -130,11 +130,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     noDataValues: {
         type: ArrayConstructor;
-        default: () => string[];
+        default: () => null;
     };
     loaderValues: {
         type: ArrayConstructor;
-        default: () => string[];
+        default: () => null;
     };
     loadingData: {
         type: BooleanConstructor;
@@ -209,7 +209,7 @@ declare const _default: import("vue").DefineComponent<{
     finalTable: import("vue").ComputedRef<any>;
     resultCount: import("vue").ComputedRef<any>;
     totalPages: import("vue").ComputedRef<number>;
-    getPlaceHolder: import("vue").ComputedRef<string>;
+    getPlaceHolder: import("vue").ComputedRef<any>;
     getHeight: import("vue").ComputedRef<string>;
     sendSearch: () => void;
     toggleCrop: import("vue").Ref<any>;
@@ -349,11 +349,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     noDataValues: {
         type: ArrayConstructor;
-        default: () => string[];
+        default: () => null;
     };
     loaderValues: {
         type: ArrayConstructor;
-        default: () => string[];
+        default: () => null;
     };
     loadingData: {
         type: BooleanConstructor;

package/dist/runtime/components/argTipsBox.vue

@@ -10,7 +10,7 @@
         <slot name="Text" />
       </div>
       <div v-if="haveClose" class="tip_action" @click="displayTip = false">
-        {{ tipsLang === "fr" ? "Fermer" : "Close" }}
+        {{ langData?.close }}
       </div>
       <div
         v-else-if="haveMore"
@@ -23,19 +23,7 @@
           :class="['action-icon', showMore ? 'icon-rotate' : '']"
         />
         <p>
-          {{
-            tipsLang === "fr"
-              ? showMore
-                ? "Réduire"
-                : "En savoir plus"
-              : tipsLang === "es"
-              ? showMore
-                ? "Ocultar"
-                : "Saber más"
-              : showMore
-              ? "Hide"
-              : "Learn more"
-          }}
+          {{ showMore ? langData?.more : langData?.hide }}
         </p>
       </div>
     </div>
@@ -48,7 +36,9 @@
 <script>
 import {
   ref,
-  defineComponent
+  defineComponent,
+  onBeforeMount,
+  watch
 } from "vue";
 import argEmoji from "./argEmoji.vue";
 import argIcon from "./argIcon.vue";
@@ -68,7 +58,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     },
     defaultOpen: {
@@ -79,9 +69,29 @@ export default defineComponent({
   setup(props, { emit }) {
     const displayTip = ref(true);
     const showMore = ref(props.defaultOpen);
+    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.tipsLang)) {
+          const json = await jsonFiles[path]();
+          langData.value = json.tips;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.tipsLang,
+      () => {
+        setLang();
+      }
+    );
     return {
       displayTip,
-      showMore
+      showMore,
+      langData
     };
   }
 });

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

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     tipsLang: {
         type: StringConstructor;
         default: string;
-        validator: (value: unknown) => boolean;
+        validator: (value: string) => boolean;
     };
     defaultOpen: {
         type: BooleanConstructor;
@@ -19,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     displayTip: import("vue").Ref<boolean>;
     showMore: import("vue").Ref<boolean>;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     haveClose: {
         type: BooleanConstructor;
@@ -31,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     tipsLang: {
         type: StringConstructor;
         default: string;
-        validator: (value: unknown) => boolean;
+        validator: (value: string) => boolean;
     };
     defaultOpen: {
         type: BooleanConstructor;

package/dist/runtime/components/argToolbarSources.vue

@@ -3,13 +3,7 @@
     <p class="oip_heading">Sources</p>
     <div class="source_legal">
       <p>
-        {{
-          lang === "fr"
-            ? "Pour être conforme à l’"
-            : lang === "es"
-            ? "Para cumplir con "
-            : "To comply with the"
-        }}
+        {{ langData?.comply }}
         <span class="open_data_link"
           ><a
             :href="
@@ -22,22 +16,10 @@
             Open Data License 2.0</a
           ></span
         >,
-        {{
-          lang === "fr"
-            ? "vous devez annotez vos documents avec les sources utilisées."
-            : lang === "es"
-            ? "debe enumerar en sus informes las fuentes utilizadas."
-            : "you must list in your reports the sources used."
-        }}
+        {{ langData?.list }}
       </p>
       <p v-if="showCopy">
-        {{
-          lang === "fr"
-            ? "Le bouton “Copier” est prévu pour faciliter cette démarche."
-            : lang === "es"
-            ? "El botón ”Copiar” facilita este proceso."
-            : "The ”Copy” button is provided to ease this process."
-        }}
+        {{ langData?.copy }}
       </p>
     </div>
     <div class="toolbar_sources_display">
@@ -48,6 +30,9 @@
 
 <script>
 import {
+  ref,
+  watch,
+  onBeforeMount,
   defineComponent
 } from "vue";
 export default defineComponent({
@@ -57,13 +42,35 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     },
     showCopy: {
       type: Boolean,
       default: true
     }
+  },
+  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.toolbarSource;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
+    return { langData };
   }
 });
 </script>

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

@@ -8,7 +8,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    langData: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lang: {
         type: StringConstructor;
         default: string;