@tekkare/auriga 0.2.130 → 0.2.132
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/runtime/components/argMapsFrDepartements.vue +22 -14
- package/dist/runtime/components/argMapsFrDepartements.vue.d.ts +9 -0
- package/dist/runtime/components/argMapsFrRegions.vue +22 -14
- package/dist/runtime/components/argMapsFrRegions.vue.d.ts +9 -0
- package/dist/runtime/components/argMapsUs.vue +22 -14
- package/dist/runtime/components/argMapsUs.vue.d.ts +9 -0
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
/>
|
|
60
60
|
</svg>
|
|
61
61
|
<div class="legend">
|
|
62
|
-
<div class="scale" />
|
|
62
|
+
<div :class="reverseColors ? 'reverse_scale' : 'scale'" />
|
|
63
63
|
<div class="legend-text">
|
|
64
64
|
<p v-for="value in scale" :key="value">
|
|
65
65
|
{{ Math.ceil(value)?.toLocaleString("fr-FR") }}
|
|
@@ -103,6 +103,10 @@ export default defineComponent({
|
|
|
103
103
|
type: [String, null],
|
|
104
104
|
default: null,
|
|
105
105
|
required: false
|
|
106
|
+
},
|
|
107
|
+
reverseColors: {
|
|
108
|
+
type: Boolean,
|
|
109
|
+
default: false
|
|
106
110
|
}
|
|
107
111
|
},
|
|
108
112
|
emits: ["openSource"],
|
|
@@ -114,25 +118,25 @@ export default defineComponent({
|
|
|
114
118
|
const scale = ref([]);
|
|
115
119
|
function getColor(value) {
|
|
116
120
|
if (!value) return "var(--lightest)";
|
|
117
|
-
if (value >= scale.value[9]) {
|
|
121
|
+
if (props.reverseColors ? value <= scale.value[0] : value >= scale.value[9]) {
|
|
118
122
|
return "#3F1151";
|
|
119
|
-
} else if (value >= scale.value[8]) {
|
|
123
|
+
} else if (props.reverseColors ? value <= scale.value[1] : value >= scale.value[8]) {
|
|
120
124
|
return "#432974";
|
|
121
|
-
} else if (value >= scale.value[7]) {
|
|
125
|
+
} else if (props.reverseColors ? value <= scale.value[2] : value >= scale.value[7]) {
|
|
122
126
|
return "#404A85";
|
|
123
|
-
} else if (value >= scale.value[6]) {
|
|
127
|
+
} else if (props.reverseColors ? value <= scale.value[3] : value >= scale.value[6]) {
|
|
124
128
|
return "#3F668A";
|
|
125
|
-
} else if (value >= scale.value[5]) {
|
|
129
|
+
} else if (props.reverseColors ? value <= scale.value[4] : value >= scale.value[5]) {
|
|
126
130
|
return "#43808C";
|
|
127
|
-
} else if (value >= scale.value[4]) {
|
|
131
|
+
} else if (props.reverseColors ? value <= scale.value[5] : value >= scale.value[4]) {
|
|
128
132
|
return "#4C9C8A";
|
|
129
|
-
} else if (value >= scale.value[3]) {
|
|
133
|
+
} else if (props.reverseColors ? value <= scale.value[6] : value >= scale.value[3]) {
|
|
130
134
|
return "#5FB57E";
|
|
131
|
-
} else if (value >= scale.value[2]) {
|
|
135
|
+
} else if (props.reverseColors ? value <= scale.value[7] : value >= scale.value[2]) {
|
|
132
136
|
return "#85CB68";
|
|
133
|
-
} else if (value >= scale.value[1]) {
|
|
137
|
+
} else if (props.reverseColors ? value <= scale.value[8] : value >= scale.value[1]) {
|
|
134
138
|
return "#BDDD51";
|
|
135
|
-
} else if (value >= scale.value[0]) {
|
|
139
|
+
} else if (props.reverseColors ? value > scale.value[8] : value >= scale.value[0]) {
|
|
136
140
|
return "#F9E855";
|
|
137
141
|
}
|
|
138
142
|
}
|
|
@@ -144,10 +148,14 @@ export default defineComponent({
|
|
|
144
148
|
}
|
|
145
149
|
function setupScale() {
|
|
146
150
|
minimalValue.value = Math.floor(
|
|
147
|
-
Math.min(
|
|
151
|
+
Math.min(
|
|
152
|
+
...props.data.filter((f) => f.value !== null).map((x) => x.value)
|
|
153
|
+
)
|
|
148
154
|
);
|
|
149
155
|
maximalValue.value = Math.ceil(
|
|
150
|
-
Math.max(
|
|
156
|
+
Math.max(
|
|
157
|
+
...props.data.filter((f) => f.value !== null).map((x) => x.value)
|
|
158
|
+
)
|
|
151
159
|
);
|
|
152
160
|
const step = (maximalValue.value - minimalValue.value) / 10;
|
|
153
161
|
if (minimalValue.value !== null) {
|
|
@@ -206,5 +214,5 @@ export default defineComponent({
|
|
|
206
214
|
</script>
|
|
207
215
|
|
|
208
216
|
<style scoped>
|
|
209
|
-
.map{margin-top:24px;width:100%}.p24{padding:24px}.p-24{padding:0 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)
|
|
217
|
+
.map{margin-top:24px;width:100%}.p24{padding:24px}.p-24{padding:0 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%}
|
|
210
218
|
</style>
|
|
@@ -29,6 +29,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
29
29
|
default: null;
|
|
30
30
|
required: false;
|
|
31
31
|
};
|
|
32
|
+
reverseColors: {
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
32
36
|
}>, {
|
|
33
37
|
getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
|
|
34
38
|
handleHover: (dept: Departements) => void;
|
|
@@ -75,6 +79,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
75
79
|
default: null;
|
|
76
80
|
required: false;
|
|
77
81
|
};
|
|
82
|
+
reverseColors: {
|
|
83
|
+
type: BooleanConstructor;
|
|
84
|
+
default: boolean;
|
|
85
|
+
};
|
|
78
86
|
}>> & Readonly<{
|
|
79
87
|
onOpenSource?: ((...args: any[]) => any) | undefined;
|
|
80
88
|
}>, {
|
|
@@ -83,6 +91,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
83
91
|
title: string | null;
|
|
84
92
|
haveCustomTitle: string | null;
|
|
85
93
|
uniqueID: string | null;
|
|
94
|
+
reverseColors: boolean;
|
|
86
95
|
}, {}, {
|
|
87
96
|
oneDepartementFr: any;
|
|
88
97
|
ArgSourceContainer: any;
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
/>
|
|
60
60
|
</svg>
|
|
61
61
|
<div class="legend">
|
|
62
|
-
<div class="scale" />
|
|
62
|
+
<div :class="reverseColors ? 'reverse_scale' : 'scale'" />
|
|
63
63
|
<div class="legend-text">
|
|
64
64
|
<p v-for="value in scale" :key="value">
|
|
65
65
|
{{ Math.ceil(value)?.toLocaleString("fr-FR") }}
|
|
@@ -103,6 +103,10 @@ export default defineComponent({
|
|
|
103
103
|
type: [String, null],
|
|
104
104
|
default: null,
|
|
105
105
|
required: false
|
|
106
|
+
},
|
|
107
|
+
reverseColors: {
|
|
108
|
+
type: Boolean,
|
|
109
|
+
default: false
|
|
106
110
|
}
|
|
107
111
|
},
|
|
108
112
|
emits: ["openSource"],
|
|
@@ -114,25 +118,25 @@ export default defineComponent({
|
|
|
114
118
|
const scale = ref([]);
|
|
115
119
|
function getColor(value) {
|
|
116
120
|
if (!value) return "var(--lightest)";
|
|
117
|
-
if (value >= scale.value[9]) {
|
|
121
|
+
if (props.reverseColors ? value <= scale.value[0] : value >= scale.value[9]) {
|
|
118
122
|
return "#3F1151";
|
|
119
|
-
} else if (value >= scale.value[8]) {
|
|
123
|
+
} else if (props.reverseColors ? value <= scale.value[1] : value >= scale.value[8]) {
|
|
120
124
|
return "#432974";
|
|
121
|
-
} else if (value >= scale.value[7]) {
|
|
125
|
+
} else if (props.reverseColors ? value <= scale.value[2] : value >= scale.value[7]) {
|
|
122
126
|
return "#404A85";
|
|
123
|
-
} else if (value >= scale.value[6]) {
|
|
127
|
+
} else if (props.reverseColors ? value <= scale.value[3] : value >= scale.value[6]) {
|
|
124
128
|
return "#3F668A";
|
|
125
|
-
} else if (value >= scale.value[5]) {
|
|
129
|
+
} else if (props.reverseColors ? value <= scale.value[4] : value >= scale.value[5]) {
|
|
126
130
|
return "#43808C";
|
|
127
|
-
} else if (value >= scale.value[4]) {
|
|
131
|
+
} else if (props.reverseColors ? value <= scale.value[5] : value >= scale.value[4]) {
|
|
128
132
|
return "#4C9C8A";
|
|
129
|
-
} else if (value >= scale.value[3]) {
|
|
133
|
+
} else if (props.reverseColors ? value <= scale.value[6] : value >= scale.value[3]) {
|
|
130
134
|
return "#5FB57E";
|
|
131
|
-
} else if (value >= scale.value[2]) {
|
|
135
|
+
} else if (props.reverseColors ? value <= scale.value[7] : value >= scale.value[2]) {
|
|
132
136
|
return "#85CB68";
|
|
133
|
-
} else if (value >= scale.value[1]) {
|
|
137
|
+
} else if (props.reverseColors ? value <= scale.value[8] : value >= scale.value[1]) {
|
|
134
138
|
return "#BDDD51";
|
|
135
|
-
} else if (value >= scale.value[0]) {
|
|
139
|
+
} else if (props.reverseColors ? value > scale.value[8] : value >= scale.value[0]) {
|
|
136
140
|
return "#F9E855";
|
|
137
141
|
}
|
|
138
142
|
}
|
|
@@ -147,10 +151,14 @@ export default defineComponent({
|
|
|
147
151
|
}
|
|
148
152
|
function setupScale() {
|
|
149
153
|
minimalValue.value = Math.floor(
|
|
150
|
-
Math.min(
|
|
154
|
+
Math.min(
|
|
155
|
+
...props.data.filter((f) => f.value !== null).map((x) => x.value)
|
|
156
|
+
)
|
|
151
157
|
);
|
|
152
158
|
maximalValue.value = Math.ceil(
|
|
153
|
-
Math.max(
|
|
159
|
+
Math.max(
|
|
160
|
+
...props.data.filter((f) => f.value !== null).map((x) => x.value)
|
|
161
|
+
)
|
|
154
162
|
);
|
|
155
163
|
const step = (maximalValue.value - minimalValue.value) / 10;
|
|
156
164
|
if (minimalValue.value !== null) {
|
|
@@ -223,5 +231,5 @@ export default defineComponent({
|
|
|
223
231
|
</script>
|
|
224
232
|
|
|
225
233
|
<style scoped>
|
|
226
|
-
.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)
|
|
234
|
+
.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}
|
|
227
235
|
</style>
|
|
@@ -29,6 +29,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
29
29
|
default: null;
|
|
30
30
|
required: false;
|
|
31
31
|
};
|
|
32
|
+
reverseColors: {
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
32
36
|
}>, {
|
|
33
37
|
getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
|
|
34
38
|
handleHover: (region: Regions) => void;
|
|
@@ -75,6 +79,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
75
79
|
default: null;
|
|
76
80
|
required: false;
|
|
77
81
|
};
|
|
82
|
+
reverseColors: {
|
|
83
|
+
type: BooleanConstructor;
|
|
84
|
+
default: boolean;
|
|
85
|
+
};
|
|
78
86
|
}>> & Readonly<{
|
|
79
87
|
onOpenSource?: ((...args: any[]) => any) | undefined;
|
|
80
88
|
}>, {
|
|
@@ -83,6 +91,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
83
91
|
title: string | null;
|
|
84
92
|
haveCustomTitle: string | null;
|
|
85
93
|
uniqueID: string | null;
|
|
94
|
+
reverseColors: boolean;
|
|
86
95
|
}, {}, {
|
|
87
96
|
oneRegionFr: any;
|
|
88
97
|
ArgSourceContainer: any;
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
/>
|
|
56
56
|
</svg>
|
|
57
57
|
<div class="legend">
|
|
58
|
-
<div class="scale" />
|
|
58
|
+
<div :class="reverseColors ? 'reverse_scale' : 'scale'" />
|
|
59
59
|
<div class="legend-text">
|
|
60
60
|
<p v-for="value in scale" :key="value">
|
|
61
61
|
{{ Math.ceil(value) }}
|
|
@@ -89,6 +89,10 @@ export default defineComponent({
|
|
|
89
89
|
source: {
|
|
90
90
|
type: [String, null],
|
|
91
91
|
default: null
|
|
92
|
+
},
|
|
93
|
+
reverseColors: {
|
|
94
|
+
type: Boolean,
|
|
95
|
+
default: false
|
|
92
96
|
}
|
|
93
97
|
},
|
|
94
98
|
emits: ["openSource"],
|
|
@@ -100,25 +104,25 @@ export default defineComponent({
|
|
|
100
104
|
const scale = ref([]);
|
|
101
105
|
function getColor(value) {
|
|
102
106
|
if (!value) return "var(--lightest)";
|
|
103
|
-
if (value >= scale.value[9]) {
|
|
107
|
+
if (props.reverseColors ? value <= scale.value[0] : value >= scale.value[9]) {
|
|
104
108
|
return "#3F1151";
|
|
105
|
-
} else if (value >= scale.value[8]) {
|
|
109
|
+
} else if (props.reverseColors ? value <= scale.value[1] : value >= scale.value[8]) {
|
|
106
110
|
return "#432974";
|
|
107
|
-
} else if (value >= scale.value[7]) {
|
|
111
|
+
} else if (props.reverseColors ? value <= scale.value[2] : value >= scale.value[7]) {
|
|
108
112
|
return "#404A85";
|
|
109
|
-
} else if (value >= scale.value[6]) {
|
|
113
|
+
} else if (props.reverseColors ? value <= scale.value[3] : value >= scale.value[6]) {
|
|
110
114
|
return "#3F668A";
|
|
111
|
-
} else if (value >= scale.value[5]) {
|
|
115
|
+
} else if (props.reverseColors ? value <= scale.value[4] : value >= scale.value[5]) {
|
|
112
116
|
return "#43808C";
|
|
113
|
-
} else if (value >= scale.value[4]) {
|
|
117
|
+
} else if (props.reverseColors ? value <= scale.value[5] : value >= scale.value[4]) {
|
|
114
118
|
return "#4C9C8A";
|
|
115
|
-
} else if (value >= scale.value[3]) {
|
|
119
|
+
} else if (props.reverseColors ? value <= scale.value[6] : value >= scale.value[3]) {
|
|
116
120
|
return "#5FB57E";
|
|
117
|
-
} else if (value >= scale.value[2]) {
|
|
121
|
+
} else if (props.reverseColors ? value <= scale.value[7] : value >= scale.value[2]) {
|
|
118
122
|
return "#85CB68";
|
|
119
|
-
} else if (value >= scale.value[1]) {
|
|
123
|
+
} else if (props.reverseColors ? value <= scale.value[8] : value >= scale.value[1]) {
|
|
120
124
|
return "#BDDD51";
|
|
121
|
-
} else if (value >= scale.value[0]) {
|
|
125
|
+
} else if (props.reverseColors ? value > scale.value[8] : value >= scale.value[0]) {
|
|
122
126
|
return "#F9E855";
|
|
123
127
|
}
|
|
124
128
|
}
|
|
@@ -133,10 +137,14 @@ export default defineComponent({
|
|
|
133
137
|
}
|
|
134
138
|
function setupScale() {
|
|
135
139
|
minimalValue.value = Math.floor(
|
|
136
|
-
Math.min(
|
|
140
|
+
Math.min(
|
|
141
|
+
...props.data.filter((f) => f.value !== null).map((x) => x.value)
|
|
142
|
+
)
|
|
137
143
|
);
|
|
138
144
|
maximalValue.value = Math.ceil(
|
|
139
|
-
Math.max(
|
|
145
|
+
Math.max(
|
|
146
|
+
...props.data.filter((f) => f.value !== null).map((x) => x.value)
|
|
147
|
+
)
|
|
140
148
|
);
|
|
141
149
|
const step = (maximalValue.value - minimalValue.value) / 10;
|
|
142
150
|
if (minimalValue.value !== null) {
|
|
@@ -209,5 +217,5 @@ export default defineComponent({
|
|
|
209
217
|
</script>
|
|
210
218
|
|
|
211
219
|
<style scoped>
|
|
212
|
-
.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:8px auto auto;width:50%}.scale{background:linear-gradient(45deg,#3f1151,#432974,#404a85,#3f668a,#43808c,#4c9c8a,#5fb57e,#85cb68,#bddd51,#f9e855)
|
|
220
|
+
.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:8px auto 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}
|
|
213
221
|
</style>
|
|
@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
19
19
|
type: PropType<string | null>;
|
|
20
20
|
default: null;
|
|
21
21
|
};
|
|
22
|
+
reverseColors: {
|
|
23
|
+
type: BooleanConstructor;
|
|
24
|
+
default: boolean;
|
|
25
|
+
};
|
|
22
26
|
}>, {
|
|
23
27
|
getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
|
|
24
28
|
handleHover: (state: UsStates) => void;
|
|
@@ -55,12 +59,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
55
59
|
type: PropType<string | null>;
|
|
56
60
|
default: null;
|
|
57
61
|
};
|
|
62
|
+
reverseColors: {
|
|
63
|
+
type: BooleanConstructor;
|
|
64
|
+
default: boolean;
|
|
65
|
+
};
|
|
58
66
|
}>> & Readonly<{
|
|
59
67
|
onOpenSource?: ((...args: any[]) => any) | undefined;
|
|
60
68
|
}>, {
|
|
61
69
|
data: Data[];
|
|
62
70
|
source: string | null;
|
|
63
71
|
title: string | null;
|
|
72
|
+
reverseColors: boolean;
|
|
64
73
|
}, {}, {
|
|
65
74
|
OneStateUs: any;
|
|
66
75
|
ArgSourceContainer: any;
|