@tekkare/auriga 0.1.72 → 0.1.74

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.72"
+  "version": "0.1.74"
 }

package/dist/runtime/components/SvgMap.vue

@@ -0,0 +1,89 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :viewBox="map.viewBox"
+    :aria-label="map.label"
+    class="svg-map"
+  >
+    <slot name="before" />
+    <path
+      v-for="(location, index) in map.locations"
+      :id="location.id"
+      :key="location.id"
+      :name="location.name"
+      :d="location.path"
+      class="svg-map__location"
+      :class="
+        isLocationClassFunction ? locationClass(location, index) : locationClass
+      "
+      :tabindex="
+        isLocationTabindexFunction
+          ? locationTabindex(location, index)
+          : locationTabindex
+      "
+      :role="locationRole"
+      :aria-label="location.name"
+      :aria-checked="isLocationSelected && isLocationSelected(location, index)"
+      v-bind="getLocationCustomProperties(location)"
+    />
+    <slot name="after" />
+  </svg>
+</template>
+
+<script>
+import {
+  computed,
+  defineComponent
+} from "vue";
+const LOCATION_DEFAULT_PROPERTIES = ["id", "name", "path"];
+export default defineComponent({
+  name: "SvgMap",
+  props: {
+    map: {
+      type: Object,
+      required: true,
+      validator(map) {
+        return typeof map.viewBox === "string" && Array.isArray(map.locations) && map.locations.every(
+          (location) => typeof location.path === "string" && typeof location.id === "string"
+        );
+      }
+    },
+    locationClass: {
+      type: [String, Function],
+      default: null
+    },
+    locationTabindex: {
+      type: [String, Function],
+      default: null
+    },
+    locationRole: {
+      type: String,
+      default: null
+    },
+    isLocationSelected: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(props, { emit }) {
+    const isLocationClassFunction = computed(() => {
+      return typeof props.locationClass === "function";
+    });
+    const isLocationTabindexFunction = computed(() => {
+      return typeof props.locationTabindex === "function";
+    });
+    function getLocationCustomProperties(location) {
+      return Object.fromEntries(
+        Object.entries(location).filter(
+          ([key]) => !LOCATION_DEFAULT_PROPERTIES.includes(key)
+        )
+      );
+    }
+    return {
+      isLocationClassFunction,
+      isLocationTabindexFunction,
+      getLocationCustomProperties
+    };
+  }
+});
+</script>

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

@@ -0,0 +1,57 @@
+declare const _default: import("vue").DefineComponent<{
+    map: {
+        type: ObjectConstructor;
+        required: true;
+        validator(map: unknown): any;
+    };
+    locationClass: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+    locationTabindex: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+    locationRole: {
+        type: StringConstructor;
+        default: null;
+    };
+    isLocationSelected: {
+        type: FunctionConstructor;
+        default: null;
+    };
+}, {
+    isLocationClassFunction: import("vue").ComputedRef<boolean>;
+    isLocationTabindexFunction: import("vue").ComputedRef<boolean>;
+    getLocationCustomProperties: (location: any) => {
+        [k: string]: unknown;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    map: {
+        type: ObjectConstructor;
+        required: true;
+        validator(map: unknown): any;
+    };
+    locationClass: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+    locationTabindex: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+    locationRole: {
+        type: StringConstructor;
+        default: null;
+    };
+    isLocationSelected: {
+        type: FunctionConstructor;
+        default: null;
+    };
+}>>, {
+    locationClass: string | Function;
+    locationTabindex: string | Function;
+    locationRole: string;
+    isLocationSelected: Function;
+}, {}>;
+export default _default;

package/dist/runtime/components/argComplexSelect.vue

@@ -7,7 +7,7 @@
         :disabled="disabled"
         :show_amount="show_amount"
         :amount_value="del_table.length"
-        id="simple-select-complex"
+        :id="`simple-select-complex-${complex_label}`"
         @click="changeDisplay()"
         :class="isDisplay ? 'open' : ''"
       >
@@ -27,8 +27,8 @@
     </div>
     <!-- Complex select -->
     <div
-      :style="isDisplay === false ? 'display : none' : ''"
-      id="select-complex"
+      :style="[isDisplay === false ? 'display : none' : '', `left: ${getLeft}`]"
+      :id="`select-complex-${complex_label}`"
       class="oip_select_complex_block"
       @click.stop
     >
@@ -284,6 +284,7 @@ export default defineComponent({
     const hoverAdd = ref(null);
     const hoverRemove = ref(null);
     const reachMax = ref(false);
+    const getLeft = ref("0");
     onMounted(() => {
       del_table.value = Object.assign([], [...new Set(props.already_selected)]);
       add_table.value = Object.assign(
@@ -440,13 +441,18 @@ export default defineComponent({
             document?.addEventListener("click", close);
           }, 100);
         }
-        const elem = document?.getElementById("select_complex");
-        const simpleElem = document?.getElementById("simple_select_complex");
-        if (elem !== null && simpleElem !== null) {
+        const elem = document?.getElementById(
+          `select-complex-${props.complex_label}`
+        );
+        const simpleElem = document?.getElementById(
+          `simple-select-complex-${props.complex_label}`
+        );
+        const sidebar = document?.getElementById("arg-sidebar");
+        if (elem !== null && simpleElem !== null && sidebar && sidebar !== null) {
           elem.style.display = "";
           elem.style.left = "";
           const bounding = elem.getBoundingClientRect();
-          elem.style.left = !isInViewport(elem) ? `${simpleElem.getBoundingClientRect().right + window.scrollX - bounding.width}px` : "";
+          getLeft.value = !isInViewport(elem) ? `${simpleElem.getBoundingClientRect().right + window.scrollX - bounding.width}px` : "";
         }
       }
     }
@@ -594,7 +600,8 @@ export default defineComponent({
       getPlaceholderAdd,
       getPlaceholderDel,
       getMaxSelectMsg,
-      getEmptyContentMsg
+      getEmptyContentMsg,
+      getLeft
     };
   }
 });

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

@@ -153,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
     getPlaceholderDel: import("vue").ComputedRef<string>;
     getMaxSelectMsg: import("vue").ComputedRef<string>;
     getEmptyContentMsg: import("vue").ComputedRef<string>;
+    getLeft: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection")[], "changeElement" | "changeAddInputValue" | "update:Selection", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {

package/dist/runtime/components/argMaps.vue

@@ -0,0 +1,277 @@
+<template>
+  <div>
+    <div class="oip_card">
+      <div class="oip_subtitle" style="display: flex">
+        <slot></slot>
+      </div>
+      <div style="width: 50px; text-align: center"></div>
+      <div class="map_class">
+        <svg-map
+          :style="`width: ${width};`"
+          class=""
+          :map="getMapsName()"
+          :data="state_table"
+          :location-class="getLocationClass"
+          @mouseover="pointLocation"
+          @mouseout="unpointLocation"
+          @mousemove="moveOnLocation"
+        ></svg-map>
+      </div>
+      <!-- Tooltip -->
+      <div class="oip_maps_tooltip" :style="tooltipStyle">
+        <h3>{{ pointedLocation }}</h3>
+        <div class="legend-value">
+          <div
+            v-if="
+              typeof value === 'number' ||
+              typeof value1 !== 'undefined' ||
+              typeof value2 !== 'undefined' ||
+              typeof value3 !== 'undefined'
+            "
+          >
+            <div v-if="typeof value === 'number'">
+              <slot name="value"></slot
+              >{{
+                value.toLocaleString(undefined, {
+                  minimumFractionDigits: 0,
+                  maximumFractionDigits: pourcentage ? 1 : 0,
+                })
+              }}<span v-if="pourcentage === true">%</span>
+            </div>
+            <div v-if="!checkTypeOf(value1)">
+              <slot name="value1"></slot>{{ value1 }}
+            </div>
+            <div v-if="!checkTypeOf(value2)">
+              <slot name="value2"></slot>{{ value2 }}
+            </div>
+            <div v-if="!checkTypeOf(value3)">
+              <slot name="value3"></slot>{{ value3 }}
+            </div>
+          </div>
+          <div v-else>No data</div>
+        </div>
+      </div>
+
+      <!-- Legend -->
+      <div class="legend_scale">
+        <div class="legend-divider-1"></div>
+        <div class="legend-divider-2"></div>
+      </div>
+      <div class="legend_value">
+        <div
+          v-if="typeof minValue !== 'undefined' && minValue !== null"
+          class="legend-left"
+        >
+          {{
+            minValue === 0
+              ? "0"
+              : minValue.toLocaleString(undefined, {
+                  minimumFractionDigits: 0,
+                  maximumFractionDigits: pourcentage ? 1 : 0,
+                })
+          }}<span v-if="pourcentage === true">%</span>
+        </div>
+        <div
+          v-if="typeof rangeTable[3] !== 'undefined' && rangeTable[3] !== null"
+          class="legend-center1"
+        >
+          {{
+            rangeTable[3].toLocaleString(undefined, {
+              minimumFractionDigits: 0,
+              maximumFractionDigits: pourcentage ? 1 : 0,
+            })
+          }}<span v-if="pourcentage === true">%</span>
+        </div>
+        <div
+          v-if="typeof rangeTable[6] !== 'undefined' && rangeTable[6] !== null"
+          class="legend-center2"
+        >
+          {{
+            rangeTable[6].toLocaleString(undefined, {
+              minimumFractionDigits: 0,
+              maximumFractionDigits: pourcentage ? 1 : 0,
+            })
+          }}<span v-if="pourcentage === true">%</span>
+        </div>
+        <div
+          v-if="typeof maxValue !== 'undefined' && maxValue !== null"
+          class="legend-right"
+        >
+          {{
+            maxValue.toLocaleString(undefined, {
+              minimumFractionDigits: 0,
+              maximumFractionDigits: pourcentage ? 1 : 0,
+            })
+          }}<span v-if="pourcentage === true">%</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  onMounted,
+  ref,
+  computed,
+  watch,
+  defineComponent
+} from "vue";
+import _ from "lodash";
+import Usa from "@svg-maps/usa";
+import UsaCounties from "@svg-maps/usa.counties";
+import France from "@svg-maps/france.regions";
+import SvgMap from "./SvgMap.vue";
+export default defineComponent({
+  name: "argMaps",
+  components: { SvgMap },
+  props: {
+    state_table: {
+      type: Array,
+      required: true
+    },
+    country: { type: String, default: "Usa" },
+    width: { type: String, default: "80%" },
+    pourcentage: { type: Boolean, default: false }
+  },
+  setup(props) {
+    const table = ref([]);
+    const number = ref({});
+    const data = ref([]);
+    const indicator_series = ref([]);
+    const period_list = ref([]);
+    const value = ref(null);
+    const value1 = ref(null);
+    const value2 = ref(null);
+    const value3 = ref(null);
+    const display_index = ref(false);
+    const pointedLocation = ref(null);
+    const tooltipStyle = ref(null);
+    const search = ref("");
+    const maxValue = ref(null);
+    const minValue = ref(null);
+    const rangeTable = ref([]);
+    function checkTypeOf(value4) {
+      return typeof value4 === "undefined";
+    }
+    onMounted(() => {
+      updateTableRange();
+    });
+    watch(
+      () => props.state_table,
+      (new_state_table) => {
+        updateTableRange();
+      }
+    );
+    function getMapsName() {
+      if (props.country === "Usa")
+        return Usa;
+      if (props.country === "France")
+        return France;
+      if (props.country === "UsaCounties")
+        return UsaCounties;
+      return null;
+    }
+    function getLocationName(node) {
+      return node && node.attributes?.name?.value;
+    }
+    function updateTableRange() {
+      rangeTable.value = [];
+      const valueCountTable = [];
+      props.state_table.map((state) => {
+        if (typeof state.value === "number")
+          valueCountTable.push(state.value);
+        return true;
+      });
+      maxValue.value = Math.max(...valueCountTable);
+      minValue.value = Math.min(...valueCountTable);
+      const dynamicRange = (maxValue.value - minValue.value) / 10 * 1e3 / 1e3;
+      rangeTable.value.push(minValue.value);
+      for (let i = 1; i <= 10; i += 1) {
+        rangeTable.value.push(dynamicRange * i + minValue.value);
+      }
+    }
+    function pointLocation(event) {
+      pointedLocation.value = getLocationName(event.target);
+      let data2 = props.state_table;
+      const selectstate = pointedLocation.value;
+      data2 = _.map(data2, (i) => {
+        if (i.state === selectstate)
+          return i;
+        return false;
+      });
+      data2 = _.without(data2, void 0);
+      data2 = _.find(data2, (o) => o.value + 1);
+      value.value = _.get(data2, "value");
+      value1.value = _.get(data2, "value1");
+      value2.value = _.get(data2, "value2");
+      value3.value = _.get(data2, "value3");
+    }
+    function unpointLocation() {
+      pointedLocation.value = null;
+      tooltipStyle.value = { display: "none" };
+    }
+    function moveOnLocation(event) {
+      tooltipStyle.value = {
+        display: "block",
+        top: `${event.clientY + 10}px`,
+        left: `${event.clientX - 100}px`
+      };
+    }
+    function getLocationClass(location) {
+      return props.state_table.map((state) => {
+        if (state.state === location.name) {
+          const closest = rangeTable.value.reduce((prev, curr) => {
+            const prevDiff = Math.abs(prev - state.value);
+            const currDiff = Math.abs(curr - state.value);
+            if (typeof state.value === "number" && prevDiff === currDiff) {
+              return prevDiff > currDiff ? prev : curr;
+            }
+            return currDiff < prevDiff ? curr : prev;
+          }, rangeTable.value[0]);
+          return `svg-map__location svg-map__location--heat${rangeTable.value.indexOf(
+            closest
+          )}`;
+        }
+        return null;
+      });
+    }
+    const filterdStates = computed(() => {
+      return props.state_table.filter(
+        (row) => row.state.toLowerCase().match(search.value)
+      );
+    });
+    return {
+      getMapsName,
+      getLocationName,
+      updateTableRange,
+      pointLocation,
+      unpointLocation,
+      moveOnLocation,
+      getLocationClass,
+      filterdStates,
+      table,
+      number,
+      data,
+      indicator_series,
+      period_list,
+      value,
+      value1,
+      value2,
+      value3,
+      display_index,
+      pointedLocation,
+      tooltipStyle,
+      search,
+      maxValue,
+      minValue,
+      rangeTable,
+      checkTypeOf
+    };
+  }
+});
+</script>
+
+<style>
+.oip_maps_tooltip>h3{color:(--independence);font-size:18px;font-weight:700}.number_table{flex:none;flex-grow:0;font-family:Figtree,sans-serif;font-size:14px;font-style:normal;font-weight:400;height:45px;left:71px;line-height:180%;margin:0;order:0;position:static;top:10px;width:200px}.oip_maps_tooltip{background-color:var(--white);border:1px solid #dedfe9;border-radius:10px;box-shadow:var(--overlay-shadow);box-sizing:border-box;margin:0 auto;min-width:200px;padding:16px;position:fixed;text-align:left;z-index:2}.svg-map{height:auto;width:100%;stroke:var(--darkest);stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}.svg-map__location{fill:var(--demi-fond);cursor:pointer}.svg-map__location:focus,.svg-map__location:hover{fill:#e4e9f3;filter:brightness(90%);outline:0}.svg-map__location[aria-checked=true]{fill:#f4bc44}.svg-map__location--heat0{fill:#e4e9f3!important}.svg-map__location--heat1{fill:#cfd8eb!important}.svg-map__location--heat2{fill:#bbc7e2!important}.svg-map__location--heat3{fill:#a7b6da!important}.svg-map__location--heat4{fill:#93a5d1!important}.svg-map__location--heat5{fill:#8194c8!important}.svg-map__location--heat6{fill:#6e84bf!important}.svg-map__location--heat7{fill:#5b74b6!important}.svg-map__location--heat8{fill:#4864ad!important}.svg-map__location--heat9{fill:#3454a3!important}.svg-map__location--heat10{fill:#243a72!important}.svg-map__location--heat-none{fill:var(--medium)!important}.legend_scale{background:linear-gradient(90deg,#e4e9f3,#243a72);display:grid;left:25%;width:45%}.legend_scale,.legend_value{content:"";height:20px;position:relative;top:90%}.legend_value{display:flex;justify-content:space-between;left:24%;width:47%}.legend-divider-1{left:33%}.legend-divider-1,.legend-divider-2{background-color:var(--white);content:"";height:100%;position:absolute;width:1px}.legend-divider-2{left:66%}.legend-value{margin-top:14px}.legend-value>div{display:flex;flex-flow:column;gap:6px}.map_class{display:flex;justify-content:center;margin:auto;padding:0 0 15px}
+</style>

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

@@ -0,0 +1,92 @@
+declare const _default: import("vue").DefineComponent<{
+    state_table: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            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;
+        };
+        required: true;
+    };
+    country: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    pourcentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    getMapsName: () => any;
+    getLocationName: (node: any) => any;
+    updateTableRange: () => void;
+    pointLocation: (event: any) => void;
+    unpointLocation: () => void;
+    moveOnLocation: (event: any) => void;
+    getLocationClass: (location: any) => (string | null)[];
+    filterdStates: import("vue").ComputedRef<any[]>;
+    table: import("vue").Ref<any>;
+    number: import("vue").Ref<object>;
+    data: import("vue").Ref<any>;
+    indicator_series: import("vue").Ref<any>;
+    period_list: import("vue").Ref<any>;
+    value: import("vue").Ref<any>;
+    value1: import("vue").Ref<any>;
+    value2: import("vue").Ref<any>;
+    value3: import("vue").Ref<any>;
+    display_index: import("vue").Ref<boolean>;
+    pointedLocation: import("vue").Ref<any>;
+    tooltipStyle: import("vue").Ref<any>;
+    search: import("vue").Ref<string>;
+    maxValue: import("vue").Ref<any>;
+    minValue: import("vue").Ref<any>;
+    rangeTable: import("vue").Ref<any>;
+    checkTypeOf: (value: any) => boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state_table: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            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;
+        };
+        required: true;
+    };
+    country: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    pourcentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    width: string;
+    country: string;
+    pourcentage: boolean;
+}, {}>;
+export default _default;

package/dist/runtime/components/argMultipleSelect.vue

@@ -6,7 +6,7 @@
       <arg-simple-label
         :disabled="disabled"
         :show_amount="show_amount"
-        :amount_value="selected_items.length"
+        :amount_value="nested ? getNestedLength : selected_items.length"
         @click="changeDisplay()"
         :class="isDisplay ? 'open' : ''"
       >
@@ -402,13 +402,20 @@ export default defineComponent({
       } else
         return props.empty_content_msg;
     });
+    const getNestedLength = computed(() => {
+      let length = 0;
+      for (let i = 0; i < selected_nested.value.length; i++) {
+        length += selected_nested.value[i].elements.length;
+      }
+      return length;
+    });
     const getAllSelect = computed(() => {
       const fullSelect = props.nested ? selected_nested.value : selected_items.value;
       let filterFill = ``;
       for (let i = 0; i < fullSelect.length; i++) {
         if (props.nested) {
           for (let j = 0; j < fullSelect[i].elements.length; j++) {
-            if (i === 0) {
+            if (j === 0 && filterFill.length === 0) {
               filterFill = fullSelect[i].elements[j];
             } else {
               filterFill = `${filterFill}, ${fullSelect[i].elements[j]}`;
@@ -631,7 +638,7 @@ export default defineComponent({
         selected_nested.value.map((a) => a)
       );
     }
-    function del_nested_elements(index, elem) {
+    function del_nested_element(index, elem) {
       selected_all.value = false;
       if (selectedCats.value.includes(index)) {
         selectedCats.value.splice(
@@ -763,11 +770,12 @@ export default defineComponent({
       document.removeEventListener("click", close);
     });
     return {
+      getNestedLength,
       del_all,
       del_all_cat,
       add_all_cat,
       add_all,
-      del_nested_elements,
+      del_nested_element,
       add_nested_element,
       del_element,
       add_element,

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

@@ -109,11 +109,12 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, {
+    getNestedLength: import("vue").ComputedRef<number>;
     del_all: () => void;
     del_all_cat: (index: number) => void;
     add_all_cat: (index: number) => void;
     add_all: () => void;
-    del_nested_elements: (index: number, elem: string) => void;
+    del_nested_element: (index: number, elem: string) => void;
     add_nested_element: (index: number, elem: any) => void;
     del_element: (element: string, index: number) => void;
     add_element: (element: string, index: number) => void;

package/dist/runtime/components/argSidebar.vue

@@ -1,6 +1,10 @@
 <!-- eslint-disable vue/max-attributes-per-line -->
 <template>
-  <div :class="sidebarOpen ? 'arg_sidebar_open' : ''" class="arg_sidebar">
+  <div
+    :class="sidebarOpen ? 'arg_sidebar_open' : ''"
+    class="arg_sidebar"
+    id="arg-sidebar"
+  >
     <div
       :class="
         sidebarOpen ? 'arg_sidebar_header_full' : 'arg_sidebar_header_small'

package/dist/runtime/components/argSwitch.vue

@@ -84,5 +84,5 @@ export default defineComponent({
 </script>
 
 <style>
-.prmt_switch_pause{vertical-align:baseline!important;fill:var(--light)!important;color:var(--light)!important;margin:0 0 5% 11%;stroke-width:0px!important}.prmt_switch_text{font-size:14px;font-weight:600;line-height:16px;transition:all .3s ease}.prmt_switch_text.prmt_switch_is_inactive{color:var(--medium)}.prmt_switch_text.prmt_switch_is_active{color:var(--darkest)}.prmt_switch{border-radius:35.7px;height:18px;padding:0 2px;transition:all .3s ease;width:36px}.prmt_switch.prmt_switch_is_active,.prmt_switch.prmt_switch_is_inactive{background-color:var(--accent);border:1px solid var(--accent)}.prmt_switch_round.prmt_switch_is_active{left:0}.prmt_switch_round.prmt_switch_is_inactive{transform:translateX(100%)}.prmt_switch_round{background-color:var(--white);border:.5px solid var(--light);border-radius:50%;box-shadow:var(--button-big-shadow);height:16px;margin-bottom:2px;transition:all .3s ease;width:16px}.prmt_parent_switch{align-items:center;background-color:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 17px;width:-moz-fit-content;width:fit-content}.prmt_parent_switch:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}
+.prmt_switch_pause{vertical-align:baseline!important;fill:var(--light)!important;color:var(--light)!important;margin:0 0 5% 11%;stroke-width:0px!important}.prmt_switch_text{font-size:14px;font-weight:600;line-height:16px;transition:all .3s ease}.prmt_switch_text.prmt_switch_is_inactive{color:var(--medium)}.prmt_switch_text.prmt_switch_is_active{color:var(--darkest)}.prmt_switch{border-radius:35.7px;height:18px;padding:0 2px;position:relative;transition:all .3s ease;width:36px}.prmt_switch.prmt_switch_is_active,.prmt_switch.prmt_switch_is_inactive{background-color:var(--accent);border:1px solid var(--accent)}.prmt_switch_round.prmt_switch_is_active{left:0;position:absolute}.prmt_switch_round.prmt_switch_is_inactive{transform:translateX(100%)}.prmt_switch_round{background-color:var(--white);border:.5px solid var(--light);border-radius:50%;box-shadow:var(--button-big-shadow);height:16px;margin-bottom:2px;transition:all .3s ease;width:16px}.prmt_parent_switch{align-items:center;background-color:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 17px;width:-moz-fit-content;width:fit-content}.prmt_parent_switch:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}
 </style>

package/dist/runtime/components/argTable.vue

@@ -663,5 +663,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.empty_table{align-items:center;display:flex;justify-content:center;width:100%}.filter_tooltip{cursor:pointer}.sort_up_icon{position:relative;top:3px}.sort_down_icon{position:relative;top:-2px}.table_input{align-self:stretch!important;margin:0 24px!important;width:auto!important}.oip_column{display:table-cell;padding-left:0}.scroll_table .rcd_scrollTable{gap:8px;overflow-x:auto;padding-top:8px}td{font-size:14px}tr{position:relative}table{border-collapse:collapse;padding:0;width:100%}thead tr th{background-color:transparent;height:35px}td,th{padding:10px 24px}th,tr{height:43px;text-align:start}th{flex-grow:0;font-size:12px;font-weight:700;line-height:14px;order:0}td:last-child,th:last-child div.rcd-table-header{justify-content:end;text-align:end}.rcd-table-header{align-items:center;display:flex;flex-direction:row;margin-left:24px}.rcd-col-title{align-items:center;gap:4px}.rcd-col-title,.rcd-table-sort{display:flex;justify-content:center}.rcd-table-sort{cursor:pointer;flex-direction:column;-moz-text-align-last:right;text-align-last:right}.rcd-NA{color:var(--independance);font-style:italic;font-weight:400}.rcd-pagination{align-items:center;background:transparent;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:700;gap:10px;justify-content:center;line-height:normal;padding:10px 16px}.rcd-pagination:hover{color:var(--primary)!important}.rcd-pagination-navigate{cursor:pointer}.rcd-pagination-navigate:hover svg{color:var(--primary)!important}.rcd-current:hover{color:var(--white)!important}.rcd-datas{align-items:center;display:flex;gap:10px;margin:10px 10px 15px}.align-left{justify-content:left}.align-center{justify-content:center}.align-right,.rcd-rows{justify-content:right}.rcd-rows{align-items:center;display:flex}.rcd-current{background:var(--primary);box-shadow:4px 7px 12px 0 rgba(33,118,255,.2);color:var(--white)}.hideInput{display:none;visibility:hidden}.showInput{display:flex;visibility:visible}.rcd-search{cursor:pointer;margin-right:5px}.column_align.left{justify-content:left!important;text-align:left!important}.column_align.center{justify-content:center!important;text-align:center!important}.column_align.right{justify-content:right!important;text-align:right!important}.show_full_table{align-items:center;display:flex;justify-content:center;width:100%}.flex-table{align-items:flex-start;display:flex;flex-direction:column;gap:12px;width:100%}.rcd_scrollTable{width:100%}.more_section{padding:24px;text-align:start!important;width:100%}.more_row{border-bottom:1px solid var(--light,#ececf2);border-top:1px solid var(--light,#ececf2)}.grey_bg,.grey_bg>td{background:var(--demi-fond)!important}.white_bg,.white_bg>td{background:var(--white)!important}.icon-show-more{cursor:pointer;transition:transform .3s}.icon-show-more:hover,.icon_rotate{color:var(--primary)!important}.icon_rotate{transform:rotate(90deg)}.scroll_table .rcd_scrollTable table thead,.scroll_table .rcd_scrollTable table thead tr,.scroll_table .rcd_scrollTable table thead tr th{position:sticky!important;top:0!important}.scroll_table .rcd_scrollTable thead{background:var(--white)!important;z-index:10}.scroll_table .rcd_scrollTable{overflow-y:scroll;padding-top:0!important}.full{width:100%}.hidden{display:none!important}.scroll_table .rcd_scrollTable::-webkit-scrollbar{width:5px!important}.modal_content::-webkit-scrollbar-thumb,.scroll_table .rcd_scrollTable::-webkit-scrollbar-thumb{background:var(--medium);border-radius:15px}.modal_content::-webkit-scrollbar-thumb:hover,.scroll_table .rcd_scrollTable::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}
+.empty_table{align-items:center;display:flex;justify-content:center;width:100%}.filter_tooltip{cursor:pointer}.sort_up_icon{position:relative;top:3px}.sort_down_icon{position:relative;top:-2px}.table_input{align-self:stretch!important;margin:0 24px!important;width:auto!important}.oip_column{display:table-cell;padding-left:0}.scroll_table .rcd_scrollTable{gap:8px;overflow-x:auto;padding-top:8px}td{font-size:14px}tr{position:relative}table{border-collapse:collapse;padding:0;width:100%}thead tr th{background-color:transparent;height:35px}td,th{padding:10px 24px}th,tr{height:43px;text-align:start}th{flex-grow:0;font-size:12px;font-weight:700;line-height:14px;order:0}td:last-child,th:last-child div.rcd-table-header{justify-content:end;text-align:end}.rcd-table-header{align-items:center;display:flex;flex-direction:row;margin-left:24px}.rcd-col-title{align-items:center;gap:4px}.rcd-col-title,.rcd-table-sort{display:flex;justify-content:center}.rcd-table-sort{cursor:pointer;flex-direction:column;-moz-text-align-last:right;text-align-last:right}.rcd-NA{color:var(--independance);font-style:italic;font-weight:400}.rcd-pagination{align-items:center;background:transparent;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:700;gap:10px;justify-content:center;line-height:normal;padding:10px 16px}.rcd-pagination:hover{color:var(--primary)!important}.rcd-pagination-navigate{cursor:pointer}.rcd-pagination-navigate:hover svg{color:var(--primary)!important}.rcd-current:hover{color:var(--white)!important}.rcd-datas{align-items:center;display:flex;gap:10px;margin:10px 10px 15px}.align-left{justify-content:left}.align-center{justify-content:center}.align-right,.rcd-rows{justify-content:right}.rcd-rows{align-items:center;display:flex}.rcd-current{background:var(--primary);box-shadow:4px 7px 12px 0 rgba(33,118,255,.2);color:var(--white)}.hideInput{display:none;visibility:hidden}.showInput{display:flex;visibility:visible}.rcd-search{cursor:pointer;margin-right:5px}.column_align.left{justify-content:left!important;text-align:left!important}.column_align.center{justify-content:center!important;text-align:center!important}.column_align.right{justify-content:right!important;text-align:right!important}.show_full_table{align-items:center;display:flex;justify-content:center;width:100%}.flex-table{align-items:flex-start;display:flex;flex-direction:column;gap:12px;width:100%}.rcd_scrollTable{width:100%}.more_section{padding:24px;text-align:start!important;width:100%}.more_row{border-bottom:1px solid var(--light,#ececf2);border-top:1px solid var(--light,#ececf2)}.grey_bg,.grey_bg>td{background:var(--demi-fond)!important}.white_bg,.white_bg>td{background:var(--white)!important}.icon-show-more{cursor:pointer;transition:transform .3s}.icon-show-more:hover,.icon_rotate{color:var(--primary)!important}.icon_rotate{transform:rotate(90deg)}.scroll_table .rcd_scrollTable table thead,.scroll_table .rcd_scrollTable table thead tr,.scroll_table .rcd_scrollTable table thead tr th{position:sticky!important;top:0!important}.scroll_table .rcd_scrollTable thead{background:var(--white)!important;z-index:10}.scroll_table .rcd_scrollTable{overflow-y:scroll;padding-top:0!important}.full{width:100%}.hidden{display:none!important}.scroll_table .rcd_scrollTable::-webkit-scrollbar{height:5px!important;width:5px!important}.modal_content::-webkit-scrollbar-thumb,.scroll_table .rcd_scrollTable::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.modal_content::-webkit-scrollbar-thumb:hover,.scroll_table .rcd_scrollTable::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}
 </style>

package/dist/runtime/components/argToolbar.vue

@@ -63,5 +63,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_source_nb{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;position:absolute;right:5px;top:5px;width:var(--m,16px)}.oip_info_bar{align-items:flex-start;border:1px solid var(--light,#ececf2);border-radius:8px;display:inline-flex;flex-direction:column;gap:var(--xxs,4px);padding:var(--xxs,4px)}.oip_info_item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;justify-content:flex-end;padding:10px}.relative{position:relative!important}.oip_info_item svg{flex-basis:100%}.oip_info_item:hover{background:var(--light)}
+.arg_source_nb{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;position:absolute;right:-5px;top:-5px;width:var(--m,16px)}.oip_info_bar{align-items:flex-start;border:1px solid var(--light,#ececf2);border-radius:8px;display:inline-flex;flex-direction:column;gap:var(--xxs,4px);padding:var(--xxs,4px)}.oip_info_item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;justify-content:flex-end;padding:10px}.relative{position:relative!important}.oip_info_item svg{flex-basis:100%}.oip_info_item:hover{background:var(--light)}
 </style>

package/dist/runtime/components/argToolbarContent.vue

@@ -126,5 +126,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.info_main_container{background-color:transparent;transition:all .5s ease}.info_main_container_open{background-color:rgba(0,0,0,.4);bottom:0;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.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;padding:24px;width:460px}.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;transition:all .5s ease}.info_main_container_open{background-color:rgba(0,0,0,.4);bottom:0;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.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{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}
 </style>

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

@@ -0,0 +1,4 @@
+declare module 'lodash'
+declare module '@svg-maps/usa'
+declare module '@svg-maps/usa.counties'
+declare module '@svg-maps/france.regions'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.72",
+  "version": "0.1.74",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",
@@ -31,7 +31,11 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.7.3",
+    "@svg-maps/france.regions": "^1.1.1",
+    "@svg-maps/usa": "^1.1.1",
+    "@svg-maps/usa.counties": "^1.1.2",
     "apexcharts": "^3.43.0",
+    "lodash": "^4.17.21",
     "vue-apexcharts": "^1.6.2",
     "vue3-apexcharts": "^1.4.4"
   },
@@ -41,6 +45,7 @@
     "@nuxt/module-builder": "^0.5.1",
     "@nuxt/schema": "^3.7.3",
     "@nuxt/test-utils": "^3.7.3",
+    "@types/lodash": "^4.14.202",
     "@types/node": "^18.17.17",
     "changelogen": "^0.5.5",
     "eslint": "^8.49.0",