@tekkare/auriga 0.2.56 → 0.2.57

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.56"
+  "version": "0.2.57"
 }

package/dist/runtime/components/argComplexSelect.vue

@@ -86,7 +86,7 @@
               class="complex_input"
               :placeholder="getPlaceholderAdd"
               v-model="searchNameAdd"
-              @input="changeInput"
+              id="complex_search_input"
             />
             <div
               v-if="searchNameAdd.length > 0"
@@ -294,6 +294,7 @@ export default defineComponent({
     const hoverRemove = ref(null);
     const reachMax = ref(false);
     const getLeft = ref("0");
+    const searchBar = ref();
     const langData = ref(null);
     async function setLang() {
       const jsonFiles = import.meta.glob("./locales/*.json");
@@ -328,7 +329,16 @@ export default defineComponent({
     function openInfo() {
       emit("openInfo");
     }
+    function debounce(func, delay) {
+      let debounceTimer;
+      return function(...args) {
+        clearTimeout(debounceTimer);
+        debounceTimer = window.setTimeout(() => func.apply(this, args), delay);
+      };
+    }
     onMounted(() => {
+      searchBar.value = document.getElementById("complex_search_input");
+      searchBar.value?.addEventListener("input", debounce(changeInput, 500));
       del_table.value = Object.assign([], [...new Set(props.already_selected)]);
       add_table.value = Object.assign(
         [],
@@ -349,6 +359,9 @@ export default defineComponent({
         }
       }
     });
+    onUnmounted(() => {
+      searchBar.value?.removeEventListener("input", debounce(changeInput, 300));
+    });
     watch(
       () => props.element_table,
       (new_element_table) => {
@@ -477,9 +490,7 @@ export default defineComponent({
         return del_table.value;
     });
     function changeInput() {
-      setTimeout(() => {
-        emit("changeAddInputValue", searchNameAdd.value);
-      }, 500);
+      emit("changeAddInputValue", searchNameAdd.value);
     }
     function isInViewport(el) {
       const rect = el.getBoundingClientRect();

package/dist/runtime/components/argDropdownSelect.vue

@@ -61,7 +61,7 @@
         <input
           class="oip_search_name"
           v-model="searchName"
-          @input="changeInput()"
+          id="dropdown_search_input"
           :placeholder="getPlaceholder"
         />
         <div
@@ -195,6 +195,7 @@ export default defineComponent({
     const selected_item = ref(null);
     const selected_number = ref(null);
     const getSepPositions = ref([]);
+    const searchBar = ref();
     const langData = ref(null);
     async function setLang() {
       const jsonFiles = import.meta.glob("./locales/*.json");
@@ -217,7 +218,16 @@ export default defineComponent({
     function openInfo() {
       emit("openInfo");
     }
+    function debounce(func, delay) {
+      let debounceTimer;
+      return function(...args) {
+        clearTimeout(debounceTimer);
+        debounceTimer = window.setTimeout(() => func.apply(this, args), delay);
+      };
+    }
     onMounted(() => {
+      searchBar.value = document.getElementById("dropdown_search_input");
+      searchBar.value?.addEventListener("input", debounce(changeInput, 500));
       table_values.value = props.element_table;
       selected_item.value = props.default_select !== null ? props.element_table[props.default_select] : null;
       selected_number.value = props.default_select !== null ? props.default_select : null;
@@ -231,6 +241,9 @@ export default defineComponent({
         });
       }
     });
+    onUnmounted(() => {
+      searchBar.value?.removeEventListener("input", debounce(changeInput, 300));
+    });
     watch(
       () => props.element_table,
       (new_element_table) => {
@@ -306,9 +319,7 @@ export default defineComponent({
         return props.empty_content_msg;
     });
     function changeInput() {
-      setTimeout(() => {
-        emit("changeInputValue", searchName.value);
-      }, 500);
+      emit("changeInputValue", searchName.value);
     }
     function checkActiveEllipsis() {
       if (labelElement.value !== null) {

package/dist/runtime/components/argExportXLSX.vue

@@ -75,6 +75,7 @@
 import argBtn from "./argBtn.vue";
 import writeXlsxFile from "write-excel-file";
 import { ref, defineComponent } from "vue";
+import posthog from "posthog-js";
 export default defineComponent({
   name: "ArgExportXLSX",
   components: { argBtn },
@@ -129,6 +130,14 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr"].includes(value);
       }
+    },
+    posthogKey: {
+      type: String,
+      default: null
+    },
+    posthogHost: {
+      type: String,
+      default: null
     }
   },
   setup(props) {
@@ -142,6 +151,20 @@ export default defineComponent({
         }
       );
       await props.beforeExport();
+      if (props.posthogHost !== null && props.posthogKey !== null) {
+        const eventName = "Download Excel";
+        const eventProps = {
+          title: `${props.exportName}-from_${currentDate}`
+        };
+        try {
+          posthog.capture(eventName, eventProps);
+        } catch (error) {
+          console.warn(
+            "PostHog not initialized or event capture failed.",
+            error
+          );
+        }
+      }
       if ((props.actualAmount !== null && props.actualAmount > props.limit || props.actualAmount === null && props.tabs.some((tab) => tab.data.length > props.limit)) && canLaunchDownload.value === false) {
         openModal();
       }

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

@@ -72,6 +72,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    posthogKey: {
+        type: StringConstructor;
+        default: null;
+    };
+    posthogHost: {
+        type: StringConstructor;
+        default: null;
+    };
 }, {
     launchDownload: () => Promise<void>;
     isLoading: import("vue").Ref<boolean>;
@@ -127,6 +135,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    posthogKey: {
+        type: StringConstructor;
+        default: null;
+    };
+    posthogHost: {
+        type: StringConstructor;
+        default: null;
+    };
 }>>, {
     lang: string;
     style: string;
@@ -137,5 +153,7 @@ declare const _default: import("vue").DefineComponent<{
     exportName: string;
     limit: number;
     actualAmount: number;
+    posthogKey: string;
+    posthogHost: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argModal.vue

@@ -1,6 +1,12 @@
 <template>
-  <div :class="['arg_modal_container', open ? 'arg_modal_open' : '']">
-    <div v-show="open" class="arg_modal">
+  <div
+    :class="[
+      'arg_modal_container',
+      open ? 'arg_modal_open' : '',
+      isSource ? 'set-width' : '',
+    ]"
+  >
+    <div v-show="open" class="arg_modal" :class="isSource ? 'row' : 'col'">
       <slot />
     </div>
   </div>
@@ -16,10 +22,14 @@ export default defineComponent({
     open: {
       type: Boolean,
       default: false
+    },
+    isSource: {
+      type: Boolean,
+      default: false
     }
   }
 });
 </script>
 <style scoped>
-.arg_modal_container{align-items:center;background-color:transparent;bottom:0;display:flex;height:0;justify-content:center;left:0;opacity:0;position:fixed;transition:all .35s ease;width:0}.arg_modal_open{background-color:rgba(0,0,0,.4);height:100vh;opacity:1;width:100%;z-index:99}.arg_modal{align-items:flex-start;background:var(--base-white,#fff);border-radius:var(--m,16px);display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100% - 48px);max-width:600px;padding:24px}
+.arg_modal_container{align-items:center;background-color:transparent;bottom:0;display:flex;flex-direction:column;height:0;justify-content:center;left:0;opacity:0;position:fixed;transition:all .35s ease;width:0}.arg_modal_open{background-color:rgba(0,0,0,.4);height:100vh;opacity:1;width:100%;z-index:99}.arg_modal{align-items:flex-start;background:var(--base-white,#fff);border-radius:12px;display:flex;flex-shrink:0;height:100%;width:100%}.arg_modal.row{flex-direction:row;max-height:711px;max-width:1014px}.arg_modal.col{flex-direction:column;max-height:663px;max-width:966px;padding:24px}.arg_modal_open.set-width{padding:0 15%;width:70%}
 </style>

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

@@ -3,12 +3,21 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    isSource: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
         default: boolean;
     };
+    isSource: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     open: boolean;
+    isSource: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argMultipleSelect.vue

@@ -49,7 +49,7 @@
           v-model="searchName"
           class="oip_search_name"
           :placeholder="getPlaceholder"
-          @input="changeInput()"
+          id="multiple_search_input"
         />
         <div
           v-if="searchName.length > 0"
@@ -381,6 +381,7 @@ export default defineComponent({
     const selectedCats = ref([]);
     const valueFrom = ref([]);
     const element_table_copy = ref([]);
+    const searchBar = ref();
     const langData = ref(null);
     async function setLang() {
       const jsonFiles = import.meta.glob("./locales/*.json");
@@ -429,7 +430,16 @@ export default defineComponent({
         }
       }
     );
+    function debounce(func, delay) {
+      let debounceTimer;
+      return function(...args) {
+        clearTimeout(debounceTimer);
+        debounceTimer = window.setTimeout(() => func.apply(this, args), delay);
+      };
+    }
     onMounted(() => {
+      searchBar.value = document.getElementById("multiple_search_input");
+      searchBar.value?.addEventListener("input", debounce(changeInput, 500));
       element_table_copy.value = props.element_table;
       if (props.preselection_all) {
         add_all();
@@ -437,6 +447,9 @@ export default defineComponent({
         selected_items.value = props.default_select;
       }
     });
+    onUnmounted(() => {
+      searchBar.value?.removeEventListener("input", debounce(changeInput, 300));
+    });
     const getEmptyMsg = computed(() => {
       if (props.empty_msg === null) {
         return langData.value?.empty;

package/dist/runtime/components/argToolModal.vue

@@ -0,0 +1,289 @@
+<template>
+  <arg-modal :open="infoOpen" is-source @click.stop>
+    <div class="tool_modal_sidebar">
+      <div class="oip_list v-start gap-8 p-16">
+        <div class="search_input">
+          <arg-icon name="MagnifyingGlass" color="var(--medium)" size="20" />
+          <input
+            v-model="searchSources"
+            class="input_style"
+            placeholder="Search here..."
+            id="tool_modal_search"
+          />
+        </div>
+        <div v-for="(menu, index) in toolbarArray" :key="index">
+          <div
+            class="oip_row v-center space-between full menu"
+            :class="[
+              menu.name === trueActiveMenu && activeSub === null
+                ? 'active'
+                : '',
+              menu.sub && menu.name === trueActiveMenu ? 'mb-8' : '',
+            ]"
+            @click="selectMenu(menu)"
+          >
+            <div class="oip_row v-center gap-8">
+              <arg-icon :name="menu.icon" size="20" color="var(--dark)" />
+              <p>{{ menu.name }}</p>
+            </div>
+            <arg-icon
+              v-if="menu.sub"
+              name="CaretDown"
+              size="12"
+              color="var(--dark)"
+              class="icon_animate"
+              :class="menu.name === trueActiveMenu ? 'rotate' : ''"
+            />
+          </div>
+          <div
+            v-if="menu.sub"
+            class="oip_list v-start gap-8 sub_content"
+            :class="menu.name === trueActiveMenu ? 'open' : 'closed'"
+          >
+            <div
+              v-for="(subMenu, subIndex) in menu.sub"
+              :key="subIndex"
+              @click="selectSub(subMenu, menu.sub)"
+              class="sub_menu"
+              :class="subMenu === activeSub ? 'active' : ''"
+            >
+              <p>{{ subMenu }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="tool_modal_content">
+      <div class="tool_content_header">
+        <div class="oip_row v-center gap-16">
+          <div v-if="haveNav" class="action" @click="navigateTo(-1)">
+            <arg-icon
+              name="CaretLeft"
+              :color="showNext ? 'var(--darkest)' : 'var(--medium)'"
+              size="20"
+            />
+          </div>
+          <div v-if="haveNav" @click="navigateTo(1)" class="action">
+            <arg-icon
+              name="CaretRight"
+              :color="showPrev ? 'var(--darkest)' : 'var(--medium)'"
+              size="20"
+            />
+          </div>
+          <p class="tool_content_title">{{ trueActiveMenu }}</p>
+        </div>
+        <div class="action" @click="close()">
+          <arg-icon name="X" color="var(--darkest)" size="20" />
+        </div>
+      </div>
+      <div ref="displayContent" class="tool_content_display">
+        <p class="oip_heading">
+          {{ activeSub === null ? trueActiveMenu : activeSub }}
+        </p>
+        <!-- <p v-if="trueActiveMenu === 'Sources'" class="oip_body">
+          {{ langData?.providerText }}
+        </p> -->
+        <slot
+          :name="
+            activeSub === null
+              ? trueActiveMenu?.replace(' ', '_')
+              : activeSub?.replace(' ', '_')
+          "
+        />
+      </div>
+      <slot v-if="showSourceTable" name="sourceTable" />
+    </div>
+  </arg-modal>
+</template>
+
+<script>
+import {
+  onMounted,
+  ref,
+  onBeforeMount,
+  defineComponent,
+  watch,
+  computed,
+  onUnmounted
+} from "vue";
+import argIcon from "./argIcon.vue";
+import argModal from "./argModal.vue";
+export default defineComponent({
+  name: "argToolModal",
+  components: { argIcon, argModal },
+  props: {
+    open: {
+      type: Boolean,
+      default: true
+    },
+    activeMenu: {
+      type: String,
+      required: true
+    },
+    toolbarArray: {
+      type: Array,
+      default: () => [
+        { name: "Tips", icon: "Lightbulb" },
+        { name: "Sources", icon: "Database" },
+        { name: "Info", icon: "Info" }
+      ]
+    },
+    sourceArray: {
+      type: Array,
+      default: () => []
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr", "es", "jp"].includes(value);
+      }
+    },
+    showSourceTable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:Open", "update:Menu", "changeInputValue"],
+  setup(props, { emit }) {
+    const trueActiveMenu = ref(props.activeMenu);
+    const activeSub = ref(null);
+    const infoOpen = ref(props.open);
+    const searchSources = ref("");
+    const searchBar = ref();
+    const navIndex = ref(0);
+    const displayContent = ref(null);
+    const langData = ref("Close");
+    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.sourceModal;
+        }
+      }
+    }
+    const haveNav = computed(() => {
+      return props.toolbarArray.find((a) => a.name === trueActiveMenu.value)?.sub;
+    });
+    function selectMenu(item) {
+      trueActiveMenu.value = item.name;
+      activeSub.value = null;
+      navIndex.value = 0;
+      displayContent.value?.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+      emit("update:Menu", trueActiveMenu.value);
+    }
+    const showPrev = computed(() => {
+      return navIndex.value < props.toolbarArray[props.toolbarArray.findIndex((a) => a.name === trueActiveMenu.value)]?.sub.length;
+    });
+    const showNext = computed(() => {
+      return navIndex.value > 0;
+    });
+    function navigateTo(index) {
+      if (!(navIndex.value === 0 && index < 0) && !(navIndex.value >= props.toolbarArray[props.toolbarArray.findIndex(
+        (a) => a.name === trueActiveMenu.value
+      )]?.sub.length && index > 0)) {
+        navIndex.value += index;
+        if (navIndex.value > 0) {
+          selectSub(
+            props.toolbarArray[props.toolbarArray.findIndex(
+              (a) => a.name === trueActiveMenu.value
+            )]?.sub[navIndex.value - 1]
+          );
+        } else {
+          activeSub.value = null;
+          console.log(displayContent.value);
+          displayContent.value?.scrollTo({
+            top: 0,
+            behavior: "smooth"
+          });
+        }
+      }
+    }
+    function selectSub(item, subArray) {
+      activeSub.value = item;
+      if (subArray) {
+        navIndex.value = subArray.indexOf(item) + 1;
+      }
+      emit("update:Menu", activeSub.value);
+    }
+    onBeforeMount(async () => {
+      setLang();
+    });
+    watch(
+      () => props.lang,
+      () => {
+        setLang();
+      }
+    );
+    watch(
+      () => props.open,
+      (new_info_open) => {
+        infoOpen.value = new_info_open;
+        emit("update:Open", infoOpen.value);
+      }
+    );
+    watch(
+      () => props.activeMenu,
+      (new_active_menu) => {
+        trueActiveMenu.value = new_active_menu;
+      }
+    );
+    watch(
+      () => infoOpen.value,
+      () => {
+        if (infoOpen.value) {
+          setTimeout(() => {
+            document.addEventListener("click", close);
+          }, 500);
+        } else
+          document.removeEventListener("click", close);
+      }
+    );
+    function debounce(func, delay) {
+      let debounceTimer;
+      return function(...args) {
+        clearTimeout(debounceTimer);
+        debounceTimer = window.setTimeout(() => func.apply(this, args), delay);
+      };
+    }
+    onMounted(() => {
+      searchBar.value = document.getElementById("tool_modal_input");
+      searchBar.value?.addEventListener("input", debounce(changeInput, 500));
+      trueActiveMenu.value = props.activeMenu;
+    });
+    onUnmounted(() => {
+      searchBar.value?.removeEventListener("input", debounce(changeInput, 300));
+    });
+    function changeInput() {
+      emit("changeInputValue", searchSources.value);
+    }
+    function close() {
+      infoOpen.value = false;
+      emit("update:Open", infoOpen.value);
+    }
+    return {
+      infoOpen,
+      trueActiveMenu,
+      close,
+      langData,
+      selectMenu,
+      searchSources,
+      activeSub,
+      selectSub,
+      haveNav,
+      navigateTo,
+      showNext,
+      showPrev,
+      displayContent
+    };
+  }
+});
+</script>
+
+<style scoped>
+.tool_modal_sidebar{align-self:stretch;background:var(--demi-fond);border-bottom-left-radius:12px;border-right:1px solid var(--light);border-top-left-radius:12px;flex-shrink:0;height:100%;max-width:200px;overflow-y:scroll;position:relative;width:30%}.p-16{padding:16px}.menu,.sub_menu{align-self:stretch;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0}.menu{padding:8px}.sub_menu{padding:8px 8px 8px 35px}.full{align-self:stretch}.menu:not(.active):hover p{color:var(--darkest)!important}.menu:not(.active):hover svg{color:var(--primary)!important}.menu.active,.sub_menu.active{background:rgba(33,118,255,.1)!important}.tool_modal_content{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column}.tool_content_header{align-items:center;align-self:stretch;border-bottom:1px solid var(--light);display:flex;gap:8px;justify-content:space-between;padding:16px 24px}.tool_content_title{font-size:14px;font-style:normal;font-weight:700;line-height:160%}.action{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px}.action:hover{background:var(--lightest)!important}.tool_content_display{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px;overflow-y:scroll;padding:24px}.tool_content_display::-webkit-scrollbar,.tool_modal_sidebar::-webkit-scrollbar{height:5px;width:5px}.tool_content_display::-webkit-scrollbar-thumb,.tool_modal_sidebar::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.tool_content_display::-webkit-scrollbar-thumb:hover,.tool_modal_sidebar::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.search_input{align-items:center;align-self:stretch;background:var(--demi-fond);border:1px solid var(--light);border-radius:8px;display:flex;flex-shrink:0;gap:8px;padding:8px 12px;position:sticky;top:16px}.input_style{background:transparent;width:100%}.input_style,.input_style:focus-visible{border:none;outline:none}.input_style::-moz-placeholder{color:var(--medium)}.input_style::placeholder{color:var(--medium)}.menu p,.sub_menu p{color:var(--dark);font-size:14px;font-style:normal;font-weight:400;line-height:160%}svg.icon_animate{transition:transform .3s}svg.icon_animate.rotate{transform:rotate(180deg)}.mb-8{margin-bottom:8px}.sub_content{transition:max-height .3s,opacity .3s}.sub_content.open{max-height:5000px;opacity:1}.sub_content.closed{max-height:0;opacity:0;overflow:hidden}
+</style>

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

@@ -0,0 +1,149 @@
+interface provider {
+    providerName: string;
+    sources: source[];
+}
+interface source {
+    sourceName: string;
+    sourceCountry: string;
+}
+interface menu {
+    name: string;
+    icon: string;
+    sub?: string[];
+}
+declare const _default: import("vue").DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeMenu: {
+        type: StringConstructor;
+        required: true;
+    };
+    toolbarArray: {
+        type: {
+            (arrayLength: number): menu[];
+            (...items: menu[]): menu[];
+            new (arrayLength: number): menu[];
+            new (...items: menu[]): menu[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => {
+            name: string;
+            icon: string;
+        }[];
+    };
+    sourceArray: {
+        type: {
+            (arrayLength: number): provider[];
+            (...items: provider[]): provider[];
+            new (arrayLength: number): provider[];
+            new (...items: provider[]): provider[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    showSourceTable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    infoOpen: import("vue").Ref<boolean>;
+    trueActiveMenu: import("vue").Ref<any>;
+    close: () => void;
+    langData: import("vue").Ref<any>;
+    selectMenu: (item: menu) => void;
+    searchSources: import("vue").Ref<string>;
+    activeSub: import("vue").Ref<any>;
+    selectSub: (item: string, subArray?: string[]) => void;
+    haveNav: import("vue").ComputedRef<string[] | undefined>;
+    navigateTo: (index: number) => void;
+    showNext: import("vue").ComputedRef<boolean>;
+    showPrev: import("vue").ComputedRef<boolean>;
+    displayContent: import("vue").Ref<HTMLDivElement | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeInputValue" | "update:Menu" | "update:Open")[], "changeInputValue" | "update:Menu" | "update:Open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeMenu: {
+        type: StringConstructor;
+        required: true;
+    };
+    toolbarArray: {
+        type: {
+            (arrayLength: number): menu[];
+            (...items: menu[]): menu[];
+            new (arrayLength: number): menu[];
+            new (...items: menu[]): menu[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => {
+            name: string;
+            icon: string;
+        }[];
+    };
+    sourceArray: {
+        type: {
+            (arrayLength: number): provider[];
+            (...items: provider[]): provider[];
+            new (arrayLength: number): provider[];
+            new (...items: provider[]): provider[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    showSourceTable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChangeInputValue?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Menu"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Open"?: ((...args: any[]) => any) | undefined;
+}, {
+    lang: string;
+    open: boolean;
+    toolbarArray: menu[];
+    sourceArray: provider[];
+    showSourceTable: boolean;
+}, {}>;
+export default _default;

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

@@ -60,7 +60,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     lang: string;
     toolbarOpen: boolean;
-    toolbarArray: unknown[];
     activeMenu: string;
+    toolbarArray: unknown[];
 }, {}>;
 export default _default;

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

@@ -189,5 +189,8 @@
         "emptyTitle": "No content found for your search",
         "emptySub": "Change or empty your search"
     },
-    "close": "Close"
+    "close": "Close",
+    "sourceModal": {
+        "providerText": "This document lists all the sources consulted and used in the development of our application. Each source is accompanied by an explanation detailing its specific contribution to the project. The aim of this documentation work is to ensure complete traceability of references, and to guarantee the integrity and quality of the information used."
+    }
 }

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

@@ -188,5 +188,8 @@
         "emptyTitle": "No se ha encontrado contenido para su búsqueda",
         "emptySub": "Modificar o vaciar la búsqueda"
     },
-    "close": "Cerrar"
+    "close": "Cerrar",
+    "sourceModal": {
+        "providerText": "Este documento enumera todas las fuentes consultadas y utilizadas en el desarrollo de nuestra aplicación. Cada fuente va acompañada de una explicación en la que se detalla su contribución específica al proyecto. El objetivo de este trabajo de documentación es asegurar la trazabilidad completa de las referencias y garantizar la integridad y calidad de la información utilizada."
+    }
 }

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

@@ -188,5 +188,8 @@
         "emptyTitle": "Aucun contenu trouvé pour votre recherche",
         "emptySub": "Veuillez retirer ou changer votre recherche"
     },
-    "close": "Fermer"
+    "close": "Fermer",
+    "sourceModal": {
+        "providerText": "Ce document répertorie toutes les sources consultées et utilisées dans le cadre du développement de notre application. Chaque source est accompagnée d'une explication détaillant sa contribution spécifique au projet. L'objectif de ce travail de documentation est d'assurer une traçabilité complète des références, et de garantir l'intégrité et la qualité des informations utilisées."
+    }
 }

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

@@ -188,5 +188,8 @@
     "emptyTitle": "表示できるものがありません",
     "emptySub": "検索条件を変更または空にする"
   },
-  "close": "閉じる"
+  "close": "閉じる",
+  "sourceModal": {
+    "providerText": "この文書には、私たちのアプリケーションの開発において参照され、使用されたすべての情報源が記載されています。各出典元には、プロジェクトに対する具体的な貢献を詳述する説明が付されています。この文書化の目的は、参考文献の完全なトレーサビリティを確保し、使用された情報の完全性と品質を保証することです。"
+}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.2.56",
+  "version": "0.2.57",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",
@@ -39,6 +39,7 @@
     "@vueuse/integrations": "^10.10.0",
     "apexcharts": "^3.43.0",
     "fuse.js": "^6.6.2",
+    "posthog-js": "^1.161.3",
     "save": "^2.9.0",
     "vue-apexcharts": "^1.6.2",
     "vue-svg-map": "^1.2.0",