@tekkare/auriga 0.2.67 → 0.2.69

package/dist/runtime/components/oneRegionKr.vue

@@ -0,0 +1,67 @@
+<template>
+  <path
+    :class="
+      hoveredRegion && hoveredRegion !== currentRegion && data.value
+        ? 'hovered'
+        : 'hover'
+    "
+    :id="`interactiveMap-${title}-${currentRegion}`"
+    :d="regionsPathKr[currentRegion]?.path"
+    :fill="data.color"
+    :stroke="data.color"
+    stroke-width="1"
+    @mouseover="onMouseOver"
+    @mouseleave="onMouseLeave"
+  />
+</template>
+
+<script>
+import regionsPathKr from "./maps/regionsPathKr.json";
+import { defineComponent, onMounted } from "vue";
+export default defineComponent({
+  name: "oneRegionKr",
+  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");
+    }
+    onMounted(() => {
+      console.log("On mounted de la petite r\xE9gion");
+      console.log("props.data", props.data);
+      console.log("title", props.title);
+    });
+    return {
+      regionsPathKr,
+      onMouseOver,
+      onMouseLeave
+    };
+  }
+});
+</script>
+
+<style scoped>
+.hovered{opacity:.5;transition:all .2s ease-in-out}.hover{cursor:pointer}
+</style>

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

@@ -0,0 +1,54 @@
+import { RegionsKr } from "./maps/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<RegionsKr | null>;
+        required: false;
+        default: null;
+    };
+    title: {
+        type: PropType<string | null>;
+        required: true;
+    };
+    currentRegion: {
+        type: PropType<RegionsKr>;
+        required: true;
+    };
+}, {
+    regionsPathKr: 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<RegionsKr | null>;
+        required: false;
+        default: null;
+    };
+    title: {
+        type: PropType<string | null>;
+        required: true;
+    };
+    currentRegion: {
+        type: PropType<RegionsKr>;
+        required: true;
+    };
+}>> & {
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onHover?: ((...args: any[]) => any) | undefined;
+}, {
+    data: CurrentData;
+    hoveredRegion: RegionsKr | null;
+}, {}>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.2.67",
+  "version": "0.2.69",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",