@tekkare/auriga 0.2.42 → 0.2.44

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;

package/dist/runtime/components/locales/en.json

@@ -7,5 +7,184 @@
         "save-analysis": "Save and continue",
         "download": "Download all",
         "close": "Close"
-    }
+    },
+    "chapters": "Chapters",
+    "complex": {
+        "quick": "Quick selection",
+        "current": "Current selection",
+        "empty": "No selection",
+        "loading": "Loading...",
+        "wait": "Please wait",
+        "search": "Search options...",
+        "searchSelect": "Search selected options...",
+        "max": "Maximum selection reached",
+        "notFound": "No content was found",
+        "custom": "Custom selection",
+        "orCustom": "Or custom selection",
+        "noSelection": "No selection yet",
+        "all": "Select all",
+        "clear": "Clear"
+    },
+    "dropdown": {
+        "empty": "No selection",
+        "loading": "Loading...",
+        "wait": "Please wait",
+        "search": "Search options...",
+        "notFound": "No content was found"
+    },
+    "multiple": {
+        "empty": "No selection",
+        "loading": "Loading...",
+        "wait": "Please wait",
+        "search": "Search options...",
+        "notFound": "No content was found",
+        "all": "All"
+    },
+    "search": {
+        "loading": "Loading more suggestions",
+        "empty": "No suggestions were found"
+    },
+    "date": {
+        "compact": {
+            "jan": "Jan.",
+            "feb": "Feb.",
+            "mar": "Mar.",
+            "apr": "Apr.",
+            "may": "May",
+            "jun": "Jun.",
+            "jul": "Jul.",
+            "aug": "Aug.",
+            "sep": "Sep.",
+            "oct": "Oct.",
+            "nov": "Nov.",
+            "dec": "Dec."
+        },
+        "full": {
+            "jan": "January",
+            "feb": "February",
+            "mar": "March",
+            "apr": "April",
+            "may": "May",
+            "jun": "June",
+            "jul": "July",
+            "aug": "August",
+            "sep": "September",
+            "oct": "October",
+            "nov": "November",
+            "dec": "December"
+        }
+    },
+    "tips": {
+        "close": "Close",
+        "more": "Learn more",
+        "hide": "Hide"
+    },
+    "sourceCollapse": {
+        "copySource": "Copy",
+        "sector": "Sector"
+    },
+
+    "backOIP": "Back to OIP",
+    "footer": {
+        "rights": "All rights reserved",
+        "terms": "Terms of use"
+    },
+    "sidebar": {
+        "home": "Home",
+        "open": "Open sidebar"
+    },
+    "map": {
+        "dep": "Departmental scale",
+        "reg": "Regional scale",
+        "return": "Return to regions"
+    },
+    "homeBlocks": {
+        "all": "All themes",
+        "countries": "Countries",
+        "global": "Global themes",
+        "search": "Search...",
+        "empty1": "No applications found",
+        "empty2": "No applications were found matching your search. Try changing your search terms or contact us fore more assistance."
+    },
+    "selectedBlock": {
+        "title": "Select a theme",
+        "subtitle": "Select a theme to display the analyses available within it."
+    },
+    "noScope": {
+        "message": "You need to select your scope to view any results or data. Please choose one of the options below to proceed.",
+        "exist": "Apply an existing scope",
+        "apply": "Apply scope",
+        "new": "+ New scope",
+        "or": "or"
+    },
+    "noSavedScope": {
+        "main": "You don't have Scopes saved yet. Here's how to create a new scope: ",
+        "step1": "Switch to “New Scope Criteria”",
+        "step2": "Select all the criteria you need",
+        "step3": "Click on “Save and continue” at the top right of your screen",
+        "step4": "Fill the form with the information you need and click on “Save scope and continue”",
+        "end": "And that’s it! Your scope will be saved and you will be able to recover it next time you connect."
+    },
+    "scopeChange": {
+        "save": "Save scope",
+        "new": "New scope",
+        "change": "Change scope",
+        "apply": "Apply scope"
+    },
+    "scopeIndic": {
+        "apply": "Scope applied:",
+        "custom": "Custom"
+    },
+    "myScope": "My scope",
+    "scopeCriteria": {
+        "tabs": {
+            "new": "New scope criteria",
+            "saved": "Apply an existing scope"
+        },
+        "title": "Scope criteria",
+        "saved": "Your saved scopes"
+    },
+    "scopeManage": {
+        "title": "Manage my scopes",
+        "del": "Delete",
+        "created": "Created the ",
+        "criteria": "Criteria",
+        "close": "Close"
+    },
+    "scopeCreate": {
+        "title": "Save my scope",
+        "myscope": "My scope",
+        "name": "Scope name",
+        "namePlaceholder": "Name of your scope e.g. Benchmark 2023",
+        "nameError": "Name is required to save your scope!",
+        "descr": "Describe your scope (optional)",
+        "descrPlaceholder": "Your description here",
+        "crit": "Criteria",
+        "cancel": "Cancel",
+        "save": "Save scope and continue"
+    },
+    "toolbarSource": {
+        "comply": "To comply with the ",
+        "list": "You must list in your reports the sources used.",
+        "copy": "The ”Copy” button is provided to ease this process."
+    },
+    "filterCard": {
+        "title": "Filters",
+        "save": "Save scope",
+        "clear": "Clear all",
+        "hide": "Hide",
+        "show": "Show"
+    },
+    "table": {
+        "page": "Show with pagination",
+        "full": "Show full table",
+        "searchBy": "Search by",
+        "or": "or",
+        "searchAll": "Search all...",
+        "loadingTitle": "Loading...",
+        "loadingSub": "Please wait",
+        "emptyTitle": "No content found for your search",
+        "emptySub": "Change or empty your search"
+    },
+    "close": "Close"
 }