@tekkare/auriga 0.2.130 → 0.2.131

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/argMapsFrDepartements.vue +16 -12
  3. package/dist/runtime/components/argMapsFrDepartements.vue.d.ts +9 -0
  4. package/dist/runtime/components/argMapsFrRegions.vue +16 -12
  5. package/dist/runtime/components/argMapsFrRegions.vue.d.ts +9 -0
  6. package/dist/runtime/components/argMapsUs.vue +16 -12
  7. package/dist/runtime/components/argMapsUs.vue.d.ts +9 -0
  8. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "0.2.130"
7
+ "version": "0.2.131"
8
8
  }
package/dist/runtime/components/argMapsFrDepartements.vue 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[9] : value >= scale.value[0]) {
136
140
  return "#F9E855";
137
141
  }
138
142
  }
@@ -206,5 +210,5 @@ export default defineComponent({
206
210
  </script>
207
211
 
208
212
  <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);height:10px;transform:rotate(180deg)}.legend-text{align-items:center;color:var(--dark);display:flex;font-size:12px;font-weight:400;justify-content:space-between;line-height:160%}
213
+ .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
214
  </style>
package/dist/runtime/components/argMapsFrDepartements.vue.d.ts CHANGED
@@ -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;
package/dist/runtime/components/argMapsFrRegions.vue 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[9] : value >= scale.value[0]) {
136
140
  return "#F9E855";
137
141
  }
138
142
  }
@@ -223,5 +227,5 @@ export default defineComponent({
223
227
  </script>
224
228
 
225
229
  <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);height:10px;transform:rotate(180deg)}.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}
230
+ .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
231
  </style>
package/dist/runtime/components/argMapsFrRegions.vue.d.ts CHANGED
@@ -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;
package/dist/runtime/components/argMapsUs.vue CHANGED
@@ -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[9] : value >= scale.value[0]) {
122
126
  return "#F9E855";
123
127
  }
124
128
  }
@@ -209,5 +213,5 @@ export default defineComponent({
209
213
  </script>
210
214
 
211
215
  <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);height:10px;transform:rotate(180deg)}.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}
216
+ .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
217
  </style>
package/dist/runtime/components/argMapsUs.vue.d.ts CHANGED
@@ -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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/auriga",
3
- "version": "0.2.130",
3
+ "version": "0.2.131",
4
4
  "description": "Aurgia is a UI kit developped by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",