From ea790693eca4bc8705fda11364e2c2651d776c5b Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Tue, 8 Aug 2023 17:49:10 -0300
Subject: [PATCH 1/2] Add props for maxZoom and minZoom

---
 src/assets/css/vars.css            |  2 +-
 src/components/Map/VMap.client.vue | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/vars.css b/src/assets/css/vars.css
index f73a037..6afb3eb 100644
--- a/src/assets/css/vars.css
+++ b/src/assets/css/vars.css
@@ -18,7 +18,7 @@
   --color-base-content: 0, 0, 0;
 
   --color-map-georeference: 239, 68, 68;
-  --color-map-aggregate: 249, 115, 22;
+  --color-map-aggregate: 3, 115, 22;
   --color-map-asserted: 249, 115, 22;
   --color-map-type-material: 51, 136, 255;
   --color-map-collection-object: 239, 68, 68;
diff --git a/src/components/Map/VMap.client.vue b/src/components/Map/VMap.client.vue
index 307ec37..c1873ef 100644
--- a/src/components/Map/VMap.client.vue
+++ b/src/components/Map/VMap.client.vue
@@ -57,6 +57,16 @@ const props = defineProps({
     default: 18
   },
 
+  maxZoom: {
+    type: Number,
+    default: 18
+  },
+
+  minZoom: {
+    type: Number,
+    default: 0
+  },
+
   disableZoom: {
     type: Boolean,
     default: false
@@ -102,7 +112,8 @@ let geoJSONGroup
 const leafletMap = ref(null)
 const tiles = {
   osm: L.tileLayer(map_tile_server, {
-    maxZoom: 18,
+    maxZoom: props.maxZoom,
+    minZoom: props.minZoom,
     className: 'map-tiles',
     attribution: map_tile_attribution
   })

From 87acc7fa225900b4ef583328507a543c2fe9bb79 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Wed, 9 Aug 2023 14:17:45 -0300
Subject: [PATCH 2/2] Add address maker component

---
 src/components/AddressMaker.global.vue | 63 ++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 src/components/AddressMaker.global.vue

diff --git a/src/components/AddressMaker.global.vue b/src/components/AddressMaker.global.vue
new file mode 100644
index 0000000..7bdd344
--- /dev/null
+++ b/src/components/AddressMaker.global.vue
@@ -0,0 +1,63 @@
+<template>
+  <span
+    class="text-secondary-color cursor-pointer whitespace-nowrap"
+    @click="openClient"
+  >
+    <span v-html="data.username" />
+    <template v-for="(item, index) in data.host">
+      <svg
+        v-if="index === 0"
+        class="h-4 inline"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+      >
+        <path
+          stroke-linecap="round"
+          d="M16.5 12a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm0 0c0 1.657 1.007 3 2.25 3S21 13.657 21 12a9 9 0 10-2.636 6.364M16.5 12V8.25"
+        />
+      </svg>
+
+      <svg
+        class="inline h-4 w-1"
+        v-else
+      >
+        <circle
+          cy="calc(100% - 5px)"
+          cx="2.5"
+          r="1"
+          fill="currentColor"
+        />
+      </svg>
+      <span v-html="item" />
+    </template>
+  </span>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  items: {
+    type: Array,
+    required: true
+  }
+})
+
+const data = computed(() => {
+  const [username, ...rest] = props.items
+
+  return {
+    username,
+    host: rest
+  }
+})
+
+function openClient() {
+  const [username, ...rest] = props.items
+
+  document.location.href = `mailto:${username}@${rest.join('.')}`
+}
+</script>