@tekkare/auriga 0.1.81 → 0.1.82

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.1.81"
7
+ "version": "0.1.82"
8
8
  }
@@ -134,7 +134,7 @@ export default defineComponent({
134
134
  width: { type: String, default: "80%" },
135
135
  pourcentage: { type: Boolean, default: false },
136
136
  showLegend: { type: Boolean, default: true },
137
- showTooltip: { type: Boolean, default: false },
137
+ showTooltip: { type: Boolean, default: true },
138
138
  isEJPRD: { type: Boolean, default: false }
139
139
  },
140
140
  setup(props) {
@@ -200,6 +200,7 @@ export default defineComponent({
200
200
  pointedLocation.value = getLocationName(event.target);
201
201
  let data2 = props.state_table;
202
202
  const selectstate = pointedLocation.value;
203
+ tooltipStyle.value = { display: "visible " };
203
204
  data2 = data2.map((i) => {
204
205
  if (i.state === selectstate)
205
206
  return i;
@@ -224,11 +225,15 @@ export default defineComponent({
224
225
  tooltipStyle.value = { display: "none" };
225
226
  }
226
227
  function moveOnLocation(event) {
227
- tooltipStyle.value = {
228
- display: "block",
229
- top: `${event.clientY + 10}px`,
230
- left: `${event.clientX - 100}px`
231
- };
228
+ pointedLocation.value = getLocationName(event.target);
229
+ if (pointedLocation.value !== void 0) {
230
+ tooltipStyle.value = {
231
+ display: "block",
232
+ top: `${event.clientY + 10}px`,
233
+ left: `${event.clientX - 100}px`
234
+ };
235
+ } else
236
+ tooltipStyle.value = { display: "none" };
232
237
  }
233
238
  function getLocationClass(location) {
234
239
  return props.state_table.map((state) => {
@@ -285,5 +290,5 @@ export default defineComponent({
285
290
  </script>
286
291
 
287
292
  <style>
288
- .oip_maps_tooltip>h3{color:(--independence);font-size:18px;font-weight:700}.number_table{flex:none;flex-grow:0;font-family:Figtree,sans-serif;font-size:14px;font-style:normal;font-weight:400;height:45px;left:71px;line-height:180%;margin:0;order:0;position:static;top:10px;width:200px}.oip_maps_tooltip{background-color:var(--white);border:1px solid #dedfe9;border-radius:10px;box-shadow:var(--overlay-shadow);box-sizing:border-box;margin:0 auto;min-width:200px;padding:16px;position:fixed;text-align:left;z-index:2}.svg-map{height:auto;width:100%;stroke:none;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}.ejprd_map>.svg-map__location{fill:#f3f2f5;cursor:pointer}.ejprd_map.no_hover>.svg-map__location{fill:#f3f2f5;cursor:auto}.ejprd_map>.svg-map__location:focus,.ejprd_map>.svg-map__location:hover{fill:var(--light)!important;filter:brightness(90%);outline:0}.ejprd_map.no_hover>.svg-map__location:focus,.ejprd_map.no_hover>.svg-map__location:hover{fill:#f3f2f5!important;filter:brightness(100%);outline:0}.ejprd_map>.svg-map__location[aria-checked=true]{fill:#f4bc44}.ejprd_map>.svg-map__location--heat0{fill:#edf5fe!important}.ejprd_map>.svg-map__location--heat1{fill:#dbeafc!important}.ejprd_map>.svg-map__location--heat2{fill:#c8dffb!important}.ejprd_map>.svg-map__location--heat3{fill:#b7d5fa!important}.ejprd_map>.svg-map__location--heat4{fill:#a5cbf9!important}.ejprd_map>.svg-map__location--heat5{fill:#93c0f8!important}.ejprd_map>.svg-map__location--heat6{fill:#82b6f7!important}.ejprd_map>.svg-map__location--heat7{fill:#71abf7!important}.ejprd_map>.svg-map__location--heat8{fill:#5e9ef5!important}.ejprd_map>.svg-map__location--heat9{fill:#5397f5!important}.ejprd_map>.svg-map__location--heat10{fill:#468df4!important}.ejprd_map>.svg-map__location--heat-none{fill:#f3f2f5!important}.svg-map__location{fill:var(--lightest);cursor:pointer}.no_hover>.svg-map__location{fill:var(--lightest);cursor:auto}.svg-map__location:focus,.svg-map__location:hover{fill:var(--primary)!important;filter:brightness(90%);outline:0}.no_hover>.svg-map__location:focus,.no_hover>.svg-map__location:hover{fill:var(--lightest)!important;filter:brightness(100%);outline:0}.svg-map__location[aria-checked=true]{fill:#f4bc44}.svg-map__location--heat0{fill:#ecf2fe!important}.svg-map__location--heat1{fill:#dae5fc!important}.svg-map__location--heat2{fill:#c7d8fb!important}.svg-map__location--heat3{fill:#b5ccfa!important}.svg-map__location--heat4{fill:#a2bff8!important}.svg-map__location--heat5{fill:#90b3f7!important}.svg-map__location--heat6{fill:#7ea5f6!important}.svg-map__location--heat7{fill:#6c99f6!important}.svg-map__location--heat8{fill:#5789f4!important}.svg-map__location--heat9{fill:#4b80f4!important}.svg-map__location--heat10{fill:#3c73f3!important}.svg-map__location--heat-none{fill:var(--lightest)!important}.legend_scale{background:linear-gradient(90deg,#ecf2fe,#3c73f3);display:grid;left:25%;width:45%}.legend_scale,.legend_value{content:"";height:20px;position:relative;top:90%}.legend_value{display:flex;justify-content:space-between;left:24%;width:47%}.legend-divider-1{left:33%}.legend-divider-1,.legend-divider-2{background-color:var(--white);content:"";height:100%;position:absolute;width:1px}.legend-divider-2{left:66%}.legend-value{margin-top:14px}.legend-value>div{display:flex;flex-flow:column;gap:6px}.map_class{display:flex;justify-content:center;margin:auto;padding:0 0 15px}
293
+ .oip_maps_tooltip>h3{color:(--independence);font-size:18px;font-weight:700}.number_table{flex:none;flex-grow:0;font-family:Figtree,sans-serif;font-size:14px;font-style:normal;font-weight:400;height:45px;left:71px;line-height:180%;margin:0;order:0;position:static;top:10px;width:200px}.oip_maps_tooltip{background-color:var(--white);border:1px solid #dedfe9;border-radius:10px;box-shadow:var(--overlay-shadow);box-sizing:border-box;margin:0 auto;min-width:200px;padding:16px;position:fixed;text-align:left;z-index:2}.svg-map{height:auto;width:100%;stroke:none;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}.ejprd_map>.svg-map__location{fill:#f3f2f5;cursor:pointer}.ejprd_map.no_hover>.svg-map__location{fill:#f3f2f5;cursor:auto}.ejprd_map>.svg-map__location:focus,.ejprd_map>.svg-map__location:hover{fill:var(--light)!important;filter:brightness(90%);outline:0}.ejprd_map.no_hover>.svg-map__location:focus,.ejprd_map.no_hover>.svg-map__location:hover{fill:inherit!important;filter:brightness(100%);outline:0}.ejprd_map>.svg-map__location[aria-checked=true]{fill:#f4bc44}.ejprd_map.no_hover>.svg-map__location--heat0:focus,.ejprd_map.no_hover>.svg-map__location--heat0:hover,.ejprd_map>.svg-map__location--heat0{fill:#edf5fe!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat1:focus,.ejprd_map.no_hover>.svg-map__location--heat1:hover,.ejprd_map>.svg-map__location--heat1{fill:#dbeafc!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat2:focus,.ejprd_map.no_hover>.svg-map__location--heat2:hover,.ejprd_map>.svg-map__location--heat2{fill:#c8dffb!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat3:focus,.ejprd_map.no_hover>.svg-map__location--heat3:hover,.ejprd_map>.svg-map__location--heat3{fill:#b7d5fa!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat4:focus,.ejprd_map.no_hover>.svg-map__location--heat4:hover,.ejprd_map>.svg-map__location--heat4{fill:#a5cbf9!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat5:focus,.ejprd_map.no_hover>.svg-map__location--heat5:hover,.ejprd_map>.svg-map__location--heat5{fill:#93c0f8!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat6:focus,.ejprd_map.no_hover>.svg-map__location--heat6:hover,.ejprd_map>.svg-map__location--heat6{fill:#82b6f7!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat7:focus,.ejprd_map.no_hover>.svg-map__location--heat7:hover,.ejprd_map>.svg-map__location--heat7{fill:#71abf7!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat8:focus,.ejprd_map.no_hover>.svg-map__location--heat8:hover,.ejprd_map>.svg-map__location--heat8{fill:#5e9ef5!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat9:focus,.ejprd_map.no_hover>.svg-map__location--heat9:hover,.ejprd_map>.svg-map__location--heat9{fill:#5397f5!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat10:focus,.ejprd_map.no_hover>.svg-map__location--heat10:hover,.ejprd_map>.svg-map__location--heat10{fill:#468df4!important;filter:brightness(100%)}.ejprd_map.no_hover>.svg-map__location--heat-none:focus,.ejprd_map.no_hover>.svg-map__location--heat-none:hover,.ejprd_map>.svg-map__location--heat-none{fill:#f3f2f5!important;filter:brightness(100%)}.svg-map__location{fill:var(--lightest);cursor:pointer}.no_hover>.svg-map__location{fill:var(--lightest);cursor:auto}.svg-map__location:focus,.svg-map__location:hover{fill:var(--primary)!important;filter:brightness(90%);outline:0}.no_hover>.svg-map__location:focus,.no_hover>.svg-map__location:hover{fill:var(--lightest)!important;filter:brightness(100%);outline:0}.svg-map__location[aria-checked=true]{fill:#f4bc44}.no_hover>.svg-map__location--heat0:focus,.no_hover>.svg-map__location--heat0:hover,.svg-map__location--heat0{fill:#ecf2fe!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat1:focus,.no_hover>.svg-map__location--heat1:hover,.svg-map__location--heat1{fill:#dae5fc!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat2:focus,.no_hover>.svg-map__location--heat2:hover,.svg-map__location--heat2{fill:#c7d8fb!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat3:focus,.no_hover>.svg-map__location--heat3:hover,.svg-map__location--heat3{fill:#b5ccfa!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat4:focus,.no_hover>.svg-map__location--heat4:hover,.svg-map__location--heat4{fill:#a2bff8!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat5:focus,.no_hover>.svg-map__location--heat5:hover,.svg-map__location--heat5{fill:#90b3f7!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat6:focus,.no_hover>.svg-map__location--heat6:hover,.svg-map__location--heat6{fill:#7ea5f6!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat7:focus,.no_hover>.svg-map__location--heat7:hover,.svg-map__location--heat7{fill:#6c99f6!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat8:focus,.no_hover>.svg-map__location--heat8:hover,.svg-map__location--heat8{fill:#5789f4!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat9:focus,.no_hover>.svg-map__location--heat9:hover,.svg-map__location--heat9{fill:#4b80f4!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat10:focus,.no_hover>.svg-map__location--heat10:hover,.svg-map__location--heat10{fill:#3c73f3!important;filter:brightness(100%)}.no_hover>.svg-map__location--heat-none:focus,.no_hover>.svg-map__location--heat-none:hover,.svg-map__location--heat-none{fill:var(--lightest)!important;filter:brightness(100%)}.legend_scale{background:linear-gradient(90deg,#ecf2fe,#3c73f3);display:grid;left:25%;width:45%}.legend_scale,.legend_value{content:"";height:20px;position:relative;top:90%}.legend_value{display:flex;justify-content:space-between;left:24%;width:47%}.legend-divider-1{left:33%}.legend-divider-1,.legend-divider-2{background-color:var(--white);content:"";height:100%;position:absolute;width:1px}.legend-divider-2{left:66%}.legend-value{margin-top:14px}.legend-value>div{display:flex;flex-flow:column;gap:6px}.map_class{display:flex;justify-content:center;margin:auto;padding:0 0 15px}
289
294
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/auriga",
3
- "version": "0.1.81",
3
+ "version": "0.1.82",
4
4
  "description": "Aurgia is a UI kit developped by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",