@tekkare/auriga 0.2.43 → 0.2.45

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.43"
+  "version": "0.2.45"
 }

package/dist/runtime/components/argChaptersNav.vue

@@ -2,15 +2,7 @@
   <div id="chapter_menu" class="arg_chapters_menu">
     <div class="arg_menu_wrapper" :style="`top: ${headerHeight}px`">
       <p class="arg_menu_title">
-        {{
-          chaptersTitle !== null
-            ? chaptersTitle
-            : lang === "en"
-            ? "Chapters"
-            : lang === "fr"
-            ? "Chapitres"
-            : "Capítulos"
-        }}
+        {{ chaptersTitle !== null ? chaptersTitle : langData }}
       </p>
       <ul class="arg_nav_list">
         <li v-for="(chapter, index) in chaptersList" :key="index">
@@ -36,7 +28,9 @@ import {
   onMounted,
   ref,
   computed,
+  watch,
   defineComponent,
+  onBeforeMount,
   onUnmounted
 } from "vue";
 export default defineComponent({
@@ -50,7 +44,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr", "es"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     },
     chaptersTitle: {
@@ -66,6 +60,25 @@ export default defineComponent({
   setup(props, { emit }) {
     const activeChapter = ref(null);
     const headerHeight = 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.chapters;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     const getChaptersInPage = computed(() => {
       const HTMLChapters = ref([]);
       props.chaptersList.forEach((elem) => {
@@ -135,7 +148,7 @@ export default defineComponent({
         }
       }
     }
-    return { selectChapter, activeChapter, headerHeight };
+    return { selectChapter, activeChapter, headerHeight, langData };
   }
 });
 </script>

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

@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     selectChapter: (index: number, anchorId: string) => void;
     activeChapter: import("vue").Ref<any>;
     headerHeight: import("vue").Ref<number>;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClose"[], "onClose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     chaptersList: {
         type: ArrayConstructor;

package/dist/runtime/components/argComplexSelect.vue

@@ -46,13 +46,7 @@
           class="oip_select_complex_smart"
         >
           <h2 class="oip_select_complex_smart_title">
-            {{
-              lang === "fr"
-                ? "Sélection rapide"
-                : lang === "es"
-                ? "Selección rápida"
-                : "Quick selection"
-            }}
+            {{ langData?.quick }}
           </h2>
           <div class="oip_select_complex_smart_selection">
             <arg-pills
@@ -73,15 +67,15 @@
         <div class="oip_select_complex_add_all">
           <div class="oip_row v-center gap-8">
             <p v-if="smart_selection_table !== null" class="oip_subtitle">
-              {{ getCustomText[lang] }}
+              {{ getCustomText }}
             </p>
-            <p v-else class="oip_subtitle">{{ getAddText[lang] }}</p>
+            <p v-else class="oip_subtitle">{{ getAddText }}</p>
             <p
               v-if="max_amount === null"
               class="add_all_action"
               @click="add_all_element()"
             >
-              {{ getAddAllText[lang] }}
+              {{ getAddAllText }}
             </p>
             <p class="oip_body" v-else>(Maximum: {{ max_amount }})</p>
           </div>
@@ -151,15 +145,11 @@
       <div class="oip_select_complex_del_selection">
         <div class="oip_row v-center space-between full_stretch">
           <p class="oip_subtitle">
-            {{
-              lang === "fr"
-                ? "Sélection en cours"
-                : lang === "es"
-                ? "Selección en curso"
-                : "Current selection"
-            }}
+            {{ langData?.current }}
+          </p>
+          <p class="del_all_action" @click="del_all_element()">
+            {{ langData?.clear }}
           </p>
-          <p class="del_all_action" @click="del_all_element()">Clear</p>
         </div>
         <div class="complex_search">
           <arg-icon name="MagnifyingGlass" color="var(--medium)" size="14" />
@@ -178,7 +168,7 @@
         </div>
         <div class="oip_select_complex_options">
           <p class="oip_body" v-if="del_table.length === 0">
-            {{ noSelectionMsg[lang] }}
+            {{ noSelectionMsg }}
           </p>
           <p class="oip_body" v-else-if="filterNameDel.length === 0">
             {{ getEmptyContentMsg }}
@@ -204,7 +194,7 @@
             </div>
           </div>
         </div>
-        <div
+        <!-- <div
           v-if="need_apply"
           class="oip_row v-center gap-8"
           style="margin-top: auto; align-self: flex-end"
@@ -215,7 +205,7 @@
           <arg-btn @click="apply_function()" btnStyle="primary-fill">{{
             lang === "fr" ? "Apply" : lang === "es" ? "Aplicar" : "Appliquer"
           }}</arg-btn>
-        </div>
+        </div> -->
       </div>
     </div>
   </div>
@@ -223,12 +213,12 @@
 <script>
 import { useFuse } from "@vueuse/integrations/useFuse";
 import argSimpleLabel from "./argSimpleLabel.vue";
-import argBtn from "./argBtn.vue";
 import argIcon from "./argIcon.vue";
 import argPills from "./argPills.vue";
 import argDataLoader from "./argDataLoader.vue";
 import {
   onMounted,
+  onBeforeMount,
   ref,
   computed,
   watch,
@@ -239,7 +229,6 @@ export default defineComponent({
   name: "argComplexSelect",
   components: {
     argSimpleLabel,
-    argBtn,
     argIcon,
     argDataLoader,
     argPills
@@ -276,7 +265,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 },
@@ -305,26 +294,37 @@ export default defineComponent({
     const hoverRemove = ref(null);
     const reachMax = ref(false);
     const getLeft = ref("0");
-    const getCustomText = {
-      en: "Or custom selection",
-      fr: "Ou s\xE9lection sur mesure",
-      es: "O selecci\xF3n personalizada"
-    };
-    const getAddText = {
-      en: "Custom selection",
-      fr: "S\xE9lection sur mesure",
-      es: "Selecci\xF3n personalizada"
-    };
-    const getAddAllText = {
-      en: "Select all",
-      fr: "Tout s\xE9lectionner",
-      es: "Seleccionar todo"
-    };
-    const noSelectionMsg = {
-      en: "No selection yet",
-      fr: "Aucune s\xE9lection",
-      es: "Ninguna selecci\xF3n"
-    };
+    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.complex;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
+    const getCustomText = computed(() => {
+      return langData.value?.orCustom;
+    });
+    const getAddText = computed(() => {
+      return langData.value?.custom;
+    });
+    const getAddAllText = computed(() => {
+      return langData.value?.all;
+    });
+    const noSelectionMsg = computed(() => {
+      return langData.value?.noSelection;
+    });
     function openInfo() {
       emit("openInfo");
     }
@@ -390,37 +390,37 @@ 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 getPlaceholderAdd = computed(() => {
       if (props.search_placeholder_add === null) {
-        return props.lang === "fr" ? "Rechercher une option..." : props.lang === "es" ? "Buscar una opci\xF3n..." : "Search options...";
+        return langData.value?.search;
       } else
         return props.search_placeholder_add;
     });
     const getPlaceholderDel = computed(() => {
       if (props.search_placeholder_del === null) {
-        return props.lang === "fr" ? "Rechercher parmi les options selection\xE9es..." : props.lang === "es" ? "Buscar opciones seleccionadas..." : "Search selected options...";
+        return langData.value?.searchSelect;
       } else
         return props.search_placeholder_del;
     });
     const getMaxSelectMsg = computed(() => {
       if (props.reach_max_msg === null) {
-        return props.lang === "fr" ? "Maximum de s\xE9lection atteint" : props.lang === "es" ? "Selecci\xF3n m\xE1xima alcanzada" : "Maximum selection reached";
+        return langData.value?.max;
       } else
         return props.reach_max_msg;
     });
     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;
     });
@@ -660,7 +660,8 @@ export default defineComponent({
       getAddAllText,
       noSelectionMsg,
       getAddText,
-      openInfo
+      openInfo,
+      langData
     };
   }
 });

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

@@ -163,34 +163,19 @@ declare const _default: import("vue").DefineComponent<{
     change_save_table: () => void;
     getAllSelect: import("vue").ComputedRef<string>;
     reachMax: import("vue").Ref<boolean>;
-    getEmptyMsg: import("vue").ComputedRef<string>;
-    getLoaderText: import("vue").ComputedRef<string[]>;
-    getPlaceholderAdd: import("vue").ComputedRef<string>;
-    getPlaceholderDel: import("vue").ComputedRef<string>;
-    getMaxSelectMsg: import("vue").ComputedRef<string>;
-    getEmptyContentMsg: import("vue").ComputedRef<string>;
+    getEmptyMsg: import("vue").ComputedRef<any>;
+    getLoaderText: import("vue").ComputedRef<any[]>;
+    getPlaceholderAdd: import("vue").ComputedRef<any>;
+    getPlaceholderDel: import("vue").ComputedRef<any>;
+    getMaxSelectMsg: import("vue").ComputedRef<any>;
+    getEmptyContentMsg: import("vue").ComputedRef<any>;
     getLeft: import("vue").Ref<string>;
-    getCustomText: {
-        en: string;
-        fr: string;
-        es: string;
-    };
-    getAddAllText: {
-        en: string;
-        fr: string;
-        es: string;
-    };
-    noSelectionMsg: {
-        en: string;
-        fr: string;
-        es: string;
-    };
-    getAddText: {
-        en: string;
-        fr: string;
-        es: string;
-    };
+    getCustomText: import("vue").ComputedRef<any>;
+    getAddAllText: import("vue").ComputedRef<any>;
+    noSelectionMsg: import("vue").ComputedRef<any>;
+    getAddText: import("vue").ComputedRef<any>;
     openInfo: () => void;
+    langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection" | "openInfo")[], "changeElement" | "changeAddInputValue" | "update:Selection" | "openInfo", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {

package/dist/runtime/components/argDate.vue

@@ -4,7 +4,10 @@
 
 <script>
 import {
-  defineComponent
+  ref,
+  defineComponent,
+  onBeforeMount,
+  watch
 } from "vue";
 export default defineComponent({
   name: "argDate",
@@ -17,7 +20,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr"].includes(value);
+        return ["en", "fr", "es", "jp"].includes(value);
       }
     },
     compact: {
@@ -26,50 +29,75 @@ export default defineComponent({
     }
   },
   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.date;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     function monthToString(month) {
       if (month === 0) {
-        return props.lang === "fr" ? props.compact ? "Jan." : "Janvier" : props.lang === "es" ? props.compact ? "Ene." : "Enero" : props.compact ? "Jan" : "January";
+        return props.compact ? langData.value?.compact.jan : langData.value?.full.jan;
       }
       if (month === 1) {
-        return props.lang === "fr" ? props.compact ? "F\xE9v." : "F\xE9vrier" : props.lang === "es" ? props.compact ? "Feb." : "Febrero" : props.compact ? "Feb." : "February";
+        return props.compact ? langData.value?.compact.feb : langData.value?.full.feb;
       }
       if (month === 2) {
-        return props.lang === "fr" ? props.compact ? "Mar." : "Mars" : props.lang === "es" ? props.compact ? "Mar." : "Marzo" : props.compact ? "Mar." : "March";
+        return props.compact ? langData.value?.compact.mar : langData.value?.full.mar;
       }
       if (month === 3) {
-        return props.lang === "fr" ? props.compact ? "Avr." : "Avril" : props.lang === "es" ? props.compact ? "Abr." : "Abril" : props.compact ? "Apr." : "April";
+        return props.compact ? langData.value?.compact.apr : langData.value?.full.apr;
       }
       if (month === 4) {
-        return props.lang === "fr" ? "Mai" : props.lang === "es" ? props.compact ? "May." : "Mayo" : "May";
+        return props.compact ? langData.value?.compact.may : langData.value?.full.may;
       }
       if (month === 5) {
-        return props.lang === "fr" ? "Juin" : props.compact ? "Jun." : props.lang === "es" ? props.compact ? "Jun." : "Junio" : "June";
+        return props.compact ? langData.value?.compact.jun : langData.value?.full.jun;
       }
       if (month === 6) {
-        return props.lang === "fr" ? props.compact ? "Juil." : "Juillet" : props.lang === "es" ? props.compact ? "Jul." : "Julio" : props.compact ? "Jul." : "July";
+        return props.compact ? langData.value?.compact.jul : langData.value?.full.jul;
       }
       if (month === 7) {
-        return props.lang === "fr" ? props.compact ? "Ao\xFB." : "Ao\xFBt" : props.lang === "es" ? props.compact ? "Ago." : "Agosto" : props.compact ? "Aug." : "August";
+        return props.compact ? langData.value?.compact.aug : langData.value?.full.aug;
       }
       if (month === 8) {
-        return props.lang === "fr" ? props.compact ? "Sep." : "Septembre" : props.lang === "es" ? props.compact ? "Sep." : "Septiembre" : props.compact ? "Sep." : "September";
+        return props.compact ? langData.value?.compact.sep : langData.value?.full.sep;
       }
       if (month === 9) {
-        return props.lang === "fr" ? props.compact ? "Oct." : "Octobre" : props.lang === "es" ? props.compact ? "Oct." : "Octubre" : props.compact ? "Oct." : "October";
+        return props.compact ? langData.value?.compact.oct : langData.value?.full.oct;
       }
       if (month === 10) {
-        return props.lang === "fr" ? props.compact ? "Nov." : "Novembre" : props.lang === "es" ? props.compact ? "Nov." : "Noviembre" : props.compact ? "Nov." : "November";
+        return props.compact ? langData.value?.compact.nov : langData.value?.full.nov;
       }
       if (month === 11) {
-        return props.lang === "fr" ? props.compact ? "D\xE9c." : "D\xE9cembre" : props.lang === "es" ? props.compact ? "Dic." : "Diciembre" : props.compact ? "Dec." : "December";
+        return props.compact ? langData.value?.compact.dec : langData.value?.full.dec;
       }
     }
     function formatDate(str) {
       const date = new Date(str);
-      const fullDate = `${date.getDate()} ${monthToString(
-        date.getMonth()
-      )}, ${date.getFullYear()}`;
-      return fullDate;
+      if (props.lang === "jp") {
+        return `${date.getFullYear()}\u5E74${monthToString(
+          date.getMonth()
+        )}${date.getDate()}\u65E5`;
+      } else {
+        const fullDate = `${date.getDate()} ${monthToString(
+          date.getMonth()
+        )}, ${date.getFullYear()}`;
+        return fullDate;
+      }
     }
     return {
       formatDate,

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     formatDate: (str: string | number) => string;
-    monthToString: (month: number) => "Jan." | "Janvier" | "Ene." | "Enero" | "Jan" | "January" | "Fév." | "Février" | "Feb." | "Febrero" | "February" | "Mar." | "Mars" | "Marzo" | "March" | "Avr." | "Avril" | "Abr." | "Abril" | "Apr." | "April" | "Mai" | "May." | "Mayo" | "May" | "Juin" | "Jun." | "Junio" | "June" | "Juil." | "Juillet" | "Jul." | "Julio" | "July" | "Aoû." | "Août" | "Ago." | "Agosto" | "Aug." | "August" | "Sep." | "Septembre" | "Septiembre" | "September" | "Oct." | "Octobre" | "Octubre" | "October" | "Nov." | "Novembre" | "Noviembre" | "November" | "Déc." | "Décembre" | "Dic." | "Diciembre" | "Dec." | "December" | undefined;
+    monthToString: (month: number) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     rawDate: {
         type: (StringConstructor | NumberConstructor)[];

package/dist/runtime/components/argDropdownSelect.vue

@@ -137,6 +137,7 @@ import {
   computed,
   watch,
   defineComponent,
+  onBeforeMount,
   onUnmounted,
   onUpdated
 } from "vue";
@@ -164,7 +165,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 },
@@ -185,6 +186,25 @@ export default defineComponent({
     const selected_item = ref(null);
     const selected_number = ref(null);
     const getSepPositions = 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.dropdown;
+        }
+      }
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
     onMounted(() => {
       table_values.value = props.element_table;
       selected_item.value = props.default_select !== null ? props.element_table[props.default_select] : null;
@@ -251,25 +271,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...", "Espera, 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 opciones" : "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;
     });

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

@@ -121,10 +121,10 @@ declare const _default: import("vue").DefineComponent<{
     filterName: import("vue").ComputedRef<string[]>;
     changeDisplay: () => void;
     changeInput: () => void;
-    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>;
     getSepPositions: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "update:Selection" | "changeInputValue")[], "changeElement" | "update:Selection" | "changeInputValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {