@tekkare/auriga 0.2.126 → 0.2.128
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/argAdvancedSearchBar.vue +7 -14
- package/dist/runtime/components/argAdvancedSearchBar.vue.d.ts +24 -24
- package/dist/runtime/components/argChaptersNav.vue +2 -4
- package/dist/runtime/components/argChart.vue +7 -13
- package/dist/runtime/components/argChart.vue.d.ts +1 -1
- package/dist/runtime/components/argCheckbox.vue +2 -4
- package/dist/runtime/components/argComplexSelect.vue +9 -18
- package/dist/runtime/components/argComplexSelect.vue.d.ts +24 -24
- package/dist/runtime/components/argDropdownSelect.vue +8 -16
- package/dist/runtime/components/argDropdownSelect.vue.d.ts +17 -17
- package/dist/runtime/components/argErrors.vue +3 -6
- package/dist/runtime/components/argFilterTabs.vue +1 -2
- package/dist/runtime/components/argFilterTabs.vue.d.ts +8 -8
- package/dist/runtime/components/argFlag.vue +1 -1
- package/dist/runtime/components/argGoogleMaps.vue +126 -0
- package/dist/runtime/components/argGoogleMaps.vue.d.ts +575 -0
- package/dist/runtime/components/argGoogleMapsHeader.vue +47 -0
- package/dist/runtime/components/argGoogleMapsHeader.vue.d.ts +43 -0
- package/dist/runtime/components/argHeader.vue.d.ts +8 -8
- package/dist/runtime/components/argHeaderTabs.vue +1 -2
- package/dist/runtime/components/argHeaderTabs.vue.d.ts +8 -8
- package/dist/runtime/components/argHomeAllBlocks.vue +2 -4
- package/dist/runtime/components/argHomeKpis.vue.d.ts +16 -16
- package/dist/runtime/components/argLangSelect.vue +1 -2
- package/dist/runtime/components/argLangSelect.vue.d.ts +8 -8
- package/dist/runtime/components/argMaps.vue +8 -16
- package/dist/runtime/components/argMaps.vue.d.ts +9 -9
- package/dist/runtime/components/argMapsEurope.vue +3 -6
- package/dist/runtime/components/argMapsFrDepartements.vue +2 -4
- package/dist/runtime/components/argMapsFrRegions.vue +3 -6
- package/dist/runtime/components/argMapsFrRegionsToDepartements.vue +4 -8
- package/dist/runtime/components/argMapsFrRegionsToDepartements.vue.d.ts +1 -1
- package/dist/runtime/components/argMapsGermany.vue +3 -6
- package/dist/runtime/components/argMapsGermany.vue.d.ts +1 -1
- package/dist/runtime/components/argMapsKorea.vue +3 -6
- package/dist/runtime/components/argMapsKorea.vue.d.ts +1 -1
- package/dist/runtime/components/argMapsNorway.vue +4 -8
- package/dist/runtime/components/argMapsNorway.vue.d.ts +1 -1
- package/dist/runtime/components/argMapsUs.vue +3 -6
- package/dist/runtime/components/argMultipleChoice.vue +6 -12
- package/dist/runtime/components/argMultipleChoice.vue.d.ts +16 -16
- package/dist/runtime/components/argMultipleSelect.vue +11 -22
- package/dist/runtime/components/argMultipleSelect.vue.d.ts +25 -25
- package/dist/runtime/components/argNavBar.vue +1 -2
- package/dist/runtime/components/argNote.vue +1 -2
- package/dist/runtime/components/argNumberInput.vue +1 -2
- package/dist/runtime/components/argRadioButtons.vue +2 -4
- package/dist/runtime/components/argRadioButtons.vue.d.ts +8 -8
- package/dist/runtime/components/argScopeChange.vue +2 -4
- package/dist/runtime/components/argScopeChange.vue.d.ts +8 -8
- package/dist/runtime/components/argScopeManage.vue +1 -2
- package/dist/runtime/components/argScopeModal.vue +1 -2
- package/dist/runtime/components/argScopeModal.vue.d.ts +8 -8
- package/dist/runtime/components/argScopeSelect.vue +3 -6
- package/dist/runtime/components/argScopeSelect.vue.d.ts +8 -8
- package/dist/runtime/components/argSearchInput.vue.d.ts +8 -8
- package/dist/runtime/components/argSidebar.vue +1 -2
- package/dist/runtime/components/argSmallAreaChart.vue.d.ts +1 -1
- package/dist/runtime/components/argSourceCollapse.vue +1 -2
- package/dist/runtime/components/argSteplineChart.vue +1 -2
- package/dist/runtime/components/argSteplineChart.vue.d.ts +1 -1
- package/dist/runtime/components/argTable.vue +10 -20
- package/dist/runtime/components/argTable.vue.d.ts +49 -49
- package/dist/runtime/components/argTagsRow.vue +2 -4
- package/dist/runtime/components/argTekkareLoader.vue +1 -1
- package/dist/runtime/components/argToolModal.vue +1 -2
- package/dist/runtime/components/argToolModal.vue.d.ts +16 -16
- package/dist/runtime/components/argToolbarContent.vue +1 -2
- package/dist/runtime/components/oneRegionToDepartements.vue +1 -2
- package/dist/runtime/components/tableRowCrop.vue +2 -4
- package/package.json +7 -6
|
@@ -209,8 +209,7 @@ export default defineComponent({
|
|
|
209
209
|
const content = document.getElementById("header_scroll_tabs");
|
|
210
210
|
if (content?.scrollWidth > container?.clientWidth - 48) {
|
|
211
211
|
isOverflow.value = true;
|
|
212
|
-
} else
|
|
213
|
-
isOverflow.value = false;
|
|
212
|
+
} else isOverflow.value = false;
|
|
214
213
|
}
|
|
215
214
|
function scroll_left() {
|
|
216
215
|
const content = document.getElementById("header_scroll_tabs");
|
|
@@ -16,10 +16,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
16
16
|
isArray(arg: any): arg is any[];
|
|
17
17
|
readonly prototype: any[];
|
|
18
18
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
19
|
-
from<
|
|
20
|
-
from<
|
|
21
|
-
from<
|
|
22
|
-
of<
|
|
19
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
20
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
21
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
22
|
+
of<T>(...items: T[]): T[];
|
|
23
23
|
readonly [Symbol.species]: ArrayConstructor;
|
|
24
24
|
};
|
|
25
25
|
default: () => never[];
|
|
@@ -55,10 +55,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
55
55
|
isArray(arg: any): arg is any[];
|
|
56
56
|
readonly prototype: any[];
|
|
57
57
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
58
|
-
from<
|
|
59
|
-
from<
|
|
60
|
-
from<
|
|
61
|
-
of<
|
|
58
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
59
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
60
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
61
|
+
of<T>(...items: T[]): T[];
|
|
62
62
|
readonly [Symbol.species]: ArrayConstructor;
|
|
63
63
|
};
|
|
64
64
|
default: () => never[];
|
|
@@ -319,14 +319,12 @@ export default defineComponent({
|
|
|
319
319
|
const getGlobalTitle = computed(() => {
|
|
320
320
|
if (props.globalTitle !== null) {
|
|
321
321
|
return props.globalTitle;
|
|
322
|
-
} else
|
|
323
|
-
return langData.value?.global;
|
|
322
|
+
} else return langData.value?.global;
|
|
324
323
|
});
|
|
325
324
|
const getSearchPlaceholder = computed(() => {
|
|
326
325
|
if (props.searchPlaceholder !== null) {
|
|
327
326
|
return props.searchPlaceholder;
|
|
328
|
-
} else
|
|
329
|
-
return langData.value?.search;
|
|
327
|
+
} else return langData.value?.search;
|
|
330
328
|
});
|
|
331
329
|
const filterBlocks = computed(() => {
|
|
332
330
|
return props.appBlocks.length > 0 ? props.appBlocks.filter((a) => includesValue(a)) : props.appBlocks;
|
|
@@ -13,10 +13,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
13
13
|
isArray(arg: any): arg is any[];
|
|
14
14
|
readonly prototype: any[];
|
|
15
15
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
16
|
-
from<
|
|
17
|
-
from<
|
|
18
|
-
from<
|
|
19
|
-
of<
|
|
16
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
17
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
18
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
19
|
+
of<T>(...items: T[]): T[];
|
|
20
20
|
readonly [Symbol.species]: ArrayConstructor;
|
|
21
21
|
};
|
|
22
22
|
required: true;
|
|
@@ -30,10 +30,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
30
30
|
isArray(arg: any): arg is any[];
|
|
31
31
|
readonly prototype: any[];
|
|
32
32
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
33
|
-
from<
|
|
34
|
-
from<
|
|
35
|
-
from<
|
|
36
|
-
of<
|
|
33
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
34
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
35
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
36
|
+
of<T>(...items: T[]): T[];
|
|
37
37
|
readonly [Symbol.species]: ArrayConstructor;
|
|
38
38
|
};
|
|
39
39
|
default: () => never[];
|
|
@@ -48,10 +48,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
48
48
|
isArray(arg: any): arg is any[];
|
|
49
49
|
readonly prototype: any[];
|
|
50
50
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
51
|
-
from<
|
|
52
|
-
from<
|
|
53
|
-
from<
|
|
54
|
-
of<
|
|
51
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
52
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
53
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
54
|
+
of<T>(...items: T[]): T[];
|
|
55
55
|
readonly [Symbol.species]: ArrayConstructor;
|
|
56
56
|
};
|
|
57
57
|
required: true;
|
|
@@ -65,10 +65,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
65
65
|
isArray(arg: any): arg is any[];
|
|
66
66
|
readonly prototype: any[];
|
|
67
67
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
68
|
-
from<
|
|
69
|
-
from<
|
|
70
|
-
from<
|
|
71
|
-
of<
|
|
68
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
69
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
70
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
71
|
+
of<T>(...items: T[]): T[];
|
|
72
72
|
readonly [Symbol.species]: ArrayConstructor;
|
|
73
73
|
};
|
|
74
74
|
default: () => never[];
|
|
@@ -99,8 +99,7 @@ export default defineComponent({
|
|
|
99
99
|
setTimeout(() => {
|
|
100
100
|
document.addEventListener("click", closeLang);
|
|
101
101
|
}, 150);
|
|
102
|
-
} else
|
|
103
|
-
document.removeEventListener("click", closeLang);
|
|
102
|
+
} else document.removeEventListener("click", closeLang);
|
|
104
103
|
}
|
|
105
104
|
);
|
|
106
105
|
function selectLang(item) {
|
|
@@ -8,10 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
8
8
|
isArray(arg: any): arg is any[];
|
|
9
9
|
readonly prototype: any[];
|
|
10
10
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
11
|
-
from<
|
|
12
|
-
from<
|
|
13
|
-
from<
|
|
14
|
-
of<
|
|
11
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
12
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
13
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
14
|
+
of<T>(...items: T[]): T[];
|
|
15
15
|
readonly [Symbol.species]: ArrayConstructor;
|
|
16
16
|
};
|
|
17
17
|
required: true;
|
|
@@ -38,10 +38,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
38
38
|
isArray(arg: any): arg is any[];
|
|
39
39
|
readonly prototype: any[];
|
|
40
40
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
41
|
-
from<
|
|
42
|
-
from<
|
|
43
|
-
from<
|
|
44
|
-
of<
|
|
41
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
42
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
43
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
44
|
+
of<T>(...items: T[]): T[];
|
|
45
45
|
readonly [Symbol.species]: ArrayConstructor;
|
|
46
46
|
};
|
|
47
47
|
required: true;
|
|
@@ -169,16 +169,11 @@ export default defineComponent({
|
|
|
169
169
|
}
|
|
170
170
|
);
|
|
171
171
|
function getMapsName() {
|
|
172
|
-
if (props.country === "Usa")
|
|
173
|
-
|
|
174
|
-
if (props.country === "
|
|
175
|
-
|
|
176
|
-
if (props.country === "
|
|
177
|
-
return UsaCounties;
|
|
178
|
-
if (props.country === "World")
|
|
179
|
-
return World;
|
|
180
|
-
if (props.country === "FranceDepartments")
|
|
181
|
-
return FranceDepartments;
|
|
172
|
+
if (props.country === "Usa") return Usa;
|
|
173
|
+
if (props.country === "France") return France;
|
|
174
|
+
if (props.country === "UsaCounties") return UsaCounties;
|
|
175
|
+
if (props.country === "World") return World;
|
|
176
|
+
if (props.country === "FranceDepartments") return FranceDepartments;
|
|
182
177
|
return null;
|
|
183
178
|
}
|
|
184
179
|
function getLocationName(node) {
|
|
@@ -188,8 +183,7 @@ export default defineComponent({
|
|
|
188
183
|
rangeTable.value = [];
|
|
189
184
|
const valueCountTable = [];
|
|
190
185
|
props.state_table.map((state) => {
|
|
191
|
-
if (typeof state.value === "number")
|
|
192
|
-
valueCountTable.push(state.value);
|
|
186
|
+
if (typeof state.value === "number") valueCountTable.push(state.value);
|
|
193
187
|
return true;
|
|
194
188
|
});
|
|
195
189
|
maxValue.value = Math.max(...valueCountTable);
|
|
@@ -206,8 +200,7 @@ export default defineComponent({
|
|
|
206
200
|
const selectstate = pointedLocation.value;
|
|
207
201
|
tooltipStyle.value = { display: "visible " };
|
|
208
202
|
data2 = data2.map((i) => {
|
|
209
|
-
if (i.state === selectstate)
|
|
210
|
-
return i;
|
|
203
|
+
if (i.state === selectstate) return i;
|
|
211
204
|
return false;
|
|
212
205
|
});
|
|
213
206
|
data2 = data2.filter((i) => i !== false);
|
|
@@ -236,8 +229,7 @@ export default defineComponent({
|
|
|
236
229
|
top: `${event.clientY + 10}px`,
|
|
237
230
|
left: `${event.clientX - 100}px`
|
|
238
231
|
};
|
|
239
|
-
} else
|
|
240
|
-
tooltipStyle.value = { display: "none" };
|
|
232
|
+
} else tooltipStyle.value = { display: "none" };
|
|
241
233
|
}
|
|
242
234
|
function getLocationClass(location) {
|
|
243
235
|
return props.state_table.map((state) => {
|
|
@@ -8,10 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
8
8
|
isArray(arg: any): arg is any[];
|
|
9
9
|
readonly prototype: any[];
|
|
10
10
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
11
|
-
from<
|
|
12
|
-
from<
|
|
13
|
-
from<
|
|
14
|
-
of<
|
|
11
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
12
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
13
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
14
|
+
of<T>(...items: T[]): T[];
|
|
15
15
|
readonly [Symbol.species]: ArrayConstructor;
|
|
16
16
|
};
|
|
17
17
|
required: true;
|
|
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
65
65
|
maxValue: import("vue").Ref<any, any>;
|
|
66
66
|
minValue: import("vue").Ref<any, any>;
|
|
67
67
|
rangeTable: import("vue").Ref<any, any>;
|
|
68
|
-
checkTypeOf: (value: any) =>
|
|
68
|
+
checkTypeOf: (value: any) => value is undefined;
|
|
69
69
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
70
70
|
state_table: {
|
|
71
71
|
type: {
|
|
@@ -76,10 +76,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
76
76
|
isArray(arg: any): arg is any[];
|
|
77
77
|
readonly prototype: any[];
|
|
78
78
|
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
79
|
-
from<
|
|
80
|
-
from<
|
|
81
|
-
from<
|
|
82
|
-
of<
|
|
79
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
80
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
81
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
82
|
+
of<T>(...items: T[]): T[];
|
|
83
83
|
readonly [Symbol.species]: ArrayConstructor;
|
|
84
84
|
};
|
|
85
85
|
required: true;
|
|
@@ -99,8 +99,7 @@ export default defineComponent({
|
|
|
99
99
|
const tooltipPosition = ref({ x: 0, y: 0, width: 0 });
|
|
100
100
|
const scale = ref([]);
|
|
101
101
|
function getColor(value) {
|
|
102
|
-
if (!value)
|
|
103
|
-
return "var(--lightest)";
|
|
102
|
+
if (!value) return "var(--lightest)";
|
|
104
103
|
if (value >= scale.value[9]) {
|
|
105
104
|
return "#3F1151";
|
|
106
105
|
} else if (value >= scale.value[8]) {
|
|
@@ -164,8 +163,7 @@ export default defineComponent({
|
|
|
164
163
|
`interactiveMap-${props.title}-${hoveredCountry.value}`
|
|
165
164
|
)?.getBoundingClientRect();
|
|
166
165
|
const containerPosition = document.getElementById(`container_map-${props.title}`)?.getBoundingClientRect();
|
|
167
|
-
if (!selectedcountry || !containerPosition)
|
|
168
|
-
return;
|
|
166
|
+
if (!selectedcountry || !containerPosition) return;
|
|
169
167
|
tooltipPosition.value = {
|
|
170
168
|
x: selectedcountry?.x - containerPosition?.x,
|
|
171
169
|
y: selectedcountry?.top - containerPosition?.top - 60,
|
|
@@ -187,8 +185,7 @@ export default defineComponent({
|
|
|
187
185
|
`tooltip_map-${props.title}`
|
|
188
186
|
);
|
|
189
187
|
const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
|
|
190
|
-
if (!selectedRegion || !containerPosition)
|
|
191
|
-
return;
|
|
188
|
+
if (!selectedRegion || !containerPosition) return;
|
|
192
189
|
tooltipPosition.value = {
|
|
193
190
|
x: selectedRegion?.x - containerPosition?.x,
|
|
194
191
|
y: selectedRegion?.top - containerPosition?.top - tooltipHeight,
|
|
@@ -113,8 +113,7 @@ export default defineComponent({
|
|
|
113
113
|
const tooltipPosition = ref({ x: 0, y: 0, width: 0 });
|
|
114
114
|
const scale = ref([]);
|
|
115
115
|
function getColor(value) {
|
|
116
|
-
if (!value)
|
|
117
|
-
return "var(--lightest)";
|
|
116
|
+
if (!value) return "var(--lightest)";
|
|
118
117
|
if (value >= scale.value[9]) {
|
|
119
118
|
return "#3F1151";
|
|
120
119
|
} else if (value >= scale.value[8]) {
|
|
@@ -183,8 +182,7 @@ export default defineComponent({
|
|
|
183
182
|
`tooltip_map-${props.title}`
|
|
184
183
|
);
|
|
185
184
|
const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
|
|
186
|
-
if (!selectedRegion || !containerPosition)
|
|
187
|
-
return;
|
|
185
|
+
if (!selectedRegion || !containerPosition) return;
|
|
188
186
|
tooltipPosition.value = {
|
|
189
187
|
x: selectedRegion?.x - containerPosition?.x,
|
|
190
188
|
y: selectedRegion?.top - containerPosition?.top - tooltipHeight,
|
|
@@ -113,8 +113,7 @@ export default defineComponent({
|
|
|
113
113
|
const tooltipPosition = ref({ x: 0, y: 0, width: 0 });
|
|
114
114
|
const scale = ref([]);
|
|
115
115
|
function getColor(value) {
|
|
116
|
-
if (!value)
|
|
117
|
-
return "var(--lightest)";
|
|
116
|
+
if (!value) return "var(--lightest)";
|
|
118
117
|
if (value >= scale.value[9]) {
|
|
119
118
|
return "#3F1151";
|
|
120
119
|
} else if (value >= scale.value[8]) {
|
|
@@ -178,8 +177,7 @@ export default defineComponent({
|
|
|
178
177
|
`interactiveMap-${props.title}-${hoveredRegion.value}`
|
|
179
178
|
)?.getBoundingClientRect();
|
|
180
179
|
const containerPosition = document.getElementById(`container_map-${props.title}-${props.uniqueID}`)?.getBoundingClientRect();
|
|
181
|
-
if (!selectedRegion || !containerPosition)
|
|
182
|
-
return;
|
|
180
|
+
if (!selectedRegion || !containerPosition) return;
|
|
183
181
|
tooltipPosition.value = {
|
|
184
182
|
x: selectedRegion?.x - containerPosition?.x,
|
|
185
183
|
y: selectedRegion?.top - containerPosition?.top - 60,
|
|
@@ -201,8 +199,7 @@ export default defineComponent({
|
|
|
201
199
|
`tooltip_map-${props.title}`
|
|
202
200
|
);
|
|
203
201
|
const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
|
|
204
|
-
if (!selectedRegion || !containerPosition)
|
|
205
|
-
return;
|
|
202
|
+
if (!selectedRegion || !containerPosition) return;
|
|
206
203
|
tooltipPosition.value = {
|
|
207
204
|
x: selectedRegion?.x - containerPosition?.x,
|
|
208
205
|
y: selectedRegion?.top - containerPosition?.top - tooltipHeight,
|
|
@@ -933,8 +933,7 @@ export default defineComponent({
|
|
|
933
933
|
}
|
|
934
934
|
}
|
|
935
935
|
function getColor(value) {
|
|
936
|
-
if (!value)
|
|
937
|
-
return "var(--lightest)";
|
|
936
|
+
if (!value) return "var(--lightest)";
|
|
938
937
|
if (value >= scale.value[9]) {
|
|
939
938
|
return "#3F1151";
|
|
940
939
|
} else if (value >= scale.value[8]) {
|
|
@@ -1059,8 +1058,7 @@ export default defineComponent({
|
|
|
1059
1058
|
`tooltip_map-${props.title}`
|
|
1060
1059
|
);
|
|
1061
1060
|
const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
|
|
1062
|
-
if (!selectedRegion || !containerPosition)
|
|
1063
|
-
return;
|
|
1061
|
+
if (!selectedRegion || !containerPosition) return;
|
|
1064
1062
|
tooltipPosition.value = {
|
|
1065
1063
|
x: selectedRegion?.x - containerPosition?.x,
|
|
1066
1064
|
y: selectedRegion?.top - containerPosition?.top - tooltipHeight,
|
|
@@ -1082,8 +1080,7 @@ export default defineComponent({
|
|
|
1082
1080
|
`tooltip_map-${props.title}`
|
|
1083
1081
|
);
|
|
1084
1082
|
const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
|
|
1085
|
-
if (!dpt || !containerPosition)
|
|
1086
|
-
return;
|
|
1083
|
+
if (!dpt || !containerPosition) return;
|
|
1087
1084
|
tooltipPosition.value = {
|
|
1088
1085
|
x: dpt?.x - containerPosition?.x,
|
|
1089
1086
|
y: dpt?.top - containerPosition?.top - tooltipHeight,
|
|
@@ -1114,8 +1111,7 @@ export default defineComponent({
|
|
|
1114
1111
|
`tooltip_map-${props.title}`
|
|
1115
1112
|
);
|
|
1116
1113
|
const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
|
|
1117
|
-
if (!selectedRegion || !containerPosition)
|
|
1118
|
-
return;
|
|
1114
|
+
if (!selectedRegion || !containerPosition) return;
|
|
1119
1115
|
tooltipPosition.value = {
|
|
1120
1116
|
x: selectedRegion?.x - containerPosition?.x,
|
|
1121
1117
|
y: selectedRegion?.top - containerPosition?.top - tooltipHeight,
|
|
@@ -112,8 +112,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
112
112
|
}>> & Readonly<{
|
|
113
113
|
onOpenSource?: ((...args: any[]) => any) | undefined;
|
|
114
114
|
}>, {
|
|
115
|
-
lang: string;
|
|
116
115
|
data: Data[];
|
|
116
|
+
lang: string;
|
|
117
117
|
source: string;
|
|
118
118
|
title: string;
|
|
119
119
|
haveCustomTitle: boolean;
|
|
@@ -118,8 +118,7 @@ export default defineComponent({
|
|
|
118
118
|
const tooltipPosition = ref({ x: 0, y: 0, width: 0 });
|
|
119
119
|
const scale = ref([]);
|
|
120
120
|
function getColor(value) {
|
|
121
|
-
if (!value)
|
|
122
|
-
return "var(--lightest)";
|
|
121
|
+
if (!value) return "var(--lightest)";
|
|
123
122
|
if (value >= scale.value[9]) {
|
|
124
123
|
return "#3F1151";
|
|
125
124
|
} else if (value >= scale.value[8]) {
|
|
@@ -183,8 +182,7 @@ export default defineComponent({
|
|
|
183
182
|
`interactiveMap-${props.title}-${hoveredRegion.value}`
|
|
184
183
|
)?.getBoundingClientRect();
|
|
185
184
|
const containerPosition = document.getElementById(`container_map-${props.title}-${props.uniqueID}`)?.getBoundingClientRect();
|
|
186
|
-
if (!selectedRegion || !containerPosition)
|
|
187
|
-
return;
|
|
185
|
+
if (!selectedRegion || !containerPosition) return;
|
|
188
186
|
tooltipPosition.value = {
|
|
189
187
|
x: selectedRegion?.x - containerPosition?.x,
|
|
190
188
|
y: selectedRegion?.top - containerPosition?.top - 60,
|
|
@@ -206,8 +204,7 @@ export default defineComponent({
|
|
|
206
204
|
`tooltip_map-${props.title}`
|
|
207
205
|
);
|
|
208
206
|
const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
|
|
209
|
-
if (!selectedRegion || !containerPosition)
|
|
210
|
-
return;
|
|
207
|
+
if (!selectedRegion || !containerPosition) return;
|
|
211
208
|
tooltipPosition.value = {
|
|
212
209
|
x: selectedRegion?.x - containerPosition?.x,
|
|
213
210
|
y: selectedRegion?.top - containerPosition?.top - tooltipHeight,
|
|
@@ -88,8 +88,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
88
88
|
}>> & Readonly<{
|
|
89
89
|
onOpenSource?: ((...args: any[]) => any) | undefined;
|
|
90
90
|
}>, {
|
|
91
|
-
lang: string;
|
|
92
91
|
data: dataRegion[];
|
|
92
|
+
lang: string;
|
|
93
93
|
source: string | null;
|
|
94
94
|
title: string | null;
|
|
95
95
|
haveCustomTitle: string | null;
|
|
@@ -142,8 +142,7 @@ export default defineComponent({
|
|
|
142
142
|
const tooltipPosition = ref({ x: 0, y: 0, width: 0 });
|
|
143
143
|
const scale = ref([]);
|
|
144
144
|
function getColor(value) {
|
|
145
|
-
if (!value)
|
|
146
|
-
return "var(--lightest)";
|
|
145
|
+
if (!value) return "var(--lightest)";
|
|
147
146
|
if (value >= scale.value[9]) {
|
|
148
147
|
return "#3F1151";
|
|
149
148
|
} else if (value >= scale.value[8]) {
|
|
@@ -207,8 +206,7 @@ export default defineComponent({
|
|
|
207
206
|
`interactiveMap-${props.title}-${hoveredRegion.value}`
|
|
208
207
|
)?.getBoundingClientRect();
|
|
209
208
|
const containerPosition = document.getElementById(`container_map-${props.title}-${props.uniqueID}`)?.getBoundingClientRect();
|
|
210
|
-
if (!selectedRegion || !containerPosition)
|
|
211
|
-
return;
|
|
209
|
+
if (!selectedRegion || !containerPosition) return;
|
|
212
210
|
tooltipPosition.value = {
|
|
213
211
|
x: selectedRegion?.x - containerPosition?.x,
|
|
214
212
|
y: selectedRegion?.top - containerPosition?.top - 60,
|
|
@@ -230,8 +228,7 @@ export default defineComponent({
|
|
|
230
228
|
`tooltip_map-${props.title}`
|
|
231
229
|
);
|
|
232
230
|
const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
|
|
233
|
-
if (!selectedRegion || !containerPosition)
|
|
234
|
-
return;
|
|
231
|
+
if (!selectedRegion || !containerPosition) return;
|
|
235
232
|
tooltipPosition.value = {
|
|
236
233
|
x: selectedRegion?.x - containerPosition?.x,
|
|
237
234
|
y: selectedRegion?.top - containerPosition?.top - tooltipHeight,
|
|
@@ -89,8 +89,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
89
89
|
}>> & Readonly<{
|
|
90
90
|
onOpenSource?: ((...args: any[]) => any) | undefined;
|
|
91
91
|
}>, {
|
|
92
|
-
lang: string;
|
|
93
92
|
data: dataRegion[];
|
|
93
|
+
lang: string;
|
|
94
94
|
source: string | null;
|
|
95
95
|
title: string | null;
|
|
96
96
|
haveCustomTitle: string | null;
|
|
@@ -127,16 +127,13 @@ export default defineComponent({
|
|
|
127
127
|
const hoveredRegion = ref(null);
|
|
128
128
|
const scale = ref([]);
|
|
129
129
|
function getColor(region) {
|
|
130
|
-
if (!region)
|
|
131
|
-
return "var(--lightest)";
|
|
130
|
+
if (!region) return "var(--lightest)";
|
|
132
131
|
const regionGroup = Object.keys(GroupedRegions).find(
|
|
133
132
|
(groupKey) => GroupedRegions[groupKey].includes(region)
|
|
134
133
|
);
|
|
135
|
-
if (!regionGroup)
|
|
136
|
-
return "var(--lightest)";
|
|
134
|
+
if (!regionGroup) return "var(--lightest)";
|
|
137
135
|
const groupData = props.data.find((x) => x.name === regionGroup);
|
|
138
|
-
if (!groupData || !groupData.value)
|
|
139
|
-
return "var(--lightest)";
|
|
136
|
+
if (!groupData || !groupData.value) return "var(--lightest)";
|
|
140
137
|
const value = groupData.value;
|
|
141
138
|
if (value >= scale.value[9]) {
|
|
142
139
|
return "#3F1151";
|
|
@@ -202,8 +199,7 @@ export default defineComponent({
|
|
|
202
199
|
`interactiveMap-${props.title}-${hoveredRegion.value}`
|
|
203
200
|
)?.getBoundingClientRect();
|
|
204
201
|
const containerPosition = document.getElementById(`container_map-${props.title}-${props.uniqueID}`)?.getBoundingClientRect();
|
|
205
|
-
if (!selectedRegion || !containerPosition)
|
|
206
|
-
return;
|
|
202
|
+
if (!selectedRegion || !containerPosition) return;
|
|
207
203
|
}
|
|
208
204
|
}
|
|
209
205
|
);
|
|
@@ -76,8 +76,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
76
76
|
}>> & Readonly<{
|
|
77
77
|
onOpenSource?: ((...args: any[]) => any) | undefined;
|
|
78
78
|
}>, {
|
|
79
|
-
lang: string;
|
|
80
79
|
data: dataRegion[];
|
|
80
|
+
lang: string;
|
|
81
81
|
source: string | null;
|
|
82
82
|
title: string | null;
|
|
83
83
|
haveCustomTitle: string | null;
|
|
@@ -99,8 +99,7 @@ export default defineComponent({
|
|
|
99
99
|
const tooltipPosition = ref({ x: 0, y: 0, width: 0 });
|
|
100
100
|
const scale = ref([]);
|
|
101
101
|
function getColor(value) {
|
|
102
|
-
if (!value)
|
|
103
|
-
return "var(--lightest)";
|
|
102
|
+
if (!value) return "var(--lightest)";
|
|
104
103
|
if (value >= scale.value[9]) {
|
|
105
104
|
return "#3F1151";
|
|
106
105
|
} else if (value >= scale.value[8]) {
|
|
@@ -164,8 +163,7 @@ export default defineComponent({
|
|
|
164
163
|
`interactiveMap-${props.title}-${hoveredState.value}`
|
|
165
164
|
)?.getBoundingClientRect();
|
|
166
165
|
const containerPosition = document.getElementById(`container_map-${props.title}`)?.getBoundingClientRect();
|
|
167
|
-
if (!selectedState || !containerPosition)
|
|
168
|
-
return;
|
|
166
|
+
if (!selectedState || !containerPosition) return;
|
|
169
167
|
tooltipPosition.value = {
|
|
170
168
|
x: selectedState?.x - containerPosition?.x,
|
|
171
169
|
y: selectedState?.top - containerPosition?.top - 60,
|
|
@@ -187,8 +185,7 @@ export default defineComponent({
|
|
|
187
185
|
`tooltip_map-${props.title}`
|
|
188
186
|
);
|
|
189
187
|
const tooltipHeight = tooltipElement ? tooltipElement.getBoundingClientRect().height : 60;
|
|
190
|
-
if (!selectedRegion || !containerPosition)
|
|
191
|
-
return;
|
|
188
|
+
if (!selectedRegion || !containerPosition) return;
|
|
192
189
|
tooltipPosition.value = {
|
|
193
190
|
x: selectedRegion?.x - containerPosition?.x,
|
|
194
191
|
y: selectedRegion?.top - containerPosition?.top - tooltipHeight,
|
|
@@ -119,8 +119,7 @@ export default defineComponent({
|
|
|
119
119
|
selectedString.value = props.must_select.map(
|
|
120
120
|
(a) => props.element_table[a]
|
|
121
121
|
);
|
|
122
|
-
} else
|
|
123
|
-
selectedInts.value = props.must_select;
|
|
122
|
+
} else selectedInts.value = props.must_select;
|
|
124
123
|
} else {
|
|
125
124
|
selectedInts.value = [];
|
|
126
125
|
selectedString.value = [];
|
|
@@ -155,22 +154,19 @@ export default defineComponent({
|
|
|
155
154
|
function isSelected(index, option) {
|
|
156
155
|
if (selectedInts.value?.includes(index) && !props.must_select.includes(index) || selectedString.value?.includes(option) && !props.must_select.includes(index)) {
|
|
157
156
|
return true;
|
|
158
|
-
} else
|
|
159
|
-
return false;
|
|
157
|
+
} else return false;
|
|
160
158
|
}
|
|
161
159
|
function getIcon(index, option) {
|
|
162
160
|
if (props.must_select.includes(index)) {
|
|
163
161
|
return "CheckSquareDisable";
|
|
164
162
|
} else if (selectedInts.value.includes(index) || selectedString.value.includes(option)) {
|
|
165
163
|
return "CheckSquareFill";
|
|
166
|
-
} else
|
|
167
|
-
return "Square";
|
|
164
|
+
} else return "Square";
|
|
168
165
|
}
|
|
169
166
|
function getColor(index, option) {
|
|
170
167
|
if (selectedInts.value.includes(index) || selectedString.value.includes(option)) {
|
|
171
168
|
return "var(--primary)";
|
|
172
|
-
} else
|
|
173
|
-
return "var(--medium)";
|
|
169
|
+
} else return "var(--medium)";
|
|
174
170
|
}
|
|
175
171
|
function updateSelection(index, option) {
|
|
176
172
|
if (!props.must_select.includes(index)) {
|
|
@@ -181,16 +177,14 @@ export default defineComponent({
|
|
|
181
177
|
selected.findIndex((a) => a === option),
|
|
182
178
|
1
|
|
183
179
|
);
|
|
184
|
-
} else
|
|
185
|
-
selectedString.value.push(option);
|
|
180
|
+
} else selectedString.value.push(option);
|
|
186
181
|
} else {
|
|
187
182
|
if (selectedInts.value.includes(index)) {
|
|
188
183
|
selectedInts.value.splice(
|
|
189
184
|
selected.findIndex((a) => a === index),
|
|
190
185
|
1
|
|
191
186
|
);
|
|
192
|
-
} else
|
|
193
|
-
selectedInts.value.push(index);
|
|
187
|
+
} else selectedInts.value.push(index);
|
|
194
188
|
}
|
|
195
189
|
emit(
|
|
196
190
|
"changeElement",
|