@tekkare/auriga 0.2.2 → 0.2.4

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.2"
+  "version": "0.2.4"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -75,7 +75,8 @@
               size="14"
               color="var(--medium)"
             />
-            {{ sugg.text }}
+            <span v-if="!highlightInput"> {{ sugg.text }} </span>
+            <span v-else v-html="highlightSearchInput(sugg.text)" />
           </p>
         </div>
         <div v-else-if="!loadingSuggs" class="sugg_container">
@@ -268,6 +269,10 @@ export default defineComponent({
     loadingSuggs: {
       type: Boolean,
       default: false
+    },
+    highlightInput: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:Value", "onClose"],
@@ -396,6 +401,632 @@ export default defineComponent({
         searchedWords.value = props.defaultInputs;
       }
     });
+    function highlightSearchInput(suggestion) {
+      const escapedInput = value.value.replace(
+        /[-\/\\^$*+?.()|[\]{}]/g,
+        "\\<script lang="ts">
+import {
+  onMounted,
+  onUpdated,
+  ref,
+  computed,
+  defineProps,
+  defineEmits,
+  watch,
+  defineComponent,
+} from "vue";
+import argIcon from "./argIcon.vue";
+import { useFuse } from "@vueuse/integrations/useFuse";
+interface Suggestion {
+  icon?: string;
+  text: string;
+}
+
+export default defineComponent({
+  name: "argAdvancedSearchBar",
+  components: { argIcon },
+  props: {
+    placeHolderValue: {
+      type: String,
+      default: "Type your search",
+    },
+    customShortcuts: {
+      type: Array<{ keyword: ""; value: ""; symbol: "" }>,
+      default: () => [],
+    },
+    defaultInputs: {
+      type: Array<{ type: ""; value: "" }>,
+      default: () => [],
+    },
+    suggestions: {
+      type: Array<Suggestion>,
+      default: null,
+    },
+    fuzzyThreshold: {
+      type: Number,
+      default: 0.5,
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value: string) => {
+        return ["en", "fr", "es"].includes(value);
+      },
+    },
+    loadingSuggs: {
+      type: Boolean,
+      default: false,
+    },
+    highlightInput: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ["update:Value", "onClose"],
+  setup(props, { emit }) {
+    const typing = ref(false);
+    const shortcuts = ref([
+      { keyword: "and", value: "add the word", symbol: "+" },
+      { keyword: "or", value: "matches at least one word", symbol: "/" },
+      { keyword: "not", value: "exclude the word", symbol: "!" },
+    ]);
+    const hoverShortcut = ref("" as string);
+    const selectedShortcut = ref("+" as string);
+    const searchedWords = ref([] as any);
+    const closeIndex = ref();
+    const value = ref("" as string);
+    const selectedTag = ref();
+    const duplicate = ref([]);
+    const searchBar = ref();
+    const tagsSection = ref();
+    const shortcutIndex = ref(-1);
+    const removeSelected = ref(false as boolean);
+    const hoverTag = ref();
+    const showInfo = ref(false as boolean);
+    const showChangeType = ref(null as any);
+    const regexSearch =
+      /^[\s\.\+\/\!]|[\+\/\!\s][\s\.]+|[\s\.]+[\+\/\!\s]$|\s+[\+\/]|\s+$/g;
+    // regex to check whitespaces / symbols in input value to avoid duplicate search
+    // each alternative is seperated by |
+    // 1st alternative: the word begins with a space or a symbol
+    // 2nd alternative: the word begins with a combination of one or more spaces and symbols
+    // 3rd alternative: the word ends with one or more spaces or symbols
+    // 4th alternative: the word contains one or more spaces followed by symbols
+    // 5th alternative: the word ends with one or more spaces
+
+    const suggOpen = ref(false);
+    const optionIndex = ref(0);
+
+    const iconColor = computed(() => {
+      if (typing.value === true) {
+        return "var(--primary)";
+      } else return "var(--medium)";
+    });
+
+    const hasShortcut = computed(() => {
+      if (selectedShortcut.value.length > 0 || hoverShortcut.value.length > 0) {
+        return true;
+      } else return false;
+    });
+
+    const infoHeight = computed(() => {
+      if (showInfo.value === true) {
+        const infoSection = document.getElementById("info");
+        const shortcutSection = document.getElementById("shortcuts");
+        if (infoSection !== null && shortcutSection !== null) {
+          if (infoSection.offsetHeight > shortcutSection.offsetHeight) {
+            return true;
+          } else return false;
+        } else return false;
+      } else return false;
+    });
+
+    const notFound = {
+      fr: "Aucune suggestion n'a été trouvée",
+      en: "No suggestions were found",
+      es: "No se encontraron sugerencias",
+    };
+    const loaderText = {
+      fr: "Plus de suggestions en chargement",
+      en: "Loading more suggestions",
+      es: "cargando más sugerencias",
+    };
+
+    watch(value, (new_value: string) => {
+      typing.value = false;
+      if (new_value === "") {
+        hoverShortcut.value = "";
+        suggOpen.value = false;
+        optionIndex.value = 0;
+        document.removeEventListener("click", closeSugg);
+      } else {
+        suggOpen.value = true;
+        setTimeout(() => {
+          document.addEventListener("click", closeSugg);
+        }, 100);
+        for (let i = 0; i < shortcuts.value.length; i++) {
+          if (new_value.startsWith(shortcuts.value[i].symbol)) {
+            selectedShortcut.value = shortcuts.value[i].symbol;
+          }
+        }
+      }
+    });
+
+    watch(
+      () => typing.value,
+      () => {
+        if (!typing.value) {
+          document.removeEventListener("click", close);
+        } else
+          setTimeout(() => {
+            document.addEventListener("click", close);
+          }, 100);
+      }
+    );
+
+    // watch(selectedShortcut, (new_shortcut: string) => {
+    //   value.value = `${new_shortcut}`;
+    // });
+
+    watch(closeIndex, (new_index: number) => {
+      if (new_index > searchedWords.value.length) {
+        removeSelected.value = true;
+      } else removeSelected.value = false;
+    });
+
+    const wordsLength = computed(() => {
+      return searchedWords.value.length;
+    });
+
+    watch(wordsLength, (newSearched: []) => {
+      setTimeout(() => {
+        if (tagsSection.value.scrollWidth > 4) {
+          tagsSection.value.scrollLeft += tagsSection.value.scrollWidth;
+        }
+      }, 100);
+    });
+
+    onMounted(() => {
+      searchBar.value = document.getElementById("search_input");
+      tagsSection.value = document.getElementById("tags");
+      if (props.customShortcuts.length > 0) {
+        for (let i = 0; i < props.customShortcuts.length; i++) {
+          shortcuts.value.push(props.customShortcuts[i]);
+        }
+      }
+      if (props.defaultInputs.length > 0) {
+        for (let i = 0; i < props.defaultInputs.length; i++) {
+          addToSearch(
+            props.defaultInputs[i].type,
+            props.defaultInputs[i].value,
+            true
+          );
+        }
+        searchedWords.value = props.defaultInputs;
+      }
+    });
+    function highlightSearchInput(suggestion: string): string {
+      // Échappe les caractères spéciaux pour une utilisation dans une expression régulière
+      const escapedInput = value.value.replace(
+        /[-\/\\^$*+?.()|[\]{}]/g,
+        "\\$&"
+      );
+      // Crée une nouvelle RegExp avec la valeur de recherche, en ignorant la casse
+      const regex = new RegExp(escapedInput, "gi");
+      // Remplace la partie correspondante par un span avec du style
+      return suggestion.replace(
+        regex,
+        (match) =>
+          `<span style="color: var(--primary); font-weight: 700">${match}</span>`
+      );
+    }
+
+    function shortcutColor(shortcut: string) {
+      if (
+        shortcut === selectedShortcut.value ||
+        shortcut === hoverShortcut.value
+      ) {
+        return "var(--darkest)";
+      } else return "var(--white)";
+    }
+
+    function handleChangeType(searchIndex: number) {
+      showChangeType.value = searchIndex;
+      setTimeout(() => {
+        document.addEventListener("click", close);
+      }, 200);
+    }
+
+    function changeSearchType(searchIndex: number, option: string) {
+      searchedWords.value[searchIndex].type = option;
+      emit("update:Value", searchedWords.value);
+      showChangeType.value = null;
+    }
+
+    function shortcutSelect(dir: string) {
+      typing.value = true;
+      let index;
+      if (selectedShortcut.value.length > 0) {
+        index = shortcuts.value.findIndex(
+          (x) => x.symbol === selectedShortcut.value
+        );
+      } else {
+        index = shortcutIndex.value;
+      }
+      if (dir === "desc") {
+        if (index < shortcuts.value.length - 1) {
+          selectedShortcut.value = shortcuts.value[index + 1].symbol;
+          shortcutIndex.value += 1;
+        } else {
+          selectedShortcut.value = shortcuts.value[0].symbol;
+          shortcutIndex.value = 0;
+        }
+      } else {
+        if (index > 0) {
+          selectedShortcut.value = shortcuts.value[index - 1].symbol;
+          shortcutIndex.value -= 1;
+        } else {
+          selectedShortcut.value =
+            shortcuts.value[shortcuts.value.length - 1].symbol;
+          shortcutIndex.value = shortcuts.value.length - 1;
+        }
+      }
+      // searchBar.value.focus();
+    }
+
+    function addToSearch(
+      search: string,
+      textValue: string,
+      isDefault: boolean
+    ) {
+      searchedWords.value.push({ type: search, value: textValue });
+      closeIndex.value = searchedWords.value.length;
+      selectedTag.value = null;
+      if (!isDefault) {
+        emit("update:Value", searchedWords.value);
+      }
+      searchBar.value.focus();
+      resetSearch();
+    }
+    const options = computed(() => ({
+      fuseOptions: {
+        includeScore: true,
+        threshold: 0.5,
+      },
+    }));
+    const filterSuggestions = computed(() => {
+      if (value.value.replace(/[+/!]/g, "").length > 0) {
+        return props.suggestions
+          .filter((f) =>
+            useFuse(
+              value.value.replace(/[+/!]/g, ""),
+              props.suggestions.map((a) => a.text),
+              options.value
+            )
+              .results.value.map((a) => a.item)
+              .includes(f.text)
+          )
+          .slice(0, 50);
+      } else return props.suggestions.slice(0, 50);
+    });
+
+    function selectTag(index: number, direction: number) {
+      let nextTag;
+      if (direction === 0) {
+        nextTag = document.getElementById(`tag${index + 1}`);
+      } else {
+        nextTag = document.getElementById(`tag${index + 1}`);
+      }
+      if (direction === 1 && index === 0 && tagsSection.value.scrollLeft > 0) {
+        tagsSection.value.scrollLeft = 0;
+      }
+      if (direction === 0 && index === searchedWords.value.length - 1) {
+        tagsSection.value.scrollLeft += tagsSection.value.scrollWidth;
+      }
+
+      if (
+        searchedWords.value.length > 0 &&
+        index < searchedWords.value.length &&
+        index >= 0
+      ) {
+        selectedTag.value = index;
+        closeIndex.value = index;
+        if (direction > 0 && index > 2 && nextTag !== null) {
+          tagsSection.value.scrollLeft += nextTag.offsetWidth;
+        } else if (
+          direction === 0 &&
+          index < searchedWords.value.length - 2 &&
+          nextTag !== null
+        ) {
+          tagsSection.value.scrollLeft -= nextTag.offsetWidth;
+        }
+      }
+      if (index < 0) {
+        selectedTag.value = null;
+        closeIndex.value = searchedWords.value.length + 1;
+      }
+      if (index >= searchedWords.value.length) {
+        selectedTag.value = null;
+        closeIndex.value = index;
+      }
+      if (index > searchedWords.value.length + 1) {
+        selectedTag.value = null;
+        closeIndex.value = -1;
+      }
+    }
+
+    function resetSearch() {
+      value.value = "";
+    }
+
+    function getKeyword(keyword: string) {
+      let returnKeyword = "";
+      for (let i = 0; i < shortcuts.value.length; i++) {
+        if (keyword === shortcuts.value[i].symbol) {
+          returnKeyword = shortcuts.value[i].keyword;
+        }
+      }
+      return returnKeyword;
+    }
+
+    function addTag() {
+      suggOpen.value = false;
+      if (removeSelected.value === true) {
+        emptySearch();
+      } else if (
+        selectedTag.value !== null &&
+        selectedTag.value < searchedWords.value.length &&
+        selectedTag.value >= 0
+      ) {
+        removeTag(selectedTag.value);
+      } else {
+        if (optionIndex.value > 0) {
+          value.value = filterSuggestions.value[optionIndex.value - 1].text;
+          if (
+            searchedWords.value.filter(
+              (f: any) =>
+                f.value === filterSuggestions.value[optionIndex.value - 1].text
+            ).length > 0
+          ) {
+            setTimeout(() => {
+              suggOpen.value = false;
+              value.value = "";
+            });
+          }
+          // closeOnEnter.value = true;
+        }
+        let search: any;
+        let searchValue = "";
+        let arrayValues: any[];
+        arrayValues = [];
+        if (value.value.length > 0) {
+          searchValue = value.value.replace(regexSearch, "");
+          for (let i = 0; i < shortcuts.value.length; i++) {
+            if (value.value.startsWith(shortcuts.value[i].symbol)) {
+              search = shortcuts.value[i].keyword;
+              searchValue = value.value.replace(shortcuts.value[i].symbol, "");
+            }
+          }
+          if (selectedShortcut.value.length > 0 && search === undefined) {
+            search = getKeyword(selectedShortcut.value);
+          } else if (hoverShortcut.value.length > 0 && search === undefined) {
+            search = getKeyword(hoverShortcut.value);
+          } else if (search === undefined) {
+            search = "and";
+          }
+          if (value.value.includes(",")) {
+            arrayValues = value.value.split(",");
+          }
+        }
+        if (searchValue.length > 0 && arrayValues.length === 0) {
+          if (
+            searchedWords.value.filter((f: any) => f.value === searchValue)
+              .length === 0
+          ) {
+            addToSearch(search, searchValue, false);
+          } else {
+            handleDuplicate(searchValue);
+            value.value = "";
+          }
+        } else if (arrayValues.length > 0) {
+          for (let i = 0; i < arrayValues.length; i++) {
+            const arraySearchValue = arrayValues[i].replace(regexSearch, "");
+            if (arraySearchValue.length > 0) {
+              if (
+                searchedWords.value.filter(
+                  (f: any) => f.value === arraySearchValue
+                ).length === 0
+              ) {
+                addToSearch(search, arraySearchValue, false);
+              } else {
+                handleDuplicate(arraySearchValue);
+                value.value = "";
+              }
+            }
+          }
+        }
+      }
+    }
+
+    function handleDuplicate(tag: any) {
+      duplicate.value.push(tag);
+      setTimeout(() => (duplicate.value = []), 1000);
+    }
+
+    function emptySearch() {
+      searchedWords.value = [];
+      removeSelected.value = false;
+      closeIndex.value = null;
+      value.value = ''
+      searchBar.value.focus();
+      emit("update:Value", searchedWords.value);
+    }
+    function selectSugg(sugg: Suggestion) {
+      // closeOnEnter.value = true;
+      if (
+        searchedWords.value.find(
+          (a: { type: string; value: string }) => a.value === sugg.text
+        ) === undefined
+      ) {
+        value.value = sugg.text;
+        addTag();
+      } else {
+        suggOpen.value = false;
+        handleDuplicate(sugg.text);
+      }
+    }
+
+    function selectSearch(item: any) {
+      const searchValue = value.value.replace(regexSearch, "");
+      selectedShortcut.value = item.symbol;
+      if (searchValue.length > 0) {
+        if (
+          searchedWords.value.filter((f: any) => f.value === searchValue)
+            .length === 0
+        ) {
+          addToSearch(getKeyword(item.symbol), searchValue, false);
+        } else {
+          handleDuplicate(searchValue);
+          value.value = "";
+        }
+      }
+      searchBar.value.focus();
+      typing.value = false;
+    }
+
+    function removeTag(tagIndex: any) {
+      searchedWords.value.splice(tagIndex, 1);
+      emit("update:Value", searchedWords.value);
+      if (tagIndex > 0 && value.value.length === 0) {
+        selectedTag.value -= 1;
+      } else {
+        selectedTag.value = searchedWords.value.length;
+      }
+
+      closeIndex.value = selectedTag.value;
+      searchBar.value.focus();
+    }
+
+    function handleDelete() {
+      if (value.value.length === 0) {
+        removeTag(searchedWords.value.length - 1);
+      }
+    }
+
+    function changeDisplay() {
+      if (typing.value === true) {
+        close();
+      } else {
+        typing.value = true;
+        setTimeout(() => {
+          document.addEventListener("click", close);
+        }, 100);
+      }
+      searchBar.value.focus();
+    }
+    function selectOption(isDown: boolean) {
+      if (isDown) {
+        optionIndex.value =
+          optionIndex.value === filterSuggestions.value.length
+            ? filterSuggestions.value.length
+            : optionIndex.value + 1;
+      } else {
+        optionIndex.value =
+          optionIndex.value === 0
+            ? filterSuggestions.value.length
+            : optionIndex.value - 1;
+      }
+      const suggContainer = document.querySelector(".search_suggestions");
+      const selectedOption =
+        suggContainer?.querySelectorAll("p")[optionIndex.value - 1];
+
+      if (selectedOption) {
+        const containerHeight = suggContainer?.clientHeight;
+        const containerScrollTop = suggContainer?.scrollTop;
+        const optionTop = selectedOption?.offsetTop;
+        const optionHeight = selectedOption?.offsetHeight * 2;
+
+        if (optionTop < containerScrollTop) {
+          // Scroll up to the selected option
+          suggContainer.scrollTop = optionTop;
+        } else if (
+          optionTop + optionHeight >
+          containerHeight + containerScrollTop
+        ) {
+          // Scroll down to the selected option
+          suggContainer.scrollTop = optionTop + optionHeight - containerHeight;
+        }
+      }
+    }
+
+    function close() {
+      emit("onClose");
+      typing.value = false;
+      showChangeType.value = null;
+    }
+
+    function closeSugg() {
+      suggOpen.value = false;
+      optionIndex.value = 0;
+      document.removeEventListener("click", close);
+    }
+
+    return {
+      close,
+      changeDisplay,
+      handleDelete,
+      removeTag,
+      selectSearch,
+      emptySearch,
+      getKeyword,
+      handleDuplicate,
+      addTag,
+      resetSearch,
+      selectTag,
+      addToSearch,
+      shortcutColor,
+      shortcutSelect,
+      typing,
+      shortcuts,
+      hoverShortcut,
+      selectedShortcut,
+      searchedWords,
+      closeIndex,
+      value,
+      selectedTag,
+      duplicate,
+      searchBar,
+      tagsSection,
+      shortcutIndex,
+      removeSelected,
+      hoverTag,
+      showInfo,
+      regexSearch,
+      iconColor,
+      hasShortcut,
+      infoHeight,
+      suggOpen,
+      filterSuggestions,
+      selectOption,
+      optionIndex,
+      selectSugg,
+      showChangeType,
+      changeSearchType,
+      notFound,
+      loaderText,
+      handleChangeType,
+      highlightSearchInput
+    };
+  },
+});
+</script>"
+      );
+      const regex = new RegExp(escapedInput, "gi");
+      return suggestion.replace(
+        regex,
+        (match) => `<span style="color: var(--primary); font-weight: 700">${match}</span>`
+      );
+    }
     function shortcutColor(shortcut) {
       if (shortcut === selectedShortcut.value || shortcut === hoverShortcut.value) {
         return "var(--darkest)";
@@ -718,7 +1349,8 @@ export default defineComponent({
       changeSearchType,
       notFound,
       loaderText,
-      handleChangeType
+      handleChangeType,
+      highlightSearchInput
     };
   }
 });

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

@@ -113,6 +113,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    highlightInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     close: () => void;
     changeDisplay: () => void;
@@ -169,6 +173,7 @@ declare const _default: import("vue").DefineComponent<{
         es: string;
     };
     handleChangeType: (searchIndex: number) => void;
+    highlightSearchInput: (suggestion: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "onClose")[], "update:Value" | "onClose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     placeHolderValue: {
         type: StringConstructor;
@@ -280,6 +285,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    highlightInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
@@ -298,5 +307,6 @@ declare const _default: import("vue").DefineComponent<{
     suggestions: Suggestion[];
     fuzzyThreshold: number;
     loadingSuggs: boolean;
+    highlightInput: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argBtn.vue

@@ -91,7 +91,8 @@ export default defineComponent({
           "warning-fill",
           "warning-stroke",
           "purple-fill",
-          "purple-stroke"
+          "purple-stroke",
+          "disable"
         ].includes(value);
       }
     },

package/dist/runtime/components/argChart.vue

@@ -252,7 +252,9 @@ export default defineComponent({
           }
         };
         props.options["yaxis"] = { min: 0, show: false };
-        props.options["markers"] = { size: 0, showNullDataPoints: true };
+        if (props.options["markers"] === void 0) {
+          props.options["markers"] = { size: 0, showNullDataPoints: true };
+        }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
         } else

package/dist/runtime/components/argExportXLSX.vue

@@ -289,7 +289,7 @@ export default defineComponent({
           if (props.kpi !== null && props.kpi !== void 0 && props.kpi.length > 0) {
             i === 3 ? data.push(generatedByRow) : i === 4 ? data.push(tekkareRow) : i === 5 ? data.push(byTekkareRow) : i === 6 ? data.push(kpiDescriptionRow) : i === 8 ? data.push(kpiRow1) : i === 9 ? data.push(kpiRow2) : i === 11 ? data.push(kpiRow3) : i === 12 ? data.push(kpiRow4) : i === 14 ? data.push(subtitleRow) : data.push(emptyRow);
           } else {
-            i === 3 ? data.push(generatedByRow) : i === 4 ? data.push(tekkareRow) : i === 6 ? data.push(subtitleRow) : data.push(emptyRow);
+            i === 3 ? data.push(generatedByRow) : i === 4 ? data.push(tekkareRow) : i === 5 ? data.push(byTekkareRow) : i === 6 ? data.push(subtitleRow) : data.push(emptyRow);
           }
         }
         props.sources.forEach((source) => {

package/dist/runtime/components/argHomeAllBlocks.vue

@@ -182,5 +182,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card:not(.block_selected):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.block_selected>.block_content>.card_head>.population p,.block_selected>.block_content>.card_head>.population svg{color:var(--white)!important}
+.arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{align-self:stretch;cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card:not(.block_selected):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.block_selected>.block_content>.card_head>.population p,.block_selected>.block_content>.card_head>.population svg{color:var(--white)!important}
 </style>

package/dist/runtime/components/argSearchInput.vue

@@ -55,7 +55,8 @@
             size="14"
             color="var(--medium)"
           />
-          {{ sugg.text }}
+          <span v-if="!highlightInput"> {{ sugg.text }} </span>
+          <span v-else v-html="highlightSearchInput(sugg.text)" />
         </p>
       </div>
       <div v-else-if="!loadingSuggs" class="sugg_container">
@@ -104,9 +105,13 @@ export default defineComponent({
     loadingSuggs: {
       type: Boolean,
       default: false
+    },
+    highlightInput: {
+      type: Boolean,
+      default: false
     }
   },
-  emits: ["update:Value", "submitSearch"],
+  emits: ["update:Value", "submitSearch", "selectSuggestion"],
   setup(props, { emit }) {
     const searchValue = ref("");
     const suggOpen = ref(false);
@@ -170,6 +175,256 @@ export default defineComponent({
         }
       }
     );
+    function highlightSearchInput(suggestion) {
+      const escapedInput = searchValue.value.replace(
+        /[-\/\\^$*+?.()|[\]{}]/g,
+        "\\<script lang="ts">
+import argIcon from "./argIcon.vue";
+import { useFuse } from "@vueuse/integrations/useFuse";
+import {
+  onMounted,
+  ref,
+  computed,
+  watch,
+  defineProps,
+  defineEmits,
+  defineComponent,
+} from "vue";
+interface Suggestion {
+  icon?: string;
+  text: string;
+}
+export default defineComponent({
+  name: "argSearchInput",
+  components: { argIcon },
+  props: {
+    placeHolderValue: {
+      type: String,
+      default: "Search here...",
+    },
+    defaultValue: {
+      type: String,
+      default: "",
+    },
+    suggestions: {
+      type: Array<Suggestion>,
+      default: null,
+    },
+    fuzzyThreshold: {
+      type: Number,
+      default: 0.5,
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value: string) => {
+        return ["en", "fr", "es"].includes(value);
+      },
+    },
+    loadingSuggs: {
+      type: Boolean,
+      default: false,
+    },
+    highlightInput: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ["update:Value", "submitSearch", "selectSuggestion"],
+
+  setup(props, { emit }) {
+    const searchValue = ref("");
+    const suggOpen = ref(false);
+
+    const notFound = {
+      fr: "Aucune suggestion n'a été trouvée",
+      en: "No suggestions were found",
+      es: "No se encontraron sugerencias",
+    };
+    const loaderText = {
+      fr: "Plus de suggestions en chargement",
+      en: "Loading more suggestions",
+      es: "cargando más sugerencias",
+    };
+
+    const closeOnEnter = ref(false);
+
+    const optionIndex = ref(0);
+
+    function selectOption(isDown: boolean) {
+      if (isDown) {
+        optionIndex.value =
+          optionIndex.value === filterSuggestions.value.length
+            ? filterSuggestions.value.length
+            : optionIndex.value + 1;
+      } else {
+        optionIndex.value =
+          optionIndex.value === 0
+            ? filterSuggestions.value.length
+            : optionIndex.value - 1;
+      }
+      const suggContainer = document.querySelector(".search_suggestions");
+      const selectedOption =
+        suggContainer?.querySelectorAll("p")[optionIndex.value - 1];
+
+      if (selectedOption) {
+        const containerHeight = suggContainer?.clientHeight;
+        const containerScrollTop = suggContainer?.scrollTop;
+        const optionTop = selectedOption?.offsetTop;
+        const optionHeight = selectedOption?.offsetHeight * 2;
+
+        if (optionTop < containerScrollTop) {
+          // Scroll up to the selected option
+          suggContainer.scrollTop = optionTop;
+        } else if (
+          optionTop + optionHeight >
+          containerHeight + containerScrollTop
+        ) {
+          // Scroll down to the selected option
+          suggContainer.scrollTop = optionTop + optionHeight - containerHeight;
+        }
+      }
+    }
+
+    watch(
+      () => searchValue.value,
+      () => {
+        if (searchValue.value.length > 0 && props.suggestions !== null) {
+          if (!closeOnEnter.value) {
+            suggOpen.value = true;
+            setTimeout(() => {
+              document.addEventListener("click", closeSugg);
+            });
+          } else {
+            suggOpen.value = false;
+            document.removeEventListener("click", closeSugg);
+            closeOnEnter.value = false;
+          }
+        } else {
+          suggOpen.value = false;
+          document.removeEventListener("click", closeSugg);
+        }
+      }
+    );
+
+    watch(
+      () => suggOpen.value,
+      () => {
+        if (!suggOpen.value) {
+          optionIndex.value = 0;
+        }
+      }
+    );
+
+    function highlightSearchInput(suggestion: string): string {
+      // Échappe les caractères spéciaux pour une utilisation dans une expression régulière
+      const escapedInput = searchValue.value.replace(
+        /[-\/\\^$*+?.()|[\]{}]/g,
+        "\\$&"
+      );
+      // Crée une nouvelle RegExp avec la valeur de recherche, en ignorant la casse
+      const regex = new RegExp(escapedInput, "gi");
+      // Remplace la partie correspondante par un span avec du style
+      return suggestion.replace(
+        regex,
+        (match) =>
+          `<span style="color: var(--primary); font-weight: 700">${match}</span>`
+      );
+    }
+
+    const options = computed(() => ({
+      fuseOptions: {
+        includeScore: true,
+        threshold: props.fuzzyThreshold,
+      },
+    }));
+
+    const filterSuggestions = computed(() => {
+      return props.suggestions
+        .filter((f) =>
+          useFuse(
+            searchValue,
+            props.suggestions.map((a) => a.text),
+            options.value
+          )
+            .results.value.map((a) => a.item)
+            .includes(f.text)
+        )
+        .slice(0, 50);
+    });
+
+    const selectSugg = (sugg: Suggestion) => {
+      closeOnEnter.value = true;
+      searchValue.value = sugg.text;
+      emit("update:Value", searchValue.value);
+      emit("selectSuggestion", searchValue.value);
+    };
+
+    function closeSugg() {
+      suggOpen.value = false;
+    }
+
+    function openSugg() {
+      if (searchValue.value.length > 0) {
+        suggOpen.value = true;
+      }
+    }
+
+    onMounted(() => {
+      searchValue.value = props.defaultValue;
+    });
+
+    watch(
+      () => props.defaultValue,
+      (new_value: string) => {
+        searchValue.value = new_value;
+      }
+    );
+
+    function changeInput(event: any) {
+      searchValue.value = event.target.value;
+      emit("update:Value", searchValue.value);
+    }
+    function submitSearch() {
+      if (optionIndex.value > 0) {
+        closeOnEnter.value = true;
+        searchValue.value = filterSuggestions.value[optionIndex.value - 1].text;
+        emit("update:Value", searchValue.value);
+        emit("selectSuggestion", searchValue.value);
+      }
+      emit("submitSearch");
+    }
+
+    function clearValue() {
+      searchValue.value = "";
+      emit("update:Value", searchValue.value);
+    }
+
+    return {
+      searchValue,
+      changeInput,
+      submitSearch,
+      clearValue,
+      suggOpen,
+      openSugg,
+      filterSuggestions,
+      selectSugg,
+      selectOption,
+      optionIndex,
+      notFound,
+      loaderText,
+      highlightSearchInput,
+    };
+  },
+});
+</script>"
+      );
+      const regex = new RegExp(escapedInput, "gi");
+      return suggestion.replace(
+        regex,
+        (match) => `<span style="color: var(--primary); font-weight: 700">${match}</span>`
+      );
+    }
     const options = computed(() => ({
       fuseOptions: {
         includeScore: true,
@@ -189,6 +444,7 @@ export default defineComponent({
       closeOnEnter.value = true;
       searchValue.value = sugg.text;
       emit("update:Value", searchValue.value);
+      emit("selectSuggestion", searchValue.value);
     };
     function closeSugg() {
       suggOpen.value = false;
@@ -216,6 +472,7 @@ export default defineComponent({
         closeOnEnter.value = true;
         searchValue.value = filterSuggestions.value[optionIndex.value - 1].text;
         emit("update:Value", searchValue.value);
+        emit("selectSuggestion", searchValue.value);
       }
       emit("submitSearch");
     }
@@ -235,7 +492,8 @@ export default defineComponent({
       selectOption,
       optionIndex,
       notFound,
-      loaderText
+      loaderText,
+      highlightSearchInput
     };
   }
 });

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

@@ -41,6 +41,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    highlightInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     searchValue: import("vue").Ref<string>;
     changeInput: (event: any) => void;
@@ -62,7 +66,8 @@ declare const _default: import("vue").DefineComponent<{
         en: string;
         es: string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "submitSearch")[], "update:Value" | "submitSearch", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    highlightSearchInput: (suggestion: string) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "submitSearch" | "selectSuggestion")[], "update:Value" | "submitSearch" | "selectSuggestion", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     placeHolderValue: {
         type: StringConstructor;
         default: string;
@@ -101,15 +106,21 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    highlightInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onSubmitSearch?: ((...args: any[]) => any) | undefined;
+    onSelectSuggestion?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
     placeHolderValue: string;
     suggestions: Suggestion[];
     fuzzyThreshold: number;
     loadingSuggs: boolean;
+    highlightInput: boolean;
     defaultValue: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argSliderTabs.vue

@@ -1,24 +1,17 @@
 <template>
   <div class="oip_row">
-    <div 
-      v-if="tabs[0] !== undefined"    
-      ref="el" 
-      class="wrapper" 
-    >
+    <div v-if="tabs[0] !== undefined" ref="el" class="wrapper">
       <div class="toggle_radio">
-        <div 
-          v-for="(tab, index) in tabs" 
-          :key="index"
-        >
+        <div v-for="(tab, index) in tabs" :key="index">
           <input
-            :id="tabs[0].label + index"
+            :id="sliderId + tabs[0].label + index"
             :key="index"
             type="radio"
             class="toggle_option"
             name="toggle_option"
             :checked="index === activeTab"
             @click="updateButton(index)"
-          >
+          />
           <label
             :key="index"
             :for="tabs[0].label + index"
@@ -32,20 +25,10 @@
                   : 'oip_row v-center gap-2 labels_container'
               "
             >
-              <div
-                v-if="tab.icon" 
-                class="icon_div"
-              >
-                <ArgIcon 
-                  :name="tab.icon"
-                  thickness="15" 
-                  size="16px" 
-                />
+              <div v-if="tab.icon" class="icon_div">
+                <ArgIcon :name="tab.icon" thickness="15" size="16px" />
               </div>
-              <div 
-                v-else
-                class="icon_replacement-div" 
-              />
+              <div v-else class="icon_replacement-div" />
               <p class="button_label">{{ tab.label }}</p>
             </div>
           </label>
@@ -84,6 +67,10 @@ export default defineComponent({
     switchTab: {
       type: Function,
       required: true
+    },
+    sliderId: {
+      type: String,
+      default: "slider"
     }
   },
   setup(props) {

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

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         required: true;
     };
+    sliderId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     updateButton: (value: number) => void;
     el: import("vue").Ref<any>;
@@ -46,8 +50,13 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         required: true;
     };
+    sliderId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     tabs: Tabs;
     activeTab: number;
+    sliderId: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argStyle.vue

@@ -23,5 +23,5 @@ const drawSquircle=(ctx,geom,radii,smooth,lineWidth,color)=>{const defaultFill=c
 });
 </script>
 <style>
-@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--white:#fff;--darkest:#1e293b;--dark:#525670;--medium:#878ca6;--light:#dbdef0;--primary:#2176ff;--primary-hover:#174bd2;--primary-light:#d3e4ff;--accent:#2176ff;--accent-hover:#0f44be;--system-alert:#ef4444;--system-alert-hover:#d21616;--warning:#fd9147;--system-success:#22c55e;--system-success-hover:#138e40;--red:#fc4229;--orange:#fda929;--yellow:#fed33e;--lime:#98d92d;--green:#45ca47;--cyan:#3ad9d8;--blue:#1dacfc;--navy:#4475fb;--purple:#a17def;--pink:#f55a8d;--lightest:#f5f5f9;--demi-fond:#f9f9fa;--small-shadow:0px 1px 2px 0px rgba(30,41,59,.1);--medium-shadow:0px 2px 4px 0px rgba(30,41,59,.1);--large-shadow:0px 6px 8px 0px rgba(30,41,59,.1);--overlay-shadow:0px 0px 40px rgba(94,92,154,.12);--button-big-shadow:3px 5px 10px rgba(62,63,94,.2);--primary-button-shadow:0px 2px 5px 0px rgba(20,88,201,.17);--secondary-button-shadow:0px 2px 5px 0px rgba(0,0,0,.17);--warning-button-shadow:0px 2px 5px 0px rgba(0,0,0,.17);--system-success-button-shadow:0px 2px 5px 0px rgba(0,255,34,.17);--purple-button-shadow:0px 2px 5px 0px rgba(147,33,253,.17);--rcd-purple:#6f35ef}body,input{font-family:Figtree,sans-serif!important}body{background:var(--lightest);color:var(--darkest);margin:0;text-wrap:pretty}a{color:unset;font-family:Figtree,sans-serif!important;text-decoration:none}hr{background:var(--light)!important;border:none;box-shadow:none;height:1px;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}button,h1,h2,h3,h4,h5,h6,p{font-family:Figtree,sans-serif!important}.oip_container{margin:0 auto;max-width:1080px;padding-right:58px}.main_container{display:flex;justify-content:center}.arg_page_layout{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:32px}.arg_page_full{width:100%}.arg_page_flex_full{flex-basis:100%}.arg_page_content,.arg_page_display{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:32px}.arg_page_content{padding:0 24px}.arg_scope_page_content{align-items:flex-start;display:flex;flex-direction:column;gap:32px;width:100%}.oip_filter_display,.oip_title_display{display:flex;flex-direction:column;gap:4px}.oip_kpi_big{font-size:36px;font-weight:700;line-height:42px}.oip_kpi_big,.oip_section_title{color:var(--darkest);font-style:normal}.oip_section_title{font-size:26px;font-weight:900;line-height:30px}.oip_title{font-size:24px;line-height:28px}.oip_kpi_small,.oip_title{color:var(--darkest);font-style:normal;font-weight:700}.oip_kpi_small{font-size:22px;line-height:26px}.oip_heading{font-size:20px;font-weight:900;line-height:23px}.oip_heading,.oip_subtitle{color:var(--darkest);font-style:normal}.oip_subtitle{font-size:16px;font-weight:700;line-height:19px}.oip_body_highlight{color:var(--primary);font-weight:500}.oip_body,.oip_body_highlight{font-size:14px;font-style:normal;line-height:160%}.oip_body{color:var(--darkest);font-weight:400}.oip_label{font-style:normal;font-weight:700}.oip_filter_label,.oip_label{color:var(--dark);font-size:12px;line-height:14px}.oip_filter_label{font-weight:400}.oip_title_label{color:var(--medium);line-height:normal}.oip_caption,.oip_title_label{font-size:12px;font-style:normal;font-weight:500}.oip_caption{color:var(--dark);line-height:14px}.oip_underline{font-size:12px;font-weight:400;line-height:14px}.oip_filters_title,.oip_underline{color:var(--darkest);font-style:normal}.oip_filters_title{font-size:20px;font-weight:900;line-height:normal}.oip_success{color:var(--system-success)!important}.oip_alert{color:var(--system-alert)!important}.oip_warning{color:var(--warning)!important}.oip_grid{display:flex;flex-wrap:wrap}.oip_grid.xs-step{gap:4px}.oip_grid.s-step{gap:8px}.oip_grid.m-step{gap:16px}.oip_grid.l-step{gap:36px}.oip_grid.xl-step{gap:72px}.oip_grid .oip_item{flex-grow:1}.oip_row{display:flex;flex-direction:row}.arg_list,.oip_list{display:flex;flex-direction:column}.arg_list.wrap,.oip_list.wrap,.oip_row.wrap{flex-wrap:wrap}.arg_list.centered,.oip_list.centered,.oip_row.centered{justify-content:center}.arg_list.start,.oip_list.start,.oip_row.start{justify-content:flex-start}.arg_list.end,.oip_list.end,.oip_row.end{justify-content:flex-end}.arg_list.space-between,.oip_list.space-between,.oip_row.space-between{justify-content:space-between}.arg_list.start,.oip_list.start,.oip_row.v-start{align-items:flex-start}.arg_list.v-center,.oip_list.v-center,.oip_row.v-center{align-items:center}.arg_list.v-bottom,.oip_list.v-bottom,.oip_row.v-bottom{align-items:flex-end}.arg_list.gap-4,.oip_list.gap-4,.oip_row.gap-4{gap:4px}.arg_list.gap-6,.oip_list.gap-6,.oip_row.gap-6{gap:6px}.arg_list.gap-8,.oip_list.gap-8,.oip_row.gap-8{gap:8px}.arg_list.gap-10,.oip_list.gap-10,.oip_row.gap-10{gap:10px}.arg_list.gap-12,.oip_list.gap-12,.oip_row.gap-12{gap:12px}.arg_list.gap-16,.oip_list.gap-16,.oip_row.gap-16{gap:16px}.arg_list.gap-24,.oip_list.gap-24,.oip_row.gap-24{gap:24px}.arg_list.gap-32,.arg_list.gap-48,.oip_list.gap-32,.oip_list.gap-48,.oip_row.gap-32,.oip_row.gap-48{gap:32px}.oip_btn{align-items:center;border-radius:8px!important;cursor:pointer!important;display:flex;font-size:14px!important;font-style:normal!important;font-weight:400!important;gap:10px;justify-content:center;line-height:16px!important;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);outline:none!important;padding:0 16px!important;position:relative;text-align:center;white-space:nowrap;width:-moz-fit-content;width:fit-content;--squircle-radius:4px;--squircle-smooth:1;align-self:stretch;min-height:100%}.oip_primary-fill_button{--squircle-radius:8px!important;--squircle-smooth:0.6!important}.oip_primary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--primary-button-shadow)}.oip_secondary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--secondary-button-shadow)!important}.oip_warning-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--warning-button-shadow)!important}.oip_success-fill_shadow{border-radius:8px;box-shadow:var(--system-success-button-shadow)!important}.oip_purple-fill_shadow{border-radius:8px;box-shadow:var(--purple-button-shadow)!important}.oip_primary-fill_shadow:hover,.oip_secondary-fill_shadow:hover,.oip_success-fill_shadow:hover,.oip_warning-fill_shadow:hover{box-shadow:none!important}.oip_btn_s{display:flex;min-height:32px}.oip_btn_m{display:flex;min-height:40px}.oip_full_btn{align-self:stretch!important;flex:1 1 0}.oip_round_btn{border-radius:16px!important}.oip_primary-fill_button{background:linear-gradient(180deg,#2176ff,#2174fd 100%,#213bfd 0);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 -2px .3px 0 rgba(14,56,125,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_primary-fill_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_button:focus,.oip_primary-fill_button:hover{background:linear-gradient(180deg,#174bd2,#1b5ac2);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)!important}.oip_primary-fill_button.is-disabled,.oip_primary-fill_button.is-disabled:focus,.oip_primary-fill_button.is-disabled:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important}.oip_primary-fill_icon_button{background:linear-gradient(180deg,#2176ff,#2174fd 100%,#213bfd 0);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 -2px .3px 0 rgba(14,56,125,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_primary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_icon_button:focus,.oip_primary-fill_icon_button:hover{background:linear-gradient(180deg,#174bd2,#1b5ac2);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)!important}.oip_secondary-fill_button{background:linear-gradient(180deg,#1e293b,#181f2c 100%,#0a0e14 0);border:1px solid #1e293b;box-shadow:0 2px 5px 0 rgba(0,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_secondary-fill_button:focus,.oip_secondary-fill_button:hover,.oip_secondary-fill_icon_button:focus,.oip_secondary-fill_icon_button:hover{background:linear-gradient(180deg,#040508,#070709);border:1px solid #21223d!important;box-shadow:0 2px 5px 0 rgba(36,40,46,.17),inset 0 2px .3px 0 rgba(34,34,35,.22)}.oip_secondary-fill_button .oip_button_spinner div,.oip_secondary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_secondary-fill_icon_button{background:linear-gradient(180deg,#1e293b,#181f2c 100%,#0a0e14 0);border:1px solid #1e293b;box-shadow:0 2px 5px 0 rgba(0,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_disable_button,.oip_disable_button:focus,.oip_disable_button:hover,.oip_disable_icon_button,.oip_disable_icon_button:focus,.oip_disable_icon_button:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important;cursor:not-allowed!important}.el-button+.el-button{margin-left:0!important}.oip_secondary-stroke_button{background:transparent!important;border:1px solid #1e293b!important;box-shadow:none!important;color:var(--darkest)!important}.oip_secondary-stroke_button:focus,.oip_secondary-stroke_button:hover,.oip_secondary-stroke_icon_button:focus,.oip_secondary-stroke_icon_button:hover{background:rgba(62,63,94,.05)!important;border:1px solid #000!important;color:#21223d!important}.oip_secondary-stroke_button:focus .oip__button_prefix_icon,.oip_secondary-stroke_button:focus .oip__button_suffix_icon,.oip_secondary-stroke_button:hover .oip__button_prefix_icon,.oip_secondary-stroke_button:hover .oip__button_suffix_icon{stroke:var(--darkest)!important;color:var(--darkest)!important}.oip_secondary-stroke_button .oip_button_spinner div,.oip_secondary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--darkest);border-color:var(--darkest) transparent transparent transparent}.oip_secondary-stroke_icon_button{background:transparent!important;border:1px solid #1e293b!important;box-shadow:none!important;color:var(--darkest)!important;padding:0 6px!important}.oip_secondary-stroke_icon_button:focus svg,.oip_secondary-stroke_icon_button:hover svg,.oip_secondary-stroke_icon_buttonn:focus svg{stroke:#21223d!important;color:#21223d!important}.oip_primary-stroke_button{background:transparent!important;border:1px solid var(--primary)!important;box-shadow:none!important;color:var(--primary)!important}.oip_primary-stroke_button:focus,.oip_primary-stroke_button:hover,.oip_primary-stroke_icon_button:focus,.oip_primary-stroke_icon_button:hover{border:1px solid var(--primary-hover)!important;color:var(--primary-hover)!important}.oip_primary-stroke_button .oip_button_spinner div,.oip_primary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--primary);border-color:var(--primary) transparent transparent transparent}.oip_primary-stroke_icon_button{background:transparent!important;border:2px solid rgba(33,118,255,.2)!important;box-shadow:none!important;color:var(--primary)!important;padding:0 6px!important}.oip_warning-stroke_button{background:transparent!important;border:1px solid var(--system-alert);box-shadow:none!important;color:var(--system-alert)!important}.oip_warning-stroke_button:focus,.oip_warning-stroke_button:hover,.oip_warning-stroke_icon_button:focus,.oip_warning-stroke_icon_button:hover{border:1px solid var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_button .oip_button_spinner div,.oip_warning-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-alert);border-color:var(--system-alert) transparent transparent transparent}.oip_warning-stroke_button:hover .oip_button_spinner div,.oip_warning-stroke_icon_button:hover .oip_button_spinner div{border:1px solid var(--system-alert-hover);border-color:var(--system-alert-hover) transparent transparent transparent}.oip_warning-stroke_button:focus .oip__button_prefix_icon,.oip_warning-stroke_button:focus .oip__button_suffix_icon,.oip_warning-stroke_button:hover .oip__button_prefix_icon,.oip_warning-stroke_button:hover .oip__button_suffix_icon{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button{background:transparent!important;border:1px solid var(--system-alert)!important;box-shadow:none!important;color:var(--system-alert)!important;padding:0 6px!important}.oip_warning-stroke_icon_button:hover{border:2px solid var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button:hover svg{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-fill_button{background:linear-gradient(180deg,#ef4444,#ec3535 100%,#ee2626 0);border:1px solid #ef4444;box-shadow:0 2px 5px 0 rgba(255,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_warning-fill_button:focus,.oip_warning-fill_button:hover,.oip_warning-fill_icon_button:focus,.oip_warning-fill_icon_button:hover{background:linear-gradient(180deg,#d21616,#d12b2b);border:1px solid var(--system-alert-hover)!important;box-shadow:0 2px 5px 0 rgba(166,14,14,.17),inset 0 2px .3px 0 rgba(120,9,9,.22)}.oip_warning-fill_button .oip_button_spinner div,.oip_warning-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_warning-fill_icon_button{background:linear-gradient(180deg,#ef4444,#ec3535 100%,#ee2626 0);border:1px solid #ef4444;box-shadow:0 2px 5px 0 rgba(255,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_success-fill_button{background:linear-gradient(180deg,#45ca47,#32c834 100%,#1acb1d 0);border:1px solid #45ca47;box-shadow:0 2px 5px 0 rgba(0,255,34,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_success-fill_button:focus,.oip_success-fill_button:hover,.oip_success-fill_icon_button:focus,.oip_success-fill_icon_button:hover{background:linear-gradient(180deg,#069a3d,#179947);border:1px solid #069a3d!important;box-shadow:0 2px 5px 0 rgba(14,166,14,.17),inset 0 2px .3px 0 rgba(9,120,16,.22)}.oip_success-fill_button .oip_button_spinner div,.oip_success-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_success-fill_icon_button{background:linear-gradient(180deg,#45ca47,#32c834 100%,#1acb1d 0);border:1px solid #45ca47;box-shadow:0 2px 5px 0 rgba(0,255,34,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_success-stroke_button{background:transparent!important;border:1px solid var(--green)!important;color:var(--system-success)!important}.oip_success-stroke_button:focus,.oip_success-stroke_button:hover,.oip_success-stroke_icon_button:focus,.oip_success-stroke_icon_button:hover{border:1px solid #069a3d!important;color:#069a3d!important}.oip_success-stroke_button .oip_button_spinner div,.oip_success-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-success);border-color:var(--system-success) transparent transparent transparent}.oip_success-stroke_icon_button{border:2px solid rgba(34,197,94,.2)!important;color:var(--system-success)!important;padding:0 6px!important}.oip_purple-stroke_button{background:transparent!important;border:1px solid #a855f7;box-shadow:none!important;color:#a855f7!important}.oip_purple-stroke_button:focus,.oip_purple-stroke_button:hover,.oip_purple-stroke_icon_button:focus,.oip_purple-stroke_icon_button:hover{border:1px solid #780fda!important;color:#780fda!important}.oip_purple-stroke_button .oip_button_spinner div,.oip_purple-stroke_icon_button .oip_button_spinner div{border:2px solid transparent;border-top-color:#a855f7}.oip_purple-stroke_button:hover .oip_button_spinner div,.oip_purple-stroke_icon_button:hover .oip_button_spinner div{border:1px solid transparent;border-top-color:#780fda}.oip_purple-stroke_button:focus .oip__button_prefix_icon,.oip_purple-stroke_button:focus .oip__button_suffix_icon,.oip_purple-stroke_button:hover .oip__button_prefix_icon,.oip_purple-stroke_button:hover .oip__button_suffix_icon{stroke:#780fda!important;color:#780fda!important}.oip_purple-stroke_icon_button{background:transparent!important;border:1px solid #a855f7;box-shadow:none!important;color:#a855f7!important;padding:0 6px!important}.oip_purple-stroke_icon_button:hover{border:1px solid #780fda!important;color:#780fda!important}.oip_purple-stroke_icon_button:hover svg{stroke:#780fda!important;color:#780fda!important}.oip_purple-fill_button{background:linear-gradient(180deg,#a854f7,#9321fd 99.99%,#a854f7);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(147,33,253,.17),inset 0 -2px .3px 0 rgba(100,18,175,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_purple-fill_button:focus,.oip_purple-fill_button:hover,.oip_purple-fill_icon_button:focus,.oip_purple-fill_icon_button:hover{background:linear-gradient(180deg,#780fda,#6506d2);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(120,15,218,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)}.oip_purple-fill_button .oip_button_spinner div,.oip_purple-fill_button:hover .oip_button_spinner div,.oip_purple-fill_icon_button .oip_button_spinner div,.oip_purple-fill_icon_button:hover .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_purple-fill_button:focus .oip__button_prefix_icon,.oip_purple-fill_button:focus .oip__button_suffix_icon,.oip_purple-fill_button:hover .oip__button_prefix_icon,.oip_purple-fill_button:hover .oip__button_suffix_icon{stroke:var(--white)!important;color:var(--white)!important}.oip_purple-fill_icon_button{background:linear-gradient(180deg,#a854f7,#9321fd 99.99%,#a854f7);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(147,33,253,.17),inset 0 -2px .3px 0 rgba(100,18,175,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_purple-fill_icon_button:hover{background:linear-gradient(180deg,#780fda,#6506d2);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(120,15,218,.17),inset 0 2px .3px 0 rgba(8,45,105,.22)!important}.oip_purple-fill_icon_button:hover svg{stroke:var(--white)!important;color:var(--white)!important}.oip_button_flex{flex-direction:row;gap:10px;text-wrap:pretty}.oip_button_flex,.oip_button_loading{align-items:center;display:flex;justify-content:center}.oip_button_loading{left:0;position:absolute;right:0}.oip_button_spinner{display:inline-block;height:20px;position:relative;width:20px}.oip_button_spinner div{animation:oip-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:20px;position:absolute;width:20px}.oip_button_spinner div:first-child{animation-delay:-.45s}.oip_button_spinner div:nth-child(2){animation-delay:-.3s}.oip_button_spinner div:nth-child(3){animation-delay:-.15s}@keyframes oip-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oip_button_is_loading{visibility:hidden}.oip_tag{align-items:center;border-radius:4px;color:var(--dark);display:inline-flex;font-family:Figtree,sans-serif;font-size:12px;font-style:normal;font-weight:500;gap:8px;line-height:normal;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:4px 8px;width:-moz-fit-content;width:fit-content;--squircle-radius:4px;--squircle-smooth:1}.oip_tag.is_transparent{background:transparent;border:1px solid var(--light)!important}.oip_tag.is_rose{background:rgba(244,63,94,.1)!important;color:#9f1239}.oip_tag.is_pink{background:rgba(236,72,153,.1)!important;color:#9d174d}.oip_tag.is_fushia{background:rgba(217,70,239,.1)!important;color:#86198f}.oip_tag.is_purple{background:rgba(168,85,247,.1)!important;color:#6b21a8}.oip_tag.is_violet{background:rgba(139,92,246,.1)!important;color:#5b21b6}.oip_tag.is_indigo{background:rgba(99,102,241,.1)!important;color:#3730a3}.oip_tag.is_blue{background:rgba(59,130,246,.1)!important;color:#1e40af}.oip_tag.is_sky{background:rgba(14,165,233,.1)!important;color:#075985}.oip_tag.is_cyan{background:rgba(6,182,212,.1)!important;color:#155e75}.oip_tag.is_teal{background:rgba(20,184,166,.1)!important;color:#115e59}.oip_tag.is_emerald{background:rgba(16,185,129,.1)!important;color:#065f46}.oip_tag.is_green{background:rgba(34,197,94,.1)!important;color:#166534}.oip_tag.is_lime{background:rgba(132,204,22,.1)!important;color:#3f6212}.oip_tag.is_yellow{background:rgba(234,179,8,.1)!important;color:#854d0e}.oip_tag.is_amber{background:rgba(245,158,11,.1)!important;color:#92400e}.oip_tag.is_orange{background:rgba(249,115,22,.1)!important;color:#9a3412}.oip_pill{align-items:center;border-radius:20px;cursor:pointer;display:inline-flex;font-family:Figtree,sans-serif;font-size:12px;font-style:normal;font-weight:600;gap:8px;line-height:normal;padding:4px 8px;width:-moz-fit-content;width:fit-content}.oip_pill.is_gray{background:var(--lightest);border:1px solid var(--light);color:var(--darkest)}.oip_pill.is_gray.active,.oip_pill.is_gray:hover{border:1px solid var(--primary)!important}.oip_pill.is_gray.active{background:rgba(33,118,255,.1)!important}.oip_pill.is_rose{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.3);color:#9f1239}.oip_pill.is_rose.active,.oip_pill.is_rose:hover{border:1px solid #f43f5e!important}.oip_pill.is_pink{background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.3);color:#9d174d}.oip_pill.is_pink.active,.oip_pill.is_pink:hover{border:1px solid #ec4899!important}.oip_pill.is_fushia{background:rgba(217,70,239,.1);border:1px solid rgba(217,70,239,.3);color:#86198f}.oip_pill.is_fushia.active,.oip_pill.is_fushia:hover{border:1px solid #d946ef!important}.oip_pill.is_purple{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:#6b21a8}.oip_pill.is_purple.active,.oip_pill.is_purple:hover{border:1px solid #a855f7!important}.oip_pill.is_violet{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);color:#5b21b6}.oip_pill.is_violet.active,.oip_pill.is_violet:hover{border:1px solid #8b5cf6!important}.oip_pill.is_indigo{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);color:#3730a3}.oip_pill.is_indigo.active,.oip_pill.is_indigo:hover{border:1px solid #6366f1!important}.oip_pill.is_blue{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#1e40af}.oip_pill.is_blue.active,.oip_pill.is_blue:hover{border:1px solid #3b82f6!important}.oip_pill.is_sky{background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.3);color:#075985}.oip_pill.is_sky.active,.oip_pill.is_sky:hover{border:1px solid #0ea5e9!important}.oip_pill.is_cyan{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);color:#155e75}.oip_pill.is_cyan.active,.oip_pill.is_cyan:hover{border:1px solid #06b6d4!important}.oip_pill.is_teal{background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.3);color:#115e59}.oip_pill.is_teal.active,.oip_pill.is_teal:hover{border:1px solid #14b8a6!important}.oip_pill.is_emerald{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#065f46}.oip_pill.is_emerald.active,.oip_pill.is_emerald:hover{border:1px solid #10b981!important}.oip_pill.is_green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#166534}.oip_pill.is_green.active,.oip_pill.is_green:hover{border:1px solid #22c55e!important}.oip_pill.is_lime{background:rgba(132,204,22,.1);border:1px solid rgba(132,204,22,.3);color:#3f6212}.oip_pill.is_lime.active,.oip_pill.is_lime:hover{border:1px solid #84cc16!important}.oip_pill.is_yellow{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.3);color:#854d0e}.oip_pill.is_yellow.active,.oip_pill.is_yellow:hover{border:1px solid #eab308!important}.oip_pill.is_amber{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#92400e}.oip_pill.is_amber.active,.oip_pill.is_amber:hover{border:1px solid #f59e0b!important}.oip_pill.is_orange{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);color:#9a3412}.oip_pill.is_orange.active,.oip_pill.is_orange:hover{border:1px solid #f97316!important}.oip_tag.is_gray{background:rgba(143,145,172,.1)!important;color:var(--darkest)!important}.oip_tag.is_gray svg{stroke:var(--dark);color:var(--dark)}.oip_card{background:var(--white);border:1px solid var(--light);border-radius:12px;box-shadow:var(--small-shadow);padding:24px}.oip_card.action:hover,.oip_table_card.action:hover{border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important}.oip_table_card{background:var(--white);border:1px solid var(--light);border-radius:12px;box-shadow:var(--small-shadow);padding:24px 0 0}.oip_half_card{flex:1 1 50%}.oip_third_card{flex:1 1 33%}.oip_table_card .oip_card__header{padding:0 24px}.oip_card .oip_card__header{display:flex}.oip_card .oip_card__header .oip_card__header_info{flex-grow:1}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title{align-items:baseline;display:flex}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1{flex-grow:0}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1 span{color:var(--accent)}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub{align-items:center;color:var(--dark)!important;display:flex;flex-wrap:wrap;margin-top:4px}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub h3,.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub p{color:var(--dark)!important}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub .oip_card__header_sub_divider{color:var(--dark)!important;margin:0 4px}.oip_card .oip_card__header .oip_card__header_buttons{display:flex;column-li:8px}@media screen and (max-width:1000px){.oip_card .oip_card__header .oip_card__header_buttons .oip_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_see_details_button{display:none}}@media screen and (min-width:1001px){.oip_card .oip_card__header .oip_card__header_buttons .oip_small_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_small_see_details_button{display:none}}.oip_card .oip_card__description{margin-top:32px}.oip_card .oip_card__kpi_container{display:flex;flex-wrap:wrap;gap:32px;margin-top:32px}.oip_card .oip_card__kpi_container .oip_card__kpi_caption{align-items:center;display:flex}.oip_card .oip_card__kpi_container .oip_card__kpi_caption svg{vertical-align:initial!important}.oip_card .oip_card__kpi_container .oip_card__kpi_caption .oip_card__kpi_caption_icon:first-child,.oip_card .oip_card__kpi_container .oip_card__kpi_caption h3{margin-right:4px}.oip_card__kpi .oip_underline{color:var(--dark)!important}.oip_card__kpi .oip_label{color:var(--darkest)!important}.oip_card .oip_card__kpi_container .oip_card__kpi_stats{display:flex;margin-top:16px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator{border-radius:50%;box-sizing:content-box;height:24px;margin-right:8px;padding:4px;text-align:center;width:24px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_up{background:rgba(50,209,117,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_down{background:rgba(251,70,84,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_up{color:var(--system-success)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_down{color:var(--system-alert)}.oip_card .oip_card__kpi_divider{background:var(--light);width:1px}.oip_card__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.arg_tuto_content{gap:24px;height:100%}.arg_tuto_content,.oip_select_display{align-items:flex-start;display:flex;flex-direction:column}.oip_select_display{gap:4px}.arg_page{height:100%;width:100%}.arg_home_page{gap:40px}.arg_home_page,.toolbar_tab_container{align-items:flex-start;display:flex;flex-direction:column}.toolbar_tab_container{gap:24px}.toolbar_sources_display{gap:var(--s,8px)}.source_descr_display,.toolbar_sources_display{align-items:flex-start;display:flex;flex-direction:column}.source_descr_display{gap:16px}.vue-apexcharts.stepline>div>svg>foreignObject>.apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series{align-items:center;border:var(--None,1px) solid var(--Main-Light,#dbdef0);border-radius:7px;display:flex;gap:8px;padding:2px 8px}.vue-apexcharts.stepline>div>svg>foreignObject>.apexcharts-legend.apx-legend-position-bottom{bottom:-8px!important}.oip_column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1}.oip_column.narrow{flex:none;width:unset}.oip_column.is-1{flex:none;width:8.33333%}.oip_column.is-2{flex:none;width:16.66667%}.oip_column.is-3{flex:none;width:25%}.oip_column.is-4{flex:none;width:33.33333%}.oip_column.is-5{flex:none;width:41.66667%}.oip_column.is-6{flex:none;width:50%}.oip_column.is-7{flex:none;width:58.33333%}.oip_column.is-8{flex:none;width:66.66667%}.oip_column.is-9{flex:none;width:75%}.oip_column.is-10{flex:none;width:83.33333%}.oip_column.is-11{flex:none;width:91.66667%}.oip_column.is-12{flex:none;width:100%}mark{background:#ffaeff}
+@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--white:#fff;--darkest:#1e293b;--dark:#525670;--medium:#878ca6;--light:#dbdef0;--primary:#2176ff;--primary-hover:#174bd2;--primary-light:#d3e4ff;--accent:#2176ff;--accent-hover:#0f44be;--system-alert:#ef4444;--system-alert-hover:#d21616;--warning:#fd9147;--system-success:#22c55e;--system-success-hover:#138e40;--red:#fc4229;--orange:#fda929;--yellow:#fed33e;--lime:#98d92d;--green:#45ca47;--cyan:#3ad9d8;--blue:#1dacfc;--navy:#4475fb;--purple:#a17def;--pink:#f55a8d;--lightest:#f5f5f9;--demi-fond:#f9f9fa;--small-shadow:0px 1px 2px 0px rgba(30,41,59,.1);--medium-shadow:0px 2px 4px 0px rgba(30,41,59,.1);--large-shadow:0px 6px 8px 0px rgba(30,41,59,.1);--overlay-shadow:0px 0px 40px rgba(94,92,154,.12);--button-big-shadow:3px 5px 10px rgba(62,63,94,.2);--primary-button-shadow:0px 2px 5px 0px rgba(20,88,201,.17);--secondary-button-shadow:0px 2px 5px 0px rgba(0,0,0,.17);--warning-button-shadow:0px 2px 5px 0px rgba(0,0,0,.17);--system-success-button-shadow:0px 2px 5px 0px rgba(0,255,34,.17);--purple-button-shadow:0px 2px 5px 0px rgba(147,33,253,.17);--rcd-purple:#6f35ef}body,input{font-family:Figtree,sans-serif!important}body{background:var(--lightest);color:var(--darkest);margin:0;text-wrap:pretty}a{color:unset;font-family:Figtree,sans-serif!important;text-decoration:none}hr{background:var(--light)!important;border:none;box-shadow:none;height:1px;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}button,h1,h2,h3,h4,h5,h6,p{font-family:Figtree,sans-serif!important}.oip_container{margin:0 auto;max-width:1080px;padding-right:58px}.main_container{display:flex;justify-content:center}.arg_page_layout{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:32px}.arg_page_full{width:100%}.arg_page_flex_full{flex-basis:100%}.arg_page_content,.arg_page_display{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:32px}.arg_page_content{padding:0 24px}.arg_scope_page_content{align-items:flex-start;display:flex;flex-direction:column;gap:32px;width:100%}.oip_filter_display,.oip_title_display{display:flex;flex-direction:column;gap:4px}.oip_kpi_big{font-size:36px;font-weight:700;line-height:42px}.oip_kpi_big,.oip_section_title{color:var(--darkest);font-style:normal}.oip_section_title{font-size:26px;font-weight:900;line-height:30px}.oip_title{font-size:24px;line-height:28px}.oip_kpi_small,.oip_title{color:var(--darkest);font-style:normal;font-weight:700}.oip_kpi_small{font-size:22px;line-height:26px}.oip_heading{font-size:20px;font-weight:900;line-height:23px}.oip_heading,.oip_subtitle{color:var(--darkest);font-style:normal}.oip_subtitle{font-size:16px;font-weight:700;line-height:19px}.oip_body_highlight{color:var(--primary);font-weight:500}.oip_body,.oip_body_highlight{font-size:14px;font-style:normal;line-height:160%}.oip_body{color:var(--darkest);font-weight:400}.oip_label{font-style:normal;font-weight:700}.oip_filter_label,.oip_label{color:var(--dark);font-size:12px;line-height:14px}.oip_filter_label{font-weight:400}.oip_title_label{color:var(--medium);line-height:normal}.oip_caption,.oip_title_label{font-size:12px;font-style:normal;font-weight:500}.oip_caption{color:var(--dark);line-height:14px}.oip_underline{font-size:12px;font-weight:400;line-height:14px}.oip_filters_title,.oip_underline{color:var(--darkest);font-style:normal}.oip_filters_title{font-size:20px;font-weight:900;line-height:normal}.oip_success{color:var(--system-success)!important}.oip_alert{color:var(--system-alert)!important}.oip_warning{color:var(--warning)!important}.oip_grid{display:flex;flex-wrap:wrap}.oip_grid.xs-step{gap:4px}.oip_grid.s-step{gap:8px}.oip_grid.m-step{gap:16px}.oip_grid.l-step{gap:36px}.oip_grid.xl-step{gap:72px}.oip_grid .oip_item{flex-grow:1}.oip_row{display:flex;flex-direction:row}.arg_list,.oip_list{display:flex;flex-direction:column}.arg_list.wrap,.oip_list.wrap,.oip_row.wrap{flex-wrap:wrap}.arg_list.centered,.oip_list.centered,.oip_row.centered{justify-content:center}.arg_list.start,.oip_list.start,.oip_row.start{justify-content:flex-start}.arg_list.end,.oip_list.end,.oip_row.end{justify-content:flex-end}.arg_list.space-between,.oip_list.space-between,.oip_row.space-between{justify-content:space-between}.arg_list.start,.oip_list.start,.oip_row.v-start{align-items:flex-start}.arg_list.v-center,.oip_list.v-center,.oip_row.v-center{align-items:center}.arg_list.v-bottom,.oip_list.v-bottom,.oip_row.v-bottom{align-items:flex-end}.arg_list.gap-4,.oip_list.gap-4,.oip_row.gap-4{gap:4px}.arg_list.gap-6,.oip_list.gap-6,.oip_row.gap-6{gap:6px}.arg_list.gap-8,.oip_list.gap-8,.oip_row.gap-8{gap:8px}.arg_list.gap-10,.oip_list.gap-10,.oip_row.gap-10{gap:10px}.arg_list.gap-12,.oip_list.gap-12,.oip_row.gap-12{gap:12px}.arg_list.gap-16,.oip_list.gap-16,.oip_row.gap-16{gap:16px}.arg_list.gap-24,.oip_list.gap-24,.oip_row.gap-24{gap:24px}.arg_list.gap-32,.arg_list.gap-48,.oip_list.gap-32,.oip_list.gap-48,.oip_row.gap-32,.oip_row.gap-48{gap:32px}.oip_btn{align-items:center;border-radius:8px!important;cursor:pointer!important;display:flex;font-size:14px!important;font-style:normal!important;font-weight:400!important;gap:10px;justify-content:center;line-height:16px!important;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);outline:none!important;padding:0 16px!important;position:relative;text-align:center;white-space:nowrap;width:-moz-fit-content;width:fit-content;--squircle-radius:4px;--squircle-smooth:1;align-self:stretch;min-height:100%}.oip_primary-fill_button{--squircle-radius:8px!important;--squircle-smooth:0.6!important}.oip_primary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--primary-button-shadow)}.oip_secondary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--secondary-button-shadow)!important}.oip_warning-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--warning-button-shadow)!important}.oip_success-fill_shadow{border-radius:8px;box-shadow:var(--system-success-button-shadow)!important}.oip_purple-fill_shadow{border-radius:8px;box-shadow:var(--purple-button-shadow)!important}.oip_primary-fill_shadow:hover,.oip_secondary-fill_shadow:hover,.oip_success-fill_shadow:hover,.oip_warning-fill_shadow:hover{box-shadow:none!important}.oip_btn_s{display:flex;min-height:32px}.oip_btn_m{display:flex;min-height:40px}.oip_full_btn{align-self:stretch!important;flex:1 1 0}.oip_round_btn{border-radius:16px!important}.oip_primary-fill_button{background:linear-gradient(180deg,#2176ff,#2174fd 100%,#213bfd 0);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 -2px .3px 0 rgba(14,56,125,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_primary-fill_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_button:focus,.oip_primary-fill_button:hover{background:linear-gradient(180deg,#174bd2,#1b5ac2);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)!important}.oip_primary-fill_button.is-disabled,.oip_primary-fill_button.is-disabled:focus,.oip_primary-fill_button.is-disabled:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important}.oip_primary-fill_icon_button{background:linear-gradient(180deg,#2176ff,#2174fd 100%,#213bfd 0);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 -2px .3px 0 rgba(14,56,125,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_primary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_icon_button:focus,.oip_primary-fill_icon_button:hover{background:linear-gradient(180deg,#174bd2,#1b5ac2);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)!important}.oip_secondary-fill_button{background:linear-gradient(180deg,#1e293b,#181f2c 100%,#0a0e14 0);border:1px solid #1e293b;box-shadow:0 2px 5px 0 rgba(0,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_secondary-fill_button:focus,.oip_secondary-fill_button:hover,.oip_secondary-fill_icon_button:focus,.oip_secondary-fill_icon_button:hover{background:linear-gradient(180deg,#040508,#070709);border:1px solid #21223d!important;box-shadow:0 2px 5px 0 rgba(36,40,46,.17),inset 0 2px .3px 0 rgba(34,34,35,.22)}.oip_secondary-fill_button .oip_button_spinner div,.oip_secondary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_secondary-fill_icon_button{background:linear-gradient(180deg,#1e293b,#181f2c 100%,#0a0e14 0);border:1px solid #1e293b;box-shadow:0 2px 5px 0 rgba(0,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_disable_button,.oip_disable_button:focus,.oip_disable_button:hover,.oip_disable_icon_button,.oip_disable_icon_button:focus,.oip_disable_icon_button:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important;cursor:not-allowed!important}.oip_disable_button svg{color:var(--medium)!important}.el-button+.el-button{margin-left:0!important}.oip_secondary-stroke_button{background:transparent!important;border:1px solid #1e293b!important;box-shadow:none!important;color:var(--darkest)!important}.oip_secondary-stroke_button:focus,.oip_secondary-stroke_button:hover,.oip_secondary-stroke_icon_button:focus,.oip_secondary-stroke_icon_button:hover{background:rgba(62,63,94,.05)!important;border:1px solid #000!important;color:#21223d!important}.oip_secondary-stroke_button:focus .oip__button_prefix_icon,.oip_secondary-stroke_button:focus .oip__button_suffix_icon,.oip_secondary-stroke_button:hover .oip__button_prefix_icon,.oip_secondary-stroke_button:hover .oip__button_suffix_icon{stroke:var(--darkest)!important;color:var(--darkest)!important}.oip_secondary-stroke_button .oip_button_spinner div,.oip_secondary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--darkest);border-color:var(--darkest) transparent transparent transparent}.oip_secondary-stroke_icon_button{background:transparent!important;border:1px solid #1e293b!important;box-shadow:none!important;color:var(--darkest)!important;padding:0 6px!important}.oip_secondary-stroke_icon_button:focus svg,.oip_secondary-stroke_icon_button:hover svg,.oip_secondary-stroke_icon_buttonn:focus svg{stroke:#21223d!important;color:#21223d!important}.oip_primary-stroke_button{background:transparent!important;border:1px solid var(--primary)!important;box-shadow:none!important;color:var(--primary)!important}.oip_primary-stroke_button:focus,.oip_primary-stroke_button:hover,.oip_primary-stroke_icon_button:focus,.oip_primary-stroke_icon_button:hover{border:1px solid var(--primary-hover)!important;color:var(--primary-hover)!important}.oip_primary-stroke_button .oip_button_spinner div,.oip_primary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--primary);border-color:var(--primary) transparent transparent transparent}.oip_primary-stroke_icon_button{background:transparent!important;border:2px solid rgba(33,118,255,.2)!important;box-shadow:none!important;color:var(--primary)!important;padding:0 6px!important}.oip_warning-stroke_button{background:transparent!important;border:1px solid var(--system-alert);box-shadow:none!important;color:var(--system-alert)!important}.oip_warning-stroke_button:focus,.oip_warning-stroke_button:hover,.oip_warning-stroke_icon_button:focus,.oip_warning-stroke_icon_button:hover{border:1px solid var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_button .oip_button_spinner div,.oip_warning-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-alert);border-color:var(--system-alert) transparent transparent transparent}.oip_warning-stroke_button:hover .oip_button_spinner div,.oip_warning-stroke_icon_button:hover .oip_button_spinner div{border:1px solid var(--system-alert-hover);border-color:var(--system-alert-hover) transparent transparent transparent}.oip_warning-stroke_button:focus .oip__button_prefix_icon,.oip_warning-stroke_button:focus .oip__button_suffix_icon,.oip_warning-stroke_button:hover .oip__button_prefix_icon,.oip_warning-stroke_button:hover .oip__button_suffix_icon{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button{background:transparent!important;border:1px solid var(--system-alert)!important;box-shadow:none!important;color:var(--system-alert)!important;padding:0 6px!important}.oip_warning-stroke_icon_button:hover{border:2px solid var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button:hover svg{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-fill_button{background:linear-gradient(180deg,#ef4444,#ec3535 100%,#ee2626 0);border:1px solid #ef4444;box-shadow:0 2px 5px 0 rgba(255,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_warning-fill_button:focus,.oip_warning-fill_button:hover,.oip_warning-fill_icon_button:focus,.oip_warning-fill_icon_button:hover{background:linear-gradient(180deg,#d21616,#d12b2b);border:1px solid var(--system-alert-hover)!important;box-shadow:0 2px 5px 0 rgba(166,14,14,.17),inset 0 2px .3px 0 rgba(120,9,9,.22)}.oip_warning-fill_button .oip_button_spinner div,.oip_warning-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_warning-fill_icon_button{background:linear-gradient(180deg,#ef4444,#ec3535 100%,#ee2626 0);border:1px solid #ef4444;box-shadow:0 2px 5px 0 rgba(255,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_success-fill_button{background:linear-gradient(180deg,#45ca47,#32c834 100%,#1acb1d 0);border:1px solid #45ca47;box-shadow:0 2px 5px 0 rgba(0,255,34,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_success-fill_button:focus,.oip_success-fill_button:hover,.oip_success-fill_icon_button:focus,.oip_success-fill_icon_button:hover{background:linear-gradient(180deg,#069a3d,#179947);border:1px solid #069a3d!important;box-shadow:0 2px 5px 0 rgba(14,166,14,.17),inset 0 2px .3px 0 rgba(9,120,16,.22)}.oip_success-fill_button .oip_button_spinner div,.oip_success-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_success-fill_icon_button{background:linear-gradient(180deg,#45ca47,#32c834 100%,#1acb1d 0);border:1px solid #45ca47;box-shadow:0 2px 5px 0 rgba(0,255,34,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_success-stroke_button{background:transparent!important;border:1px solid var(--green)!important;color:var(--system-success)!important}.oip_success-stroke_button:focus,.oip_success-stroke_button:hover,.oip_success-stroke_icon_button:focus,.oip_success-stroke_icon_button:hover{border:1px solid #069a3d!important;color:#069a3d!important}.oip_success-stroke_button .oip_button_spinner div,.oip_success-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-success);border-color:var(--system-success) transparent transparent transparent}.oip_success-stroke_icon_button{border:2px solid rgba(34,197,94,.2)!important;color:var(--system-success)!important;padding:0 6px!important}.oip_purple-stroke_button{background:transparent!important;border:1px solid #a855f7;box-shadow:none!important;color:#a855f7!important}.oip_purple-stroke_button:focus,.oip_purple-stroke_button:hover,.oip_purple-stroke_icon_button:focus,.oip_purple-stroke_icon_button:hover{border:1px solid #780fda!important;color:#780fda!important}.oip_purple-stroke_button .oip_button_spinner div,.oip_purple-stroke_icon_button .oip_button_spinner div{border:2px solid transparent;border-top-color:#a855f7}.oip_purple-stroke_button:hover .oip_button_spinner div,.oip_purple-stroke_icon_button:hover .oip_button_spinner div{border:1px solid transparent;border-top-color:#780fda}.oip_purple-stroke_button:focus .oip__button_prefix_icon,.oip_purple-stroke_button:focus .oip__button_suffix_icon,.oip_purple-stroke_button:hover .oip__button_prefix_icon,.oip_purple-stroke_button:hover .oip__button_suffix_icon{stroke:#780fda!important;color:#780fda!important}.oip_purple-stroke_icon_button{background:transparent!important;border:1px solid #a855f7;box-shadow:none!important;color:#a855f7!important;padding:0 6px!important}.oip_purple-stroke_icon_button:hover{border:1px solid #780fda!important;color:#780fda!important}.oip_purple-stroke_icon_button:hover svg{stroke:#780fda!important;color:#780fda!important}.oip_purple-fill_button{background:linear-gradient(180deg,#a854f7,#9321fd 99.99%,#a854f7);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(147,33,253,.17),inset 0 -2px .3px 0 rgba(100,18,175,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_purple-fill_button:focus,.oip_purple-fill_button:hover,.oip_purple-fill_icon_button:focus,.oip_purple-fill_icon_button:hover{background:linear-gradient(180deg,#780fda,#6506d2);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(120,15,218,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)}.oip_purple-fill_button .oip_button_spinner div,.oip_purple-fill_button:hover .oip_button_spinner div,.oip_purple-fill_icon_button .oip_button_spinner div,.oip_purple-fill_icon_button:hover .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_purple-fill_button:focus .oip__button_prefix_icon,.oip_purple-fill_button:focus .oip__button_suffix_icon,.oip_purple-fill_button:hover .oip__button_prefix_icon,.oip_purple-fill_button:hover .oip__button_suffix_icon{stroke:var(--white)!important;color:var(--white)!important}.oip_purple-fill_icon_button{background:linear-gradient(180deg,#a854f7,#9321fd 99.99%,#a854f7);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(147,33,253,.17),inset 0 -2px .3px 0 rgba(100,18,175,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_purple-fill_icon_button:hover{background:linear-gradient(180deg,#780fda,#6506d2);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(120,15,218,.17),inset 0 2px .3px 0 rgba(8,45,105,.22)!important}.oip_purple-fill_icon_button:hover svg{stroke:var(--white)!important;color:var(--white)!important}.oip_button_flex{flex-direction:row;gap:10px;text-wrap:pretty}.oip_button_flex,.oip_button_loading{align-items:center;display:flex;justify-content:center}.oip_button_loading{left:0;position:absolute;right:0}.oip_button_spinner{display:inline-block;height:20px;position:relative;width:20px}.oip_button_spinner div{animation:oip-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:20px;position:absolute;width:20px}.oip_button_spinner div:first-child{animation-delay:-.45s}.oip_button_spinner div:nth-child(2){animation-delay:-.3s}.oip_button_spinner div:nth-child(3){animation-delay:-.15s}@keyframes oip-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oip_button_is_loading{visibility:hidden}.oip_tag{align-items:center;border-radius:4px;color:var(--dark);display:inline-flex;font-family:Figtree,sans-serif;font-size:12px;font-style:normal;font-weight:500;gap:8px;line-height:normal;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:4px 8px;width:-moz-fit-content;width:fit-content;--squircle-radius:4px;--squircle-smooth:1}.oip_tag.is_transparent{background:transparent;border:1px solid var(--light)!important}.oip_tag.is_rose{background:rgba(244,63,94,.1)!important;color:#9f1239}.oip_tag.is_pink{background:rgba(236,72,153,.1)!important;color:#9d174d}.oip_tag.is_fushia{background:rgba(217,70,239,.1)!important;color:#86198f}.oip_tag.is_purple{background:rgba(168,85,247,.1)!important;color:#6b21a8}.oip_tag.is_violet{background:rgba(139,92,246,.1)!important;color:#5b21b6}.oip_tag.is_indigo{background:rgba(99,102,241,.1)!important;color:#3730a3}.oip_tag.is_blue{background:rgba(59,130,246,.1)!important;color:#1e40af}.oip_tag.is_sky{background:rgba(14,165,233,.1)!important;color:#075985}.oip_tag.is_cyan{background:rgba(6,182,212,.1)!important;color:#155e75}.oip_tag.is_teal{background:rgba(20,184,166,.1)!important;color:#115e59}.oip_tag.is_emerald{background:rgba(16,185,129,.1)!important;color:#065f46}.oip_tag.is_green{background:rgba(34,197,94,.1)!important;color:#166534}.oip_tag.is_lime{background:rgba(132,204,22,.1)!important;color:#3f6212}.oip_tag.is_yellow{background:rgba(234,179,8,.1)!important;color:#854d0e}.oip_tag.is_amber{background:rgba(245,158,11,.1)!important;color:#92400e}.oip_tag.is_orange{background:rgba(249,115,22,.1)!important;color:#9a3412}.oip_pill{align-items:center;border-radius:20px;cursor:pointer;display:inline-flex;font-family:Figtree,sans-serif;font-size:12px;font-style:normal;font-weight:600;gap:8px;line-height:normal;padding:4px 8px;width:-moz-fit-content;width:fit-content}.oip_pill.is_gray{background:var(--lightest);border:1px solid var(--light);color:var(--darkest)}.oip_pill.is_gray.active,.oip_pill.is_gray:hover{border:1px solid var(--primary)!important}.oip_pill.is_gray.active{background:rgba(33,118,255,.1)!important}.oip_pill.is_rose{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.3);color:#9f1239}.oip_pill.is_rose.active,.oip_pill.is_rose:hover{border:1px solid #f43f5e!important}.oip_pill.is_pink{background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.3);color:#9d174d}.oip_pill.is_pink.active,.oip_pill.is_pink:hover{border:1px solid #ec4899!important}.oip_pill.is_fushia{background:rgba(217,70,239,.1);border:1px solid rgba(217,70,239,.3);color:#86198f}.oip_pill.is_fushia.active,.oip_pill.is_fushia:hover{border:1px solid #d946ef!important}.oip_pill.is_purple{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:#6b21a8}.oip_pill.is_purple.active,.oip_pill.is_purple:hover{border:1px solid #a855f7!important}.oip_pill.is_violet{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);color:#5b21b6}.oip_pill.is_violet.active,.oip_pill.is_violet:hover{border:1px solid #8b5cf6!important}.oip_pill.is_indigo{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);color:#3730a3}.oip_pill.is_indigo.active,.oip_pill.is_indigo:hover{border:1px solid #6366f1!important}.oip_pill.is_blue{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#1e40af}.oip_pill.is_blue.active,.oip_pill.is_blue:hover{border:1px solid #3b82f6!important}.oip_pill.is_sky{background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.3);color:#075985}.oip_pill.is_sky.active,.oip_pill.is_sky:hover{border:1px solid #0ea5e9!important}.oip_pill.is_cyan{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);color:#155e75}.oip_pill.is_cyan.active,.oip_pill.is_cyan:hover{border:1px solid #06b6d4!important}.oip_pill.is_teal{background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.3);color:#115e59}.oip_pill.is_teal.active,.oip_pill.is_teal:hover{border:1px solid #14b8a6!important}.oip_pill.is_emerald{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#065f46}.oip_pill.is_emerald.active,.oip_pill.is_emerald:hover{border:1px solid #10b981!important}.oip_pill.is_green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#166534}.oip_pill.is_green.active,.oip_pill.is_green:hover{border:1px solid #22c55e!important}.oip_pill.is_lime{background:rgba(132,204,22,.1);border:1px solid rgba(132,204,22,.3);color:#3f6212}.oip_pill.is_lime.active,.oip_pill.is_lime:hover{border:1px solid #84cc16!important}.oip_pill.is_yellow{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.3);color:#854d0e}.oip_pill.is_yellow.active,.oip_pill.is_yellow:hover{border:1px solid #eab308!important}.oip_pill.is_amber{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#92400e}.oip_pill.is_amber.active,.oip_pill.is_amber:hover{border:1px solid #f59e0b!important}.oip_pill.is_orange{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);color:#9a3412}.oip_pill.is_orange.active,.oip_pill.is_orange:hover{border:1px solid #f97316!important}.oip_tag.is_gray{background:rgba(143,145,172,.1)!important;color:var(--darkest)!important}.oip_tag.is_gray svg{stroke:var(--dark);color:var(--dark)}.oip_card{background:var(--white);border:1px solid var(--light);border-radius:12px;box-shadow:var(--small-shadow);padding:24px}.oip_card.action:hover,.oip_table_card.action:hover{border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important}.oip_table_card{background:var(--white);border:1px solid var(--light);border-radius:12px;box-shadow:var(--small-shadow);padding:24px 0 0}.oip_half_card{flex:1 1 50%}.oip_third_card{flex:1 1 33%}.oip_table_card .oip_card__header{padding:0 24px}.oip_card .oip_card__header{display:flex}.oip_card .oip_card__header .oip_card__header_info{flex-grow:1}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title{align-items:baseline;display:flex}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1{flex-grow:0}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1 span{color:var(--accent)}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub{align-items:center;color:var(--dark)!important;display:flex;flex-wrap:wrap;margin-top:4px}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub h3,.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub p{color:var(--dark)!important}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub .oip_card__header_sub_divider{color:var(--dark)!important;margin:0 4px}.oip_card .oip_card__header .oip_card__header_buttons{display:flex;column-li:8px}@media screen and (max-width:1000px){.oip_card .oip_card__header .oip_card__header_buttons .oip_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_see_details_button{display:none}}@media screen and (min-width:1001px){.oip_card .oip_card__header .oip_card__header_buttons .oip_small_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_small_see_details_button{display:none}}.oip_card .oip_card__description{margin-top:32px}.oip_card .oip_card__kpi_container{display:flex;flex-wrap:wrap;gap:32px;margin-top:32px}.oip_card .oip_card__kpi_container .oip_card__kpi_caption{align-items:center;display:flex}.oip_card .oip_card__kpi_container .oip_card__kpi_caption svg{vertical-align:initial!important}.oip_card .oip_card__kpi_container .oip_card__kpi_caption .oip_card__kpi_caption_icon:first-child,.oip_card .oip_card__kpi_container .oip_card__kpi_caption h3{margin-right:4px}.oip_card__kpi .oip_underline{color:var(--dark)!important}.oip_card__kpi .oip_label{color:var(--darkest)!important}.oip_card .oip_card__kpi_container .oip_card__kpi_stats{display:flex;margin-top:16px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator{border-radius:50%;box-sizing:content-box;height:24px;margin-right:8px;padding:4px;text-align:center;width:24px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_up{background:rgba(50,209,117,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_down{background:rgba(251,70,84,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_up{color:var(--system-success)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_down{color:var(--system-alert)}.oip_card .oip_card__kpi_divider{background:var(--light);width:1px}.oip_card__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.arg_tuto_content{gap:24px;height:100%}.arg_tuto_content,.oip_select_display{align-items:flex-start;display:flex;flex-direction:column}.oip_select_display{gap:4px}.arg_page{height:100%;width:100%}.arg_home_page{gap:40px}.arg_home_page,.toolbar_tab_container{align-items:flex-start;display:flex;flex-direction:column}.toolbar_tab_container{gap:24px}.toolbar_sources_display{gap:var(--s,8px)}.source_descr_display,.toolbar_sources_display{align-items:flex-start;display:flex;flex-direction:column}.source_descr_display{gap:16px}.vue-apexcharts.stepline>div>svg>foreignObject>.apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series{align-items:center;border:var(--None,1px) solid var(--Main-Light,#dbdef0);border-radius:7px;display:flex;gap:8px;padding:2px 8px}.vue-apexcharts.stepline>div>svg>foreignObject>.apexcharts-legend.apx-legend-position-bottom{bottom:-8px!important}.oip_column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1}.oip_column.narrow{flex:none;width:unset}.oip_column.is-1{flex:none;width:8.33333%}.oip_column.is-2{flex:none;width:16.66667%}.oip_column.is-3{flex:none;width:25%}.oip_column.is-4{flex:none;width:33.33333%}.oip_column.is-5{flex:none;width:41.66667%}.oip_column.is-6{flex:none;width:50%}.oip_column.is-7{flex:none;width:58.33333%}.oip_column.is-8{flex:none;width:66.66667%}.oip_column.is-9{flex:none;width:75%}.oip_column.is-10{flex:none;width:83.33333%}.oip_column.is-11{flex:none;width:91.66667%}.oip_column.is-12{flex:none;width:100%}mark{background:#ffaeff}
 </style>

package/package.json

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