@tekkare/auriga 0.1.188 → 0.1.190

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.188"
+  "version": "0.1.190"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -7,7 +7,6 @@
           { filters_shortcuts_open: typing },
           suggOpen && suggestions !== null ? 'no_bottom' : '',
         ]"
-        @keydown.backspace="handleDelete()"
       >
         <arg-icon
           name="MagnifyingGlass"
@@ -34,8 +33,6 @@
               ? selectSugg(filterSuggestions[optionIndex - 1])
               : addTag()
           "
-          @keydown.left="selectTag(closeIndex - 1, 0)"
-          @keydown.right="selectTag(closeIndex + 1, 1)"
           @keydown.up="typing ? shortcutSelect('asc') : selectOption(false)"
           @keydown.down="typing ? shortcutSelect('desc') : selectOption(true)"
           autocomplete="off"
@@ -295,7 +292,7 @@ export default defineComponent({
     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 regexSearch = /^[\s\.\+\/\!]|[\+\/\!\s][\s\.]+|[\s\.]+[\+\/\!\s]$|\s+[\+\/]|\s+$/g;
     const suggOpen = ref(false);
     const optionIndex = ref(0);
     const iconColor = computed(() => {

package/dist/runtime/components/argBtn.vue

@@ -77,7 +77,24 @@ export default defineComponent({
   name: "argBtn",
   components: { argIcon },
   props: {
-    btnStyle: { type: String, default: "primary-fill" },
+    btnStyle: {
+      type: String,
+      default: "primary-fill",
+      validator: (value) => {
+        return [
+          "primary-fill",
+          "primary-stroke",
+          "secondary-fill",
+          "secondary-stroke",
+          "success-fill",
+          "success-stroke",
+          "warning-fill",
+          "warning-stroke",
+          "purple-fill",
+          "purple-stroke"
+        ].includes(value);
+      }
+    },
     becomeSmall: { type: Boolean, default: false },
     icon: { type: String, default: "Spinner" },
     onlyIcon: { type: Boolean, default: false },

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

@@ -2,6 +2,7 @@ declare const _default: import("vue").DefineComponent<{
     btnStyle: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     becomeSmall: {
         type: BooleanConstructor;
@@ -47,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     btnStyle: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     becomeSmall: {
         type: BooleanConstructor;

package/dist/runtime/components/argComplexSelect.vue

@@ -32,194 +32,126 @@
       class="oip_select_complex_block"
       @click.stop
     >
-      <div class="oip_select_complex_header">
-        <h1 class="oip_select_complex_header_title">
-          {{
-            !!select_placeholder
-              ? `${select_placeholder} ${
-                  lang === "fr"
-                    ? "sélection"
-                    : lang === "es"
-                    ? "selección"
-                    : "select"
-                }`
-              : lang === "fr"
-              ? "Sélection"
-              : lang === "es"
-              ? "Selección"
-              : "Select"
-          }}
-        </h1>
-      </div>
-      <div
-        v-if="smart_selection_table !== null"
-        class="oip_select_complex_smart"
-      >
-        <h2 class="oip_select_complex_smart_title">Smart Selection</h2>
-        <div class="oip_select_complex_smart_selection">
-          <!-- Tags -->
-          <!-- List here -->
-          <div
-            v-for="(item, index) of smart_selection_table"
-            :key="index"
-            :class="[
-              'oip_tag',
-              !!smart_selection_selected &&
-              smart_selection_selected.name === item.name
-                ? 'is_primary'
-                : 'is_disabled',
-            ]"
-            @click="smart_selection_select_item(item)"
-          >
-            {{ item.name }}
+      <div class="oip_select_complex_add_selection">
+        <div
+          v-if="smart_selection_table !== null"
+          class="oip_select_complex_smart"
+        >
+          <h2 class="oip_select_complex_smart_title">
+            {{
+              lang === "fr"
+                ? "Sélection rapide"
+                : lang === "es"
+                ? "Selección rápida"
+                : "Quick selection"
+            }}
+          </h2>
+          <div class="oip_select_complex_smart_selection">
+            <arg-pills
+              v-for="(item, index) of smart_selection_table"
+              :key="index"
+              @onClick="smart_selection_select_item(item)"
+            >
+              {{ item.name }}
+            </arg-pills>
           </div>
         </div>
-      </div>
-      <p v-if="reachMax" class="warning_text">{{ getMaxSelectMsg }}</p>
-      <div class="oip_select_complex_all_selection">
-        <div class="oip_select_complex_add_selection">
-          <div class="oip_select_complex_all_title">
-            <div class="oip_select_complex_all_tittle_left">
-              {{
-                lang === "fr"
-                  ? "Disponible"
-                  : lang === "es"
-                  ? "Disponible"
-                  : "Available"
-              }}
-            </div>
-            <div
-              v-if="show_select_all"
-              class="oip_select_complex_all_tittle_right add"
-              @click="add_all_element"
-            >
-              {{
-                lang === "fr"
-                  ? "Tout sélectionner"
-                  : lang === "es"
-                  ? "Seleccionar todo"
-                  : "Select all"
-              }}
-            </div>
-            <div
-              v-if="max_amount !== null"
-              class="oip_select_complex_all_tittle_right"
+
+        <div class="oip_select_complex_add_all">
+          <div class="oip_row v-center gap-8">
+            <p class="oip_subtitle">{{ getCustomText[lang] }}</p>
+            <p
+              v-if="max_amount === null"
+              class="add_all_action"
+              @click="add_all_element()"
             >
-              {{
-                lng === "fr"
-                  ? `Maximum: ${max_amount} éléments`
-                  : lang === "es"
-                  ? `Máximo: ${max_amount} artículos`
-                  : `Maximum: ${max_amount} items`
-              }}
-            </div>
+              {{ getAddAllText[lang] }}
+            </p>
+            <p class="oip_body" v-else>(Maximum: {{ max_amount }})</p>
           </div>
-          <div class="oip_search_container">
-            <arg-icon size="20" name="MagnifyingGlass"></arg-icon>
+          <p v-if="reachMax" class="warning_text">{{ getMaxSelectMsg }}</p>
+          <div class="complex_search">
+            <arg-icon name="MagnifyingGlass" color="var(--medium)" size="14" />
             <input
-              class="oip_search_name"
+              class="complex_input"
               :placeholder="getPlaceholderAdd"
               v-model="searchNameAdd"
               @input="changeInput"
             />
-            <arg-icon
-              v-if="searchNameAdd && searchNameAdd.length > 0"
-              size="20"
-              name="XCircle"
-              @click="
-                searchNameAdd = '';
-                changeInput();
-              "
-            ></arg-icon>
-          </div>
-          <!-- List -->
-          <div
-            v-if="!loading && filterNameAdd.length > 0"
-            class="oip_select_complex_selection_container"
-          >
-            <div
-              class="oip_select_complex_selection_loop add break"
-              v-for="(element, index) of filterNameAdd"
-              :key="index"
-              @mouseover="hoverAdd = index"
-              @mouseleave="hoverAdd = null"
-              @click="add_element(element)"
-            >
-              <arg-icon
-                size="16"
-                :class="
-                  max_amount !== null && del_table.length >= max_amount
-                    ? 'disable'
-                    : ''
-                "
-                :name="
-                  hoverAdd === index ||
-                  (max_amount !== null &&
-                    del_table.length >= max_amount &&
-                    !del_table.includes(element) &&
-                    !del_table.includes(index))
-                    ? 'PlusCircleFill'
-                    : 'PlusCircle'
-                "
-              ></arg-icon>
-              <div class="oip_select_complex_selection_loop_name">
-                {{ element }}
-              </div>
-            </div>
           </div>
-          <div
-            v-else-if="loading"
-            class="oip_select_complex_selection_container"
-          >
+          <div class="oip_select_complex_options">
             <arg-data-loader
+              v-if="loading"
               :text="getLoaderText[0]"
               :sub-text="getLoaderText[1]"
             />
-          </div>
-          <div v-else class="oip_empty_dropdown">
-            <p>{{ getEmptyContentMsg }}</p>
-          </div>
-        </div>
-        <div class="oip_select_complex_del_selection">
-          <div class="oip_select_complex_all_title">
-            <div class="oip_select_complex_all_tittle_left">
-              {{
-                lang === "fr"
-                  ? "Sélectionné"
-                  : lang === "es"
-                  ? "Selección"
-                  : "Selected"
-              }}
-            </div>
-            <div
-              class="oip_select_complex_all_tittle_right del"
-              @click="del_all_element"
-            >
-              {{
-                lang === "fr"
-                  ? "Tout effacer"
-                  : lang === "es"
-                  ? "Borrar todo"
-                  : "Clear all"
-              }}
+            <div v-else-if="filterNameAdd.length > 0" class="oip_list gap-4">
+              <div
+                class="oip_select_complex_selection_loop add break"
+                v-for="(element, index) of filterNameAdd"
+                :key="index"
+                @mouseover="hoverAdd = index"
+                @mouseleave="hoverAdd = null"
+                @click="add_element(element)"
+              >
+                <arg-icon
+                  size="14"
+                  :class="
+                    max_amount !== null && del_table.length >= max_amount
+                      ? 'disable'
+                      : ''
+                  "
+                  :name="
+                    hoverAdd === index ||
+                    (max_amount !== null &&
+                      del_table.length >= max_amount &&
+                      !del_table.includes(element) &&
+                      !del_table.includes(index))
+                      ? 'PlusCircleFill'
+                      : 'PlusCircle'
+                  "
+                ></arg-icon>
+                <div class="oip_select_complex_selection_loop_name">
+                  {{ element }}
+                </div>
+              </div>
             </div>
+            <p v-else-if="filterNameAdd.length === 0 && del_table.length === 0">
+              {{ getEmptyContentMsg }}
+            </p>
           </div>
-          <div class="oip_search_container">
-            <arg-icon size="20" name="MagnifyingGlass"></arg-icon>
-            <input
-              class="oip_search_name"
-              :placeholder="getPlaceholderDel"
-              v-model="searchNameDel"
-            />
-            <arg-icon
-              v-if="searchNameDel && searchNameDel.length > 0"
-              size="20"
-              name="XCircle"
-              @click="searchNameDel = ''"
-            ></arg-icon>
-          </div>
-          <!-- List -->
-          <div class="oip_select_complex_selection_container">
+        </div>
+      </div>
+      <div class="oip_select_complex_del_selection">
+        <div class="oip_row v-center space-between full_stretch">
+          <p class="oip_subtitle">
+            {{
+              lang === "fr"
+                ? "Sélection en cours"
+                : lang === "es"
+                ? "Selección en curso"
+                : "Current selection"
+            }}
+          </p>
+          <p class="del_all_action" @click="del_all_element()">Clear</p>
+        </div>
+        <div class="complex_search">
+          <arg-icon name="MagnifyingGlass" color="var(--medium)" size="14" />
+          <input
+            class="complex_input"
+            :placeholder="getPlaceholderAdd"
+            v-model="searchNameDel"
+            @input="changeInput"
+          />
+        </div>
+        <div class="oip_select_complex_options">
+          <p class="oip_body" v-if="del_table.length === 0">
+            {{ noSelectionMsg[lang] }}
+          </p>
+          <p class="oip_body" v-else-if="filterNameDel.length === 0">
+            {{ getEmptyContentMsg }}
+          </p>
+          <div v-else class="oip_list gap-4">
             <div
               class="oip_select_complex_selection_loop del break"
               v-for="(element, index) of filterNameDel"
@@ -240,14 +172,18 @@
             </div>
           </div>
         </div>
-      </div>
-      <div v-if="need_apply" class="oip_select_complex_footer">
-        <arg-btn @click="cancel_function()" btnStyle="secondary">{{
-          lang === "fr" ? "Annuler" : lang === "es" ? "Anular" : "Cancel"
-        }}</arg-btn>
-        <arg-btn @click="apply_function()" btnStyle="primary">{{
-          lang === "fr" ? "Apply" : lang === "es" ? "Aplicar" : "Appliquer"
-        }}</arg-btn>
+        <div
+          v-if="need_apply"
+          class="oip_row v-center gap-8"
+          style="margin-top: auto; align-self: flex-end"
+        >
+          <arg-btn @click="cancel_function()" btnStyle="secondary-stroke">{{
+            lang === "fr" ? "Annuler" : lang === "es" ? "Anular" : "Cancel"
+          }}</arg-btn>
+          <arg-btn @click="apply_function()" btnStyle="primary-fill">{{
+            lang === "fr" ? "Apply" : lang === "es" ? "Aplicar" : "Appliquer"
+          }}</arg-btn>
+        </div>
       </div>
     </div>
   </div>
@@ -257,6 +193,7 @@ import { useFuse } from "@vueuse/integrations/useFuse";
 import argSimpleLabel from "./argSimpleLabel.vue";
 import argBtn from "./argBtn.vue";
 import argIcon from "./argIcon.vue";
+import argPills from "./argPills.vue";
 import argDataLoader from "./argDataLoader.vue";
 import {
   onMounted,
@@ -268,7 +205,13 @@ import {
 } from "vue";
 export default defineComponent({
   name: "argComplexSelect",
-  components: { argSimpleLabel, argBtn, argIcon, argDataLoader },
+  components: {
+    argSimpleLabel,
+    argBtn,
+    argIcon,
+    argDataLoader,
+    argPills
+  },
   props: {
     element_table: { type: Array, required: true },
     search_placeholder_add: { type: String, default: null },
@@ -323,6 +266,21 @@ export default defineComponent({
     const hoverRemove = ref(null);
     const reachMax = ref(false);
     const getLeft = ref("0");
+    const getCustomText = {
+      en: "Or custom selection",
+      fr: "Ou s\xE9lection sur mesure",
+      es: "O selecci\xF3n personalizada"
+    };
+    const getAddAllText = {
+      en: "Select all",
+      fr: "Tout s\xE9lectionner",
+      es: "Seleccionar todo"
+    };
+    const noSelectionMsg = {
+      en: "No selection yet",
+      fr: "Aucune s\xE9lection",
+      es: "Ninguna selecci\xF3n"
+    };
     onMounted(() => {
       del_table.value = Object.assign([], [...new Set(props.already_selected)]);
       add_table.value = Object.assign(
@@ -409,7 +367,7 @@ export default defineComponent({
     });
     const getMaxSelectMsg = computed(() => {
       if (props.reach_max_msg === null) {
-        return props.lang === "fr" ? "Vous avez atteint le maximum d'\xE9l\xE9ments que vous pouvez s\xE9lectionner" : props.lang === "es" ? "Ha alcanzado el n\xFAmero m\xE1ximo de elementos que puede seleccionar" : "You've reached the maximum amount of items you can select";
+        return props.lang === "fr" ? "Maximum de s\xE9lection atteint" : props.lang === "es" ? "Selecci\xF3n m\xE1xima alcanzada" : "Maximum selection reached";
       } else
         return props.reach_max_msg;
     });
@@ -464,9 +422,9 @@ export default defineComponent({
         return add_table.value.slice(0, props.max_result);
     });
     const filterNameDel = computed(() => {
-      if (searchNameDel.value !== null) {
+      if (searchNameDel.value !== null && searchNameDel.value.length > 0) {
         return del_table.value.filter(
-          (element) => element.toLowerCase().includes(searchNameDel.value.toLowerCase())
+          (element) => props.fuzzySearch ? useFuse(searchNameDel.value, del_table.value, options.value).results.value.map((a) => a.item).includes(element) : element.toLowerCase().includes(searchNameDel.value.toLowerCase())
         );
       } else
         return del_table.value;
@@ -539,6 +497,7 @@ export default defineComponent({
     function del_all_element() {
       smart_selection_selected.value = void 0;
       add_table.value = Object.assign([], [...new Set(props.element_table)]);
+      reachMax.value = false;
       del_table.value = [];
       if (!props.need_apply) {
         apply_function();
@@ -647,14 +606,17 @@ export default defineComponent({
       getPlaceholderDel,
       getMaxSelectMsg,
       getEmptyContentMsg,
-      getLeft
+      getLeft,
+      getCustomText,
+      getAddAllText,
+      noSelectionMsg
     };
   }
 });
 </script>
 
 <style scoped>
-.oip_select_complex_del_selection{flex:1;padding:16px}.oip_select_complex_add_selection{border-right:1px solid var(--light);flex:1;max-width:50%;padding:16px}.oip_select_complex_all_tittle_right,.oip_select_complex_all_tittle_right.add{font-size:12px;font-weight:500;line-height:22px;vertical-align:bottom}.oip_select_complex_all_tittle_right.add{color:var(--primary);cursor:pointer}.oip_select_complex_selection_loop.add svg.disable{color:var(--dark)!important}.oip_select_complex_selection_loop.break{word-break:break-word}.oip_select_complex_all_tittle_right.del{color:var(--system-alert);cursor:pointer;font-size:12px;font-weight:500;line-height:22px;vertical-align:bottom}.oip_select_complex_all_title{display:flex;gap:12px;margin-bottom:8px}.oip_select_complex_all_tittle_left{border-right:1px solid var(--light);color:var(--darkest);font-size:14px;font-weight:500;line-height:22px;padding-right:12px}.oip_select_complex_all_selection{display:flex}.oip_select_complex_footer{background-color:var(--white);border-radius:0 0 12px 12px;border-top:1px solid var(--light);display:flex;gap:16px;justify-content:flex-end;padding:28px 36px}.oip_select_complex_smart_title{font-size:14px;font-weight:500;line-height:22px;margin-bottom:12px}.oip_select_complex_smart_selection{display:flex;flex-wrap:wrap;gap:10px}.oip_select_complex_smart_selection>.oip_tag{cursor:pointer}.oip_select_complex_smart{margin-bottom:0;padding:16px}.oip_select_complex_block{background:var(--demi-fond);border:1px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);margin-top:15px;position:absolute;width:780px;z-index:12}.oip_select_complex_header{background-color:var(--white);border-bottom:1px solid var(--light);border-radius:12px 12px 0 0;padding:16px}.oip_select_complex_header_title{font-size:16px;font-weight:700;line-height:19px}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.oip_tag.is_disable{cursor:pointer!important}
+.oip_select_complex_del_selection{background:var(--demi-fond);border-bottom-right-radius:12px;border-left:1px solid var(--light);border-top-right-radius:12px;flex:1 1 40%;flex-direction:column}.oip_select_complex_add_selection,.oip_select_complex_del_selection{align-items:flex-start;display:flex;gap:16px;max-height:100%;padding:24px}.oip_select_complex_add_selection{background:var(--white);border-radius:12px;flex:1 1 60%;flex-direction:column}.oip_select_complex_all_tittle_right,.oip_select_complex_all_tittle_right.add{font-size:12px;font-weight:500;line-height:22px;vertical-align:bottom}.oip_select_complex_all_tittle_right.add{color:var(--primary);cursor:pointer}.oip_select_complex_selection_loop.add svg.disable{color:var(--medium)!important}.oip_select_complex_selection_loop.break{word-break:break-word}.oip_select_complex_all_tittle_right.del{color:var(--system-alert);cursor:pointer;font-size:12px;font-weight:500;line-height:22px;vertical-align:bottom}.oip_select_complex_all_title{display:flex;gap:12px;margin-bottom:8px}.oip_select_complex_all_tittle_left{border-right:1px solid var(--light);color:var(--darkest);font-size:14px;font-weight:500;line-height:22px;padding-right:12px}.oip_select_complex_all_selection{display:flex}.oip_select_complex_footer{background-color:var(--white);border-radius:0 0 12px 12px;border-top:1px solid var(--light);display:flex;gap:16px;justify-content:flex-end;padding:28px 36px}.oip_select_complex_smart_title{font-size:16px;font-style:normal;font-weight:700;line-height:normal}.oip_select_complex_smart_selection{align-content:flex-start;align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:10px}.oip_select_complex_smart_selection>.oip_tag{cursor:pointer}.oip_select_complex_smart{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:12px}.oip_select_complex_block{border:1px solid var(--light);border-radius:12px;box-shadow:var(--large-shadow);display:flex;flex-direction:row;margin-top:15px;max-height:435px;position:absolute;width:650px;z-index:12}.oip_select_complex_header{background-color:var(--white);border-bottom:1px solid var(--light);border-radius:12px 12px 0 0;padding:16px}.oip_select_complex_header_title{font-size:16px;font-weight:700;line-height:19px}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.oip_tag.is_disable{cursor:pointer!important}
 </style>
 
 <style scoped>
@@ -665,12 +627,11 @@ export default defineComponent({
 }
 
 .warning_text {
-  color: var(--system-alert);
+  color: var(--system-alert-hover);
   margin-bottom: 12px;
   font-weight: 500;
   font-size: 14px;
   line-height: 22px;
-  padding: 0px 16px;
 }
 .oip_crop {
   overflow: hidden;
@@ -683,4 +644,94 @@ export default defineComponent({
 .oip_crop.small {
   width: 98% !important;
 }
+
+.add_all_action {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%; /* 22.4px */
+  text-decoration-line: underline;
+  color: var(--primary);
+  cursor: pointer;
+  padding: 8px 16px;
+}
+
+.add_all_action:hover {
+  color: var(--primary-hover);
+}
+
+.del_all_action {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%; /* 22.4px */
+  text-decoration-line: underline;
+  color: var(--system-alert);
+  cursor: pointer;
+  padding: 8px 16px;
+}
+
+.del_all_action:hover {
+  color: var(--system-alert-hover);
+}
+
+.complex_search {
+  border-radius: 8px;
+  padding: 8px 12px;
+
+  align-items: center;
+  gap: 8px;
+
+  align-self: stretch;
+  display: flex;
+
+  border: 1px solid var(--light);
+  background: var(--white);
+}
+.complex_input:focus-visible {
+  outline: none;
+}
+
+.complex_input::placeholder {
+  font-size: 14px !important;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+  color: var(--medium);
+}
+
+.complex_input {
+  width: 100%;
+  border: none;
+}
+
+.oip_select_complex_add_all {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  overflow-y: hidden;
+  align-self: stretch;
+}
+
+.oip_select_complex_options {
+  overflow-y: scroll;
+  align-self: stretch;
+}
+.oip_select_complex_options::-webkit-scrollbar {
+  width: 4px;
+}
+
+.oip_select_complex_options::-webkit-scrollbar-thumb {
+  background: var(--light);
+  border-radius: 12px !important;
+}
+
+.oip_select_complex_options::-webkit-scrollbar-thumb:hover {
+  background: var(--medium) !important ;
+}
+
+.full_stretch {
+  align-self: stretch;
+}
 </style>

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

@@ -162,6 +162,21 @@ declare const _default: import("vue").DefineComponent<{
     getMaxSelectMsg: import("vue").ComputedRef<string>;
     getEmptyContentMsg: import("vue").ComputedRef<string>;
     getLeft: import("vue").Ref<string>;
+    getCustomText: {
+        en: string;
+        fr: string;
+        es: string;
+    };
+    getAddAllText: {
+        en: string;
+        fr: string;
+        es: string;
+    };
+    noSelectionMsg: {
+        en: string;
+        fr: string;
+        es: string;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection")[], "changeElement" | "changeAddInputValue" | "update:Selection", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {

package/dist/runtime/components/argMainLayout.vue

@@ -20,12 +20,7 @@
 </template>
 <script>
 import { useRoute } from "#app";
-import {
-  onMounted,
-  watch,
-  defineComponent,
-  onUpdated
-} from "vue";
+import { onMounted, watch, defineComponent, onUpdated } from "vue";
 import argFooter from "./argFooter.vue";
 import argStyle from "./argStyle.vue";
 export default defineComponent({

package/dist/runtime/components/argPills.vue

@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <client-only><arg-style /></client-only>
+    <div
+      :class="[
+        `oip_pill is_${setStyle} have_close_${haveClose}`,
+        isActive ? 'active' : '',
+      ]"
+      @click="clickPill"
+    >
+      <slot></slot>
+      <arg-icon v-if="haveClose" name="X" size="14" @click="close()"></arg-icon>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref, defineComponent } from "vue";
+import argIcon from "./argIcon.vue";
+import argStyle from "./argStyle.vue";
+export default defineComponent({
+  name: "argPills",
+  components: { argIcon, argStyle },
+  props: {
+    setStyle: {
+      type: String,
+      default: "gray",
+      validator: (value) => {
+        return [
+          "gray",
+          "rose",
+          "pink",
+          "fushia",
+          "purple",
+          "violet",
+          "indigo",
+          "blue",
+          "sky",
+          "cyan",
+          "teal",
+          "emerald",
+          "green",
+          "lime",
+          "yellow",
+          "amber",
+          "orange"
+        ].includes(value);
+      }
+    },
+    haveClose: { type: Boolean, default: false },
+    active: { type: Boolean, default: false }
+  },
+  emits: ["onClose", "onClick"],
+  setup(props, { emit }) {
+    const isActive = ref(props.active);
+    function clickPill() {
+      if (!props.haveClose) {
+        isActive.value = !isActive.value;
+        emit("onClick");
+      }
+    }
+    function close() {
+      emit("onClose");
+    }
+    return { close, isActive, clickPill };
+  }
+});
+</script>
+
+<style scoped>
+.have_close_true{cursor:pointer}
+</style>

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

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<{
+    setStyle: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    haveClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    close: () => void;
+    isActive: import("vue").Ref<boolean>;
+    clickPill: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onClick")[], "onClose" | "onClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    setStyle: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    haveClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onOnClose?: ((...args: any[]) => any) | undefined;
+    onOnClick?: ((...args: any[]) => any) | undefined;
+}, {
+    setStyle: string;
+    haveClose: boolean;
+    active: boolean;
+}, {}>;
+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: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}
+.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{font-style:normal;line-height:160%;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{align-self:stretch;cursor:pointer;display:flex;flex-grow:1;gap:8px;min-height:24px}.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_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/argSortIcon.vue

@@ -65,6 +65,6 @@ export default defineComponent({
 });
 </script>
 
-<style>
+<style scoped>
 .phosphor-icon{cursor:pointer;flex-shrink:0!important}svg>polyline{transition:stroke .3s ease,stroke-width .3s ease}
 </style>

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:#0f44be;--primary-light:#d3e4ff;--accent:#2176ff;--accent-hover:#0f44be;--system-alert:#ef4444;--system-alert-hover:#d21616;--warning:#fd9147;--system-success:#22c55e;--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:4px 7px 12px 0px rgba(33,118,255,.2);--secondary-button-shadow:4px 7px 12px 0px rgba(62,63,94,.2);--warning-button-shadow:4px 7px 12px 0px rgba(239,68,68,.2);--system-success-button-shadow:4px 7px 12px 0px rgba(34,197,94,.2);--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:700!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:8px;--squircle-smooth:1;align-self:stretch;min-height:100%}.oip_primary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--primary-button-shadow)!important}.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_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:var(--primary)!important;border:2px solid var(--primary)!important;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:var(--primary-hover)!important;border:2px solid var(--primary-hover)!important;box-shadow:none!important;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:var(--primary)!important;border:2px solid var(--primary)!important;box-shadow:var(--primary-button-shadow)!important;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:var(--primary-hover)!important;border:2px solid var(--primary-hover)!important;box-shadow:var(--primary-button-shadow)!important;color:var(--white)!important}.oip_secondary-fill_button{background:var(--darkest)!important;border:2px solid var(--darkest)!important;box-shadow:4px 7px 12px 0 rgba(62,63,94,.2)!important;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:#21223d!important;border:2px solid #21223d!important;box-shadow:none!important}.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:var(--darkest)!important;border:2px solid var(--darkest)!important;box-shadow:4px 7px 12px 0 rgba(62,63,94,.2)!important;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:2px solid rgba(62,63,94,.2)!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:2px solid rgba(62,63,94,.2)!important;box-shadow:none!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:2px solid rgba(62,63,94,.2)!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:2px solid rgba(33,118,255,.2)!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{background:rgba(33,118,255,.05)!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:2px solid rgba(239,68,68,.2);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{background:rgba(239,68,68,.05)!important;border:2px solid rgba(251,70,84,.2)!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:2px 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:2px solid rgba(239,68,68,.2)!important;box-shadow:none!important;color:var(--system-alert)!important;padding:0 6px!important}.oip_warning-stroke_icon_button:hover{border:2px solid rgba(251,70,84,.2)!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:var(--system-alert)!important;border:2px solid rgba(239,68,68,.2);box-shadow:4px 7px 12px 0 rgba(239,68,68,.2)!important;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:var(--system-alert-hover)!important;border:2px solid var(--system-alert-hover)!important;box-shadow:none!important}.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:var(--system-alert)!important;border:2px solid var(--system-alert)!important;box-shadow:4px 7px 12px 0 rgba(239,68,68,.2)!important;color:var(--white)!important;padding:0 6px!important}.oip_success-fill_button{background:var(--green)!important;border:2px solid var(--green)!important;box-shadow:4px 7px 12px 0 rgba(34,197,94,.2)!important;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:#069a3d!important;border:2px solid #069a3d!important;box-shadow:none!important}.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:var(--green)!important;border:2px solid var(--green)!important;box-shadow:4px 7px 12px 0 rgba(34,197,94,.2)!important;color:var(--white)!important;padding:0 6px!important}.oip_success-stroke_button{background:transparent!important;border:2px solid rgba(34,197,94,.2)!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{background:rgba(34,197,94,.05)!important;border:2px solid rgba(34,197,94,.2)!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_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;background:var(--darkest);border-radius:4px;color:var(--white);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>svg{cursor:pointer;stroke:var(--white);margin-right:-5px}.oip_tag.is_disabled{background-color:var(--white)!important;color:var(--medium)!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_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_tag .oip_tag__close{cursor:pointer;display:inline-block;margin-left:4px;margin-top:-2px;vertical-align:middle}.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}.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/dist/runtime/components/argTags.vue

@@ -18,7 +18,32 @@ export default defineComponent({
   name: "argTags",
   components: { argIcon, argStyle },
   props: {
-    setStyle: { type: String, default: "gray" },
+    setStyle: {
+      type: String,
+      default: "gray",
+      validator: (value) => {
+        return [
+          "transparent",
+          "gray",
+          "rose",
+          "pink",
+          "fushia",
+          "purple",
+          "violet",
+          "indigo",
+          "blue",
+          "sky",
+          "cyan",
+          "teal",
+          "emerald",
+          "green",
+          "lime",
+          "yellow",
+          "amber",
+          "orange"
+        ].includes(value);
+      }
+    },
     haveClose: { type: Boolean, default: false }
   },
   emits: ["onClose"],

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

@@ -2,6 +2,7 @@ declare const _default: import("vue").DefineComponent<{
     setStyle: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     haveClose: {
         type: BooleanConstructor;
@@ -13,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     setStyle: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     haveClose: {
         type: BooleanConstructor;

package/dist/runtime/components/argTextBtn.vue

@@ -1,7 +1,11 @@
 <template>
   <div
     class="arg_text_btn"
-    :class="[`${textStyle}_text_btn`, disable ? 'disable_text_btn' : '']"
+    :class="[
+      `${textStyle}_text_btn`,
+      disable ? 'disable_text_btn' : '',
+      `text_btn_${size}`,
+    ]"
     @click="sendAction()"
   >
     <slot />
@@ -19,12 +23,25 @@ export default defineComponent({
       type: String,
       default: "primary",
       validator: (value) => {
-        return ["primary", "warning"].includes(value);
+        return [
+          "primary",
+          "warning",
+          "success",
+          "secondary",
+          "purple"
+        ].includes(value);
       }
     },
     disable: {
       type: Boolean,
       default: false
+    },
+    size: {
+      type: String,
+      default: "s",
+      validator: (value) => {
+        return ["s", "m"].includes(value);
+      }
     }
   },
   emits: ["onClick"],
@@ -40,5 +57,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_text_btn{cursor:pointer;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.primary_text_btn.disable_text_btn,.primary_text_btn.disable_text_btn:hover,.warning_text_btn.disable_text_btn,.warning_text_btn.disable_text_btn:hover{color:var(--medium)!important;cursor:not-allowed!important}.primary_text_btn{color:var(--primary)!important}.primary_text_btn:hover{color:var(--primary-hover)!important}.warning_text_btn{color:var(--system-alert)!important}.warning_text_btn:hover{color:var(--system-alert-hover)!important}
+.arg_text_btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-style:normal;font-weight:500;gap:8px;justify-content:center;line-height:normal;text-decoration-line:underline}.text_btn_s{padding:8px 16px}.text_btn_m{padding:12px 16px}.primary_text_btn.disable_text_btn,.primary_text_btn.disable_text_btn:hover,.warning_text_btn.disable_text_btn,.warning_text_btn.disable_text_btn:hover{color:var(--medium)!important;cursor:not-allowed!important}.primary_text_btn{color:var(--primary)!important}.primary_text_btn:hover{background:rgba(23,75,210,.04)!important}.primary_text_btn:hover,.primary_text_btn:hover svg{color:var(--primary-hover)!important}.warning_text_btn{color:var(--system-alert)!important}.warning_text_btn:hover{background:rgba(210,22,22,.04)!important}.warning_text_btn:hover,.warning_text_btn:hover svg{color:var(--system-alert-hover)!important}.secondary_text_btn,.secondary_text_btn:hover{color:var(--darkest)!important}.secondary_text_btn:hover{background:rgba(30,41,59,.04)!important}.secondary_text_btn:hover svg{color:var(--darkest)!important}.success_text_btn{color:var(--system-success)!important}.success_text_btn:hover{background:rgba(19,142,64,.04)!important}.success_text_btn:hover,.success_text_btn:hover svg{color:var(--system-success-hover)!important}.purple_text_btn{color:#a855f7!important}.purple_text_btn:hover{background:rgba(120,15,218,.04)!important}.purple_text_btn:hover,.purple_text_btn:hover svg{color:#780fda!important}
 </style>

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

@@ -8,6 +8,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {
     sendAction: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -20,9 +25,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onOnClick?: ((...args: any[]) => any) | undefined;
 }, {
+    size: string;
     disable: boolean;
     textStyle: string;
 }, {}>;

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

@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    defaultOpen: boolean;
     haveClose: boolean;
+    defaultOpen: boolean;
     haveMore: boolean;
     tipsLang: string;
 }, {}>;

package/package.json

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