@tekkare/auriga 0.1.187 → 0.1.189

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.187"
+  "version": "0.1.189"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -1,61 +1,86 @@
 <template>
-  <div>
-    <div
-      class="filters_input_search"
-      :class="{ filters_shortcuts_open: typing }"
-      @keydown.backspace="handleDelete()"
-      @click="changeDisplay()"
-    >
-      <arg-icon
-        name="MagnifyingGlass"
-        color="var(--medium)"
-        size="20"
-        class="search_icon"
-      />
-      <input
-        id="search_input"
-        v-model="value"
-        class="filters_input_style"
-        :placeholder="placeHolderValue"
-        @keydown.enter="addTag"
-        @keydown.left="selectTag(closeIndex - 1, 0)"
-        @keydown.right="selectTag(closeIndex + 1, 1)"
-        @keydown.up="shortcutSelect('asc')"
-        @keydown.down="shortcutSelect('desc')"
-        autocomplete="off"
-      />
-      <div class="research_tags" id="tags">
+  <div class="relative">
+    <div class="relative">
+      <div
+        class="filters_input_search"
+        :class="[
+          { filters_shortcuts_open: typing },
+          suggOpen && suggestions !== null ? 'no_bottom' : '',
+        ]"
+      >
+        <arg-icon
+          name="MagnifyingGlass"
+          color="var(--medium)"
+          size="20"
+          class="search_icon"
+        />
         <div
-          v-for="(search, searchIndex) in searchedWords"
-          :key="searchIndex"
-          :id="`tag${searchIndex}`"
-          :class="{
-            selected_tag: selectedTag === searchIndex,
-            duplicate_tag: duplicate.includes(search.value),
-          }"
-          class="input_shortcut_tag"
-          @mouseover="hoverTag = searchIndex"
-          @mouseleave="hoverTag = null"
+          class="select_shortcut"
+          :class="typing ? 'open' : ''"
+          @click.stop="changeDisplay()"
         >
-          <span v-if="search.type.length > 0" class="tag_search_type"
-            >{{ search.type }}
-          </span>
-          <span class="shortcut_keyword">{{ search.value }}</span>
-          <div
-            class="remove_search"
-            @click="removeTag(searchIndex)"
-            @click.stop
-          >
-            <arg-icon name="X" size="14" />
-          </div>
+          <p>
+            {{ shortcuts.find((a) => a.symbol === selectedShortcut).keyword }} :
+          </p>
+        </div>
+        <input
+          id="search_input"
+          v-model="value"
+          class="filters_input_style"
+          :placeholder="placeHolderValue"
+          @keydown.enter="
+            optionIndex > 0 && showSuggs
+              ? selectSugg(filterSuggestions[optionIndex - 1])
+              : addTag()
+          "
+          @keydown.up="typing ? shortcutSelect('asc') : selectOption(false)"
+          @keydown.down="typing ? shortcutSelect('desc') : selectOption(true)"
+          autocomplete="off"
+          click.stop
+        />
+
+        <div
+          class="remove_search_section"
+          @click="emptySearch()"
+          :class="{ 'select-remove': removeSelected }"
+        >
+          <arg-icon name="XCircleFill" size="20" color="var(--medium)" />
         </div>
       </div>
+
       <div
-        class="remove_search_section"
-        @click="emptySearch()"
-        :class="{ 'select-remove': removeSelected }"
+        v-if="suggestions !== null && suggOpen"
+        class="search_suggestions"
+        :class="suggOpen ? 'sugg_open' : ''"
+        @click.stop
       >
-        <arg-icon name="XCircleFill" size="20" color="var(--medium)" />
+        <div v-if="loadingSuggs">
+          <p class="loading oip_body">{{ loaderText[lang] }}</p>
+        </div>
+        <div v-if="filterSuggestions.length > 0" class="sugg_container">
+          <p
+            v-for="(sugg, index) in filterSuggestions"
+            :key="index"
+            class="oip_body"
+            :class="[
+              optionIndex === index + 1 ? 'selected' : '',
+              optionIndex > 0 ? 'no_hover' : '',
+            ]"
+            @click="selectSugg(sugg)"
+            @mousemove="optionIndex = 0"
+          >
+            <arg-icon
+              v-if="sugg.icon"
+              :name="sugg.icon"
+              size="14"
+              color="var(--medium)"
+            />
+            {{ sugg.text }}
+          </p>
+        </div>
+        <div v-else-if="!loadingSuggs" class="sugg_container">
+          <p class="not-found oip_body">{{ notFound[lang] }}</p>
+        </div>
       </div>
     </div>
     <div v-if="typing" class="sub_input_section">
@@ -67,7 +92,7 @@
             color="var(--darkest)"
             size="16"
             class="align_icon show_shortcuts"
-            @click.native="showInfo = !showInfo"
+            @click="showInfo = !showInfo"
           />
         </div>
         <div class="research_content">
@@ -114,6 +139,7 @@
           </div>
         </div>
       </div>
+
       <div v-if="showInfo" class="searchbar_info" id="info" @click.stop>
         <div class="searchbar_shortcuts">
           <p class="searchbar_info_title">Keyboard shortcuts</p>
@@ -146,6 +172,56 @@
         </div>
       </div>
     </div>
+
+    <div class="research_tags" id="tags">
+      <div
+        v-for="(search, searchIndex) in searchedWords"
+        :key="searchIndex"
+        :id="`tag${searchIndex}`"
+        :class="{
+          selected_tag: selectedTag === searchIndex,
+          duplicate_tag: duplicate.includes(search.value),
+        }"
+        class="input_shortcut_tag"
+        @mouseover="hoverTag = searchIndex"
+        @mouseleave="hoverTag = null"
+      >
+        <div v-if="searchIndex === showChangeType" class="tag_change_type">
+          <p
+            v-for="option in shortcuts.map((a) => a.keyword)"
+            :key="option"
+            @click.stop="changeSearchType(searchIndex, option)"
+            :class="
+              search.type.toLowerCase() === option
+                ? 'current select_type'
+                : 'select_type'
+            "
+          >
+            {{ option.toUpperCase() }}
+            <arg-icon
+              v-if="search.type.toLowerCase() === option"
+              name="Check"
+              color="var(--primary)"
+              size="16"
+            />
+          </p>
+        </div>
+        <span
+          v-if="search.type.length > 0"
+          class="tag_search_type"
+          @click.stop="handleChangeType(searchIndex)"
+          >{{ search.type.toLowerCase() }}:
+        </span>
+        <span class="shortcut_keyword">{{ search.value }}</span>
+        <arg-icon
+          name="X"
+          size="12"
+          thickness="36"
+          class="remove"
+          @click.stop="removeTag(searchIndex)"
+        />
+      </div>
+    </div>
   </div>
 </template>
 <script>
@@ -157,6 +233,7 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
+import { useFuse } from "@vueuse/integrations/useFuse";
 export default defineComponent({
   name: "argAdvancedSearchBar",
   components: { argIcon },
@@ -172,6 +249,25 @@ export default defineComponent({
     defaultInputs: {
       type: Array,
       default: () => []
+    },
+    suggestions: {
+      type: Array,
+      default: null
+    },
+    fuzzyThreshold: {
+      type: Number,
+      default: 0.5
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr", "es"].includes(value);
+      }
+    },
+    loadingSuggs: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:Value", "onClose"],
@@ -183,19 +279,22 @@ export default defineComponent({
       { keyword: "not", value: "exclude the word", symbol: "!" }
     ]);
     const hoverShortcut = ref("");
-    const selectedShortcut = ref("");
+    const selectedShortcut = ref("+");
     const searchedWords = ref([]);
     const closeIndex = ref();
     const value = ref("");
     const selectedTag = ref();
-    const duplicate = ref("");
+    const duplicate = ref([]);
     const searchBar = ref();
     const tagsSection = ref();
     const shortcutIndex = ref(-1);
     const removeSelected = ref(false);
     const hoverTag = ref();
     const showInfo = ref(false);
+    const showChangeType = ref(null);
     const regexSearch = /^[\s\.\+\/\!]|(?:[\+\/\!\s])[\s{1,}\.{1,}\+{1,}\/{1,}\!{1,}]|[\s{1,}\.1,}\+{1,}\/{1,}\!{1,}]$|\s+[\+\/]|\s+$/g;
+    const suggOpen = ref(false);
+    const optionIndex = ref(0);
     const iconColor = computed(() => {
       if (typing.value === true) {
         return "var(--primary)";
@@ -222,10 +321,28 @@ export default defineComponent({
       } else
         return false;
     });
+    const notFound = {
+      fr: "Aucune suggestion n'a \xE9t\xE9 trouv\xE9e",
+      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\xE1s sugerencias"
+    };
     watch(value, (new_value) => {
+      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;
@@ -233,9 +350,17 @@ export default defineComponent({
         }
       }
     });
-    watch(selectedShortcut, (new_shortcut) => {
-      value.value = `${new_shortcut}`;
-    });
+    watch(
+      () => typing.value,
+      () => {
+        if (!typing.value) {
+          document.removeEventListener("click", close);
+        } else
+          setTimeout(() => {
+            document.addEventListener("click", close);
+          }, 100);
+      }
+    );
     watch(closeIndex, (new_index) => {
       if (new_index > searchedWords.value.length) {
         removeSelected.value = true;
@@ -277,6 +402,17 @@ export default defineComponent({
       } else
         return "var(--white)";
     }
+    function handleChangeType(searchIndex) {
+      showChangeType.value = searchIndex;
+      setTimeout(() => {
+        document.addEventListener("click", close);
+      }, 200);
+    }
+    function changeSearchType(searchIndex, option) {
+      searchedWords.value[searchIndex].type = option;
+      emit("update:Value", searchedWords.value);
+      showChangeType.value = null;
+    }
     function shortcutSelect(dir) {
       typing.value = true;
       let index;
@@ -304,7 +440,6 @@ export default defineComponent({
           shortcutIndex.value = shortcuts.value.length - 1;
         }
       }
-      searchBar.value.focus();
     }
     function addToSearch(search, textValue, isDefault) {
       searchedWords.value.push({ type: search, value: textValue });
@@ -316,6 +451,24 @@ export default defineComponent({
       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, direction) {
       let nextTag;
       if (direction === 0) {
@@ -364,11 +517,23 @@ export default defineComponent({
       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) => f.value === filterSuggestions.value[optionIndex.value - 1].text
+          ).length > 0) {
+            setTimeout(() => {
+              suggOpen.value = false;
+              value.value = "";
+            });
+          }
+        }
         let search;
         let searchValue = "";
         let arrayValues;
@@ -395,9 +560,9 @@ export default defineComponent({
         if (searchValue.length > 0 && arrayValues.length === 0) {
           if (searchedWords.value.filter((f) => f.value === searchValue).length === 0) {
             addToSearch(search, searchValue, false);
-            selectedShortcut.value = "";
           } else {
             handleDuplicate(searchValue);
+            value.value = "";
           }
         } else if (arrayValues.length > 0) {
           for (let i = 0; i < arrayValues.length; i++) {
@@ -407,9 +572,9 @@ export default defineComponent({
                 (f) => f.value === arraySearchValue
               ).length === 0) {
                 addToSearch(search, arraySearchValue, false);
-                selectedShortcut.value = "";
               } else {
                 handleDuplicate(arraySearchValue);
+                value.value = "";
               }
             }
           }
@@ -417,8 +582,8 @@ export default defineComponent({
       }
     }
     function handleDuplicate(tag) {
-      duplicate.value = `${duplicate.value} ${tag}`;
-      setTimeout(() => duplicate.value = "", 1e3);
+      duplicate.value.push(tag);
+      setTimeout(() => duplicate.value = [], 1e3);
     }
     function emptySearch() {
       searchedWords.value = [];
@@ -427,6 +592,17 @@ export default defineComponent({
       searchBar.value.focus();
       emit("update:Value", searchedWords.value);
     }
+    function selectSugg(sugg) {
+      if (searchedWords.value.find(
+        (a) => a.value === sugg.text
+      ) === void 0) {
+        value.value = sugg.text;
+        addTag();
+      } else {
+        suggOpen.value = false;
+        handleDuplicate(sugg.text);
+      }
+    }
     function selectSearch(item) {
       const searchValue = value.value.replace(regexSearch, "");
       selectedShortcut.value = item.symbol;
@@ -435,11 +611,11 @@ export default defineComponent({
           addToSearch(getKeyword(item.symbol), searchValue, false);
         } else {
           handleDuplicate(searchValue);
+          value.value = "";
         }
-      } else {
-        value.value = `${item.symbol}`;
       }
       searchBar.value.focus();
+      typing.value = false;
     }
     function removeTag(tagIndex) {
       searchedWords.value.splice(tagIndex, 1);
@@ -468,13 +644,36 @@ export default defineComponent({
       }
       searchBar.value.focus();
     }
-    function close() {
-      if (typing.value === true) {
-        emit("onClose");
-        typing.value = false;
-        document.removeEventListener("click", close);
+    function selectOption(isDown) {
+      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) {
+          suggContainer.scrollTop = optionTop;
+        } else if (optionTop + optionHeight > containerHeight + containerScrollTop) {
+          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,
@@ -508,11 +707,21 @@ export default defineComponent({
       regexSearch,
       iconColor,
       hasShortcut,
-      infoHeight
+      infoHeight,
+      suggOpen,
+      filterSuggestions,
+      selectOption,
+      optionIndex,
+      selectSugg,
+      showChangeType,
+      changeSearchType,
+      notFound,
+      loaderText,
+      handleChangeType
     };
   }
 });
 </script>
 <style scoped>
-.research_tags{align-items:center;display:flex;flex-direction:row;gap:8px;overflow-x:scroll}.research_tags::-webkit-scrollbar{display:none}.filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;height:40px;padding:0 0 0 12px;width:calc(100% - 24px)}.filters_shortcuts_open{border-radius:8px 8px 8px 0}.filters_input_style{margin-right:8px;max-width:20%}.research_section{align-items:flex-start;background:var(--white);border:1.5px solid var(--light);border-radius:0 0 8px 8px;box-sizing:border-box;display:flex;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important;flex-direction:column;flex-shrink:0;padding:0;width:340px}.research_title{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;font-size:14px;font-weight:700;gap:8px;line-height:16px;order:0;padding:16px}.align_icon{margin-left:auto}.research_content{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:1;padding:0 8px;width:90%}.research_item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;padding:8px;width:100%}.research_item:hover{background:var(--lightest)!important}.research_item_selected{background:var(--lightest)}.research_keyword{font-size:16px;font-weight:500;line-height:19px}.research_value{color:var(--dark);font-size:16px;font-weight:400;line-height:19px}.research_item>svg{margin-left:auto}.research_footer{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:2;padding:16px 0 0}.research_separator{background:var(--light);height:1px;width:100%}.shortcuts_choice{align-self:stretch;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:12px 16px}.shortcut_tag,.shortcuts_choice{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;order:1}.shortcut_tag{background:var(--lightest);border-radius:4px;gap:2px;justify-content:center;padding:4px}.shortcut_keyword{font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}.shortcut_symbol{font-size:14px;font-weight:500;line-height:16px}.tag_search_type{color:var(--dark);font-size:14px;line-height:16px;text-transform:uppercase}.input_shortcut_tag{align-items:center;background:var(--lightest);border-radius:8px;display:flex;flex-direction:row;gap:4px;isolation:isolate;padding:4px 12px;position:relative;width:auto}.input_shortcut_tag.selected_tag>.remove_search,.input_shortcut_tag:hover .remove_search{background:var(--lightest);left:calc(100% - 25px);opacity:1;position:absolute;transition:all .3s ease}.remove_search_section{margin-left:auto;padding:0 12px}.remove_search,.remove_search_section{align-items:center;border-left:1px solid var(--light);border-radius:0 8px 8px 0;cursor:pointer;display:flex;flex-direction:row;height:100%}.remove_search{background:var(--lightest);left:calc(100% - 15px);opacity:0;padding-left:4px;position:absolute;transition:all .2s ease}.search_error{color:var(--system-alert);font-size:14px}.selected_tag{border:1px solid var(--primary)}.input_shortcut_tag.duplicate_tag{animation:shake 1s;background:var(--lightest)!important}@keyframes shake{10%,90%{transform:scale(.9) translate3d(-1px,0,0)}20%,80%{transform:scale(.9) translate3d(2px,0,0)}30%,50%,70%{transform:scale(.9) translate3d(-4px,0,0)}40%,60%{transform:scale(.9) translate3d(4px,0,0)}}.search_icon{flex-shrink:0}.select-remove{background:rgba(33,118,255,.1)!important}.select-remove svg{color:var(--primary)!important}.sub_input_section{align-items:flex-start;display:flex;flex-direction:row;position:absolute;z-index:3}@media screen and (max-width:700px){.sub_input_section{align-items:flex-start;display:flex;flex-direction:column-reverse}.searchbar_info{border-radius:0!important;height:100px;opacity:1!important;overflow-y:scroll;width:338px}}.searchbar_info{align-items:flex-start;background:var(--darkest);border:1px solid var(--darkest);border-radius:0 0 8px 8px;color:var(--white);display:flex;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important;flex-direction:row;max-width:500px}.searchbar_shortcuts{padding:16px}.searchbar_info_title{font-size:14px;font-weight:700;text-decoration:underline}.searchbar_info_content{font-size:14px;list-style:inside;padding-inline-start:0!important}.close_info{padding:12px 16px 0 0}.close_info,.show_shortcuts{cursor:pointer}.filters_input_search:hover{border:1.5px solid rgba(33,118,255,.2)!important}.filters_input_search:focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filters_input_search:focus-within .search_icon,.filters_input_search:hover .search_icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}
+.research_tags{flex-grow:1;flex-wrap:wrap;gap:8px;margin-top:8px}.filters_input_search,.research_tags{align-items:center;display:flex;flex-direction:row}.filters_input_search{background:var(--white);border:1.5px solid var(--light);border-radius:8px;gap:12px;height:40px;padding:0 0 0 12px;width:calc(100% - 12px)}.filters_input_search.no_bottom{border:1.5px solid var(--primary)!important;border-bottom:none!important;border-radius:8px 8px 0 0;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filters_shortcuts_open:not(.no_bottom){border-radius:8px 8px 8px 0}.filters_input_style{margin-right:8px;max-width:80%}.research_section{align-items:flex-start;background:var(--white);border:1.5px solid var(--light);border-radius:0 0 8px 8px;box-shadow:2px 2px 3px rgba(33,118,255,.1),-2px 2px 3px rgba(33,118,255,.1);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding:0;width:340px}.research_title{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;font-size:14px;font-weight:700;gap:8px;line-height:16px;order:0;padding:16px}.align_icon{margin-left:auto}.research_content{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:1;padding:0 8px;width:90%}.research_item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;padding:8px;width:100%}.research_item:hover{background:var(--lightest)!important}.research_item_selected{background:var(--lightest)}.research_keyword{font-size:16px;font-weight:500;line-height:19px}.research_value{color:var(--dark);font-size:16px;font-weight:400;line-height:19px}.research_item>svg{margin-left:auto}.research_footer{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:2;padding:16px 0 0}.research_separator{background:var(--light);height:1px;width:100%}.shortcuts_choice{align-self:stretch;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:12px 16px}.shortcut_tag,.shortcuts_choice{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;order:1}.shortcut_tag{background:var(--lightest);border-radius:4px;gap:2px;justify-content:center;padding:4px}.shortcut_keyword{font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}.shortcut_symbol{font-size:14px;font-weight:500;line-height:16px}.tag_change_type{background:var(--white);border:1px solid var(--light);border-radius:8px;box-shadow:var(--small-shadow);display:flex;flex-direction:column;font-size:14px;gap:8px;left:-1px;line-height:16px;padding:8px 12px;position:absolute;top:-1px;z-index:99}.select_type{display:flex;flex-direction:row;gap:2px}.select_type:hover{color:var(--primary)!important}.select_type{cursor:pointer}.select_type.current{font-weight:600!important}.tag_search_type{color:var(--dark);cursor:pointer;font-size:14px;font-weight:700;line-height:normal}.tag_search_type:hover{color:var(--primary)}.input_shortcut_tag{align-items:center;background:var(--lightest);border:1px solid var(--light);border-radius:12px;display:flex;flex-direction:row;gap:4px;padding:4px 12px;position:relative;width:auto}.input_shortcut_tag:hover{border:1px solid rgba(33,118,255,.3)!important}.remove_search_section{align-items:center;background:var(--white);border-left:1px solid var(--light);border-radius:0 8px 8px 0;cursor:pointer;display:flex;flex-direction:row;height:100%;margin-left:auto;padding:0 12px}.remove_search_section:hover,.select-remove{background:rgba(33,118,255,.1)!important}.remove_search_section:hover svg,.select-remove svg{color:var(--primary)!important}.remove_search{cursor:pointer}.remove_search:hover svg{color:var(--primary)!important}.search_error{color:var(--system-alert);font-size:14px}.selected_tag{border:1px solid var(--primary)}.input_shortcut_tag.duplicate_tag{animation:shake 1s;background:var(--lightest)!important}@keyframes shake{10%,90%{transform:scale(.9) translate3d(-1px,0,0)}20%,80%{transform:scale(.9) translate3d(2px,0,0)}30%,50%,70%{transform:scale(.9) translate3d(-4px,0,0)}40%,60%{transform:scale(.9) translate3d(4px,0,0)}}.search_icon{flex-shrink:0}.sub_input_section{align-items:flex-start;display:flex;flex-direction:row;position:absolute;z-index:5}@media screen and (max-width:700px){.sub_input_section{align-items:flex-start;display:flex;flex-direction:column-reverse}.searchbar_info{border-radius:0!important;height:100px;opacity:1!important;overflow-y:scroll;width:338px}}.searchbar_info{align-items:flex-start;background:var(--darkest);border:1px solid var(--darkest);border-radius:0 0 8px 8px;color:var(--white);display:flex;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important;flex-direction:row;max-width:500px}.searchbar_shortcuts{padding:16px}.searchbar_info_title{font-size:14px;font-weight:700;text-decoration:underline}.searchbar_info_content{font-size:14px;list-style:inside;padding-inline-start:0!important}.close_info{padding:12px 16px 0 0}.close_info,.show_shortcuts{cursor:pointer}.filters_input_search:not(.no_bottom):hover{border:1.5px solid rgba(33,118,255,.2)!important}.filters_input_search:not(.no_bottom):focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filters_input_search:focus-within .search_icon,.filters_input_search:hover .search_icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}.search_suggestions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border:1.5px solid var(--light);border-radius:0 0 8px 8px;left:0;max-height:200px;overflow-y:scroll;position:absolute;width:100%;z-index:4}.search_suggestions::-webkit-scrollbar{height:5px;width:5px}.search_suggestions::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.search_suggestions::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.sugg_open{border-top:1.5px solid var(--primary)!important;border:1.5px solid var(--primary)!important;border-top-color:var(--light)!important;box-shadow:2px 2px 3px rgba(33,118,255,.1),-2px 2px 3px rgba(33,118,255,.1)}.sugg_container{cursor:pointer;display:flex;flex-direction:column}.sugg_container p:not(.loading){align-items:center;display:flex;gap:8px;padding:8px 12px}.sugg_container p.selected,.sugg_container p:not(.not-found,.loading,.no_hover):hover{background:rgba(93,153,250,.2)}.sugg_container p.selected svg,.sugg_container p:not(.not-found,.loading,.no_hover):hover svg{color:var(--primary)!important}.sugg_container p:last-of-type{border-radius:0 0 0 8px}.loading{color:var(--medium);font-style:italic;padding:8px 12px}.loading:after{animation:dots 1.3s step-end infinite;content:"";display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.select_shortcut{align-items:center;animation:shine 3s ease-in-out forwards;background:var(--white);border:1px solid transparent;border:1px solid var(--light);border-radius:6px;box-shadow:var(--medium-shadow);cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;font-size:16px;gap:4px;padding:4px 8px}@keyframes shine{0%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}25%{filter:drop-shadow(0 0 4px rgba(33,118,255,.5))}50%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}75%{filter:drop-shadow(0 0 4px rgba(33,118,255,.5))}to{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}}.select_shortcut:hover{border:1px solid rgba(33,118,255,.3)!important}.select_shortcut:hover,.select_shortcut:hover svg,svg.remove:hover{color:var(--primary)!important}.remove{cursor:pointer}.relative{position:relative}
 </style>

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

@@ -1,3 +1,7 @@
+interface Suggestion {
+    icon?: string;
+    text: string;
+}
 declare const _default: import("vue").DefineComponent<{
     placeHolderValue: {
         type: StringConstructor;
@@ -79,6 +83,36 @@ declare const _default: import("vue").DefineComponent<{
         };
         default: () => never[];
     };
+    suggestions: {
+        type: {
+            (arrayLength: number): Suggestion[];
+            (...items: Suggestion[]): Suggestion[];
+            new (arrayLength: number): Suggestion[];
+            new (...items: Suggestion[]): Suggestion[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: null;
+    };
+    fuzzyThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loadingSuggs: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     close: () => void;
     changeDisplay: () => void;
@@ -106,7 +140,7 @@ declare const _default: import("vue").DefineComponent<{
     closeIndex: import("vue").Ref<any>;
     value: import("vue").Ref<string>;
     selectedTag: import("vue").Ref<any>;
-    duplicate: import("vue").Ref<string>;
+    duplicate: import("vue").Ref<never[]>;
     searchBar: import("vue").Ref<any>;
     tagsSection: import("vue").Ref<any>;
     shortcutIndex: import("vue").Ref<number>;
@@ -117,6 +151,24 @@ declare const _default: import("vue").DefineComponent<{
     iconColor: import("vue").ComputedRef<"var(--primary)" | "var(--medium)">;
     hasShortcut: import("vue").ComputedRef<boolean>;
     infoHeight: import("vue").ComputedRef<boolean>;
+    suggOpen: import("vue").Ref<boolean>;
+    filterSuggestions: import("vue").ComputedRef<Suggestion[]>;
+    selectOption: (isDown: boolean) => void;
+    optionIndex: import("vue").Ref<number>;
+    selectSugg: (sugg: Suggestion) => void;
+    showChangeType: import("vue").Ref<any>;
+    changeSearchType: (searchIndex: number, option: string) => void;
+    notFound: {
+        fr: string;
+        en: string;
+        es: string;
+    };
+    loaderText: {
+        fr: string;
+        en: string;
+        es: string;
+    };
+    handleChangeType: (searchIndex: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "onClose")[], "update:Value" | "onClose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     placeHolderValue: {
         type: StringConstructor;
@@ -198,10 +250,41 @@ declare const _default: import("vue").DefineComponent<{
         };
         default: () => never[];
     };
+    suggestions: {
+        type: {
+            (arrayLength: number): Suggestion[];
+            (...items: Suggestion[]): Suggestion[];
+            new (arrayLength: number): Suggestion[];
+            new (...items: Suggestion[]): Suggestion[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: null;
+    };
+    fuzzyThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loadingSuggs: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
 }, {
+    lang: string;
     placeHolderValue: string;
     customShortcuts: {
         keyword: "";
@@ -212,5 +295,8 @@ declare const _default: import("vue").DefineComponent<{
         type: "";
         value: "";
     }[];
+    suggestions: Suggestion[];
+    fuzzyThreshold: number;
+    loadingSuggs: boolean;
 }, {}>;
 export default _default;

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

@@ -298,6 +298,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
+    fuzzyThreshold: number;
     loading: boolean;
     search_placeholder_add: string;
     search_placeholder_del: string;
@@ -315,6 +316,5 @@ declare const _default: import("vue").DefineComponent<{
     loader_text: string[];
     empty_content_msg: string;
     fuzzySearch: boolean;
-    fuzzyThreshold: number;
 }, {}>;
 export default _default;

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

@@ -233,6 +233,8 @@ declare const _default: import("vue").DefineComponent<{
     onChangeInputValue?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
+    fuzzyThreshold: number;
+    search: boolean;
     loading: boolean;
     categories: unknown[];
     return_value: boolean;
@@ -241,8 +243,6 @@ declare const _default: import("vue").DefineComponent<{
     loader_text: string[];
     empty_content_msg: string;
     fuzzySearch: boolean;
-    fuzzyThreshold: number;
-    search: boolean;
     filter_placeholder: string;
     close_on_click: boolean;
     default_select: number;

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

@@ -129,9 +129,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     lang: string;
+    style: string;
     subtitle: string;
     beforeExport: Function;
-    style: string;
     kpi: KPI;
     sources: Sources;
     exportName: string;

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

@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     onOpenSource?: ((...args: any[]) => any) | undefined;
 }, {
     data: Data[];
-    title: string | null;
     source: string | null;
+    title: string | null;
 }, {}>;
 export default _default;

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

@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     onOpenSource?: ((...args: any[]) => any) | undefined;
 }, {
     data: Data[];
-    title: string | null;
     source: string | null;
+    title: string | null;
 }, {}>;
 export default _default;

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

@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     onOpenSource?: ((...args: any[]) => any) | undefined;
 }, {
     data: dataRegion[];
-    title: string | null;
     source: string | null;
+    title: string | null;
 }, {}>;
 export default _default;

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

@@ -88,8 +88,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     lang: string;
     data: Data[];
-    title: string;
     source: string;
+    title: string;
     withDynamicTitle: boolean;
 }, {}>;
 export default _default;

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

@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     onOpenSource?: ((...args: any[]) => any) | undefined;
 }, {
     data: Data[];
-    title: string | null;
     source: string | null;
+    title: string | null;
 }, {}>;
 export default _default;

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

@@ -112,9 +112,9 @@ declare const _default: import("vue").DefineComponent<{
     onChangeElement?: ((...args: any[]) => any) | undefined;
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
 }, {
+    dir: string;
     return_value: boolean;
     default_select: number[];
-    dir: string;
     must_select: number[];
     nbCols: number;
 }, {}>;

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

@@ -275,6 +275,8 @@ declare const _default: import("vue").DefineComponent<{
     onChangeInputValue?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
+    fuzzyThreshold: number;
+    search: boolean;
     loading: boolean;
     disabled: boolean;
     show_amount: boolean;
@@ -282,8 +284,6 @@ declare const _default: import("vue").DefineComponent<{
     loader_text: string[];
     empty_content_msg: string;
     fuzzySearch: boolean;
-    fuzzyThreshold: number;
-    search: boolean;
     filter_placeholder: string;
     default_select: String[];
     nested: boolean;

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

@@ -67,8 +67,8 @@ declare const _default: import("vue").DefineComponent<{
     onChangeElement?: ((...args: any[]) => any) | undefined;
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
 }, {
+    dir: string;
     defaultSelect: string | number;
     returnValue: boolean;
-    dir: string;
 }, {}>;
 export default _default;

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

@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     onChangeElement?: ((...args: any[]) => any) | undefined;
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
 }, {
-    defaultSelect: number;
     dir: string;
+    defaultSelect: number;
 }, {}>;
 export default _default;

package/dist/runtime/components/argSearchInput.vue

@@ -20,6 +20,7 @@
           @keydown.enter="submitSearch"
           @keydown.down="selectOption(true)"
           @keydown.up="selectOption(false)"
+          :autocomplete="false"
         />
       </div>
       <div

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

@@ -107,9 +107,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     lang: string;
     placeHolderValue: string;
-    fuzzyThreshold: number;
-    defaultValue: string;
     suggestions: Suggestion[];
+    fuzzyThreshold: number;
     loadingSuggs: boolean;
+    defaultValue: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argSidebar.vue

@@ -58,8 +58,11 @@
     </div>
 
     <h1 v-show="sidebarOpen" class="arg_sidebar_title">
-      <span v-if="appIso"><arg-flag :iso="appIso" emoji /></span>
-      <span>{{ name }}</span>
+      <slot v-if="name === null" name="Title" />
+      <span v-else>
+        <span v-if="appIso"><arg-flag :iso="appIso" emoji /></span>
+        <span>{{ name }}</span>
+      </span>
     </h1>
     <div class="arg_sidebar_body">
       <div class="arg_sidebar_content">
@@ -87,7 +90,7 @@ export default defineComponent({
   name: "argSidebar",
   components: { argIcon, argTooltip, argFlag },
   props: {
-    name: { type: String, required: true },
+    name: { type: String, default: null },
     appIso: {
       type: String,
       default: null

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

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
     name: {
         type: StringConstructor;
-        required: true;
+        default: null;
     };
     appIso: {
         type: StringConstructor;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSidebarChange" | "update:Sidebar")[], "onSidebarChange" | "update:Sidebar", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
-        required: true;
+        default: null;
     };
     appIso: {
         type: StringConstructor;
@@ -41,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     onOnSidebarChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:Sidebar"?: ((...args: any[]) => any) | undefined;
 }, {
+    name: string;
     lang: string;
     appIso: string;
     homeLink: string;

package/dist/runtime/components/argSimpleLabel.vue

@@ -52,7 +52,7 @@ const drawSquircle=(ctx,geom,radii,smooth,lineWidth,color)=>{const defaultFill=c
 </script>
 
 <style>
-.oip_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;max-height:500px;min-width:200px;padding:16px;position:absolute;z-index:12}.oip_select_block{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:4px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:12px;position:relative;width:202px;--squircle-radius:8px;--squircle-smooth:1}.filter_box:hover,.filter_wrap:hover>.filter_box:not(.open),.oip_select_block:hover,.oip_select_dropdown_block:hover,.prmt_parent_switch:hover{border:1.5px solid var(--primary-primary-20,#d3e4ff)!important}.filter_box.open,.oip_select_dropdown_block.open,.oip_select_wrap.open>.oip_select_block,.prmt_parent_switch.open{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filter_wrap.open,.oip_select_wrap.open,.switch_wrapper.open{filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.oip_select_block.open>svg{color:var(--primary)!important}.oip_select_block.disabled{background:var(--light)!important;cursor:not-allowed}.oip_select_label .prmt_tooltip{display:flex}.oip_select_label .prmt_tooltip span,.oip_select_label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%}.oip_select_label{color:var(--darkest);font-size:14px;font-weight:700;line-height:16px;max-height:16px;width:90%}.oip_select_block svg{flex-shrink:0!important}.oip_select_label.disabled{color:var(--dark)}.oip_select_caret_down{float:right;margin-left:auto}.oip_select_complex_selection_loop_name{width:-moz-fit-content;width:fit-content}.oip_select_complex_selection_loop.del>svg{color:var(--system-alert)!important;flex-shrink:0}.oip_select_complex_selection_loop.add>svg{color:var(--primary)!important;flex-shrink:0}.oip_select_complex_selection_loop{flex-grow:1;margin:8px 0}.oip_select_complex_selection_container{margin:8px 0;max-height:350px;overflow-y:auto}.oip_select_complex_selection_loop_name{font-size:14px;font-weight:400;line-height:16px}.oip_select_complex_selection_loop{cursor:pointer;display:flex;gap:8px;margin:4px 0}.oip_search_container>svg{color:var(--medium)!important}.oip_search_name:focus-visible{outline:none}.oip_search_name::-moz-placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name::placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name{border:none;padding-left:8px;width:100%}.oip_search_container{background:var(--white);border:1px solid var(--light);border-radius:10px;display:flex;gap:0;padding:8px 12px}.oip_select_dropdown_title{color:var(--darkest);font-size:14px;font-weight:500;margin-bottom:8px}.oip_select_dropdown_selection_container{display:flex;flex:1 1 auto;flex-direction:column;gap:0;margin-top:16px;min-height:10px;overflow-y:auto}.oip_select_dropdown_selection_container:only-child{margin-top:0}.oip_empty_dropdown{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:16px;padding-top:16px;text-align:center}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.arg-circle-amount{align-items:center;background:#e9f1ff;border-radius:50%;color:var(--primary);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:20px;justify-content:center;padding:4px;position:absolute;right:34px;width:20px}.oip_empty_select{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip_select_display{align-items:flex-start;display:flex;flex-direction:column;gap:4px}
+.oip_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;max-height:500px;min-width:200px;padding:16px;position:absolute;z-index:12}.oip_select_block{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:4px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:12px;position:relative;width:196px;--squircle-radius:8px;--squircle-smooth:1}.filter_box:hover,.filter_wrap:hover>.filter_box:not(.open),.oip_select_block:hover,.oip_select_dropdown_block:hover,.prmt_parent_switch:hover{border:1.5px solid var(--primary-primary-20,#d3e4ff)!important}.filter_box.open,.oip_select_dropdown_block.open,.oip_select_wrap.open>.oip_select_block,.prmt_parent_switch.open{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filter_wrap.open,.oip_select_wrap.open,.switch_wrapper.open{filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.oip_select_block.open>svg{color:var(--primary)!important}.oip_select_block.disabled{background:var(--light)!important;cursor:not-allowed}.oip_select_label .prmt_tooltip{display:flex}.oip_select_label .prmt_tooltip span,.oip_select_label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%}.oip_select_label{color:var(--darkest);font-size:14px;font-weight:700;line-height:16px;max-height:16px;width:90%}.oip_select_block svg{flex-shrink:0!important}.oip_select_label.disabled{color:var(--dark)}.oip_select_caret_down{float:right;margin-left:auto}.oip_select_complex_selection_loop_name{width:-moz-fit-content;width:fit-content}.oip_select_complex_selection_loop.del>svg{color:var(--system-alert)!important;flex-shrink:0}.oip_select_complex_selection_loop.add>svg{color:var(--primary)!important;flex-shrink:0}.oip_select_complex_selection_loop{flex-grow:1;margin:8px 0}.oip_select_complex_selection_container{margin:8px 0;max-height:350px;overflow-y:auto}.oip_select_complex_selection_loop_name{font-size:14px;font-weight:400;line-height:16px}.oip_select_complex_selection_loop{cursor:pointer;display:flex;gap:8px;margin:4px 0}.oip_search_container>svg{color:var(--medium)!important}.oip_search_name:focus-visible{outline:none}.oip_search_name::-moz-placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name::placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name{border:none;padding-left:8px;width:100%}.oip_search_container{background:var(--white);border:1px solid var(--light);border-radius:10px;display:flex;gap:0;padding:8px 12px}.oip_select_dropdown_title{color:var(--darkest);font-size:14px;font-weight:500;margin-bottom:8px}.oip_select_dropdown_selection_container{display:flex;flex:1 1 auto;flex-direction:column;gap:0;margin-top:16px;min-height:10px;overflow-y:auto}.oip_select_dropdown_selection_container:only-child{margin-top:0}.oip_empty_dropdown{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:16px;padding-top:16px;text-align:center}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.arg-circle-amount{align-items:center;background:#e9f1ff;border-radius:50%;color:var(--primary);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:20px;justify-content:center;padding:4px;position:absolute;right:34px;width:20px}.oip_empty_select{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip_select_display{align-items:flex-start;display:flex;flex-direction:column;gap:4px}
 </style>
 <style scoped>
 .oip_select_complex_selection_loop > svg.add {

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

@@ -108,6 +108,7 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }>>, {
+    small: boolean;
     options: Record<string, any>;
     width: string;
     height: string;
@@ -115,7 +116,6 @@ declare const _default: import("vue").DefineComponent<{
     french: boolean;
     tooltipOptions: Record<string, any>;
     formatDate: boolean;
-    small: boolean;
     dataType: string;
     currency: string;
 }, {}>;

package/package.json

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