@tekkare/auriga 0.2.211 → 0.2.214

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.211"
7
+ "version": "0.2.214"
8
8
  }
@@ -45,7 +45,7 @@
45
45
  xmlns="http://www.w3.org/2000/svg"
46
46
  >
47
47
  <oneDepartementFr
48
- v-for="departement in Departements"
48
+ v-for="departement in displayedDepartements"
49
49
  :key="departement"
50
50
  :data="{
51
51
  color: getColor(data.find((x) => x.name == departement)?.value),
@@ -107,10 +107,24 @@ export default defineComponent({
107
107
  reverseColors: {
108
108
  type: Boolean,
109
109
  default: false
110
+ },
111
+ hideDromTom: {
112
+ type: Boolean,
113
+ default: false
110
114
  }
111
115
  },
112
116
  emits: ["openSource"],
113
117
  setup(props, { emit }) {
118
+ const dromTomDepartements = [
119
+ Departements.Guadeloupe,
120
+ Departements.Martinique,
121
+ Departements.Guyane,
122
+ Departements.LaReunion,
123
+ Departements.Mayotte
124
+ ];
125
+ const displayedDepartements = Object.values(Departements).filter(
126
+ (d) => !props.hideDromTom || !dromTomDepartements.includes(d)
127
+ );
114
128
  const minimalValue = ref(null);
115
129
  const maximalValue = ref(null);
116
130
  const hoveredDepartement = ref(null);
@@ -203,7 +217,7 @@ export default defineComponent({
203
217
  getColor,
204
218
  handleHover,
205
219
  handleMouseLeave,
206
- Departements,
220
+ displayedDepartements,
207
221
  hoveredDepartement,
208
222
  tooltipPosition,
209
223
  scale,
@@ -33,11 +33,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
33
33
  type: BooleanConstructor;
34
34
  default: boolean;
35
35
  };
36
+ hideDromTom: {
37
+ type: BooleanConstructor;
38
+ default: boolean;
39
+ };
36
40
  }>, {
37
41
  getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
38
42
  handleHover: (dept: Departements) => void;
39
43
  handleMouseLeave: () => void;
40
- Departements: typeof Departements;
44
+ displayedDepartements: Departements[];
41
45
  hoveredDepartement: import("vue").Ref<Departements | null, Departements | null>;
42
46
  tooltipPosition: import("vue").Ref<{
43
47
  x: number;
@@ -83,6 +87,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
83
87
  type: BooleanConstructor;
84
88
  default: boolean;
85
89
  };
90
+ hideDromTom: {
91
+ type: BooleanConstructor;
92
+ default: boolean;
93
+ };
86
94
  }>> & Readonly<{
87
95
  onOpenSource?: ((...args: any[]) => any) | undefined;
88
96
  }>, {
@@ -92,6 +100,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
92
100
  haveCustomTitle: string | null;
93
101
  uniqueID: string | null;
94
102
  reverseColors: boolean;
103
+ hideDromTom: boolean;
95
104
  }, {}, {
96
105
  oneDepartementFr: any;
97
106
  ArgSourceContainer: any;
@@ -45,7 +45,7 @@
45
45
  xmlns="http://www.w3.org/2000/svg"
46
46
  >
47
47
  <oneRegionFr
48
- v-for="region in Regions"
48
+ v-for="region in displayedRegions"
49
49
  :key="region"
50
50
  :data="{
51
51
  color: getColor(data.find((x) => x.name == region)?.value),
@@ -107,10 +107,24 @@ export default defineComponent({
107
107
  reverseColors: {
108
108
  type: Boolean,
109
109
  default: false
110
+ },
111
+ hideDromTom: {
112
+ type: Boolean,
113
+ default: false
110
114
  }
111
115
  },
112
116
  emits: ["openSource"],
113
117
  setup(props, { emit }) {
118
+ const dromTomRegions = [
119
+ Regions.Reunion,
120
+ Regions.Martinique,
121
+ Regions.Guyane,
122
+ Regions.Guadeloupe,
123
+ Regions.Mayotte
124
+ ];
125
+ const displayedRegions = Object.values(Regions).filter(
126
+ (r) => !props.hideDromTom || !dromTomRegions.includes(r)
127
+ );
114
128
  const minimalValue = ref(null);
115
129
  const maximalValue = ref(null);
116
130
  const hoveredRegion = ref(null);
@@ -220,7 +234,7 @@ export default defineComponent({
220
234
  getColor,
221
235
  handleHover,
222
236
  handleMouseLeave,
223
- Regions,
237
+ displayedRegions,
224
238
  hoveredRegion,
225
239
  tooltipPosition,
226
240
  scale,
@@ -33,11 +33,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
33
33
  type: BooleanConstructor;
34
34
  default: boolean;
35
35
  };
36
+ hideDromTom: {
37
+ type: BooleanConstructor;
38
+ default: boolean;
39
+ };
36
40
  }>, {
37
41
  getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
38
42
  handleHover: (region: Regions) => void;
39
43
  handleMouseLeave: () => void;
40
- Regions: typeof Regions;
44
+ displayedRegions: Regions[];
41
45
  hoveredRegion: import("vue").Ref<Regions | null, Regions | null>;
42
46
  tooltipPosition: import("vue").Ref<{
43
47
  x: number;
@@ -83,6 +87,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
83
87
  type: BooleanConstructor;
84
88
  default: boolean;
85
89
  };
90
+ hideDromTom: {
91
+ type: BooleanConstructor;
92
+ default: boolean;
93
+ };
86
94
  }>> & Readonly<{
87
95
  onOpenSource?: ((...args: any[]) => any) | undefined;
88
96
  }>, {
@@ -92,6 +100,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
92
100
  haveCustomTitle: string | null;
93
101
  uniqueID: string | null;
94
102
  reverseColors: boolean;
103
+ hideDromTom: boolean;
95
104
  }, {}, {
96
105
  oneRegionFr: any;
97
106
  ArgSourceContainer: any;
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div class="oip_row">
3
- <div v-if="tabs[0] !== undefined" ref="el" class="wrapper">
3
+ <div v-if="tabs[0] !== undefined" ref="el" class="wrapper" :class="[`variant-${variant}`]">
4
4
  <div class="toggle_radio">
5
5
  <div
6
6
  v-for="(tab, index) in tabs"
@@ -86,6 +86,10 @@ export default defineComponent({
86
86
  sliderId: {
87
87
  type: String,
88
88
  default: "slider"
89
+ },
90
+ variant: {
91
+ type: String,
92
+ default: "default"
89
93
  }
90
94
  },
91
95
  setup(props) {
@@ -175,5 +179,5 @@ export default defineComponent({
175
179
  </script>
176
180
 
177
181
  <style scoped>
178
- .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(--primary,#2176ff);font-weight:600}.toggle_radio label.active svg{color:var(--primary,#2176ff)!important}.toggle_option_slider{background:rgba(33,118,255,.08);border:1px solid rgba(33,118,255,.25);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}
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(--primary,#2176ff);font-weight:600}.toggle_radio label.active svg{color:var(--primary,#2176ff)!important}.toggle_option_slider{background:rgba(33,118,255,.08);border:1px solid rgba(33,118,255,.25);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:#046051}.variant-discovery .toggle_radio label.active svg{color:#046051!important}.variant-discovery .toggle_option_slider{background:rgba(4,96,81,.08);border:1px solid rgba(4,96,81,.25)}.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:#f97316}.variant-pharmanalyse .toggle_radio label.active svg{color:#f97316!important}.variant-pharmanalyse .toggle_option_slider{background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.25)}.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:#e46794}.variant-databanks .toggle_radio label.active svg{color:#e46794!important}.variant-databanks .toggle_option_slider{background:rgba(228,103,148,.08);border:1px solid rgba(228,103,148,.25)}.variant-databanks .hover_container:not(.active):hover,.variant-databanks .hover_container:not(.active):hover svg{color:#e46794!important}
179
183
  </style>
@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
24
24
  type: StringConstructor;
25
25
  default: string;
26
26
  };
27
+ variant: {
28
+ type: () => "default" | "discovery" | "pharmanalyse" | "databanks";
29
+ default: string;
30
+ };
27
31
  }>, {
28
32
  updateButton: (value: number) => void;
29
33
  el: import("vue").Ref<any, any>;
@@ -55,10 +59,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
55
59
  type: StringConstructor;
56
60
  default: string;
57
61
  };
62
+ variant: {
63
+ type: () => "default" | "discovery" | "pharmanalyse" | "databanks";
64
+ default: string;
65
+ };
58
66
  }>> & Readonly<{}>, {
59
67
  tabs: Tabs;
60
68
  activeTab: number;
61
69
  sliderId: string;
70
+ variant: "default" | "discovery" | "pharmanalyse" | "databanks";
62
71
  }, {}, {
63
72
  ArgIcon: any;
64
73
  }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/auriga",
3
- "version": "0.2.211",
3
+ "version": "0.2.214",
4
4
  "description": "Aurgia is a UI kit developped by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",