@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.
- package/dist/module.json +1 -1
- package/dist/module.mjs +4 -0
- package/dist/runtime/components/argAccordionMenu.vue +1 -1
- package/dist/runtime/components/argActions.vue +1 -1
- package/dist/runtime/components/argAdvancedSearchBar.vue +1 -1
- package/dist/runtime/components/argChart.vue +2 -2
- package/dist/runtime/components/argDashboardSection.vue +1 -1
- package/dist/runtime/components/argDataLoader.vue +6 -6
- package/dist/runtime/components/argDirectusSources.vue +265 -0
- package/dist/runtime/components/argDirectusSources.vue.d.ts +97 -0
- package/dist/runtime/components/argDropdownSelect.vue +1 -1
- package/dist/runtime/components/argFileBtn.vue +1 -1
- package/dist/runtime/components/argFilterCard.vue +1 -1
- package/dist/runtime/components/argGoogleMapsHeader.vue +1 -1
- package/dist/runtime/components/argHeaderTabs.vue +10 -3
- package/dist/runtime/components/argHeaderTabs.vue.d.ts +9 -0
- package/dist/runtime/components/argMapsItaly.vue +240 -0
- package/dist/runtime/components/argMapsItaly.vue.d.ts +110 -0
- package/dist/runtime/components/argMenuItem.vue +1 -1
- package/dist/runtime/components/argMultipleSelect.vue +1 -1
- package/dist/runtime/components/argNote.vue +1 -1
- package/dist/runtime/components/argNumberInput.vue +1 -1
- package/dist/runtime/components/argProjectDashboard.vue +4 -4
- package/dist/runtime/components/argResourceCard.vue +1 -1
- package/dist/runtime/components/argResourceTable.vue +1 -1
- package/dist/runtime/components/argScopeChange.vue +1 -1
- package/dist/runtime/components/argScopeModal.vue +1 -1
- package/dist/runtime/components/argSearchInput.vue +1 -1
- package/dist/runtime/components/argSimpleInput.vue +1 -1
- package/dist/runtime/components/argSimpleLabel.vue +1 -1
- package/dist/runtime/components/argSliderTabs.vue +1 -1
- package/dist/runtime/components/argSliderTabs.vue.d.ts +1 -1
- package/dist/runtime/components/argSourceCollapse.vue.d.ts +1 -1
- package/dist/runtime/components/argSourcesElastic.vue +2 -2
- package/dist/runtime/components/argSourcesElastic.vue.d.ts +1 -1
- package/dist/runtime/components/argStyle.vue +1 -1
- package/dist/runtime/components/argSwitch.vue +1 -1
- package/dist/runtime/components/argTable.vue +1 -1
- package/dist/runtime/components/argToolModal.vue +1 -1
- package/dist/runtime/components/argToolbarContent.vue +1 -1
- package/dist/runtime/components/maps/interfaces.d.ts +22 -0
- package/dist/runtime/components/maps/interfaces.mjs +23 -0
- package/dist/runtime/components/maps/regionsPathIt.json +62 -0
- package/dist/runtime/components/oneRegionIt.vue +62 -0
- package/dist/runtime/components/oneRegionIt.vue.d.ts +54 -0
- 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,#
|
|
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(
|
|
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(
|
|
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(
|
|
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, #
|
|
519
|
-
background: rgba(
|
|
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, #
|
|
524
|
-
background: rgba(
|
|
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,#
|
|
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,#
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(--
|
|
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) :
|
|
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
|
};
|