@tekkare/auriga 0.2.140 → 0.2.142

package/dist/runtime/components/oneRegionNz.vue

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

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

@@ -0,0 +1,54 @@
+import { RegionsNz } from "./maps/interfaces";
+import type { PropType } from "vue";
+type CurrentData = {
+    color?: string;
+    value?: number;
+};
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<CurrentData>;
+        default: () => void;
+    };
+    hoveredRegion: {
+        type: PropType<RegionsNz | null>;
+        required: false;
+        default: null;
+    };
+    title: {
+        type: PropType<string | null>;
+        required: true;
+    };
+    currentRegion: {
+        type: PropType<RegionsNz>;
+        required: true;
+    };
+}>, {
+    regionsPathNz: any;
+    onMouseOver: () => void;
+    onMouseLeave: () => void;
+}, {}, {}, {}, 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<RegionsNz | null>;
+        required: false;
+        default: null;
+    };
+    title: {
+        type: PropType<string | null>;
+        required: true;
+    };
+    currentRegion: {
+        type: PropType<RegionsNz>;
+        required: true;
+    };
+}>> & Readonly<{
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onHover?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: CurrentData;
+    hoveredRegion: RegionsNz | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/oneRegionPl.vue

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

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

@@ -0,0 +1,54 @@
+import { RegionsPl } from "./maps/interfaces";
+import type { PropType } from "vue";
+type CurrentData = {
+    color?: string;
+    value?: number;
+};
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<CurrentData>;
+        default: () => void;
+    };
+    hoveredRegion: {
+        type: PropType<RegionsPl | null>;
+        required: false;
+        default: null;
+    };
+    title: {
+        type: PropType<string | null>;
+        required: true;
+    };
+    currentRegion: {
+        type: PropType<RegionsPl>;
+        required: true;
+    };
+}>, {
+    regionsPathPl: any;
+    onMouseOver: () => void;
+    onMouseLeave: () => void;
+}, {}, {}, {}, 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<RegionsPl | null>;
+        required: false;
+        default: null;
+    };
+    title: {
+        type: PropType<string | null>;
+        required: true;
+    };
+    currentRegion: {
+        type: PropType<RegionsPl>;
+        required: true;
+    };
+}>> & Readonly<{
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onHover?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: CurrentData;
+    hoveredRegion: RegionsPl | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/package.json

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