@tekkare/auriga 0.1.83 → 0.1.85

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.83"
+  "version": "0.1.85"
 }

package/dist/runtime/components/argChart.vue

@@ -259,7 +259,7 @@ export default defineComponent({
           props.options["tooltip"] = {
             y: {
               formatter(value, { series, seriesIndex, dataPointIndex, w }) {
-                return value;
+                return value.toFixed(1);
               }
             },
             shared: false
@@ -283,33 +283,46 @@ export default defineComponent({
             dataLabels: { position: "top", hideOverflowingLabels: true }
           }
         };
-        props.options["dataLabels"] = {
+        let defaultDataLabelsConfig = {
           position: "top",
           enabled: true,
           offsetY: -20,
-          style: { fontSize: "14px", colors: ["#3E3F5E"], fontWeight: "500" },
-          formatter(value, opt) {
-            let returnValue = value;
-            if (compactMode) {
-              returnValue = new Intl.NumberFormat("en-US", {
-                notation: "compact",
-                maximumFractionDigits: 1
-              }).format(value);
-            }
-            if (!compactMode) {
-              returnValue = new Intl.NumberFormat("fr-FR").format(value);
-            }
-            if (hasPercentages) {
-              let seriesTotal = seriesData[opt.seriesIndex].data.reduce(
-                (a, b) => a + b,
-                0
-              );
-              let percentage2 = new Intl.NumberFormat("fr-FR").format((100 * value / seriesTotal).toFixed(1)).replace(",", ".");
-              returnValue = returnValue + " (" + percentage2 + "%)";
-            }
-            return returnValue;
-          }
+          style: { fontSize: "14px", colors: ["#3E3F5E"], fontWeight: "500" }
         };
+        if (props.options.dataLabels && props.options.dataLabels.formatter) {
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...props.options.dataLabels
+          };
+        } else {
+          let defaultDataLabelFormatter = {
+            formatter(value, opt) {
+              let returnValue = value;
+              if (compactMode) {
+                returnValue = new Intl.NumberFormat("en-US", {
+                  notation: "compact",
+                  maximumFractionDigits: 1
+                }).format(value);
+              }
+              if (!compactMode) {
+                returnValue = new Intl.NumberFormat("fr-FR").format(value);
+              }
+              if (hasPercentages) {
+                let seriesTotal = seriesData[opt.seriesIndex].data.reduce(
+                  (a, b) => a + b,
+                  0
+                );
+                let percentage2 = new Intl.NumberFormat("fr-FR").format((100 * value / seriesTotal).toFixed(1)).replace(",", ".");
+                returnValue = returnValue + " (" + percentage2 + "%)";
+              }
+              return returnValue;
+            }
+          };
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...defaultDataLabelFormatter
+          };
+        }
         if (props.hideLegend) {
           props.options["legend"] = { show: false };
         }
@@ -346,33 +359,46 @@ export default defineComponent({
             dataLabels: { position: "top", hideOverflowingLabels: true }
           }
         };
-        props.options["dataLabels"] = {
+        let defaultDataLabelsConfig = {
           position: "top",
           enabled: true,
           offsetX: 65,
-          style: { fontSize: "14px", colors: ["#3E3F5E"] },
-          formatter(value, opt) {
-            let returnValue = value;
-            if (compactMode) {
-              returnValue = new Intl.NumberFormat("en-US", {
-                notation: "compact",
-                maximumFractionDigits: 1
-              }).format(value);
-            }
-            if (!compactMode) {
-              returnValue = new Intl.NumberFormat("fr-FR").format(value);
-            }
-            if (hasPercentages) {
-              let seriesTotal = seriesData[opt.seriesIndex].data.reduce(
-                (a, b) => a + b,
-                0
-              );
-              let percentage2 = new Intl.NumberFormat("fr-FR").format((100 * value / seriesTotal).toFixed(1)).replace(",", ".");
-              returnValue = returnValue + " (" + percentage2 + "%)";
-            }
-            return returnValue;
-          }
+          style: { fontSize: "14px", colors: ["#3E3F5E"] }
         };
+        if (props.options.dataLabels && props.options.dataLabels.formatter) {
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...props.options.dataLabels
+          };
+        } else {
+          let defaultDataLabelFormatter = {
+            formatter(value, opt) {
+              let returnValue = value;
+              if (compactMode) {
+                returnValue = new Intl.NumberFormat("en-US", {
+                  notation: "compact",
+                  maximumFractionDigits: 1
+                }).format(value);
+              }
+              if (!compactMode) {
+                returnValue = new Intl.NumberFormat("fr-FR").format(value);
+              }
+              if (hasPercentages) {
+                let seriesTotal = seriesData[opt.seriesIndex].data.reduce(
+                  (a, b) => a + b,
+                  0
+                );
+                let percentage2 = new Intl.NumberFormat("fr-FR").format((100 * value / seriesTotal).toFixed(1)).replace(",", ".");
+                returnValue = returnValue + " (" + percentage2 + "%)";
+              }
+              return returnValue;
+            }
+          };
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...defaultDataLabelFormatter
+          };
+        }
         if (props.hideLegend) {
           props.options["legend"] = { show: false };
         }
@@ -403,33 +429,46 @@ export default defineComponent({
             dataLabels: { position: "top", hideOverflowingLabels: true }
           }
         };
-        props.options["dataLabels"] = {
+        let defaultDataLabelsConfig = {
           position: "top",
           enabled: true,
           offsetX: -30,
-          style: { fontSize: "14px", colors: ["#FFFFFF"] },
-          formatter(value, opt) {
-            let returnValue = value;
-            if (compactMode) {
-              returnValue = new Intl.NumberFormat("en-US", {
-                notation: "compact",
-                maximumFractionDigits: 1
-              }).format(value);
-            }
-            if (!compactMode) {
-              returnValue = new Intl.NumberFormat("fr-FR").format(value);
-            }
-            if (hasPercentages) {
-              let groupTotal = 0;
-              seriesData.map(
-                (d) => groupTotal = groupTotal + d.data[opt.dataPointIndex]
-              );
-              let percentage2 = new Intl.NumberFormat("fr-FR").format((100 * value / groupTotal).toFixed(1)).replace(",", ".");
-              returnValue = returnValue + " (" + percentage2 + "%)";
-            }
-            return returnValue;
-          }
+          style: { fontSize: "14px", colors: ["#FFFFFF"] }
         };
+        if (props.options.dataLabels && props.options.dataLabels.formatter) {
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...props.options.dataLabels
+          };
+        } else {
+          let defaultDataLabelFormatter = {
+            formatter(value, opt) {
+              let returnValue = value;
+              if (compactMode) {
+                returnValue = new Intl.NumberFormat("en-US", {
+                  notation: "compact",
+                  maximumFractionDigits: 1
+                }).format(value);
+              }
+              if (!compactMode) {
+                returnValue = new Intl.NumberFormat("fr-FR").format(value);
+              }
+              if (hasPercentages) {
+                let groupTotal = 0;
+                seriesData.map(
+                  (d) => groupTotal = groupTotal + d.data[opt.dataPointIndex]
+                );
+                let percentage2 = new Intl.NumberFormat("fr-FR").format((100 * value / groupTotal).toFixed(1)).replace(",", ".");
+                returnValue = returnValue + " (" + percentage2 + "%)";
+              }
+              return returnValue;
+            }
+          };
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...defaultDataLabelFormatter
+          };
+        }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
         }
@@ -474,29 +513,42 @@ export default defineComponent({
             }
           }
         };
-        props.options["dataLabels"] = {
+        let defaultDataLabelsConfig = {
           position: "top",
           enabled: true,
           offsetX: -50,
-          style: { fontSize: "14px", colors: ["#3E3F5E"] },
-          formatter(value, opt) {
-            let dataValue = seriesData[opt.seriesIndex].data[opt.dataPointIndex];
-            let returnValue = dataValue;
-            if (compactMode) {
-              returnValue = new Intl.NumberFormat("en-US", {
-                notation: "compact",
-                maximumFractionDigits: 1
-              }).format(dataValue);
-            }
-            if (!compactMode) {
-              returnValue = new Intl.NumberFormat("fr-FR").format(dataValue);
-            }
-            if (hasPercentages) {
-              returnValue = returnValue + " (" + value.toFixed(1) + "%)";
-            }
-            return returnValue;
-          }
+          style: { fontSize: "14px", colors: ["#3E3F5E"] }
         };
+        if (props.options.dataLabels && props.options.dataLabels.formatter) {
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...props.options.dataLabels
+          };
+        } else {
+          let defaultDataLabelFormatter = {
+            formatter(value, opt) {
+              let dataValue = seriesData[opt.seriesIndex].data[opt.dataPointIndex];
+              let returnValue = dataValue;
+              if (compactMode) {
+                returnValue = new Intl.NumberFormat("en-US", {
+                  notation: "compact",
+                  maximumFractionDigits: 1
+                }).format(dataValue);
+              }
+              if (!compactMode) {
+                returnValue = new Intl.NumberFormat("fr-FR").format(dataValue);
+              }
+              if (hasPercentages) {
+                returnValue = returnValue + " (" + value.toFixed(1) + "%)";
+              }
+              return returnValue;
+            }
+          };
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...defaultDataLabelFormatter
+          };
+        }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
         }
@@ -514,33 +566,46 @@ export default defineComponent({
             dataLabels: { position: "top", hideOverflowingLabels: true }
           }
         };
-        props.options["dataLabels"] = {
+        let defaultDataLabelsConfig = {
           position: "top",
           enabled: true,
           offsetX: 65,
-          style: { fontSize: "14px", colors: ["#3E3F5E"] },
-          formatter(value, opt) {
-            let returnValue = value;
-            if (compactMode) {
-              returnValue = new Intl.NumberFormat("en-US", {
-                notation: "compact",
-                maximumFractionDigits: 1
-              }).format(value);
-            }
-            if (!compactMode) {
-              returnValue = new Intl.NumberFormat("fr-FR").format(value);
-            }
-            if (hasPercentages) {
-              let seriesTotal = seriesData[opt.seriesIndex].data.reduce(
-                (a, b) => a + b,
-                0
-              );
-              let percentage2 = new Intl.NumberFormat("fr-FR").format((100 * value / seriesTotal).toFixed(1)).replace(",", ".");
-              returnValue = returnValue + " (" + percentage2 + "%)";
-            }
-            return returnValue;
-          }
+          style: { fontSize: "14px", colors: ["#3E3F5E"] }
         };
+        if (props.options.dataLabels && props.options.dataLabels.formatter) {
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...props.options.dataLabels
+          };
+        } else {
+          let defaultDataLabelFormatter = {
+            formatter(value, opt) {
+              let returnValue = value;
+              if (compactMode) {
+                returnValue = new Intl.NumberFormat("en-US", {
+                  notation: "compact",
+                  maximumFractionDigits: 1
+                }).format(value);
+              }
+              if (!compactMode) {
+                returnValue = new Intl.NumberFormat("fr-FR").format(value);
+              }
+              if (hasPercentages) {
+                let seriesTotal = seriesData[opt.seriesIndex].data.reduce(
+                  (a, b) => a + b,
+                  0
+                );
+                let percentage2 = new Intl.NumberFormat("fr-FR").format((100 * value / seriesTotal).toFixed(1)).replace(",", ".");
+                returnValue = returnValue + " (" + percentage2 + "%)";
+              }
+              return returnValue;
+            }
+          };
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...defaultDataLabelFormatter
+          };
+        }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
         }
@@ -560,32 +625,45 @@ export default defineComponent({
         };
       } else if (props.type === "pie") {
         props.options["labels"] = props.categories;
-        props.options["dataLabels"] = {
+        let defaultDataLabelsConfig = {
           offset: -50,
           enabled: true,
           style: { fontSize: "14px", colors: ["#FFFFFF"] },
-          dropShadow: { enabled: false },
-          formatter(value, opt) {
-            let returnValue = opt.w.config.series[opt.seriesIndex];
-            if (compactMode) {
-              returnValue = new Intl.NumberFormat("en-US", {
-                notation: "compact",
-                maximumFractionDigits: 1
-              }).format(opt.w.config.series[opt.seriesIndex]);
-            }
-            if (!compactMode) {
-              returnValue = new Intl.NumberFormat("fr-FR").format(opt.w.config.series[opt.seriesIndex]).replace(",", ".");
-            }
-            if (hasPercentages) {
-              let percentage2 = new Intl.NumberFormat("fr-FR", {
-                notation: "compact",
-                maximumFractionDigits: 1
-              }).format(value).replace(",", ".");
-              returnValue = returnValue + " (" + percentage2 + "%)";
-            }
-            return returnValue;
-          }
+          dropShadow: { enabled: false }
         };
+        if (props.options.dataLabels && props.options.dataLabels.formatter) {
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...props.options.dataLabels
+          };
+        } else {
+          let defaultDataLabelFormatter = {
+            formatter(value, opt) {
+              let returnValue = opt.w.config.series[opt.seriesIndex];
+              if (compactMode) {
+                returnValue = new Intl.NumberFormat("en-US", {
+                  notation: "compact",
+                  maximumFractionDigits: 1
+                }).format(opt.w.config.series[opt.seriesIndex]);
+              }
+              if (!compactMode) {
+                returnValue = new Intl.NumberFormat("fr-FR").format(opt.w.config.series[opt.seriesIndex]).replace(",", ".");
+              }
+              if (hasPercentages) {
+                let percentage2 = new Intl.NumberFormat("fr-FR", {
+                  notation: "compact",
+                  maximumFractionDigits: 1
+                }).format(value).replace(",", ".");
+                returnValue = returnValue + " (" + percentage2 + "%)";
+              }
+              return returnValue;
+            }
+          };
+          props.options["dataLabels"] = {
+            ...defaultDataLabelsConfig,
+            ...defaultDataLabelFormatter
+          };
+        }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
         }

package/dist/runtime/components/argDate.vue

@@ -10,7 +10,7 @@ export default defineComponent({
   name: "argDate",
   props: {
     rawDate: {
-      type: String,
+      type: String || Number,
       required: true
     },
     lang: {

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

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    formatDate: (str: string) => string;
+    formatDate: (str: string | number) => string;
     monthToString: (month: number) => "Jan." | "Janvier" | "Jan" | "January" | "Fév." | "Février" | "Feb." | "February" | "Mar." | "Mars" | "March" | "Avr." | "Avril" | "Apr." | "April" | "Mai" | "May" | "Juin" | "Jun." | "June" | "Juil." | "Juillet" | "Jul." | "July" | "Aoû." | "Août" | "Aug." | "August" | "Sep." | "Septembre" | "September" | "Oct." | "Octobre" | "October" | "Nov." | "Novembre" | "November" | "Déc." | "Décembre" | "Dec." | "December" | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     rawDate: {

package/dist/runtime/components/argHybridChart.vue

@@ -62,14 +62,14 @@
     </client-only>
     <div class="oip_hybrid_chart__footer" v-if="limiter">
       <arg-btn
-        btnStyle="skeleton"
+        btnStyle="secondary-stroke"
         prefixIcon="CornersOut"
         @onClick="changeShowState(true)"
         v-if="!showAll"
         >Show all</arg-btn
       >
       <arg-btn
-        btnStyle="skeleton"
+        btnStyle="secondary-stroke"
         prefixIcon="CornersIn"
         @onClick="changeShowState(false)"
         v-if="showAll"

package/dist/runtime/components/argLangSelect.vue

@@ -2,32 +2,55 @@
   <div
     v-if="langs.length > 0"
     class="language_container"
-    :class="showLangOptions ? 'active_lang' : ''"
-    @click="showLangOptions = !showLangOptions"
+    :class="[
+      showLangOptions ? 'open' : 'close',
+      sidebarOpen !== null ? 'in-sidebar' : '',
+    ]"
+    @click.stop="showLangOptions = !showLangOptions"
   >
-    <div class="oip_row v-center gap-8 justify-between">
-      <div class="oip_row v-center gap-4">
-        <arg-flag :iso="selectedItem.iso" height="16" emoji />
-        <p>
+    <div
+      class="oip_row v-center justify-between"
+      :class="sidebarOpen !== false ? 'gap-8' : 'gap-4'"
+    >
+      <div class="oip_row v-center gap-4 flex-80">
+        <arg-flag
+          :iso="selectedItem.iso"
+          :height="sidebarOpen !== false ? '16' : '14'"
+          emoji
+        />
+        <p v-if="sidebarOpen !== false">
           {{ langs.filter((f) => f.iso === selectedItem.iso)[0].title }}
         </p>
       </div>
       <arg-icon
+        v-if="sidebarOpen !== false"
         name="CaretDown"
         size="14"
-        class="lang_choice_icon"
+        class="lang_choice_icon flex-20"
         :class="showLangOptions ? 'icon-rotate' : ''"
       />
     </div>
-    <div v-if="showLangOptions" class="lang_choice_container">
+    <div
+      :class="[
+        'lang_choice_container',
+        showLangOptions ? 'open' : 'close',
+        sidebarOpen !== null ? 'in-sidebar' : '',
+      ]"
+    >
       <div
         v-for="(lang, index) in langs.filter((f) => f.iso !== selectedItem.iso)"
         :key="index"
         class="oip_row v-center gap-4 lang-choice"
         @click="selectLang(lang)"
       >
-        <arg-flag :iso="lang.iso" height="16" emoji />
-        <p>{{ lang.title }}</p>
+        <arg-flag
+          :iso="lang.iso"
+          :height="sidebarOpen !== false ? '16' : '14'"
+          emoji
+        />
+        <p v-if="sidebarOpen !== false">
+          {{ lang.title }}
+        </p>
       </div>
     </div>
   </div>
@@ -37,6 +60,7 @@
 import {
   onMounted,
   ref,
+  watch,
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
@@ -51,7 +75,11 @@ export default defineComponent({
     },
     default_locale: {
       type: String,
-      default: "fr"
+      default: "en"
+    },
+    sidebarOpen: {
+      type: Boolean,
+      default: null
     }
   },
   emits: ["onSelectLang", "update:Lang"],
@@ -65,11 +93,25 @@ export default defineComponent({
     onMounted(() => {
       selectedItem.value = props.langs[props.langs.findIndex((a) => a.locale === props.default_locale)];
     });
+    watch(
+      () => showLangOptions.value,
+      () => {
+        if (showLangOptions.value === true) {
+          setTimeout(() => {
+            document.addEventListener("click", closeLang);
+          }, 150);
+        } else
+          document.removeEventListener("click", closeLang);
+      }
+    );
     function selectLang(item) {
       selectedItem.value = item;
       emit("onSelectLang", item);
       emit("update:Lang", item.locale);
     }
+    function closeLang() {
+      showLangOptions.value = false;
+    }
     return {
       selectedItem,
       showLangOptions,
@@ -80,5 +122,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.language_container{background:rgba(253,253,255,.8);border:1.5px solid transparent;border-radius:8px;cursor:pointer;padding:11px 8px;position:relative;z-index:99}.language_container:hover svg{color:var(--primary)!important}.lang_choice_container{background:rgba(253,253,255,.8);border-top:none!important;border:1.5px solid transparent;border-radius:8px;border-top-left-radius:0!important;border-top-right-radius:0!important;left:-1px;padding:20px 12px 10px 8px;position:absolute;width:calc(100% - 20px)}.lang_choice_container.set-width{width:102%!important}.active_lang .lang_choice_container{border-top:none!important}.lang_choice_container:hover{color:var(--primary)!important}.lang_choice_icon{flex-shrink:0;transition:transform .3s}.icon-rotate{transform:rotate(-180deg)}p{font-size:14px;font-style:normal;font-weight:400;line-height:160%;white-space:nowrap}.lang-choice:hover p{color:var(--primary)!important}
+.flex-80{flex-basis:85%}.width-100{width:100%}.language_container{border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:8px;position:relative;transition:max-height .3s ease,background-color .3s linear;z-index:99}.language_container.close{background-color:transparent;max-height:42px}.language_container.open{max-height:100px}.language_container.open,.language_container.open.in-sidebar:hover,.language_container:not(.in-sidebar):hover{background:#fdfdff}.language_container.open{box-shadow:5px 5px 5px rgba(62,63,94,.06)}.language_container.in-sidebar:hover{background:var(--light)}.language_container:hover svg{color:var(--primary)!important}.lang_choice_container{background-color:#fdfdff;border-top:none!important;border:none;border-radius:4px;border-top-left-radius:0!important;border-top-right-radius:0!important;box-shadow:5px 5px 5px rgba(62,63,94,.06);display:flex;flex-direction:column;gap:4px;left:0;padding:8px 12px 10px 8px;position:absolute;right:0;top:32px;transition:max-height .3s linear,opacity .3s ease}.lang_choice_container.open{max-height:100px;opacity:1}.lang_choice_container.close{max-height:0;opacity:0}.active_lang .lang_choice_container{border-top:none!important}.lang_choice:hover{color:var(--primary)!important}.lang_choice_icon{flex-shrink:0;transition:transform .3s}.icon-rotate{transform:rotate(-180deg)}p{font-size:14px;font-style:normal;font-weight:400;line-height:160%;white-space:nowrap}.lang-choice:hover p{color:var(--primary)!important}
 </style>

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

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: null;
+    };
 }, {
     selectedItem: import("vue").Ref<any>;
     showLangOptions: import("vue").Ref<boolean>;
@@ -46,10 +50,15 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: null;
+    };
 }>> & {
     onOnSelectLang?: ((...args: any[]) => any) | undefined;
     "onUpdate:Lang"?: ((...args: any[]) => any) | undefined;
 }, {
+    sidebarOpen: boolean;
     default_locale: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argMaps.vue

@@ -120,6 +120,7 @@ import {
 import Usa from "@svg-maps/usa";
 import UsaCounties from "@svg-maps/usa.counties";
 import France from "@svg-maps/france.regions";
+import FranceDepartments from "@svg-maps/france.departments";
 import World from "@svg-maps/world";
 import SvgMap from "./SvgMap.vue";
 export default defineComponent({
@@ -158,6 +159,7 @@ export default defineComponent({
       return typeof value4 === "undefined";
     }
     onMounted(() => {
+      tooltipStyle.value = { display: "none" };
       updateTableRange();
     });
     watch(
@@ -175,6 +177,8 @@ export default defineComponent({
         return UsaCounties;
       if (props.country === "World")
         return World;
+      if (props.country === "FranceDepartments")
+        return FranceDepartments;
       return null;
     }
     function getLocationName(node) {

package/dist/runtime/components/argSourceCollapse.vue

@@ -49,7 +49,9 @@
           </div>
         </div>
       </div>
-      <slot />
+      <span class="oip_body">
+        <slot />
+      </span>
     </div>
   </div>
 </template>

package/dist/runtime/components/argToolbarContent.vue

@@ -126,5 +126,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.info_main_container{background-color:transparent;opacity:0;transition:background-color .3s linear,opacity .4s linear;z-index:0}.info_main_container_open{background-color:rgba(0,0,0,.4);bottom:0;height:100%;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:99}.oip_info_menu{align-items:center;align-self:stretch;border-bottom:2px solid transparent;color:var(--dark);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:500;gap:4px;justify-content:space-between;line-height:normal;padding:0 16px 4px}.active_info_menu{border-bottom:2px solid var(--primary-primary,#2176ff)!important;color:var(--darkest)!important}.oip_info_item svg{flex-basis:100%}.oip_info_item:hover{background:rgba(237,237,243,.65)}.oip_info_close{align-items:center;background:var(--white);border-radius:var(--s,8px);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:400;gap:6px;line-height:160%;margin:24px;padding:6px 12px 6px 8px}.oip_info_close:hover{background:var(--light)!important}.oip_info_section{align-items:flex-start;display:flex;flex-direction:row;height:0;overflow:hidden;transition:all .5s ease;width:0}.oip_info_section_open{height:820px;width:620px}.oip_info_sidebar{background:var(--base-demi-fond,#f9f9fa);gap:16px;padding:24px 0;width:160px}.oip_info_content,.oip_info_sidebar{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--light,#ececf2);display:flex;flex-direction:column}.oip_info_content{background:var(--base-white,#fff);border-radius:var(--None,0);gap:24px;overflow-y:scroll;padding:24px;width:460px}.oip_info_content::-webkit-scrollbar{height:5px!important;width:5px!important}.oip_info_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.oip_info_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.oip_info_container{align-items:flex-start;display:inline-flex;position:fixed;right:0;top:0;z-index:999}.hide{display:none}.arg_source_amount{align-items:center;background:var(--system-alert,#ef4444);border-radius:30px;color:var(--white);display:flex;flex-direction:column;font-size:10px;font-style:normal;font-weight:900;height:var(--m,16px);justify-content:center;line-height:normal;width:var(--m,16px)}.toolbar_menu_content{align-self:stretch}
+.info_main_container{background-color:transparent;opacity:0;transition:background-color .3s linear,opacity .4s linear;z-index:0}.info_main_container_open{background-color:rgba(0,0,0,.4);bottom:0;height:100%;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:99}.oip_info_menu{align-items:center;align-self:stretch;border-bottom:2px solid transparent;color:var(--dark);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:500;gap:4px;justify-content:space-between;line-height:normal;padding:0 16px 4px}.active_info_menu{border-bottom:2px solid var(--primary-primary,#2176ff)!important;color:var(--darkest)!important}.oip_info_item svg{flex-basis:100%}.oip_info_item:hover{background:rgba(237,237,243,.65)}.oip_info_close{align-items:center;background:var(--white);border-radius:var(--s,8px);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:400;gap:6px;line-height:160%;margin:24px;padding:6px 12px 6px 8px}.oip_info_close:hover{background:var(--light)!important}.oip_info_section{align-items:flex-start;display:flex;flex-direction:row;height:0;overflow:hidden;transition:all .5s ease;width:0}.oip_info_section_open{height:100%;width:620px}.oip_info_sidebar{background:var(--base-demi-fond,#f9f9fa);gap:16px;padding:24px 0;width:160px}.oip_info_content,.oip_info_sidebar{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--light,#ececf2);display:flex;flex-direction:column}.oip_info_content{background:var(--base-white,#fff);border-radius:var(--None,0);gap:24px;overflow-y:scroll;padding:24px;width:460px}.oip_info_content::-webkit-scrollbar{height:5px!important;width:5px!important}.oip_info_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.oip_info_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.oip_info_container{align-items:flex-start;display:inline-flex;height:100%;position:fixed;right:0;top:0;z-index:999}.hide{display:none}.arg_source_amount{align-items:center;background:var(--system-alert,#ef4444);border-radius:30px;color:var(--white);display:flex;flex-direction:column;font-size:10px;font-style:normal;font-weight:900;height:var(--m,16px);justify-content:center;line-height:normal;width:var(--m,16px)}.toolbar_menu_content{align-self:stretch}
 </style>

package/dist/runtime/typings/index.d.ts

@@ -1,4 +1,5 @@
 declare module '@svg-maps/usa'
 declare module '@svg-maps/usa.counties'
 declare module '@svg-maps/france.regions'
+declare module '@svg-maps/france.departments'
 declare module '@svg-maps/world'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.83",
+  "version": "0.1.85",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",
@@ -31,6 +31,7 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.7.3",
+    "@svg-maps/france.departments": "^1.0.1",
     "@svg-maps/france.regions": "^1.1.1",
     "@svg-maps/usa": "^1.1.1",
     "@svg-maps/usa.counties": "^1.1.2",