@tekkare/auriga 0.1.131 → 0.1.133

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.131"
+  "version": "0.1.133"
 }

package/dist/runtime/components/argChaptersNav.vue

@@ -110,17 +110,27 @@ export default defineComponent({
       if (!element)
         return false;
       const rect = element.getBoundingClientRect();
-      return rect.top <= getElementPosition("chapter_menu") + headerHeight.value;
+      return rect.top <= getElementPosition("chapter_menu") + 10;
     }
-    function selectChapter(index, anchorId) {
-      document.removeEventListener("scroll", scrollChapters, true);
-      activeChapter.value = index;
-      setBarPosition();
-      const targetElement = document.getElementById(anchorId);
-      if (targetElement) {
-        const targetPosition = targetElement.offsetTop - headerHeight.value;
-        window.scrollTo({ top: targetPosition, behavior: "smooth" });
-      }
+    function removeEvent(index, anchor, callback) {
+      return new Promise((resolve) => {
+        document.removeEventListener("scroll", scrollChapters);
+        activeChapter.value = index;
+        setBarPosition();
+        const targetElement = document.getElementById(anchor);
+        if (targetElement) {
+          const targetPosition = targetElement.offsetTop - headerHeight.value;
+          window.scrollTo({ top: targetPosition, behavior: "smooth" });
+        }
+        resolve();
+      });
+    }
+    async function selectChapter(index, anchorId) {
+      await removeEvent(index, anchorId).then(() => {
+        setTimeout(() => {
+          document.addEventListener("scroll", scrollChapters);
+        }, 1200);
+      });
     }
     function setBarPosition() {
       const selector = document?.getElementById(`chapters_nav_bar`);

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

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

package/dist/runtime/components/argExportXLSX.vue

@@ -2,7 +2,12 @@
 <!-- eslint-disable vue/max-attributes-per-line -->
 <template>
   <div>
-    <argBtn prefixIcon="FileXls" :loading="isLoading" @click="launchDownload">
+    <argBtn
+      prefixIcon="FileXls"
+      :btn-style="style"
+      :loading="isLoading"
+      @click="launchDownload"
+    >
       {{ name }}
     </argBtn>
   </div>
@@ -51,6 +56,17 @@ export default defineComponent({
     beforeExport: {
       type: Function,
       default: () => null
+    },
+    style: {
+      type: String,
+      default: "primary-fill"
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
     }
   },
   setup(props) {
@@ -60,19 +76,11 @@ export default defineComponent({
       if (props.beforeExport !== null) {
         await props.beforeExport();
       }
-      const pageData = [];
-      const emptyObject = {};
-      for (let i = 0; i < 26; i++) {
-        emptyObject[i] = " ";
-      }
-      for (let i = 0; i < 60; i++) {
-        pageData.push({ ...emptyObject });
-      }
       const workbook = XLSX.utils.book_new();
-      const pageDeGarde = XLSX.utils.json_to_sheet(pageData);
+      setUpCoverPage(workbook);
       let formattedWorksheets = null;
       if (!props.isCustom) {
-        formattedWorksheets = props.worksheets?.map((worksheet) => {
+        formattedWorksheets = (props.worksheets || []).map((worksheet) => {
           return {
             name: worksheet.name,
             value: XLSX.utils.json_to_sheet(worksheet.value),
@@ -84,45 +92,127 @@ export default defineComponent({
       } else {
         formattedWorksheets = props.worksheets;
       }
-      XLSX.utils.book_append_sheet(workbook, pageDeGarde, `Tekkare`);
-      if (formattedWorksheets !== null && formattedWorksheets !== void 0) {
+      if (formattedWorksheets) {
         formattedWorksheets.forEach((worksheet) => {
           XLSX.utils.book_append_sheet(
             workbook,
             worksheet.value,
             worksheet.name
           );
-          if (worksheet.sizes !== null && worksheet.sizes !== void 0 && worksheet.sizes.length > 0) {
-            const columnSizes = [];
-            worksheet.sizes.forEach(
-              (column) => columnSizes.push({ wch: column })
-            );
+          if (worksheet.sizes && worksheet.sizes.length > 0) {
+            const columnSizes = worksheet.sizes.map((column) => ({
+              wch: column
+            }));
             worksheet.value["!cols"] = columnSizes;
           }
-          for (let lettre = 65; lettre <= 90; lettre++) {
-            for (let chiffre = 1; chiffre < Object.keys(worksheet.value).length; chiffre++) {
-              const cellule = String.fromCharCode(lettre) + chiffre;
-              if (chiffre === 1 && worksheet.value[cellule] !== void 0) {
-                worksheet.value[cellule].s = { font: { bold: true, sz: 12 } };
-              }
-              if (worksheet.formatToNumber !== void 0 && worksheet.formatToNumber !== null && worksheet.formatToNumber.length > 0) {
-                worksheet.formatToNumber.forEach((columnToFormat) => {
-                  if (String.fromCharCode(lettre) === columnToFormat && chiffre !== 1 && worksheet.value[`${columnToFormat}${chiffre}`] !== void 0) {
-                    worksheet.value[`${columnToFormat}${chiffre}`].v > 1e3 ? worksheet.value[`${columnToFormat}${chiffre}`].z = "#,##0" : worksheet.value[`${columnToFormat}${chiffre}`].z = "#,##0.00";
-                  }
-                });
-              }
-              if (worksheet.formatToPourcent !== void 0 && worksheet.formatToPourcent !== null && worksheet.formatToPourcent.length > 0) {
-                worksheet.formatToPourcent.forEach((columnToFormat) => {
-                  if (String.fromCharCode(lettre) === columnToFormat && chiffre !== 1 && worksheet.value[`${columnToFormat}${chiffre}`] !== void 0) {
-                    worksheet.value[`${columnToFormat}${chiffre}`].z = "0.00%";
-                  }
-                });
-              }
+          applyColumnHeaderStyle(worksheet);
+          formatCells(worksheet);
+        });
+      }
+      XLSX.writeFile(
+        workbook,
+        `${props.title}-from_${(/* @__PURE__ */ new Date()).toLocaleString([], {
+          dateStyle: "short"
+        })}.xlsx`
+      );
+      isLoading.value = false;
+    };
+    const applyColumnHeaderStyle = (worksheet) => {
+      for (let lettre = 65; lettre <= 90; lettre++) {
+        const cellule = String.fromCharCode(lettre) + 1;
+        if (worksheet.value[cellule]) {
+          worksheet.value[cellule].s = { font: { bold: true, sz: 12 } };
+        }
+      }
+    };
+    const formatCells = (worksheet) => {
+      if (worksheet.formatToNumber && worksheet.formatToNumber.length > 0) {
+        worksheet.formatToNumber.forEach((column) => {
+          for (let chiffre = 1; chiffre < Object.keys(worksheet.value).length; chiffre++) {
+            const cellule = `${column}${chiffre}`;
+            if (worksheet.value[cellule]) {
+              worksheet.value[cellule].z = worksheet.value[cellule].v > 1e3 ? "#,##0" : "#,##0.00";
+            }
+          }
+        });
+      }
+      if (worksheet.formatToPourcent && worksheet.formatToPourcent.length > 0) {
+        worksheet.formatToPourcent.forEach((column) => {
+          for (let chiffre = 1; chiffre < Object.keys(worksheet.value).length; chiffre++) {
+            const cellule = `${column}${chiffre}`;
+            if (worksheet.value[cellule]) {
+              worksheet.value[cellule].z = "0.00%";
             }
           }
         });
       }
+    };
+    const setUpCoverPage = (workbook) => {
+      const pageData = [];
+      const emptyObject = {};
+      const style = {
+        border: {
+          top: { style: "dotted", color: { rgb: "FFFFFF" } },
+          left: { style: "dotted", color: { rgb: "FFFFFF" } },
+          right: { style: "dotted", color: { rgb: "FFFFFF" } },
+          bottom: { style: "dotted", color: { rgb: "FFFFFF" } }
+        }
+      };
+      const firstRowStyle = {
+        font: {
+          bold: true,
+          sz: 14
+        },
+        border: {
+          top: { style: "dotted", color: { rgb: "FFFFFF" } },
+          left: { style: "dotted", color: { rgb: "FFFFFF" } },
+          right: { style: "dotted", color: { rgb: "FFFFFF" } },
+          bottom: { style: "dotted", color: { rgb: "FFFFFF" } }
+        }
+      };
+      const kpiStyle = {
+        font: {
+          color: { rgb: "525670" },
+          name: "Figtree",
+          sz: 16,
+          italic: true
+        },
+        border: {
+          top: { color: { rgb: "FFFFFF" } },
+          left: { color: { rgb: "FFFFFF" } },
+          right: { color: { rgb: "FFFFFF" } },
+          bottom: { color: { rgb: "FFFFFF" } }
+        },
+        alignment: {
+          vertical: "center",
+          horizontal: "center"
+        }
+      };
+      const kpiBoldStyle = {
+        font: {
+          name: "Figtree",
+          sz: 18,
+          bold: true
+        },
+        border: {
+          top: { color: { rgb: "FFFFFF" } },
+          left: { color: { rgb: "FFFFFF" } },
+          right: { color: { rgb: "FFFFFF" } },
+          bottom: { color: { rgb: "FFFFFF" } }
+        },
+        alignment: {
+          vertical: "center",
+          horizontal: "center"
+        }
+      };
+      for (let i = 0; i < 26; i++) {
+        emptyObject[i] = " ";
+      }
+      for (let i = 0; i < 60; i++) {
+        pageData.push({ ...emptyObject });
+      }
+      const pageDeGarde = XLSX.utils.json_to_sheet(pageData);
+      XLSX.utils.book_append_sheet(workbook, pageDeGarde, `Tekkare`);
       pageDeGarde["!cols"] = [
         { wch: 10 },
         { wch: 10 },
@@ -262,26 +352,6 @@ export default defineComponent({
           origin: "E23"
         });
       }
-      const style = {
-        border: {
-          top: { style: "dotted", color: { rgb: "FFFFFF" } },
-          left: { style: "dotted", color: { rgb: "FFFFFF" } },
-          right: { style: "dotted", color: { rgb: "FFFFFF" } },
-          bottom: { style: "dotted", color: { rgb: "FFFFFF" } }
-        }
-      };
-      const firstRowStyle = {
-        font: {
-          bold: true,
-          sz: 14
-        },
-        border: {
-          top: { style: "dotted", color: { rgb: "FFFFFF" } },
-          left: { style: "dotted", color: { rgb: "FFFFFF" } },
-          right: { style: "dotted", color: { rgb: "FFFFFF" } },
-          bottom: { style: "dotted", color: { rgb: "FFFFFF" } }
-        }
-      };
       for (let lettre = 65; lettre <= 90; lettre++) {
         for (let chiffre = 1; chiffre < 60; chiffre++) {
           const cellule = String.fromCharCode(lettre) + chiffre;
@@ -321,41 +391,6 @@ export default defineComponent({
           bottom: { color: { rgb: "FFFFFF" } }
         }
       };
-      const kpiStyle = {
-        font: {
-          color: { rgb: "525670" },
-          name: "Figtree",
-          sz: 16,
-          italic: true
-        },
-        border: {
-          top: { color: { rgb: "FFFFFF" } },
-          left: { color: { rgb: "FFFFFF" } },
-          right: { color: { rgb: "FFFFFF" } },
-          bottom: { color: { rgb: "FFFFFF" } }
-        },
-        alignment: {
-          vertical: "center",
-          horizontal: "center"
-        }
-      };
-      const kpiBoldStyle = {
-        font: {
-          name: "Figtree",
-          sz: 18,
-          bold: true
-        },
-        border: {
-          top: { color: { rgb: "FFFFFF" } },
-          left: { color: { rgb: "FFFFFF" } },
-          right: { color: { rgb: "FFFFFF" } },
-          bottom: { color: { rgb: "FFFFFF" } }
-        },
-        alignment: {
-          vertical: "center",
-          horizontal: "center"
-        }
-      };
       pageDeGarde["E5"].s = {
         font: {
           name: "Figtree",
@@ -432,13 +467,6 @@ export default defineComponent({
           e: { r: 25 + index, c: 5 }
         });
       });
-      XLSX.writeFile(
-        workbook,
-        `${props.title}-from_${(/* @__PURE__ */ new Date()).toLocaleString([], {
-          dateStyle: "short"
-        })}.xlsx`
-      );
-      isLoading.value = false;
     };
     return {
       launchDownload,

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

@@ -47,6 +47,15 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: () => null;
     };
+    style: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {
     launchDownload: () => Promise<void>;
     isLoading: import("vue").Ref<boolean>;
@@ -87,8 +96,18 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: () => null;
     };
+    style: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>>, {
     name: string;
+    lang: string;
     title: string;
     subtitle: string;
     kpi: KPIContent[];
@@ -96,5 +115,6 @@ declare const _default: import("vue").DefineComponent<{
     worksheets: WorksheetContent[] | null;
     isCustom: boolean;
     beforeExport: Function;
+    style: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argTipsBox.vue

@@ -2,7 +2,7 @@
   <div
     v-show="displayTip"
     class="arg_tips_box"
-    :class="showMore ? 'arg_tips_open' : 'arg_tips_collapse'"
+    :class="showMore ? 'arg_tips_open' : haveMore ? 'arg_tips_collapse' : ''"
   >
     <div class="tips_visible_content">
       <div class="oip_row v-center gap-8">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.131",
+  "version": "0.1.133",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",