@tekkare/auriga 0.1.167 → 0.1.169

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{color:var(--darkest);font-size:12px;font-style:normal;font-weight:400;line-height:14px}.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%}
+@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{color:var(--darkest);font-size:12px;font-style:normal;font-weight:400;line-height:14px}.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}
 </style>

package/dist/runtime/components/argTagsRow.vue

@@ -1,22 +1,31 @@
 <template>
-  <div ref="container" class="oip_row v-center gap-8 global_tags-container">
-    <div class="tags_container" ref="tagsContainer">
-      <ArgTags v-for="(tag, index) in newTags" :key="index">{{ tag }}</ArgTags>
-    </div>
-    <p
-      v-if="haveHiddenTags"
-      ref="hiddenTagCounter"
-      class="hidden_tags_counter"
-      :style="{ left: leftTag + 'px' }"
-    >
-      <ArgTooltip
-        :tooltip-text="`${tags.slice(-hiddenTagsCount).join('\n')}`"
-        dir="bottom"
-        :override-height="true"
+  <div 
+    ref="tagsContainer" 
+    class="arg_page_full border"
+  >
+    <div class="oip_row v-center gap-8 arg_page_full">
+      <div class="tags_container">
+        <ArgTags 
+          v-for="(tag, index) in newTags" 
+          :key="index"
+        >
+          {{ tag }}
+        </ArgTags>
+      </div>
+      <p
+        v-if="haveHiddenTags"
+        ref="hiddenTagCounter"
+        class="hidden_tags_counter"
       >
-        +{{ hiddenTagsCount }}
-      </ArgTooltip>
-    </p>
+        <ArgTooltip
+          :tooltip-text="`${hiddenTags.join('\n')}`"
+          dir="bottom"
+          :override-height="true"
+        >
+          +{{ hiddenTagsCount }}
+        </ArgTooltip>
+      </p>
+    </div>
   </div>
 </template>
 
@@ -24,86 +33,85 @@
 import {
   computed,
   onMounted,
-  onBeforeUnmount,
   ref,
   nextTick,
   defineComponent,
   watch
 } from "vue";
 import ArgTooltip from "./argTooltip.vue";
+import ArgTags from "./argTags.vue";
 export default defineComponent({
   name: "argTagsRow",
-  components: { ArgTooltip },
+  components: { ArgTooltip, ArgTags },
   props: {
     tags: { type: Array, default: () => [] }
   },
   setup(props) {
-    const container = ref(null);
     const tagsContainer = ref(null);
     const hiddenTagCounter = ref(null);
-    const haveHiddenTags = ref(false);
-    const hiddenTagsCount = ref(0);
-    const leftTag = ref(0);
-    const componentKey = ref(0);
-    const newTags = computed(() => {
-      return haveHiddenTags.value ? props.tags.slice(0, -hiddenTagsCount.value) : props.tags;
+    const haveHiddenTags = computed(() => {
+      return props.tags.length > newTags.value.length;
     });
+    const hiddenTagsCount = ref(0);
+    const hiddenTags = ref([]);
+    const newTags = ref([props.tags[0]]);
     const adjustTagsRow = () => {
-      if (!container.value || !tagsContainer.value)
+      if (!tagsContainer.value)
         return;
-      const containerWidth = container.value.offsetWidth - 20;
-      let totalTagsWidth = 0;
-      let hiddenIndex = -1;
+      const containerWidth = tagsContainer.value.clientWidth - 28;
+      const gap = 8;
+      const base = [props.tags[0]];
+      const currentHiddenTags = [];
+      let totalTagsWidth = getTextWidth(props.tags[0]) + gap;
       for (let i = 0; i < props.tags.length; i++) {
-        const tagElement = tagsContainer.value.children[i];
-        if (!tagElement) {
-          hiddenIndex = i;
-          break;
-        }
-        totalTagsWidth += tagElement.offsetWidth + 8;
-        if (totalTagsWidth > containerWidth) {
-          hiddenIndex = i;
-          break;
+        if (i !== 0) {
+          const tag = props.tags[i];
+          const tagWidth = getTextWidth(tag) + gap;
+          if (totalTagsWidth + tagWidth > containerWidth) {
+            currentHiddenTags.push(tag);
+          } else {
+            totalTagsWidth += tagWidth + 1;
+            base.push(tag);
+          }
         }
-        leftTag.value = totalTagsWidth;
-      }
-      if (hiddenIndex >= 0) {
-        haveHiddenTags.value = true;
-        hiddenTagsCount.value = props.tags.length - hiddenIndex;
-      } else {
-        haveHiddenTags.value = false;
-        hiddenTagsCount.value = 0;
       }
-      if (containerWidth > totalTagsWidth) {
-        haveHiddenTags.value = false;
-        hiddenTagsCount.value = 0;
+      for (let i = 0; i < currentHiddenTags.length; i++) {
+        const tagWidth = getTextWidth(currentHiddenTags[i]) + gap;
+        if (totalTagsWidth + tagWidth <= containerWidth) {
+          totalTagsWidth += tagWidth;
+          base.push(currentHiddenTags[i]);
+          hiddenTagsCount.value--;
+        }
       }
-      componentKey.value++;
+      hiddenTags.value = currentHiddenTags;
+      hiddenTagsCount.value = currentHiddenTags.length;
+      newTags.value = base;
     };
-    const handleResize = () => {
-      nextTick(adjustTagsRow);
+    const getTextWidth = (text) => {
+      const canvas = document.createElement("canvas");
+      const context = canvas.getContext("2d");
+      if (!context || !tagsContainer.value)
+        return 0;
+      context.font = "12px Figtree";
+      return context.measureText(text).width + 16;
     };
     onMounted(() => {
       nextTick(adjustTagsRow);
-      window.addEventListener("resize", handleResize);
-    });
-    onBeforeUnmount(() => {
-      window.removeEventListener("resize", handleResize);
+      window.addEventListener("resize", adjustTagsRow);
     });
     watch(() => props.tags, adjustTagsRow);
     return {
-      container,
-      tagsContainer,
+      newTags,
       hiddenTagCounter,
       haveHiddenTags,
       hiddenTagsCount,
-      newTags,
-      leftTag
+      hiddenTags,
+      tagsContainer
     };
   }
 });
 </script>
 
 <style scoped>
-.global_tags-container{position:relative}.tags_container{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-right:20px;max-height:22px;overflow:hidden}.hidden_tags_counter{border:1px solid var(--light);border-radius:8px;font-size:12px;padding:4px;position:absolute;right:0;top:3;width:-moz-fit-content;width:fit-content}
+.tags_container{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;overflow:hidden}.hidden_tags_counter{border-radius:8px;font-size:12px;padding:2px 4px;width:-moz-fit-content;width:fit-content}
 </style>

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

@@ -1,16 +1,16 @@
+import type { Ref } from "vue";
 declare const _default: import("vue").DefineComponent<{
     tags: {
         type: ArrayConstructor;
         default: () => never[];
     };
 }, {
-    container: import("vue").Ref<null>;
-    tagsContainer: import("vue").Ref<null>;
-    hiddenTagCounter: import("vue").Ref<null>;
-    haveHiddenTags: import("vue").Ref<boolean>;
-    hiddenTagsCount: import("vue").Ref<number>;
-    newTags: import("vue").ComputedRef<unknown[]>;
-    leftTag: import("vue").Ref<number>;
+    newTags: Ref<unknown[]>;
+    hiddenTagCounter: Ref<null>;
+    haveHiddenTags: import("vue").ComputedRef<boolean>;
+    hiddenTagsCount: Ref<number>;
+    hiddenTags: Ref<any[]>;
+    tagsContainer: Ref<HTMLElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tags: {
         type: ArrayConstructor;

package/dist/runtime/components/argTextHighlight.vue

@@ -0,0 +1,265 @@
+<template>
+  <div :class="haveReadMore && needsMore ? 'crop_display' : ''">
+    <p
+      :class="crop ? (showMore ? '' : 'crop') : ''"
+      :id="id"
+      :style="crop ? (showMore ? '' : `-webkit-line-clamp: ${lines}`) : ''"
+      v-html="renderText"
+    />
+    <arg-text-btn v-if="crop && haveReadMore && needsMore" @click="toggleMore">
+      {{
+        customReadMore !== null
+          ? !showMore
+            ? readText.more
+            : readText.less
+          : !showMore
+          ? readText.more[lang]
+          : readText.less[lang]
+      }}
+    </arg-text-btn>
+  </div>
+</template>
+
+<script>
+import {
+  onMounted,
+  ref,
+  computed,
+  defineComponent
+} from "vue";
+import argTextBtn from "./argTextBtn.vue";
+export default defineComponent({
+  name: "argtTextHighlight",
+  components: { argTextBtn },
+  props: {
+    text: {
+      type: String,
+      required: true
+    },
+    queries: {
+      type: Array,
+      default: null
+    },
+    crop: {
+      type: Boolean,
+      default: false
+    },
+    lines: {
+      type: Number,
+      default: 3
+    },
+    haveReadMore: {
+      type: Boolean,
+      default: false
+    },
+    id: {
+      type: String,
+      default: null
+    },
+    customReadMore: {
+      type: Object,
+      default: null
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr", "es"].includes(value);
+      }
+    }
+  },
+  emits: ["onShowMore", "onShowLess"],
+  setup(props, { emit }) {
+    const showMore = ref(false);
+    const indic = ref(null);
+    const readText = computed(() => {
+      if (props.customReadMore !== null) {
+        return props.customReadMore;
+      } else
+        return {
+          more: { en: "Read more", fr: "Voir plus", es: "Ver m\xE0s" },
+          less: { en: "Read less", fr: "Voir moins", es: "Ver menos" }
+        };
+    });
+    function toggleMore() {
+      showMore.value = !showMore.value;
+      if (showMore.value) {
+        emit("onShowMore");
+      } else
+        emit("onShowLess");
+    }
+    function escapeRegExp(str) {
+      return str.replace(/[.*+?^${}()|[\]\\]/g, "\\<script lang="ts">
+import {
+  onMounted,
+  ref,
+  computed,
+  defineProps,
+  defineEmits,
+  defineComponent,
+} from "vue";
+import argTextBtn from "./argTextBtn.vue";
+
+export default defineComponent({
+  name: "argtTextHighlight",
+  components: { argTextBtn },
+  props: {
+    text: {
+      type: String,
+      required: true,
+    },
+    queries: {
+      type: Array<string>,
+      default: null,
+    },
+    crop: {
+      type: Boolean,
+      default: false,
+    },
+    lines: {
+      type: Number,
+      default: 3,
+    },
+    haveReadMore: {
+      type: Boolean,
+      default: false,
+    },
+    id: {
+      type: String,
+      default: null,
+    },
+    customReadMore: {
+      type: Object,
+      default: null,
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value: string) => {
+        // Check if the value is either 'en' or 'fr'
+        return ["en", "fr", "es"].includes(value);
+      },
+    },
+  },
+  emits: ["onShowMore", "onShowLess"],
+  setup(props, { emit }) {
+    const showMore = ref(false);
+    const indic = ref(null as any);
+
+    const readText = computed(() => {
+      if (props.customReadMore !== null) {
+        return props.customReadMore;
+      } else
+        return {
+          more: { en: "Read more", fr: "Voir plus", es: "Ver màs" },
+          less: { en: "Read less", fr: "Voir moins", es: "Ver menos" },
+        };
+    });
+
+    function toggleMore() {
+      showMore.value = !showMore.value;
+
+      if (showMore.value) {
+        emit("onShowMore");
+      } else emit("onShowLess");
+    }
+
+    function escapeRegExp(str: string) {
+      return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // $& means the whole matched string
+    }
+
+    const needsMore = computed(() => {
+      const fullHeight = ref(0);
+      const originalHeight = ref(0);
+
+      //   const indic = document.getElementById(props.id);
+      if (indic.value !== null) {
+        indic.value.classList.remove("crop");
+
+        fullHeight.value = indic.value.clientHeight;
+        indic.value.classList.add("crop");
+        originalHeight.value = indic.value.clientHeight;
+      }
+      return fullHeight.value > originalHeight.value;
+    });
+
+    const renderText = computed(() => {
+      let returnText = props.text;
+      if (
+        props.queries !== null &&
+        props.queries.length > 0 &&
+        returnText !== null
+      ) {
+        props.queries.forEach((word: string) => {
+          const regex = new RegExp(`\\b(${escapeRegExp(word)})\\b`, "gi");
+          returnText = returnText.replace(regex, (match: string) => {
+            console.log(match);
+            if (match.toLowerCase() === "mark") {
+              return match;
+            }
+            return `<mark>${match}</mark>`;
+          });
+        });
+      }
+
+      return returnText;
+    });
+
+    onMounted(() => {
+      indic.value = document.getElementById(props.id);
+    });
+    return {
+      showMore,
+      needsMore,
+      renderText,
+      readText,
+      toggleMore,
+    };
+  },
+});
+</script>");
+    }
+    const needsMore = computed(() => {
+      const fullHeight = ref(0);
+      const originalHeight = ref(0);
+      if (indic.value !== null) {
+        indic.value.classList.remove("crop");
+        fullHeight.value = indic.value.clientHeight;
+        indic.value.classList.add("crop");
+        originalHeight.value = indic.value.clientHeight;
+      }
+      return fullHeight.value > originalHeight.value;
+    });
+    const renderText = computed(() => {
+      let returnText = props.text;
+      if (props.queries !== null && props.queries.length > 0 && returnText !== null) {
+        props.queries.forEach((word) => {
+          const regex = new RegExp(`\\b(${escapeRegExp(word)})\\b`, "gi");
+          returnText = returnText.replace(regex, (match) => {
+            console.log(match);
+            if (match.toLowerCase() === "mark") {
+              return match;
+            }
+            return `<mark>${match}</mark>`;
+          });
+        });
+      }
+      return returnText;
+    });
+    onMounted(() => {
+      indic.value = document.getElementById(props.id);
+    });
+    return {
+      showMore,
+      needsMore,
+      renderText,
+      readText,
+      toggleMore
+    };
+  }
+});
+</script>
+
+<style scoped>
+.crop{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.crop_display{align-items:flex-start;display:flex;flex-direction:column;gap:8px}
+</style>