@tekkare/auriga 0.2.95 → 0.2.97

package/dist/runtime/components/oneRegionDe.vue

@@ -0,0 +1,62 @@
+<template>
+  <path
+    :class="
+      hoveredRegion && hoveredRegion !== currentRegion && data.value
+        ? 'hovered'
+        : 'hover'
+    "
+    :id="`interactiveMap-${title}-${currentRegion}`"
+    :d="regionsPathDe[currentRegion]?.path"
+    :fill="data.color"
+    :stroke="data.color"
+    stroke-width="1"
+    @mouseover="onMouseOver"
+    @mouseleave="onMouseLeave"
+  />
+</template>
+
+<script>
+import regionsPathDe from "./maps/regionsPathDe.json";
+import { defineComponent } from "vue";
+export default defineComponent({
+  name: "oneRegionDe",
+  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 {
+      regionsPathDe,
+      onMouseOver,
+      onMouseLeave
+    };
+  }
+});
+</script>
+
+<style scoped>
+.hovered{opacity:.5;transition:all .2s ease-in-out}.hover{cursor:pointer}
+</style>

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

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

package/dist/runtime/components/oneRegionKr.vue

@@ -17,7 +17,7 @@
 
 <script>
 import regionsPathKr from "./maps/regionsPathKr.json";
-import { defineComponent, onMounted } from "vue";
+import { defineComponent } from "vue";
 export default defineComponent({
   name: "oneRegionKr",
   props: {
@@ -48,8 +48,6 @@ export default defineComponent({
     function onMouseLeave() {
       emit("mouseleave");
     }
-    onMounted(() => {
-    });
     return {
       regionsPathKr,
       onMouseOver,

package/dist/runtime/components/oneRegionNo.vue

@@ -0,0 +1,62 @@
+<template>
+  <path
+    :class="
+      hoveredRegion && hoveredRegion !== currentRegion && data.value
+        ? 'hovered'
+        : 'hover'
+    "
+    :id="`interactiveMap-${title}-${currentRegion}`"
+    :d="regionsPathNo[currentRegion]?.path"
+    :fill="data.color"
+    :stroke="data.color"
+    stroke-width="1"
+    @mouseover="onMouseOver"
+    @mouseleave="onMouseLeave"
+  />
+</template>
+
+<script>
+import regionsPathNo from "./maps/regionsPathNo.json";
+import { defineComponent } from "vue";
+export default defineComponent({
+  name: "oneRegionNo",
+  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 {
+      regionsPathNo,
+      onMouseOver,
+      onMouseLeave
+    };
+  }
+});
+</script>
+
+<style scoped>
+.hovered{opacity:.5;transition:all .2s ease-in-out}.hover{cursor:pointer}
+</style>

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

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

package/package.json

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