@tekkare/auriga 0.1.168 → 0.1.169

package/dist/runtime/components/oneRegionFr.vue

@@ -0,0 +1,62 @@
+<template>
+  <path
+    :class="
+      hoveredRegion && hoveredRegion !== currentRegion && data.value
+        ? 'hovered'
+        : 'hover'
+    "
+    :id="`interactiveMap-${title}-${currentRegion}`"
+    :d="regionsPath[currentRegion].path"
+    :fill="data.color"
+    :stroke="data.color"
+    stroke-width="1"
+    @mouseover="onMouseOver"
+    @mouseleave="onMouseLeave"
+  />
+</template>
+
+<script>
+import regionsPath from "./mapsFr/regionsPath.json";
+import { defineComponent } from "vue";
+export default defineComponent({
+  name: "oneRegionFr",
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+      }
+    },
+    hoveredRegion: {
+      type: [String, null],
+      required: false,
+      default: null
+    },
+    title: {
+      type: [String, null],
+      required: true
+    },
+    currentRegion: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["hover", "mouseleave"],
+  setup(props, { emit }) {
+    function onMouseOver() {
+      emit("hover");
+    }
+    function onMouseLeave() {
+      emit("mouseleave");
+    }
+    return {
+      regionsPath,
+      onMouseOver,
+      onMouseLeave
+    };
+  }
+});
+</script>
+
+<style scoped>
+.hovered{opacity:.5;transition:all .2s ease-in-out}.hover{cursor:pointer}
+</style>

package/dist/runtime/components/oneRegionFr.vue.d.ts

@@ -0,0 +1,54 @@
+import { Regions } from "./mapsFr/interfaces";
+import type { PropType } from "vue";
+type CurrentData = {
+    color?: string;
+    value?: number;
+};
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: PropType<CurrentData>;
+        default: () => void;
+    };
+    hoveredRegion: {
+        type: PropType<Regions | null>;
+        required: false;
+        default: null;
+    };
+    title: {
+        type: PropType<string | null>;
+        required: true;
+    };
+    currentRegion: {
+        type: PropType<Regions>;
+        required: true;
+    };
+}, {
+    regionsPath: any;
+    onMouseOver: () => void;
+    onMouseLeave: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mouseleave" | "hover")[], "mouseleave" | "hover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<CurrentData>;
+        default: () => void;
+    };
+    hoveredRegion: {
+        type: PropType<Regions | null>;
+        required: false;
+        default: null;
+    };
+    title: {
+        type: PropType<string | null>;
+        required: true;
+    };
+    currentRegion: {
+        type: PropType<Regions>;
+        required: true;
+    };
+}>> & {
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onHover?: ((...args: any[]) => any) | undefined;
+}, {
+    data: CurrentData;
+    hoveredRegion: Regions | null;
+}, {}>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.168",
+  "version": "0.1.169",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",
@@ -36,7 +36,9 @@
     "@svg-maps/usa": "^1.1.1",
     "@svg-maps/usa.counties": "^1.1.2",
     "@svg-maps/world": "^1.0.1",
+    "@vueuse/integrations": "^10.10.0",
     "apexcharts": "^3.43.0",
+    "fuse.js": "^6.6.2",
     "save": "^2.9.0",
     "vue-apexcharts": "^1.6.2",
     "vue-svg-map": "^1.2.0",