@tekkare/auriga 0.2.42 → 0.2.44

package/dist/runtime/components/argFilterCard.vue

@@ -8,9 +8,7 @@
       <div class="oip_row v-center gap-8">
         <slot v-if="customTitle" name="CardTitle" />
         <p v-else class="filters_title">
-          {{
-            lang === "fr" ? "Filtres" : lang === "es" ? "Filtros" : "Filters"
-          }}
+          {{ langData?.title }}
         </p>
         <div class="filters_amount">{{ filters_amount }}</div>
         <p
@@ -18,26 +16,10 @@
           class="filters_save"
           @click="save()"
         >
-          {{
-            saveScopeMsg !== null
-              ? saveScopeMsg
-              : lang === "en"
-              ? "Save scope"
-              : lang === "es"
-              ? "Salvar un scope"
-              : "Sauvegarder un scope"
-          }}
+          {{ saveScopeMsg !== null ? saveScopeMsg : langData?.save }}
         </p>
         <p v-if="haveClear" class="filters_clear" @click="clear()">
-          {{
-            clearMsg !== null
-              ? clearMsg
-              : lang === "en"
-              ? "Clear all"
-              : lang === "es"
-              ? "Borrar todo"
-              : "Tout effacer"
-          }}
+          {{ clearMsg !== null ? clearMsg : langData?.clear }}
         </p>
       </div>
       <div
@@ -50,17 +32,7 @@
           :class="['filter-icon', filtersOpen ? 'icon-rotate' : '']"
         />
         <span class="filters_collapse">{{
-          filtersOpen
-            ? lang === "en"
-              ? "Hide"
-              : lang === "es"
-              ? "Ocultar"
-              : "Masquer"
-            : lang === "en"
-            ? "Show"
-            : lang === "es"
-            ? "Mostrar"
-            : "Afficher"
+          filtersOpen ? langData?.hide : langData?.show
         }}</span>
       </div>
     </div>
@@ -82,6 +54,7 @@ import {
   ref,
   watch,
   defineComponent,
+  onBeforeMount,
   onUpdated
 } from "vue";
 import argIcon from "./argIcon.vue";
@@ -99,7 +72,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     }
   },
@@ -107,6 +80,25 @@ export default defineComponent({
   setup(props, { emit }) {
     const filtersOpen = ref(null);
     const scrollPosition = 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.filterCard;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     function openFromScroll() {
       if (window.scrollY === 0) {
         filtersOpen.value = true;
@@ -178,7 +170,8 @@ export default defineComponent({
       filtersOpen,
       clear,
       save,
-      handleCard
+      handleCard,
+      langData
     };
   }
 });

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

@@ -33,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     clear: () => void;
     save: () => void;
     handleCard: () => void;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clearFilters" | "saveScope")[], "clearFilters" | "saveScope", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filters_amount: {
         type: NumberConstructor;

package/dist/runtime/components/argFooter.vue

@@ -2,26 +2,19 @@
   <div class="oip_footer">
     <p>
       ©2024 Tekkare®.
-      {{
-        lang === "fr"
-          ? "Tous droits réservés"
-          : lang === "es"
-          ? "Todos derechos reservados"
-          : "All rights reserved"
-      }}
+      {{ langData?.rights }}
     </p>
     <a href="https://openinnovationprogram.com/legal-notices" target="_blank">{{
-      lang === "fr"
-        ? "Mentions légales"
-        : lang === "es"
-        ? "Condiciones de uso"
-        : "Terms of use"
+      langData?.terms
     }}</a>
   </div>
 </template>
 <script>
 import {
-  defineComponent
+  ref,
+  watch,
+  defineComponent,
+  onBeforeMount
 } from "vue";
 import argStyle from "./argStyle.vue";
 export default defineComponent({
@@ -32,9 +25,31 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     }
+  },
+  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.footer;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
+    return { langData };
   }
 });
 </script>

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

@@ -4,7 +4,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => 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;

package/dist/runtime/components/argHomeAllBlocks.vue

@@ -64,16 +64,8 @@
       <div v-else class="oip_row v-center centered full_stretch">
         <arg-errors
           error-type="result"
-          :error-title="
-            lang === 'en'
-              ? 'No applications found'
-              : 'Aucune application trouvée'
-          "
-          :error-text="
-            lang === 'en'
-              ? 'No applications were found matching your search. Try changing your search terms or contact us fore more assistance.'
-              : `Aucune application n'a été trouvée pour votre recherche. Essayez de modifier notre recherche ou contactez-nous pour plus d'assistance.`
-          "
+          :error-title="langData?.empty1"
+          :error-text="langData?.empty2"
         />
       </div>
     </div>
@@ -84,7 +76,9 @@
 import {
   ref,
   computed,
-  defineComponent
+  watch,
+  defineComponent,
+  onBeforeMount
 } from "vue";
 import argSearchInput from "./argSearchInput.vue";
 import argFlag from "./argFlag.vue";
@@ -132,23 +126,42 @@ export default defineComponent({
   setup(props, { emit }) {
     const searchBlocks = ref("");
     const selectedBlock = 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.homeBlocks;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     const getTitle = computed(() => {
       if (props.title !== null) {
         return props.title;
       } else
-        return props.hasGlobal ? props.lang === "en" ? "Countries" : "Pays" : props.lang === "en" ? "All themes" : "Tous les th\xE8mes";
+        return props.hasGlobal ? langData.value?.countries : langData.value?.all;
     });
     const getGlobalTitle = computed(() => {
       if (props.globalTitle !== null) {
         return props.globalTitle;
       } else
-        return props.lang === "en" ? "Global Themes" : "Th\xE8mes Globaux";
+        return langData.value?.global;
     });
     const getSearchPlaceholder = computed(() => {
       if (props.searchPlaceholder !== null) {
         return props.searchPlaceholder;
       } else
-        return props.lang === "en" ? "Search here..." : "Recherchez ici...";
+        return langData.value?.search;
     });
     const filterBlocks = computed(() => {
       return props.appBlocks.length > 0 ? props.appBlocks.filter((a) => includesValue(a)) : null;
@@ -175,7 +188,8 @@ export default defineComponent({
       selectedBlock,
       selectBlock,
       filterBlocks,
-      getGlobalTitle
+      getGlobalTitle,
+      langData
     };
   }
 });

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

@@ -34,12 +34,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     searchBlocks: import("vue").Ref<string>;
-    getTitle: import("vue").ComputedRef<string>;
-    getSearchPlaceholder: import("vue").ComputedRef<string>;
+    getTitle: import("vue").ComputedRef<any>;
+    getSearchPlaceholder: import("vue").ComputedRef<any>;
     selectedBlock: import("vue").Ref<any>;
     selectBlock: (block: any) => void;
     filterBlocks: import("vue").ComputedRef<unknown[] | null>;
-    getGlobalTitle: import("vue").ComputedRef<string>;
+    getGlobalTitle: import("vue").ComputedRef<any>;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectBlock" | "update:Block")[], "onSelectBlock" | "update:Block", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;

package/dist/runtime/components/argHomeHeader.vue

@@ -13,7 +13,7 @@
       <arg-menu-link
         :sidebar-open="true"
         to="https://openinnovationprogram.com/"
-        :label="lang === 'en' ? 'Back to OIP' : 'Retour OIP'"
+        :label="langData"
         icon="ArrowSquareOut"
       />
     </div>
@@ -22,7 +22,10 @@
 
 <script>
 import {
-  defineComponent
+  ref,
+  watch,
+  defineComponent,
+  onBeforeMount
 } from "vue";
 import argMenuLink from "./argMenuLink.vue";
 export default defineComponent({
@@ -42,9 +45,31 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     }
+  },
+  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.backOIP;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
+    return { langData };
   }
 });
 </script>

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

@@ -13,7 +13,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => 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<{
     homeTitle: {
         type: StringConstructor;
         required: true;

package/dist/runtime/components/argHomeLayout.vue

@@ -22,7 +22,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     }
   }

package/dist/runtime/components/argHomeSelectedBlock.vue

@@ -6,14 +6,10 @@
       </div>
       <div class="theme_select_message">
         <p class="theme_title">
-          {{ lang === "en" ? "Select a theme" : "Choisissez un thème" }}
+          {{ langData?.title }}
         </p>
         <p class="theme_descr">
-          {{
-            lang === "en"
-              ? "Select a theme to display the analyses available within it."
-              : "Choisissez un thème pour afficher les analyses disponibles."
-          }}
+          {{ langData?.subtitle }}
         </p>
       </div>
     </div>
@@ -72,7 +68,10 @@
 
 <script>
 import {
-  defineComponent
+  ref,
+  watch,
+  defineComponent,
+  onBeforeMount
 } from "vue";
 import argIcon from "./argIcon.vue";
 import argFlag from "./argFlag.vue";
@@ -90,9 +89,31 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     }
+  },
+  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.selectedBlock;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
+    return { langData };
   }
 });
 </script>

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

@@ -8,7 +8,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => 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<{
     selected: {
         type: ObjectConstructor;
         default: null;

package/dist/runtime/components/argMainLayout.vue

@@ -39,7 +39,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     }
   },

package/dist/runtime/components/argMaps.vue

@@ -121,7 +121,7 @@ import Usa from "@svg-maps/usa";
 import UsaCounties from "@svg-maps/usa.counties";
 import France from "@svg-maps/france.regions";
 import FranceDepartments from "@svg-maps/france.departments";
-import World from "@svg-maps/world";
+import World from "./maps/world";
 import SvgMap from "./SvgMap.vue";
 export default defineComponent({
   name: "argMaps",

package/dist/runtime/components/argMapsFrRegionsToDepartements.vue

@@ -2,7 +2,7 @@
   <div class="oip_table_card map_card-container" :id="`container_map-${title}`">
     <div class="p-24">
       <div class="oip_row v-center oip_subtitle">
-        <span v-if="title !== null">{{ title }}</span>
+        <span v-if="title !== null && !haveCustomTitle">{{ title }}</span>
         <slot
           v-else-if="!withDynamicTitle || (withDynamicTitle && !clickedRegion)"
           name="customTitle"
@@ -757,15 +757,7 @@
     </div>
     <div class="legend">
       <p class="oip_filter_label oip_row v-center centered">
-        {{
-          clickedRegion
-            ? lang === "fr"
-              ? "Échelle départementale"
-              : "Departemental scale"
-            : lang === "fr"
-            ? "Échelle Regionale"
-            : "Regional scale"
-        }}
+        {{ clickedRegion ? langData?.dep : langData?.reg }}
       </p>
       <div class="scale" />
       <div class="legend-text" v-if="clickedRegion">
@@ -790,7 +782,8 @@ import {
   watch,
   nextTick,
   defineComponent,
-  computed
+  computed,
+  onBeforeMount
 } from "vue";
 import { Regions } from "./maps/interfaces";
 import regionsPath from "./maps/regionsPath.json";
@@ -808,7 +801,7 @@ export default defineComponent({
     },
     title: {
       type: String,
-      default: null,
+      default: "frRegDep",
       required: false
     },
     source: {
@@ -820,6 +813,10 @@ export default defineComponent({
       type: Boolean,
       default: false
     },
+    haveCustomTitle: {
+      type: Boolean,
+      default: false
+    },
     lang: {
       type: String,
       default: "en",
@@ -841,6 +838,25 @@ export default defineComponent({
     const dptScale = ref([]);
     const componentKey = ref(0);
     const mapPosition = ref({ x: 0, y: 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.map;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     const RegionsData = computed(() => {
       const base = [];
       for (const region in Regions) {
@@ -1012,8 +1028,7 @@ export default defineComponent({
       };
     }
     const getReturnText = computed(() => {
-      const returnText = { en: "Return to regions", fr: "Retour aux re\u0301gions" };
-      return returnText[props.lang];
+      return langData.value?.return;
     });
     onMounted(() => {
       setupScale();
@@ -1131,7 +1146,8 @@ export default defineComponent({
       Regions,
       getColor,
       regionsPath,
-      getReturnText
+      getReturnText,
+      langData
     };
   }
 });

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     title: {
         type: StringConstructor;
-        default: null;
+        default: string;
         required: false;
     };
     source: {
@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    haveCustomTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -60,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
     regionsPath: any;
     getReturnText: import("vue").ComputedRef<any>;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "openSource"[], "openSource", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<Data[]>;
@@ -68,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     title: {
         type: StringConstructor;
-        default: null;
+        default: string;
         required: false;
     };
     source: {
@@ -80,6 +85,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    haveCustomTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -94,5 +103,6 @@ declare const _default: import("vue").DefineComponent<{
     source: string;
     title: string;
     withDynamicTitle: boolean;
+    haveCustomTitle: boolean;
 }, {}>;
 export default _default;