@tekkare/auriga 0.2.22 → 0.2.24

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.22"
+  "version": "0.2.24"
 }

package/dist/runtime/components/argHeaderTabs.vue

@@ -1,11 +1,15 @@
 <template>
-  <div class="header_tabs_section">
+  <div id="header_tabs_container" class="header_tabs_section">
     <div class="header_tabs">
-      <div class="header_tabs_overlay">
-        <div
-          class="header_one_tab_active-selector"
-          :id="`header_nav_bar`"
-        ></div>
+      <div
+        v-show="isOverflow"
+        class="rcd_scroll_icon scroll_left"
+        @click="scroll_left"
+      >
+        <arg-icon name="CaretLeft" size="12" color="var(--medium)" />
+      </div>
+      <div id="header_scroll_tabs" class="header_tabs_overlay">
+        <div class="header_one_tab_active-selector" id="header_nav_bar"></div>
         <span
           class="header_one_tab_container"
           v-for="(tab, index) in tabs"
@@ -23,9 +27,17 @@
           </button>
         </span>
       </div>
+      <div
+        v-show="isOverflow"
+        class="rcd_scroll_icon scroll_right"
+        @click="scroll_right"
+      >
+        <arg-icon name="CaretRight" size="12" color="var(--medium)" />
+      </div>
     </div>
   </div>
 </template>
+
 <script>
 import {
   onMounted,
@@ -51,6 +63,7 @@ export default defineComponent({
     const true_index_menu = ref(props.index_menu);
     const scrollValue = ref(0);
     const oldWidth = ref();
+    const isOverflow = ref(false);
     watch(
       () => props.index_menu,
       (new_index_menu) => {
@@ -70,18 +83,17 @@ export default defineComponent({
     });
     const getTranslationWidth = computed(() => {
       let translateWidth = 0;
-      if (true_index_menu.value === 1) {
-        return 0;
-      } else {
-        let i = 0;
-        while (i + 1 < true_index_menu.value) {
-          translateWidth += tabsWidth.value[i];
-          i += 1;
-        }
-        return translateWidth;
+      let i = 0;
+      while (i + 1 < true_index_menu.value) {
+        translateWidth += tabsWidth.value[i];
+        i += 1;
       }
+      return translateWidth;
     });
     function changeMenu(value) {
+      if (value === 1) {
+        scrollValue.value = 0;
+      }
       if (typeof true_index_menu.value === "string") {
         emit("updateMenu", value.toString());
         emit("update:Menu", value.toString());
@@ -90,17 +102,49 @@ export default defineComponent({
         emit("update:Menu", value);
       }
       true_index_menu.value = value;
+      scrollToActiveTab();
       setBarWidth();
     }
     function setBarWidth() {
-      const selector = document?.getElementById(`header_nav_bar`);
+      const selector = document?.getElementById("header_nav_bar");
+      const element = document?.getElementById(
+        `headerTab${true_index_menu.value}`
+      );
+      const container = document?.getElementById("header_scroll_tabs");
+      if (element !== null && selector !== null && container !== null) {
+        const elementRect = element.getBoundingClientRect();
+        const containerRect = container.getBoundingClientRect();
+        let width = element.offsetWidth;
+        let leftOffset = 0;
+        if (elementRect.left < containerRect.left) {
+          leftOffset = containerRect.left - elementRect.left;
+        }
+        if (elementRect.right > containerRect.right) {
+          width = containerRect.right - elementRect.left;
+        }
+        selector.style.width = `${width - leftOffset}px`;
+        selector.style.transform = `translateX(${element.offsetLeft + leftOffset - container.scrollLeft}px)`;
+      }
+    }
+    function isPartiallyHidden(element, container) {
+      const elementRect = element.getBoundingClientRect();
+      const containerRect = container.getBoundingClientRect();
+      return elementRect.left < containerRect.left || elementRect.right > containerRect.right;
+    }
+    function scrollToActiveTab() {
       const element = document?.getElementById(
         `headerTab${true_index_menu.value}`
       );
-      if (element !== null && selector !== null) {
-        const width = element.offsetWidth;
-        selector.style.width = `${width}px`;
-        selector.style.transform = `translateX(${getTranslationWidth.value + scrollValue.value + 24 * (true_index_menu.value - 1)}px)`;
+      const container = document?.getElementById("header_scroll_tabs");
+      if (element !== null && container !== null) {
+        const elementRect = element.getBoundingClientRect();
+        const containerRect = container.getBoundingClientRect();
+        if (elementRect.left < containerRect.left) {
+          container.scrollLeft -= containerRect.left - elementRect.left;
+        }
+        if (elementRect.right > containerRect.right) {
+          container.scrollLeft += elementRect.right - containerRect.right;
+        }
       }
     }
     onMounted(() => {
@@ -110,6 +154,7 @@ export default defineComponent({
       });
       window.onresize = () => {
         const content = document?.querySelector(".header_tabs_overlay");
+        document.addEventListener("resize", checkOverflow);
         if (content !== null) {
           if (window.innerWidth > oldWidth.value) {
             if (content.scrollLeft === 0) {
@@ -118,14 +163,57 @@ export default defineComponent({
           }
           oldWidth.value = window.innerWidth;
         }
-        setBarWidth();
+        setTimeout(() => {
+          checkOverflow();
+          setBarWidth();
+        }, 100);
       };
     });
+    function checkOverflow() {
+      const container = document.getElementById("header_tabs_container");
+      const content = document.getElementById("header_scroll_tabs");
+      if (content?.scrollWidth > container?.clientWidth - 48) {
+        isOverflow.value = true;
+      } else
+        isOverflow.value = false;
+    }
+    function scroll_left() {
+      const content = document.getElementById("header_scroll_tabs");
+      if (content !== null) {
+        if (content.scrollLeft - 20 <= 0) {
+          scrollValue.value += content.scrollLeft;
+          content.scrollLeft -= content.scrollLeft;
+        } else {
+          scrollValue.value += 20;
+          content.scrollLeft -= 20;
+        }
+        setBarWidth();
+      }
+    }
+    function scroll_right() {
+      const content = document.getElementById("header_scroll_tabs");
+      if (content !== null) {
+        const maxWidth = content.scrollWidth - content.clientWidth;
+        if (content.scrollLeft + 20 >= maxWidth) {
+          const widthLeft = maxWidth - content.scrollLeft;
+          content.scrollLeft += widthLeft;
+          scrollValue.value -= widthLeft;
+        } else {
+          content.scrollLeft += 20;
+          scrollValue.value -= 20;
+        }
+        setBarWidth();
+      }
+    }
     return {
       true_index_menu,
       scrollValue,
       oldWidth,
-      changeMenu
+      changeMenu,
+      isOverflow,
+      checkOverflow,
+      scroll_left,
+      scroll_right
     };
   }
 });
@@ -133,5 +221,5 @@ export default defineComponent({
 
 <!-- Custom navbar -->
 <style scoped>
-.header_tabs{background-color:transparent;border-radius:12px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-x:hidden}.header_tabs_overlay{overflow:hidden}.header_one_tab_container{display:inline-block;margin-right:24px}.header_one_tab{background-color:transparent;border:none;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow:hidden;overflow-wrap:break-word;padding:0 0 8px;text-align:center;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--darkest)}.header_one_tab_active-selector{border-bottom:3px solid var(--primary);bottom:0;height:2px;left:0;list-style:none;min-width:5px;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.header_one_tab_bis{align-items:center;display:flex;gap:8px;justify-content:center}.header_one_tab_icon.active{color:var(--primary)}
+.header_tabs{background-color:transparent;border-radius:12px;display:flex;flex-direction:row;gap:16px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-x:hidden}.header_tabs_overlay{overflow-x:scroll}.header_tabs_overlay::-webkit-scrollbar{display:none!important}.header_one_tab_container{display:inline-block;margin-right:24px}.header_one_tab_container:last-of-type{margin-right:0!important}.header_one_tab{background-color:transparent;border:none;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow:hidden;overflow-wrap:break-word;padding:0 0 8px;text-align:center;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--darkest)}.header_one_tab_active-selector{border-bottom:3px solid var(--primary);bottom:0;height:2px;left:0;list-style:none;min-width:5px;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.header_one_tab_bis{align-items:center;display:flex;gap:8px;justify-content:center}.header_one_tab_icon.active{color:var(--primary)}.rcd_scroll_icon{cursor:pointer}
 </style>

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<{
     scrollValue: import("vue").Ref<number>;
     oldWidth: import("vue").Ref<any>;
     changeMenu: (value: number | string) => void;
+    isOverflow: import("vue").Ref<boolean>;
+    checkOverflow: () => void;
+    scroll_left: () => void;
+    scroll_right: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateMenu" | "update:Menu")[], "updateMenu" | "update:Menu", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: ArrayConstructor;

package/dist/runtime/components/argNavBar.vue

@@ -111,7 +111,7 @@ export default defineComponent({
     function checkOverflow() {
       const container = document.getElementById("tabs_container");
       const content = document.getElementById("scroll_tabs");
-      if (content.scrollWidth > container.clientWidth - 48) {
+      if (content?.scrollWidth > container?.clientWidth - 48) {
         isOverflow.value = true;
       } else
         isOverflow.value = false;
@@ -208,5 +208,5 @@ export default defineComponent({
 
 <!-- Custom navbar -->
 <style scoped>
-.rcd_scroll_icon{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:calc(100% - 8px);padding:4px 12px;position:absolute;top:0;z-index:2}.scroll_left{border-right:1px solid var(--demi-fond);box-shadow:4px 0 10px rgba(62,63,94,.04);left:0}.scroll_right{border-left:1px solid var(--demi-fond);box-shadow:-4px 0 10px rgba(62,63,94,.04);right:0}.tabs_overflow{padding:0 40px!important}.rcd_tabs{background-color:var(--white);border:1px solid var(--light);border-radius:8px;box-shadow:var(--small-shadow);margin-bottom:30px;padding:0 24px;position:relative;white-space:nowrap;width:auto}.rcd_tabs_overlay{align-items:center;display:flex;flex-direction:row;gap:32px;overflow-x:scroll;position:relative;scrollbar-width:none}.rcd_tabs_overlay::-webkit-scrollbar{display:none!important}.rcd_one_tab_container{display:inline-block;padding:16px 0}.rcd_one_tab{align-items:center;background-color:transparent;border:none;color:var(--medium);display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:700;gap:4px;list-style:none;overflow-wrap:break-word;padding:0!important;text-align:center;vertical-align:middle;white-space:pre-line}.rcd_one_tab:hover{cursor:pointer}.rcd_one_tab.active,.rcd_one_tab:hover{color:var(--darkest)}.rcd_one_tab_active-selector{background:var(--accent);bottom:0;height:3px;left:0;list-style:none;overflow-x:hidden;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.rcd_tabs_separator{border-left:1px solid var(--medium);display:initial;height:20px}.rcd_tabs_left-caret{left:0}.rcd_tabs_left-caret,.rcd_tabs_right-caret{align-items:center;color:var(--medium)!important;cursor:pointer;height:20px;padding:4px 12px;position:absolute;top:18.5px;width:36px}.rcd_tabs_right-caret{right:0}
+.rcd_scroll_icon{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:calc(100% - 8px);padding:4px 12px;position:absolute;top:0;z-index:2}.scroll_left{border-right:1px solid var(--demi-fond);box-shadow:4px 0 10px rgba(62,63,94,.04);left:0}.scroll_right{border-left:1px solid var(--demi-fond);box-shadow:-4px 0 10px rgba(62,63,94,.04);right:0}.tabs_overflow{max-width:calc(100% - 80px)!important;padding:0 40px!important}.rcd_tabs{background-color:var(--white);border:1px solid var(--light);border-radius:8px;box-shadow:var(--small-shadow);margin-bottom:30px;max-width:calc(100% - 48px);padding:0 24px;position:relative;white-space:nowrap;width:auto}.rcd_tabs_overlay{align-items:center;display:flex;flex-direction:row;gap:32px;overflow-x:scroll;position:relative;scrollbar-width:none}.rcd_tabs_overlay::-webkit-scrollbar{display:none!important}.rcd_one_tab_container{display:inline-block;padding:16px 0}.rcd_one_tab{align-items:center;background-color:transparent;border:none;color:var(--medium);display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:700;gap:4px;list-style:none;overflow-wrap:break-word;padding:0!important;text-align:center;vertical-align:middle;white-space:pre-line}.rcd_one_tab:hover{cursor:pointer}.rcd_one_tab.active,.rcd_one_tab:hover{color:var(--darkest)}.rcd_one_tab_active-selector{background:var(--accent);bottom:0;height:3px;left:0;list-style:none;overflow-x:hidden;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.rcd_tabs_separator{border-left:1px solid var(--medium);display:initial;height:20px}.rcd_tabs_left-caret{left:0}.rcd_tabs_left-caret,.rcd_tabs_right-caret{align-items:center;color:var(--medium)!important;cursor:pointer;height:20px;padding:4px 12px;position:absolute;top:18.5px;width:36px}.rcd_tabs_right-caret{right:0}
 </style>

package/dist/runtime/components/argScopeModal.vue

@@ -131,7 +131,14 @@
 </template>
 
 <script>
-import { ref, defineComponent, watch, computed } from "vue";
+import {
+  ref,
+  defineComponent,
+  onMounted,
+  watch,
+  computed,
+  onUnmounted
+} from "vue";
 import argIcon from "./argIcon.vue";
 import argBtn from "./argBtn.vue";
 import argTags from "./argTags.vue";
@@ -153,6 +160,21 @@ export default defineComponent({
   },
   emits: ["onClose", "onSave"],
   setup(props, { emit }) {
+    onMounted(() => {
+      const body = document.querySelector("html");
+      if (body) {
+        body.style.overflow = "hidden";
+      }
+    });
+    onUnmounted(() => {
+      removeOverflow();
+    });
+    const removeOverflow = () => {
+      const body = document.querySelector("html");
+      if (body) {
+        body.style.removeProperty("overflow");
+      }
+    };
     const scopeName = ref("");
     const scopeDescr = ref("");
     const nameFilled = ref(false);
@@ -176,6 +198,7 @@ export default defineComponent({
       return allCriteria;
     });
     function closeSaveScope() {
+      removeOverflow();
       emit("onClose");
     }
     function saveScope() {

package/dist/runtime/components/argStyle.vue

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

@@ -88,7 +88,7 @@
                 :id="`${contIndex}-row`"
                 :class="
                   !alternateColor
-                    ? getWhiteLines.includes(contIndex)
+                    ? content.white
                       ? 'white_bg'
                       : 'grey_bg'
                     : isOdd(contIndex)
@@ -97,7 +97,7 @@
                 "
               >
                 <td
-                  v-for="(value, valIndex) in content"
+                  v-for="(value, valIndex) in content.values"
                   :key="valIndex"
                   :class="[
                     { 'rcd-NA': isNA(value) },
@@ -170,7 +170,7 @@
                 <td class="more_section" :colspan="heads.length.toString()">
                   <slot
                     name="showMore"
-                    v-bind:value="[contIndex, finalTable[contIndex][0]]"
+                    v-bind:value="[contIndex, finalTable[contIndex].values[0]]"
                   />
                 </td>
               </tr>
@@ -581,7 +581,10 @@ export default defineComponent({
             row.push(nullValue);
           }
         }
-        result.push(row);
+        result.push({
+          values: row,
+          white: props.whiteLines !== null ? props.whiteLines.includes(i) : false
+        });
         row = [];
       }
       return result;
@@ -602,7 +605,7 @@ export default defineComponent({
           for (let i = 0; i < dataValues.value.length; i += 1) {
             let j = 0;
             while (j < props.searchColumns.length) {
-              if (dataValues.value[i][props.searchColumns[j]].toString().toLowerCase().includes(searchKey.value.toLowerCase())) {
+              if (dataValues.value[i].values[props.searchColumns[j]].toString().toLowerCase().includes(searchKey.value.toLowerCase())) {
                 row = dataValues.value[i];
                 tempTable.push(row);
                 row = [];
@@ -614,11 +617,11 @@ export default defineComponent({
         } else {
           for (let i = 0; i < dataValues.value.length; i += 1) {
             for (let j = 0; j < dataValues.value[i].length; j++) {
-              if (dataValues.value[i][j].toString().toLowerCase().includes(searchKey.value.toLowerCase())) {
+              if (dataValues.value[i].values[j].toString().toLowerCase().includes(searchKey.value.toLowerCase())) {
                 row = dataValues.value[i];
                 tempTable.push(row);
                 row = [];
-                j = dataValues.value[i].length;
+                j = dataValues.value[i].values.length;
               }
             }
           }
@@ -633,7 +636,7 @@ export default defineComponent({
       }
       return sorted.sort((a, b) => {
         if (sortDir.value === "asc") {
-          if (a[sortIndex.value] < b[sortIndex.value]) {
+          if (a.values[sortIndex.value] < b.values[sortIndex.value]) {
             if (navigator.userAgent.indexOf("Firefox") !== -1) {
               return 1;
             } else {
@@ -642,7 +645,7 @@ export default defineComponent({
           }
         }
         if (sortDir.value === "desc") {
-          if (a[sortIndex.value] > b[sortIndex.value]) {
+          if (a.values[sortIndex.value] > b.values[sortIndex.value]) {
             if (navigator.userAgent.indexOf("Firefox") !== -1) {
               return 1;
             } else {
@@ -709,32 +712,6 @@ export default defineComponent({
       savePageSize.value = props.pageSize;
       showToggle.value = props.toggleDisplay;
     }
-    const areObjectsIdentical = (obj1, obj2) => {
-      if (!Array.isArray(obj1) || !Array.isArray(obj2)) {
-        return false;
-      }
-      if (obj1.length !== obj2.length) {
-        return false;
-      }
-      return obj1.every((value, index) => {
-        return value === obj2[index];
-      });
-    };
-    const getWhiteLines = computed(() => {
-      const newIndexes = [];
-      if (props.whiteLines !== null) {
-        props.whiteLines?.forEach((elem) => {
-          const index = finalTable.value.findIndex(
-            (a) => areObjectsIdentical(
-              a,
-              props.contents[elem].values.map((b) => b === null ? "-" : b)
-            ) === true
-          );
-          newIndexes.push(index);
-        });
-      }
-      return newIndexes;
-    });
     return {
       sortCol,
       sortDir,
@@ -778,8 +755,7 @@ export default defineComponent({
       hasReadMore,
       tableKey,
       alternateColor,
-      cropKey,
-      getWhiteLines
+      cropKey
     };
   }
 });

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

@@ -217,7 +217,6 @@ declare const _default: import("vue").DefineComponent<{
     tableKey: import("vue").Ref<number>;
     alternateColor: import("vue").ComputedRef<boolean>;
     cropKey: import("vue").Ref<number>;
-    getWhiteLines: import("vue").ComputedRef<number[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeInputValue"[], "changeInputValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     heads: {
         type: {

package/package.json

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