@tekkare/auriga 0.2.66 → 0.2.67

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 CHANGED
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "0.2.66"
7
+ "version": "0.2.67"
8
8
  }
@@ -1,7 +1,11 @@
1
1
  <template>
2
- <div :id="`container_map-${title}`" class="oip_table_card map_card-container">
2
+ <div
3
+ :id="`container_map-${title}-${uniqueID}`"
4
+ class="oip_table_card map_card-container"
5
+ >
3
6
  <div class="p-24">
4
- <div class="oip_subtitle">
7
+ <slot name="customTitle" v-if="haveCustomTitle" />
8
+ <div v-else class="oip_subtitle">
5
9
  {{ title ? title : "Your map title" }}
6
10
  </div>
7
11
  <ArgSourceContainer @click="openSource">
@@ -58,7 +62,7 @@
58
62
  <div class="scale" />
59
63
  <div class="legend-text">
60
64
  <p v-for="value in scale" :key="value">
61
- {{ Math.ceil(value) }}
65
+ {{ Math.ceil(value)?.toLocaleString("fr-FR") }}
62
66
  </p>
63
67
  </div>
64
68
  </div>
@@ -89,6 +93,16 @@ export default defineComponent({
89
93
  source: {
90
94
  type: [String, null],
91
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
92
106
  }
93
107
  },
94
108
  emits: ["openSource"],
@@ -164,7 +178,7 @@ export default defineComponent({
164
178
  const selectedRegion = document.getElementById(
165
179
  `interactiveMap-${props.title}-${hoveredDepartement.value}`
166
180
  )?.getBoundingClientRect();
167
- const containerPosition = document.getElementById(`container_map-${props.title}`)?.getBoundingClientRect();
181
+ const containerPosition = document.getElementById(`container_map-${props.title}-${props.uniqueID}`)?.getBoundingClientRect();
168
182
  const tooltipElement = document.getElementById(
169
183
  `tooltip_map-${props.title}`
170
184
  );
@@ -19,6 +19,16 @@ declare const _default: import("vue").DefineComponent<{
19
19
  type: PropType<string | null>;
20
20
  default: null;
21
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
+ };
22
32
  }, {
23
33
  getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
24
34
  handleHover: (dept: Departements) => void;
@@ -47,11 +57,23 @@ declare const _default: import("vue").DefineComponent<{
47
57
  type: PropType<string | null>;
48
58
  default: null;
49
59
  };
60
+ haveCustomTitle: {
61
+ type: PropType<string | null>;
62
+ default: null;
63
+ required: false;
64
+ };
65
+ uniqueID: {
66
+ type: PropType<string | null>;
67
+ default: null;
68
+ required: false;
69
+ };
50
70
  }>> & {
51
71
  onOpenSource?: ((...args: any[]) => any) | undefined;
52
72
  }, {
53
73
  data: Data[];
54
74
  source: string | null;
55
75
  title: string | null;
76
+ haveCustomTitle: string | null;
77
+ uniqueID: string | null;
56
78
  }, {}>;
57
79
  export default _default;
@@ -1,7 +1,11 @@
1
1
  <template>
2
- <div class="oip_table_card map_card-container" :id="`container_map-${title}`">
2
+ <div
3
+ class="oip_table_card map_card-container"
4
+ :id="`container_map-${title}-${uniqueID}`"
5
+ >
3
6
  <div class="p-24">
4
- <div class="oip_subtitle">
7
+ <slot name="customTitle" v-if="haveCustomTitle" />
8
+ <div v-else class="oip_subtitle">
5
9
  {{ title ? title : "Your map title" }}
6
10
  </div>
7
11
  <ArgSourceContainer @click="openSource">
@@ -58,7 +62,7 @@
58
62
  <div class="scale" />
59
63
  <div class="legend-text">
60
64
  <p v-for="value in scale" :key="value">
61
- {{ Math.ceil(value) }}
65
+ {{ Math.ceil(value)?.toLocaleString("fr-FR") }}
62
66
  </p>
63
67
  </div>
64
68
  </div>
@@ -89,6 +93,16 @@ export default defineComponent({
89
93
  source: {
90
94
  type: [String, null],
91
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
92
106
  }
93
107
  },
94
108
  emits: ["openSource"],
@@ -163,7 +177,7 @@ export default defineComponent({
163
177
  const selectedRegion = document.getElementById(
164
178
  `interactiveMap-${props.title}-${hoveredRegion.value}`
165
179
  )?.getBoundingClientRect();
166
- const containerPosition = document.getElementById(`container_map-${props.title}`)?.getBoundingClientRect();
180
+ const containerPosition = document.getElementById(`container_map-${props.title}-${props.uniqueID}`)?.getBoundingClientRect();
167
181
  if (!selectedRegion || !containerPosition)
168
182
  return;
169
183
  tooltipPosition.value = {
@@ -19,6 +19,16 @@ declare const _default: import("vue").DefineComponent<{
19
19
  type: PropType<string | null>;
20
20
  default: null;
21
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
+ };
22
32
  }, {
23
33
  getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
24
34
  handleHover: (region: Regions) => void;
@@ -47,11 +57,23 @@ declare const _default: import("vue").DefineComponent<{
47
57
  type: PropType<string | null>;
48
58
  default: null;
49
59
  };
60
+ haveCustomTitle: {
61
+ type: PropType<string | null>;
62
+ default: null;
63
+ required: false;
64
+ };
65
+ uniqueID: {
66
+ type: PropType<string | null>;
67
+ default: null;
68
+ required: false;
69
+ };
50
70
  }>> & {
51
71
  onOpenSource?: ((...args: any[]) => any) | undefined;
52
72
  }, {
53
73
  data: dataRegion[];
54
74
  source: string | null;
55
75
  title: string | null;
76
+ haveCustomTitle: string | null;
77
+ uniqueID: string | null;
56
78
  }, {}>;
57
79
  export default _default;
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
102
102
  data: Data[];
103
103
  source: string;
104
104
  title: string;
105
- withDynamicTitle: boolean;
106
105
  haveCustomTitle: boolean;
106
+ withDynamicTitle: boolean;
107
107
  }, {}>;
108
108
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/auriga",
3
- "version": "0.2.66",
3
+ "version": "0.2.67",
4
4
  "description": "Aurgia is a UI kit developped by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",