@tekkare/auriga 0.2.220 → 0.2.223

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +4 -0
  3. package/dist/runtime/components/argAccordionMenu.vue +1 -1
  4. package/dist/runtime/components/argActions.vue +1 -1
  5. package/dist/runtime/components/argAdvancedSearchBar.vue +1 -1
  6. package/dist/runtime/components/argChart.vue +2 -2
  7. package/dist/runtime/components/argDashboardSection.vue +1 -1
  8. package/dist/runtime/components/argDataLoader.vue +6 -6
  9. package/dist/runtime/components/argDirectusSources.vue +265 -0
  10. package/dist/runtime/components/argDirectusSources.vue.d.ts +97 -0
  11. package/dist/runtime/components/argDropdownSelect.vue +1 -1
  12. package/dist/runtime/components/argFileBtn.vue +1 -1
  13. package/dist/runtime/components/argFilterCard.vue +1 -1
  14. package/dist/runtime/components/argGoogleMapsHeader.vue +1 -1
  15. package/dist/runtime/components/argHeaderTabs.vue +10 -3
  16. package/dist/runtime/components/argHeaderTabs.vue.d.ts +9 -0
  17. package/dist/runtime/components/argMapsItaly.vue +240 -0
  18. package/dist/runtime/components/argMapsItaly.vue.d.ts +110 -0
  19. package/dist/runtime/components/argMenuItem.vue +1 -1
  20. package/dist/runtime/components/argMultipleSelect.vue +1 -1
  21. package/dist/runtime/components/argNote.vue +1 -1
  22. package/dist/runtime/components/argNumberInput.vue +1 -1
  23. package/dist/runtime/components/argProjectDashboard.vue +4 -4
  24. package/dist/runtime/components/argResourceCard.vue +1 -1
  25. package/dist/runtime/components/argResourceTable.vue +1 -1
  26. package/dist/runtime/components/argScopeChange.vue +1 -1
  27. package/dist/runtime/components/argScopeModal.vue +1 -1
  28. package/dist/runtime/components/argSearchInput.vue +1 -1
  29. package/dist/runtime/components/argSimpleInput.vue +1 -1
  30. package/dist/runtime/components/argSimpleLabel.vue +1 -1
  31. package/dist/runtime/components/argSliderTabs.vue +1 -1
  32. package/dist/runtime/components/argSliderTabs.vue.d.ts +1 -1
  33. package/dist/runtime/components/argSourceCollapse.vue.d.ts +1 -1
  34. package/dist/runtime/components/argSourcesElastic.vue +2 -2
  35. package/dist/runtime/components/argSourcesElastic.vue.d.ts +1 -1
  36. package/dist/runtime/components/argStyle.vue +1 -1
  37. package/dist/runtime/components/argSwitch.vue +1 -1
  38. package/dist/runtime/components/argTable.vue +1 -1
  39. package/dist/runtime/components/argToolModal.vue +1 -1
  40. package/dist/runtime/components/argToolbarContent.vue +1 -1
  41. package/dist/runtime/components/maps/interfaces.d.ts +22 -0
  42. package/dist/runtime/components/maps/interfaces.mjs +23 -0
  43. package/dist/runtime/components/maps/regionsPathIt.json +62 -0
  44. package/dist/runtime/components/oneRegionIt.vue +62 -0
  45. package/dist/runtime/components/oneRegionIt.vue.d.ts +54 -0
  46. package/package.json +1 -1
@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
28
28
  type: BooleanConstructor;
29
29
  default: boolean;
30
30
  };
31
+ variant: {
32
+ type: () => "default" | "discovery" | "pharmanalyse" | "databanks";
33
+ default: string;
34
+ };
31
35
  }>, {
32
36
  true_index_menu: import("vue").Ref<string | number, string | number>;
33
37
  scrollValue: import("vue").Ref<number, number>;
@@ -67,6 +71,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
67
71
  type: BooleanConstructor;
68
72
  default: boolean;
69
73
  };
74
+ variant: {
75
+ type: () => "default" | "discovery" | "pharmanalyse" | "databanks";
76
+ default: string;
77
+ };
70
78
  }>> & Readonly<{
71
79
  onUpdateMenu?: ((...args: any[]) => any) | undefined;
72
80
  "onUpdate:Menu"?: ((...args: any[]) => any) | undefined;
@@ -74,5 +82,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
74
82
  index_menu: string | number;
75
83
  tooltips: any[];
76
84
  scrollOverflow: boolean;
85
+ variant: "default" | "discovery" | "pharmanalyse" | "databanks";
77
86
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
78
87
  export default _default;
@@ -0,0 +1,240 @@
1
+ <template>
2
+ <div
3
+ class="oip_table_card map_card-container"
4
+ :id="`container_map-${title}-${uniqueID}`"
5
+ >
6
+ <div class="p-24">
7
+ <slot name="customTitle" v-if="haveCustomTitle" />
8
+ <div v-else class="oip_subtitle">
9
+ {{ title ? title : "Your map title" }}
10
+ </div>
11
+ <ArgSourceContainer v-if="source !== null" @click="openSource">
12
+ {{ source ? source : "Your source" }}
13
+ </ArgSourceContainer>
14
+ </div>
15
+ <div
16
+ v-if="hoveredRegion !== null"
17
+ :id="`tooltip_map-${title}`"
18
+ class="tooltip_container"
19
+ :style="{
20
+ top: tooltipPosition.y + 'px',
21
+ left: tooltipPosition.x + 'px',
22
+ width: tooltipPosition.width + 'px',
23
+ }"
24
+ >
25
+ <div class="tooltip">
26
+ <p class="card_title">{{ hoveredRegion }}</p>
27
+ <div class="card_text">
28
+ <slot
29
+ name="Tooltip"
30
+ v-bind:value="{
31
+ name: hoveredRegion,
32
+ value: data.find((x) => x.name == hoveredRegion)?.value,
33
+ }"
34
+ />
35
+ </div>
36
+ </div>
37
+ </div>
38
+ <div class="p24">
39
+ <svg
40
+ class="map"
41
+ width="auto"
42
+ height="500"
43
+ viewBox="109.9 -2 740.2 964"
44
+ fill="none"
45
+ xmlns="http://www.w3.org/2000/svg"
46
+ >
47
+ <OneRegionIt
48
+ v-for="region in RegionsIt"
49
+ :key="region"
50
+ :data="{
51
+ color: getColor(data.find((x) => x.name == region)?.value),
52
+ value: data.find((x) => x.name == region)?.value,
53
+ }"
54
+ :current-region="region"
55
+ :title="title"
56
+ :hoveredRegion="hoveredRegion"
57
+ @hover="handleHover(region)"
58
+ @mouseleave="handleMouseLeave"
59
+ />
60
+ </svg>
61
+ <div class="legend">
62
+ <div :class="reverseColors ? 'reverse_scale' : 'scale'" />
63
+ <div class="legend-text">
64
+ <p v-for="value in scale" :key="value">
65
+ {{ Math.ceil(value)?.toLocaleString("fr-FR") }}
66
+ </p>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ <slot name="Subcontent" />
71
+ </div>
72
+ </template>
73
+
74
+ <script>
75
+ import { onMounted, ref, watch, defineComponent, nextTick } from "vue";
76
+ import { RegionsIt } from "./maps/interfaces";
77
+ import ArgSourceContainer from "./argSourceContainer.vue";
78
+ import OneRegionIt from "./oneRegionIt.vue";
79
+ export default defineComponent({
80
+ name: "argMapsItaly",
81
+ components: { OneRegionIt, ArgSourceContainer },
82
+ props: {
83
+ data: {
84
+ type: Array,
85
+ default: null,
86
+ required: true
87
+ },
88
+ title: {
89
+ type: [String, null],
90
+ default: null,
91
+ required: false
92
+ },
93
+ source: {
94
+ type: [String, null],
95
+ default: null
96
+ },
97
+ haveCustomTitle: {
98
+ type: [String, null],
99
+ default: null,
100
+ required: false
101
+ },
102
+ uniqueID: {
103
+ type: [String, null],
104
+ default: null,
105
+ required: false
106
+ },
107
+ lang: {
108
+ type: String,
109
+ default: "en",
110
+ required: false
111
+ },
112
+ reverseColors: {
113
+ type: Boolean,
114
+ default: false
115
+ }
116
+ },
117
+ emits: ["openSource"],
118
+ setup(props, { emit }) {
119
+ const minimalValue = ref(null);
120
+ const maximalValue = ref(null);
121
+ const hoveredRegion = ref(null);
122
+ const tooltipPosition = ref({ x: 0, y: 0, width: 0 });
123
+ const scale = ref([]);
124
+ function getColor(value) {
125
+ if (!value) return "var(--lightest)";
126
+ if (props.reverseColors ? value <= scale.value[0] : value >= scale.value[9]) {
127
+ return "#3F1151";
128
+ } else if (props.reverseColors ? value <= scale.value[1] : value >= scale.value[8]) {
129
+ return "#432974";
130
+ } else if (props.reverseColors ? value <= scale.value[2] : value >= scale.value[7]) {
131
+ return "#404A85";
132
+ } else if (props.reverseColors ? value <= scale.value[3] : value >= scale.value[6]) {
133
+ return "#3F668A";
134
+ } else if (props.reverseColors ? value <= scale.value[4] : value >= scale.value[5]) {
135
+ return "#43808C";
136
+ } else if (props.reverseColors ? value <= scale.value[5] : value >= scale.value[4]) {
137
+ return "#4C9C8A";
138
+ } else if (props.reverseColors ? value <= scale.value[6] : value >= scale.value[3]) {
139
+ return "#5FB57E";
140
+ } else if (props.reverseColors ? value <= scale.value[7] : value >= scale.value[2]) {
141
+ return "#85CB68";
142
+ } else if (props.reverseColors ? value <= scale.value[8] : value >= scale.value[1]) {
143
+ return "#BDDD51";
144
+ } else if (props.reverseColors ? value > scale.value[8] : value >= scale.value[0]) {
145
+ return "#F9E855";
146
+ }
147
+ }
148
+ function handleHover(region) {
149
+ hoveredRegion.value = region;
150
+ }
151
+ function handleMouseLeave() {
152
+ hoveredRegion.value = null;
153
+ }
154
+ function openSource() {
155
+ emit("openSource");
156
+ }
157
+ function setupScale() {
158
+ minimalValue.value = Math.floor(
159
+ Math.min(
160
+ ...props.data.filter((f) => f.value !== null).map((x) => x.value)
161
+ )
162
+ );
163
+ maximalValue.value = Math.ceil(
164
+ Math.max(
165
+ ...props.data.filter((f) => f.value !== null).map((x) => x.value)
166
+ )
167
+ );
168
+ const step = (maximalValue.value - minimalValue.value) / 10;
169
+ if (minimalValue.value !== null) {
170
+ scale.value = Array.from(
171
+ { length: 10 },
172
+ (_, i) => (minimalValue.value !== null ? minimalValue.value : 0) + i * step
173
+ );
174
+ }
175
+ }
176
+ onMounted(() => {
177
+ setupScale();
178
+ });
179
+ watch(
180
+ () => props.data,
181
+ () => {
182
+ setupScale();
183
+ }
184
+ );
185
+ watch(
186
+ () => hoveredRegion.value,
187
+ () => {
188
+ if (hoveredRegion.value) {
189
+ const selectedRegion = document.getElementById(
190
+ `interactiveMap-${props.title}-${hoveredRegion.value}`
191
+ )?.getBoundingClientRect();
192
+ const containerPosition = document.getElementById(`container_map-${props.title}-${props.uniqueID}`)?.getBoundingClientRect();
193
+ if (!selectedRegion || !containerPosition) return;
194
+ tooltipPosition.value = {
195
+ x: selectedRegion?.x - containerPosition?.x,
196
+ y: selectedRegion?.top - containerPosition?.top - 60,
197
+ width: selectedRegion?.width
198
+ };
199
+ }
200
+ }
201
+ );
202
+ watch(
203
+ () => hoveredRegion.value,
204
+ async () => {
205
+ if (hoveredRegion.value) {
206
+ await nextTick();
207
+ const selectedRegion = document.getElementById(
208
+ `interactiveMap-${props.title}-${hoveredRegion.value}`
209
+ )?.getBoundingClientRect();
210
+ const containerPosition = document.getElementById(`container_map-${props.title}`)?.getBoundingClientRect();
211
+ const tooltipElement = document.getElementById(
212
+ `tooltip_map-${props.title}`
213
+ );
214
+ const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
215
+ if (!selectedRegion || !containerPosition) return;
216
+ tooltipPosition.value = {
217
+ x: selectedRegion?.x - containerPosition?.x,
218
+ y: selectedRegion?.top - containerPosition?.top - tooltipHeight,
219
+ width: selectedRegion?.width
220
+ };
221
+ }
222
+ }
223
+ );
224
+ return {
225
+ getColor,
226
+ handleHover,
227
+ handleMouseLeave,
228
+ RegionsIt,
229
+ hoveredRegion,
230
+ tooltipPosition,
231
+ scale,
232
+ openSource
233
+ };
234
+ }
235
+ });
236
+ </script>
237
+
238
+ <style scoped>
239
+ .map{margin-top:24px;width:100%}.p24{padding:24px}.map path{stroke-width:2px;stroke:rgba(0,0,0,.2);max-height:400px;position:relative}.map path:hover{transition:all .2s}.map_card-container{display:flex;flex-direction:column;gap:8px;min-width:400px;position:relative;width:100%}.test{margin-bottom:200px}.tooltip_container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;min-width:-moz-fit-content;min-width:fit-content;position:absolute;top:0;z-index:96}.tooltip{background:#fff;border:1px solid var(--light);border-radius:4px;box-shadow:var(--medium-shadow);color:var(--darkest);font-size:12px}.card_title{background-color:var(--light);border-radius:4px 4px 0 0;font-size:14px;font-weight:600;padding:2px 8px;width:calc(100% - 15px)}.card_text{color:var(--dark);font-size:12px;font-weight:400;line-height:160%;padding:8px;width:100%}.legend{display:flex;flex-direction:column;gap:8px;margin:auto;width:50%}.scale{background:linear-gradient(45deg,#3f1151,#432974,#404a85,#3f668a,#43808c,#4c9c8a,#5fb57e,#85cb68,#bddd51,#f9e855)}.reverse_scale,.scale{height:10px;transform:rotate(180deg)}.reverse_scale{background:linear-gradient(45deg,#f9e855,#bddd51,#85cb68,#5fb57e,#4c9c8a,#43808c,#3f668a,#404a85,#432974,#3f1151)}.legend-text{align-items:center;color:var(--dark);display:flex;font-size:12px;font-weight:400;justify-content:space-between;line-height:160%}.p-24{padding:0 24px}
240
+ </style>
@@ -0,0 +1,110 @@
1
+ import type { PropType } from "vue";
2
+ import { RegionsIt } from "./maps/interfaces";
3
+ type dataRegion = {
4
+ name: RegionsIt;
5
+ value: number;
6
+ };
7
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
+ data: {
9
+ type: PropType<dataRegion[]>;
10
+ default: null;
11
+ required: true;
12
+ };
13
+ title: {
14
+ type: PropType<string | null>;
15
+ default: null;
16
+ required: false;
17
+ };
18
+ source: {
19
+ type: PropType<string | null>;
20
+ default: null;
21
+ };
22
+ haveCustomTitle: {
23
+ type: PropType<string | null>;
24
+ default: null;
25
+ required: false;
26
+ };
27
+ uniqueID: {
28
+ type: PropType<string | null>;
29
+ default: null;
30
+ required: false;
31
+ };
32
+ lang: {
33
+ type: StringConstructor;
34
+ default: string;
35
+ required: false;
36
+ };
37
+ reverseColors: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ }>, {
42
+ getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
43
+ handleHover: (region: RegionsIt) => void;
44
+ handleMouseLeave: () => void;
45
+ RegionsIt: typeof RegionsIt;
46
+ hoveredRegion: import("vue").Ref<RegionsIt | null, RegionsIt | null>;
47
+ tooltipPosition: import("vue").Ref<{
48
+ x: number;
49
+ y: number;
50
+ width: number;
51
+ }, {
52
+ x: number;
53
+ y: number;
54
+ width: number;
55
+ } | {
56
+ x: number;
57
+ y: number;
58
+ width: number;
59
+ }>;
60
+ scale: import("vue").Ref<number[], number[]>;
61
+ openSource: () => void;
62
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "openSource"[], "openSource", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
63
+ data: {
64
+ type: PropType<dataRegion[]>;
65
+ default: null;
66
+ required: true;
67
+ };
68
+ title: {
69
+ type: PropType<string | null>;
70
+ default: null;
71
+ required: false;
72
+ };
73
+ source: {
74
+ type: PropType<string | null>;
75
+ default: null;
76
+ };
77
+ haveCustomTitle: {
78
+ type: PropType<string | null>;
79
+ default: null;
80
+ required: false;
81
+ };
82
+ uniqueID: {
83
+ type: PropType<string | null>;
84
+ default: null;
85
+ required: false;
86
+ };
87
+ lang: {
88
+ type: StringConstructor;
89
+ default: string;
90
+ required: false;
91
+ };
92
+ reverseColors: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
96
+ }>> & Readonly<{
97
+ onOpenSource?: ((...args: any[]) => any) | undefined;
98
+ }>, {
99
+ data: dataRegion[];
100
+ lang: string;
101
+ source: string | null;
102
+ title: string | null;
103
+ haveCustomTitle: string | null;
104
+ uniqueID: string | null;
105
+ reverseColors: boolean;
106
+ }, {}, {
107
+ OneRegionIt: any;
108
+ ArgSourceContainer: any;
109
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
110
+ export default _default;
@@ -81,5 +81,5 @@ export default defineComponent({
81
81
  });
82
82
  </script>
83
83
  <style scoped>
84
- .auriga_menu_item{align-items:center;align-self:stretch;border-radius:4px;color:var(--darkest);display:flex;font-size:14px;font-style:normal;font-weight:400;gap:8px;line-height:160%}.auriga_menu_item:not(.loading){padding:8px}.auriga_menu_item.loading{height:36px}.auriga_menu_item svg{color:var(--dark)!important}.auriga_menu_item.is-active svg,.auriga_menu_item:hover:not(.is-active) svg{color:var(--primary,#2176ff)!important}.auriga_menu_item.is-active{background:rgba(33,118,255,.1)!important}.auriga_menu_item:hover:not(.is-active){background:var(--light,#ececf2)}.menu_tooltip_icon{flex:1 1 100%}.tooltip_display{display:flex!important}.loading .loader{background:var(--lightest);border:1px solid var(--lightest);overflow:hidden;position:relative}.loading .loader,.loading .loader:after{border-radius:4px;height:100%;width:calc(100% - 2px)}.loading .loader:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,rgba(219,222,240,0),rgba(219,222,240,.6) 50%,rgba(219,222,240,0));content:"";left:-2px;position:absolute;top:0}@keyframes shimmer{0%{left:-100%}to{left:100%}}.cursor-pointer{cursor:pointer!important}
84
+ .auriga_menu_item{align-items:center;align-self:stretch;border-radius:4px;color:var(--darkest);display:flex;font-size:14px;font-style:normal;font-weight:400;gap:8px;line-height:160%}.auriga_menu_item:not(.loading){padding:8px}.auriga_menu_item.loading{height:36px}.auriga_menu_item svg{color:var(--dark)!important}.auriga_menu_item.is-active svg,.auriga_menu_item:hover:not(.is-active) svg{color:var(--primary,#2017ad)!important}.auriga_menu_item.is-active{background:rgba(32,23,173,.1)!important}.auriga_menu_item:hover:not(.is-active){background:var(--light,#ececf2)}.menu_tooltip_icon{flex:1 1 100%}.tooltip_display{display:flex!important}.loading .loader{background:var(--lightest);border:1px solid var(--lightest);overflow:hidden;position:relative}.loading .loader,.loading .loader:after{border-radius:4px;height:100%;width:calc(100% - 2px)}.loading .loader:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,rgba(219,222,240,0),rgba(219,222,240,.6) 50%,rgba(219,222,240,0));content:"";left:-2px;position:absolute;top:0}@keyframes shimmer{0%{left:-100%}to{left:100%}}.cursor-pointer{cursor:pointer!important}
85
85
  </style>
@@ -1011,7 +1011,7 @@ export default defineComponent({
1011
1011
  color: var(--medium);
1012
1012
  }
1013
1013
  .oip_select_complex_selection_loop:hover {
1014
- background: rgba(33, 118, 255, 0.05);
1014
+ background: rgba(32, 23, 173, 0.05);
1015
1015
  border-radius: 4px;
1016
1016
  }
1017
1017
  .oip_select_complex_selection_loop.disabled:hover {
@@ -48,5 +48,5 @@ export default defineComponent({
48
48
  </script>
49
49
 
50
50
  <style scoped>
51
- .prmt_note_box{align-items:center;border-radius:12px;display:flex;flex-direction:row;gap:16px;padding:8px 16px}.prmt_note_box svg{flex-shrink:0}.prmt_note_box p{font-size:14px;font-weight:400;line-height:16px}.prmt_note_box p span{font-weight:700}.blue_box{background:rgba(33,118,255,.1)}.blue_text{color:var(--primary)}.orange_text{color:var(--warning)}.orange_box{background:rgba(255,152,26,.1)}
51
+ .prmt_note_box{align-items:center;border-radius:12px;display:flex;flex-direction:row;gap:16px;padding:8px 16px}.prmt_note_box svg{flex-shrink:0}.prmt_note_box p{font-size:14px;font-weight:400;line-height:16px}.prmt_note_box p span{font-weight:700}.blue_box{background:rgba(32,23,173,.1)}.blue_text{color:var(--primary)}.orange_text{color:var(--warning)}.orange_box{background:rgba(255,152,26,.1)}
52
52
  </style>
@@ -105,5 +105,5 @@ export default defineComponent({
105
105
  </script>
106
106
 
107
107
  <style scoped>
108
- .input_number_box .input_number_action.action_left:hover,.input_number_box .input_number_action.action_right:hover{border:1.5px solid rgba(33,118,255,.2)!important}.input_number_box .input_number_action.action_left:hover svg,.input_number_box .input_number_action.action_right:hover svg{color:var(--primary)!important}.input_number_box:focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.input_number_box:focus-within .input_number_action.action_left{left:0!important;top:0!important}.input_number_box:focus-within .input_number_action.action_right{right:0!important;top:0!important}.input_number_box:focus-within{z-index:9999!important}.input_number_box:focus-within .input_number_action.action_left,.input_number_box:focus-within .input_number_box .input_number_action.action_left:hover{border-bottom:1.5px transparent!important;border-left:1.5px transparent!important;border-top:1.5px transparent!important}.input_number_box:focus-within .input_number_action.action_right,.input_number_box:focus-within .input_number_box .input_number_action.action_right:hover{border-bottom:1.5px transparent!important;border-right:1.5px transparent!important;border-top:1.5px transparent!important}.input_number_section{align-items:flex-start;display:flex;flex-direction:column;gap:4px;padding:0}.input_number_box{padding:12px 48px;position:relative;z-index:1}.input_number_action,.input_number_box{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:8px}.input_number_action{cursor:pointer;justify-content:center;padding:12px;position:absolute;z-index:2}.action_right{right:-1.5px;top:-1.5px}.action_left{left:-1.5px;top:-1.5px}.number_input_style{border:none;color:var(--darkest);font-size:14px;font-weight:500;height:16px;line-height:16px;max-width:127.5px;padding:0!important;text-align:center}.number_input_style:focus-visible{border:none;outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
108
+ .input_number_box .input_number_action.action_left:hover,.input_number_box .input_number_action.action_right:hover{border:1.5px solid rgba(32,23,173,.2)!important}.input_number_box .input_number_action.action_left:hover svg,.input_number_box .input_number_action.action_right:hover svg{color:var(--primary)!important}.input_number_box:focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important}.input_number_box:focus-within .input_number_action.action_left{left:0!important;top:0!important}.input_number_box:focus-within .input_number_action.action_right{right:0!important;top:0!important}.input_number_box:focus-within{z-index:9999!important}.input_number_box:focus-within .input_number_action.action_left,.input_number_box:focus-within .input_number_box .input_number_action.action_left:hover{border-bottom:1.5px transparent!important;border-left:1.5px transparent!important;border-top:1.5px transparent!important}.input_number_box:focus-within .input_number_action.action_right,.input_number_box:focus-within .input_number_box .input_number_action.action_right:hover{border-bottom:1.5px transparent!important;border-right:1.5px transparent!important;border-top:1.5px transparent!important}.input_number_section{align-items:flex-start;display:flex;flex-direction:column;gap:4px;padding:0}.input_number_box{padding:12px 48px;position:relative;z-index:1}.input_number_action,.input_number_box{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:8px}.input_number_action{cursor:pointer;justify-content:center;padding:12px;position:absolute;z-index:2}.action_right{right:-1.5px;top:-1.5px}.action_left{left:-1.5px;top:-1.5px}.number_input_style{border:none;color:var(--darkest);font-size:14px;font-weight:500;height:16px;line-height:16px;max-width:127.5px;padding:0!important;text-align:center}.number_input_style:focus-visible{border:none;outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
109
109
  </style>
@@ -515,13 +515,13 @@ onBeforeUnmount(() => {
515
515
  }
516
516
 
517
517
  .arg_dashboard_toggle_active {
518
- color: var(--primary, #2176ff);
519
- background: rgba(33, 118, 255, 0.1);
518
+ color: var(--primary, #2017ad);
519
+ background: rgba(32, 23, 173, 0.1);
520
520
  }
521
521
 
522
522
  .arg_dashboard_toggle_active:hover {
523
- color: var(--primary, #2176ff);
524
- background: rgba(33, 118, 255, 0.15);
523
+ color: var(--primary, #2017ad);
524
+ background: rgba(32, 23, 173, 0.15);
525
525
  }
526
526
 
527
527
  /* Cards grid */
@@ -105,5 +105,5 @@ const emit = defineEmits<{
105
105
  </script>
106
106
 
107
107
  <style scoped>
108
- .arg_resource_card{background:var(--base-white,#fff);border:1px solid var(--light,#ececf2);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:box-shadow .15s ease,border-color .15s ease}.arg_resource_card:hover{border-color:var(--primary,#2176ff);box-shadow:0 2px 8px rgba(33,118,255,.08)}.arg_resource_card_provider{align-items:center;color:var(--primary,#2176ff);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.arg_resource_card_title{color:var(--darkest,#1a1a2e);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.arg_resource_card_meta{align-items:center;color:var(--dark,#6c6c8a);display:flex;font-size:12px;gap:6px}.arg_resource_card_id{font-weight:500}.arg_resource_card_dot,.arg_resource_card_id{color:var(--medium,#9999b0)}.arg_resource_card_actions,.arg_resource_card_source{align-items:center;display:flex}.arg_resource_card_actions{border-top:1px solid var(--light,#ececf2);gap:4px;margin-top:4px;padding-top:8px}.arg_resource_card_action_btn{align-items:center;background:transparent;border:1px solid var(--light,#ececf2);border-radius:8px;color:var(--dark,#6c6c8a);cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .15s ease;width:32px}.arg_resource_card_action_btn:hover{background:var(--lightest,#f5f5fa);border-color:var(--medium,#9999b0)}.arg_resource_card_action_danger:hover{background:#fef2f2;border-color:#e74c3c;color:#e74c3c}.arg_resource_card_action_primary:hover{background:rgba(33,118,255,.05);border-color:var(--primary,#2176ff);color:var(--primary,#2176ff)}.arg_resource_card_badge{align-items:center;background:var(--primary,#2176ff);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}
108
+ .arg_resource_card{background:var(--base-white,#fff);border:1px solid var(--light,#ececf2);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:box-shadow .15s ease,border-color .15s ease}.arg_resource_card:hover{border-color:var(--primary,#2017ad);box-shadow:0 2px 8px rgba(32,23,173,.08)}.arg_resource_card_provider{align-items:center;color:var(--primary,#2017ad);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.arg_resource_card_title{color:var(--darkest,#1a1a2e);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.arg_resource_card_meta{align-items:center;color:var(--dark,#6c6c8a);display:flex;font-size:12px;gap:6px}.arg_resource_card_id{font-weight:500}.arg_resource_card_dot,.arg_resource_card_id{color:var(--medium,#9999b0)}.arg_resource_card_actions,.arg_resource_card_source{align-items:center;display:flex}.arg_resource_card_actions{border-top:1px solid var(--light,#ececf2);gap:4px;margin-top:4px;padding-top:8px}.arg_resource_card_action_btn{align-items:center;background:transparent;border:1px solid var(--light,#ececf2);border-radius:8px;color:var(--dark,#6c6c8a);cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .15s ease;width:32px}.arg_resource_card_action_btn:hover{background:var(--lightest,#f5f5fa);border-color:var(--medium,#9999b0)}.arg_resource_card_action_danger:hover{background:#fef2f2;border-color:#e74c3c;color:#e74c3c}.arg_resource_card_action_primary:hover{background:rgba(32,23,173,.05);border-color:var(--primary,#2017ad);color:var(--primary,#2017ad)}.arg_resource_card_badge{align-items:center;background:var(--primary,#2017ad);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}
109
109
  </style>
@@ -298,5 +298,5 @@ function formatNumber(value: number | null | undefined): string {
298
298
  </script>
299
299
 
300
300
  <style scoped>
301
- .arg_resource_table{width:100%}.arg_resource_table_empty{color:var(--medium,#9999b0)}.arg_resource_table_price{align-items:center;display:inline-flex;font-weight:500;gap:6px}.arg_resource_table_up{color:var(--system-success,#2ecc71);font-size:12px;font-weight:600}.arg_resource_table_down{color:#e74c3c;font-size:12px;font-weight:600}.arg_resource_table_tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.arg_resource_table_more{color:var(--dark,#6c6c8a);font-size:12px;font-weight:600}.arg_resource_table_actions{align-items:center;display:flex;gap:4px;justify-content:center}.arg_resource_table_action_btn{align-items:center;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;position:relative;transition:background .15s ease;width:28px}.arg_resource_table_action_btn:hover{background:var(--lightest,#f5f5fa)}.arg_resource_table_badge{align-items:center;background:var(--primary,#2176ff);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-2px;top:-2px}
301
+ .arg_resource_table{width:100%}.arg_resource_table_empty{color:var(--medium,#9999b0)}.arg_resource_table_price{align-items:center;display:inline-flex;font-weight:500;gap:6px}.arg_resource_table_up{color:var(--system-success,#2ecc71);font-size:12px;font-weight:600}.arg_resource_table_down{color:#e74c3c;font-size:12px;font-weight:600}.arg_resource_table_tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.arg_resource_table_more{color:var(--dark,#6c6c8a);font-size:12px;font-weight:600}.arg_resource_table_actions{align-items:center;display:flex;gap:4px;justify-content:center}.arg_resource_table_action_btn{align-items:center;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;position:relative;transition:background .15s ease;width:28px}.arg_resource_table_action_btn:hover{background:var(--lightest,#f5f5fa)}.arg_resource_table_badge{align-items:center;background:var(--primary,#2017ad);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-2px;top:-2px}
302
302
  </style>
@@ -224,5 +224,5 @@ export default defineComponent({
224
224
  </script>
225
225
 
226
226
  <style scoped>
227
- .scope_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;padding:16px;position:absolute;right:0;width:-moz-max-content;width:max-content;z-index:99!important}.oip_scope_list{max-height:300px;overflow-y:scroll}.oip_scope_list::-webkit-scrollbar{height:5px;width:5px}.oip_scope_list::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.oip_scope_list::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.scope_change_display{position:relative}.oip_select_complex_selection_loop>svg.add{color:var(--primary)!important}.oip_select_complex_selection_loop.disabled_option:hover svg,.oip_select_complex_selection_loop>svg.disable{color:var(--darkest)!important}.oip_select_complex_selection_loop:hover>svg.add{color:var(--primary-hover)!important}.oip_select_complex_selection_loop:hover svg{color:var(--primary)!important}.oip_select_complex_selection_loop .add{font-weight:700!important}.oip_select_complex_selection_loop:hover{background:rgba(33,118,255,.05)!important;border-radius:4px!important}.oip_select_complex_selection_loop{padding:2px 4px}.oip_select_complex_selection_loop.disabled_option:hover{background:transparent!important}.oip_select_complex_selection_loop{margin:4px 0!important}svg.add{flex-shrink:0}.my-4{margin:4px 0}.full_width{width:100%}
227
+ .scope_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;padding:16px;position:absolute;right:0;width:-moz-max-content;width:max-content;z-index:99!important}.oip_scope_list{max-height:300px;overflow-y:scroll}.oip_scope_list::-webkit-scrollbar{height:5px;width:5px}.oip_scope_list::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.oip_scope_list::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.scope_change_display{position:relative}.oip_select_complex_selection_loop>svg.add{color:var(--primary)!important}.oip_select_complex_selection_loop.disabled_option:hover svg,.oip_select_complex_selection_loop>svg.disable{color:var(--darkest)!important}.oip_select_complex_selection_loop:hover>svg.add{color:var(--primary-hover)!important}.oip_select_complex_selection_loop:hover svg{color:var(--primary)!important}.oip_select_complex_selection_loop .add{font-weight:700!important}.oip_select_complex_selection_loop:hover{background:rgba(32,23,173,.05)!important;border-radius:4px!important}.oip_select_complex_selection_loop{padding:2px 4px}.oip_select_complex_selection_loop.disabled_option:hover{background:transparent!important}.oip_select_complex_selection_loop{margin:4px 0!important}svg.add{flex-shrink:0}.my-4{margin:4px 0}.full_width{width:100%}
228
228
  </style>
@@ -206,5 +206,5 @@ export default defineComponent({
206
206
  </script>
207
207
 
208
208
  <style scoped>
209
- .arg_scope_save{align-items:center;background-color:transparent;bottom:0;display:flex;height:0;justify-content:center;left:0;position:fixed;transition:all .5s ease;width:0}.arg_scope_save_open{background-color:rgba(0,0,0,.4);height:100%;width:100%;z-index:99}.arg_save_modal{align-items:flex-start;background:var(--white);border-radius:var(--m,8px);display:flex;flex-direction:column;flex-shrink:0;max-height:850px;max-width:640px;width:calc(100% - 164px)}.arg_save_header{border-bottom:1px solid #e5e7eb;justify-content:space-between}.arg_save_footer,.arg_save_header{align-items:center;align-self:stretch;display:flex;padding:24px}.arg_save_footer{border-top:1px solid #e5e7eb;gap:32px}.footer_action{align-self:stretch;display:flex;flex:1 1 0;width:50%}.arg_save_header>h1{font-size:20px;font-style:normal;font-weight:900;line-height:normal}.arg_save_body{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px;padding:24px}.scope_criteria,textarea{align-self:stretch;border:1.5px solid var(--light);border-radius:8px;font-family:Figtree,sans-serif!important;height:110px;margin:5px 0;outline:none!important;overflow-y:scroll;padding:12px;resize:none}.scope_criteria::-webkit-scrollbar,textarea::-webkit-scrollbar{height:5px;width:5px}.scope_criteria::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.scope_criteria::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.scope_criteria{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}textarea::-moz-placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}textarea::placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}.scope_name_input{max-width:100%;width:300px}.full_width{width:100%}.footer_action .footer_btn{align-self:stretch;justify-content:center;text-align:center;white-space:wrap;width:100%}.cursor-pointer{cursor:pointer!important}.oip_simple_input{border:1.5px solid var(--light);border-radius:8px;margin:5px 0;padding:12px;width:calc(100% - 24px)}.oip_simple_input::-moz-placeholder{color:var(--medium)}.oip_simple_input::placeholder{color:var(--medium)}.oip_simple_input,.oip_simple_input:focus-visible{outline:none!important}.oip_simple_input:hover,textarea:hover{border:1.5px solid rgba(33,118,255,.2)!important}.oip_simple_input:focus-within,textarea:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}.oip_required_input,.oip_required_input:hover{border-color:var(--system-alert)!important}.oip_error{color:var(--system-alert)}
209
+ .arg_scope_save{align-items:center;background-color:transparent;bottom:0;display:flex;height:0;justify-content:center;left:0;position:fixed;transition:all .5s ease;width:0}.arg_scope_save_open{background-color:rgba(0,0,0,.4);height:100%;width:100%;z-index:99}.arg_save_modal{align-items:flex-start;background:var(--white);border-radius:var(--m,8px);display:flex;flex-direction:column;flex-shrink:0;max-height:850px;max-width:640px;width:calc(100% - 164px)}.arg_save_header{border-bottom:1px solid #e5e7eb;justify-content:space-between}.arg_save_footer,.arg_save_header{align-items:center;align-self:stretch;display:flex;padding:24px}.arg_save_footer{border-top:1px solid #e5e7eb;gap:32px}.footer_action{align-self:stretch;display:flex;flex:1 1 0;width:50%}.arg_save_header>h1{font-size:20px;font-style:normal;font-weight:900;line-height:normal}.arg_save_body{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px;padding:24px}.scope_criteria,textarea{align-self:stretch;border:1.5px solid var(--light);border-radius:8px;font-family:Figtree,sans-serif!important;height:110px;margin:5px 0;outline:none!important;overflow-y:scroll;padding:12px;resize:none}.scope_criteria::-webkit-scrollbar,textarea::-webkit-scrollbar{height:5px;width:5px}.scope_criteria::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.scope_criteria::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.scope_criteria{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}textarea::-moz-placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}textarea::placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}.scope_name_input{max-width:100%;width:300px}.full_width{width:100%}.footer_action .footer_btn{align-self:stretch;justify-content:center;text-align:center;white-space:wrap;width:100%}.cursor-pointer{cursor:pointer!important}.oip_simple_input{border:1.5px solid var(--light);border-radius:8px;margin:5px 0;padding:12px;width:calc(100% - 24px)}.oip_simple_input::-moz-placeholder{color:var(--medium)}.oip_simple_input::placeholder{color:var(--medium)}.oip_simple_input,.oip_simple_input:focus-visible{outline:none!important}.oip_simple_input:hover,textarea:hover{border:1.5px solid rgba(32,23,173,.2)!important}.oip_simple_input:focus-within,textarea:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(32,23,173,.1)!important}.oip_required_input,.oip_required_input:hover{border-color:var(--system-alert)!important}.oip_error{color:var(--system-alert)}
210
210
  </style>
@@ -325,5 +325,5 @@ export default defineComponent({
325
325
  });
326
326
  </script>
327
327
  <style scoped>
328
- .filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;justify-content:space-between;min-height:40px;padding:0 12px;width:calc(100% - 24px)}.filters_input_search.no_bottom{border:1.5px solid var(--primary)!important;border-bottom:none!important;border-radius:8px 8px 0 0;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.search-section{align-items:center;display:flex;flex-direction:row;gap:12px;width:100%}.filters_input_search:not(.no_bottom):hover{border:1.5px solid rgba(33,118,255,.2)}.filters_input_search.no_bottom:hover{border-bottom:none!important}.filters_input_search:focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filters_input_search.no_bottom:focus-within{border-bottom:none!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filters_input_search:focus-within .search-icon,.filters_input_search:hover .search-icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}.close-icon{align-items:center;background:var(--light);border-radius:100%;cursor:pointer;display:flex;justify-content:center;padding:5px}.close-icon:hover svg{color:var(--primary)!important}.relative{position:relative;width:100%}.search_suggestions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border:1.5px solid var(--light);border-radius:0 0 8px 8px;left:0;max-height:200px;overflow-y:scroll;position:absolute;width:100%;z-index:99}.search_suggestions::-webkit-scrollbar{height:5px;width:5px}.search_suggestions::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.search_suggestions::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.sugg_open{border-top:1.5px solid var(--primary)!important;border:1.5px solid var(--primary)!important;border-top-color:var(--light)!important;box-shadow:2px 2px 3px rgba(33,118,255,.1),-2px 2px 3px rgba(33,118,255,.1)}.sugg_container{cursor:pointer;display:flex;flex-direction:column}.sugg_container p:not(.loading){align-items:center;display:flex;gap:8px;padding:8px 12px}.sugg_container p.selected,.sugg_container p:not(.not-found,.loading):hover{background:rgba(93,153,250,.2)}.sugg_container p.selected svg,.sugg_container p:not(.not-found,.loading):hover svg{color:var(--primary)!important}.sugg_container p:last-of-type{border-radius:0 0 8px 8px}.loading{color:var(--medium);font-style:italic;padding:8px 12px}.loading:after{animation:dots 1.3s step-end infinite;content:"";display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.search_loader{display:inline-block;flex-shrink:0!important;height:20px;position:relative;width:20px}.search_loader div{animation:oip-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid var(--primary);border-color:var(--primary) transparent transparent transparent;border-radius:50%;box-sizing:border-box;display:block;height:20px;position:absolute;width:20px}.search_loader div:first-child{animation-delay:-.45s}.search_loader div:nth-child(2){animation-delay:-.3s}.search_loader div:nth-child(3){animation-delay:-.15s}@keyframes oip-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.suboptions{padding-left:36px}
328
+ .filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;justify-content:space-between;min-height:40px;padding:0 12px;width:calc(100% - 24px)}.filters_input_search.no_bottom{border:1.5px solid var(--primary)!important;border-bottom:none!important;border-radius:8px 8px 0 0;filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important}.search-section{align-items:center;display:flex;flex-direction:row;gap:12px;width:100%}.filters_input_search:not(.no_bottom):hover{border:1.5px solid rgba(32,23,173,.2)}.filters_input_search.no_bottom:hover{border-bottom:none!important}.filters_input_search:focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important}.filters_input_search.no_bottom:focus-within{border-bottom:none!important;filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important}.filters_input_search:focus-within .search-icon,.filters_input_search:hover .search-icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}.close-icon{align-items:center;background:var(--light);border-radius:100%;cursor:pointer;display:flex;justify-content:center;padding:5px}.close-icon:hover svg{color:var(--primary)!important}.relative{position:relative;width:100%}.search_suggestions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border:1.5px solid var(--light);border-radius:0 0 8px 8px;left:0;max-height:200px;overflow-y:scroll;position:absolute;width:100%;z-index:99}.search_suggestions::-webkit-scrollbar{height:5px;width:5px}.search_suggestions::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.search_suggestions::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.sugg_open{border-top:1.5px solid var(--primary)!important;border:1.5px solid var(--primary)!important;border-top-color:var(--light)!important;box-shadow:2px 2px 3px rgba(32,23,173,.1),-2px 2px 3px rgba(32,23,173,.1)}.sugg_container{cursor:pointer;display:flex;flex-direction:column}.sugg_container p:not(.loading){align-items:center;display:flex;gap:8px;padding:8px 12px}.sugg_container p.selected,.sugg_container p:not(.not-found,.loading):hover{background:rgba(93,153,250,.2)}.sugg_container p.selected svg,.sugg_container p:not(.not-found,.loading):hover svg{color:var(--primary)!important}.sugg_container p:last-of-type{border-radius:0 0 8px 8px}.loading{color:var(--medium);font-style:italic;padding:8px 12px}.loading:after{animation:dots 1.3s step-end infinite;content:"";display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.search_loader{display:inline-block;flex-shrink:0!important;height:20px;position:relative;width:20px}.search_loader div{animation:oip-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid var(--primary);border-color:var(--primary) transparent transparent transparent;border-radius:50%;box-sizing:border-box;display:block;height:20px;position:absolute;width:20px}.search_loader div:first-child{animation-delay:-.45s}.search_loader div:nth-child(2){animation-delay:-.3s}.search_loader div:nth-child(3){animation-delay:-.15s}@keyframes oip-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.suboptions{padding-left:36px}
329
329
  </style>
@@ -69,5 +69,5 @@ export default defineComponent({
69
69
  </script>
70
70
 
71
71
  <style scoped>
72
- .oip_simple_input{border:1.5px solid var(--light);border-radius:8px;padding:12px}.oip_simple_input::-moz-placeholder{color:var(--medium)}.oip_simple_input::placeholder{color:var(--medium)}.oip_simple_input,.oip_simple_input:focus-visible{outline:none!important}.oip_simple_input:hover{border:1.5px solid rgba(33,118,255,.2)!important}.oip_simple_input:focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
72
+ .oip_simple_input{border:1.5px solid var(--light);border-radius:8px;padding:12px}.oip_simple_input::-moz-placeholder{color:var(--medium)}.oip_simple_input::placeholder{color:var(--medium)}.oip_simple_input,.oip_simple_input:focus-visible{outline:none!important}.oip_simple_input:hover{border:1.5px solid rgba(32,23,173,.2)!important}.oip_simple_input:focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
73
73
  </style>
@@ -71,7 +71,7 @@ const drawSquircle=(ctx,geom,radii,smooth,lineWidth,color)=>{const defaultFill=c
71
71
  </script>
72
72
 
73
73
  <style>
74
- .oip_select_icon{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:border .15s ease-in}.oip_select_icon:hover{border:1.5px solid var(--primary-light)!important}.oip_select_wrap.open .oip_select_icon{border:1.5px solid var(--primary)!important;filter:drop-shadow(1px 1px 1px rgba(33,118,255,.3))!important}.oip_select_wrap:not(.open) .oip_select_icon:hover svg{color:var(--primary)!important}.oip_select_dropdown_block.icon{right:0}.oip_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;max-height:500px;min-width:230px;padding:16px;position:absolute;z-index:12}.oip_select_block{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:4px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:12px;position:relative;width:196px;--squircle-radius:8px;--squircle-smooth:1}.oip_select_block.oip_select_big,.oip_select_icon.oip_select_big{width:432px}.filter_box:hover,.filter_wrap:hover>.filter_box:not(.open),.oip_select_block:hover,.oip_select_dropdown_block:hover,.prmt_parent_switch:hover{border:1.5px solid var(--primary-primary-20,#d3e4ff)!important}.filter_box.open,.oip_select_dropdown_block.open,.oip_select_wrap.open>.oip_select_block,.prmt_parent_switch.open{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filter_wrap.open,.oip_select_wrap.open,.switch_wrapper.open{filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.oip_select_block.open>svg{color:var(--primary)!important}.oip_select_block.disabled{background:var(--light)!important;cursor:not-allowed}.oip_select_label .prmt_tooltip{display:flex}.oip_select_label .prmt_tooltip span,.oip_select_label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%}.oip_select_label{color:var(--darkest);font-size:14px;font-weight:700;line-height:16px;max-height:16px;width:90%}.oip_select_block svg{flex-shrink:0!important}.oip_select_label.disabled{color:var(--dark)}.oip_select_caret_down{float:right;margin-left:auto}.oip_select_complex_selection_loop_name{font-style:normal;line-height:160%;width:-moz-fit-content;width:fit-content}.oip_select_complex_selection_loop.del>svg{color:var(--system-alert)!important;flex-shrink:0}.oip_select_complex_selection_loop.add>svg{color:var(--primary)!important;flex-shrink:0}.oip_select_complex_selection_loop{align-self:stretch;cursor:pointer;display:flex;flex-grow:1;gap:8px;min-height:24px}.oip_select_complex_selection_container{margin:8px 0;max-height:350px;overflow-y:auto}.oip_select_complex_selection_loop_name{font-size:14px;font-weight:400;line-height:16px}.oip_search_container>svg{color:var(--medium)!important}.oip_search_name:focus-visible{outline:none}.oip_search_name::-moz-placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name::placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name{border:none;padding-left:8px;width:100%}.oip_search_container{align-items:center;align-self:stretch;background:var(--white);border:1px solid var(--light);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.oip_select_dropdown_title{color:var(--darkest);font-size:14px;font-weight:500;margin-bottom:8px}.oip_select_dropdown_selection_container{display:flex;flex:1 1 auto;flex-direction:column;gap:0;margin-top:16px;min-height:10px;overflow-y:auto}.oip_select_dropdown_selection_container:only-child{margin-top:0}.oip_empty_dropdown{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:16px;padding-top:16px;text-align:center}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.arg-circle-amount{align-items:center;background:#e9f1ff;border-radius:50%;color:var(--primary);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:20px;justify-content:center;padding:4px;position:absolute;right:34px;width:20px}.oip_empty_select{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip_select_display{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.close-icon{background:var(--light);border-radius:100%;cursor:pointer;margin-left:auto;padding:4px}.arg-icon-circle-amount,.close-icon{align-items:center;display:flex;justify-content:center}.arg-icon-circle-amount{background:#e9f1ff;border-radius:50%;color:var(--primary);flex-direction:column;font-size:12px;font-style:normal;font-weight:900;height:var(--m,20px);line-height:normal;position:absolute;right:-5px;top:-5px;width:var(--m,20px);z-index:1}.close-icon:hover svg{color:var(--primary)!important}
74
+ .oip_select_icon{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:border .15s ease-in}.oip_select_icon:hover{border:1.5px solid var(--primary-light)!important}.oip_select_wrap.open .oip_select_icon{border:1.5px solid var(--primary)!important;filter:drop-shadow(1px 1px 1px rgba(32,23,173,.3))!important}.oip_select_wrap:not(.open) .oip_select_icon:hover svg{color:var(--primary)!important}.oip_select_dropdown_block.icon{right:0}.oip_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;max-height:500px;min-width:230px;padding:16px;position:absolute;z-index:12}.oip_select_block{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:4px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:12px;position:relative;width:196px;--squircle-radius:8px;--squircle-smooth:1}.oip_select_block.oip_select_big,.oip_select_icon.oip_select_big{width:432px}.filter_box:hover,.filter_wrap:hover>.filter_box:not(.open),.oip_select_block:hover,.oip_select_dropdown_block:hover,.prmt_parent_switch:hover{border:1.5px solid var(--primary-primary-20,#d6d4ee)!important}.filter_box.open,.oip_select_dropdown_block.open,.oip_select_wrap.open>.oip_select_block,.prmt_parent_switch.open{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important}.filter_wrap.open,.oip_select_wrap.open,.switch_wrapper.open{filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important}.oip_select_block.open>svg{color:var(--primary)!important}.oip_select_block.disabled{background:var(--light)!important;cursor:not-allowed}.oip_select_label .prmt_tooltip{display:flex}.oip_select_label .prmt_tooltip span,.oip_select_label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%}.oip_select_label{color:var(--darkest);font-size:14px;font-weight:700;line-height:16px;max-height:16px;width:90%}.oip_select_block svg{flex-shrink:0!important}.oip_select_label.disabled{color:var(--dark)}.oip_select_caret_down{float:right;margin-left:auto}.oip_select_complex_selection_loop_name{font-style:normal;line-height:160%;width:-moz-fit-content;width:fit-content}.oip_select_complex_selection_loop.del>svg{color:var(--system-alert)!important;flex-shrink:0}.oip_select_complex_selection_loop.add>svg{color:var(--primary)!important;flex-shrink:0}.oip_select_complex_selection_loop{align-self:stretch;cursor:pointer;display:flex;flex-grow:1;gap:8px;min-height:24px}.oip_select_complex_selection_container{margin:8px 0;max-height:350px;overflow-y:auto}.oip_select_complex_selection_loop_name{font-size:14px;font-weight:400;line-height:16px}.oip_search_container>svg{color:var(--medium)!important}.oip_search_name:focus-visible{outline:none}.oip_search_name::-moz-placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name::placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name{border:none;padding-left:8px;width:100%}.oip_search_container{align-items:center;align-self:stretch;background:var(--white);border:1px solid var(--light);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.oip_select_dropdown_title{color:var(--darkest);font-size:14px;font-weight:500;margin-bottom:8px}.oip_select_dropdown_selection_container{display:flex;flex:1 1 auto;flex-direction:column;gap:0;margin-top:16px;min-height:10px;overflow-y:auto}.oip_select_dropdown_selection_container:only-child{margin-top:0}.oip_empty_dropdown{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:16px;padding-top:16px;text-align:center}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.arg-circle-amount{align-items:center;background:#e9f1ff;border-radius:50%;color:var(--primary);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:20px;justify-content:center;padding:4px;position:absolute;right:34px;width:20px}.oip_empty_select{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip_select_display{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.close-icon{background:var(--light);border-radius:100%;cursor:pointer;margin-left:auto;padding:4px}.arg-icon-circle-amount,.close-icon{align-items:center;display:flex;justify-content:center}.arg-icon-circle-amount{background:#e9f1ff;border-radius:50%;color:var(--primary);flex-direction:column;font-size:12px;font-style:normal;font-weight:900;height:var(--m,20px);line-height:normal;position:absolute;right:-5px;top:-5px;width:var(--m,20px);z-index:1}.close-icon:hover svg{color:var(--primary)!important}
75
75
  </style>
76
76
  <style scoped>
77
77
  .oip_select_complex_selection_loop > svg.add {
@@ -179,5 +179,5 @@ export default defineComponent({
179
179
  </script>
180
180
 
181
181
  <style scoped>
182
- .wrapper{background:#fff;border:1px solid var(--light,#dbdef0);border-radius:8px;padding:4px}.toggle_radio{background:hsla(0,0%,100%,.1);position:relative}.toggle_radio>*{float:left}.toggle_radio input[type=radio]{display:none}.toggle_radio label{color:var(--Main-Dark,#525670);cursor:pointer;display:block;font-family:Figtree;font-size:14px;font-weight:500;margin:3px;padding:2px 6px;text-align:center;transition:color .3s ease,font-weight .3s ease;z-index:20}.toggle_radio label.active{color:var(--primary,#2176ff);font-weight:600}.toggle_radio label.active svg{color:var(--primary,#2176ff)!important}.toggle_option_slider{background:rgba(33,118,255,.08);border:1px solid rgba(33,118,255,.25);border-radius:6px;box-shadow:none;position:absolute;transition:all .4s ease}.labels_container{align-self:center;height:100%;position:relative}.labels_container.show-separator:after{background:var(--light,#dbdef0);content:"";height:60%;position:absolute;right:-3px;top:20%;width:1px}.hover_container:not(.active):hover,.hover_container:not(.active):hover svg{color:var(--primary)!important}.icon_replacement-div{height:24px;margin:0;padding:0;width:0}.button_label{z-index:2}.icon_div{align-items:center;display:flex;height:24px;justify-content:center;z-index:2}.variant-discovery .toggle_radio label.active{color:#046051}.variant-discovery .toggle_radio label.active svg{color:#046051!important}.variant-discovery .toggle_option_slider{background:rgba(4,96,81,.08);border:1px solid rgba(4,96,81,.25)}.variant-discovery .hover_container:not(.active):hover,.variant-discovery .hover_container:not(.active):hover svg{color:#046051!important}.variant-pharmanalyse .toggle_radio label.active{color:#f97316}.variant-pharmanalyse .toggle_radio label.active svg{color:#f97316!important}.variant-pharmanalyse .toggle_option_slider{background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.25)}.variant-pharmanalyse .hover_container:not(.active):hover,.variant-pharmanalyse .hover_container:not(.active):hover svg{color:#f97316!important}.variant-databanks .toggle_radio label.active{color:#e46794}.variant-databanks .toggle_radio label.active svg{color:#e46794!important}.variant-databanks .toggle_option_slider{background:rgba(228,103,148,.08);border:1px solid rgba(228,103,148,.25)}.variant-databanks .hover_container:not(.active):hover,.variant-databanks .hover_container:not(.active):hover svg{color:#e46794!important}
182
+ .wrapper{background:#fff;border:1px solid var(--light,#dbdef0);border-radius:8px;padding:4px}.toggle_radio{background:hsla(0,0%,100%,.1);position:relative}.toggle_radio>*{float:left}.toggle_radio input[type=radio]{display:none}.toggle_radio label{color:var(--Main-Dark,#525670);cursor:pointer;display:block;font-family:Figtree;font-size:14px;font-weight:500;margin:3px;padding:2px 6px;text-align:center;transition:color .3s ease,font-weight .3s ease;z-index:20}.toggle_radio label.active{color:var(--white,#fff);font-weight:600}.toggle_radio label.active svg{color:var(--white,#fff)!important}.toggle_option_slider{background:var(--primary,#2017ad);border:1px solid var(--primary,#2017ad);border-radius:6px;box-shadow:none;position:absolute;transition:all .4s ease}.labels_container{align-self:center;height:100%;position:relative}.labels_container.show-separator:after{background:var(--light,#dbdef0);content:"";height:60%;position:absolute;right:-3px;top:20%;width:1px}.hover_container:not(.active):hover,.hover_container:not(.active):hover svg{color:var(--primary)!important}.icon_replacement-div{height:24px;margin:0;padding:0;width:0}.button_label{z-index:2}.icon_div{align-items:center;display:flex;height:24px;justify-content:center;z-index:2}.variant-discovery .toggle_radio label.active{color:var(--white,#fff)}.variant-discovery .toggle_radio label.active svg{color:var(--white,#fff)!important}.variant-discovery .toggle_option_slider{background:#046051;border:1px solid #046051}.variant-discovery .hover_container:not(.active):hover,.variant-discovery .hover_container:not(.active):hover svg{color:#046051!important}.variant-pharmanalyse .toggle_radio label.active{color:var(--white,#fff)}.variant-pharmanalyse .toggle_radio label.active svg{color:var(--white,#fff)!important}.variant-pharmanalyse .toggle_option_slider{background:#f97316;border:1px solid #f97316}.variant-pharmanalyse .hover_container:not(.active):hover,.variant-pharmanalyse .hover_container:not(.active):hover svg{color:#f97316!important}.variant-databanks .toggle_radio label.active{color:var(--white,#fff)}.variant-databanks .toggle_radio label.active svg{color:var(--white,#fff)!important}.variant-databanks .toggle_option_slider{background:#e46794;border:1px solid #e46794}.variant-databanks .hover_container:not(.active):hover,.variant-databanks .hover_container:not(.active):hover svg{color:#e46794!important}
183
183
  </style>
@@ -66,8 +66,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
66
66
  }>> & Readonly<{}>, {
67
67
  tabs: Tabs;
68
68
  activeTab: number;
69
- sliderId: string;
70
69
  variant: "default" | "discovery" | "pharmanalyse" | "databanks";
70
+ sliderId: string;
71
71
  }, {}, {
72
72
  ArgIcon: any;
73
73
  }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -97,12 +97,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
97
97
  onCopyTitle?: ((...args: any[]) => any) | undefined;
98
98
  }>, {
99
99
  lang: string;
100
+ directusToken: string;
100
101
  sourceTitle: string;
101
102
  sourceCountry: string;
102
103
  sourceSector: string;
103
104
  defaultOpen: boolean;
104
105
  withoutCountry: boolean;
105
- directusToken: string;
106
106
  providerId: string;
107
107
  sourceId: string;
108
108
  }, {}, {
@@ -24,7 +24,7 @@
24
24
  >
25
25
  <div class="oip_list gap-24">
26
26
  <div class="oip_row v-center gap-24">
27
- <div>
27
+ <div v-if="getLastUpdate(uuid)?.update">
28
28
  <p class="oip_filter_label">{{ labels.lastUpdate }} :</p>
29
29
  {{ getLastUpdate(uuid)?.update }}
30
30
  </div>
@@ -133,7 +133,7 @@ export default defineComponent({
133
133
  const { provider, source } = findProviderAndSource(uuid);
134
134
  const dateOpts = { day: "numeric", month: "long", year: "numeric" };
135
135
  return {
136
- update: source?.last_download_date ? new Date(source?.last_download_date)?.toLocaleDateString(dateLocale.value, dateOpts) : provider?.["@timestamp"] ? new Date(provider?.["@timestamp"])?.toLocaleDateString(dateLocale.value, dateOpts) : "-",
136
+ update: source?.last_download_date ? new Date(source?.last_download_date)?.toLocaleDateString(dateLocale.value, dateOpts) : null,
137
137
  visit: source?.source_last_visit ? new Date(source?.source_last_visit)?.toLocaleDateString(dateLocale.value, dateOpts) : "-",
138
138
  frequency: source?.update_frequency ?? "-"
139
139
  };
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
31
31
  source: any;
32
32
  };
33
33
  getLastUpdate: (uuid: any) => {
34
- update: string;
34
+ update: string | null;
35
35
  visit: string;
36
36
  frequency: any;
37
37
  };