From 3272595b5f1a47b01f14645a6a32ecd217ddd26f Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Tue, 29 Oct 2024 10:48:15 +1300
Subject: [PATCH 1/8] Add annotation tool to the sidebar.

---
 package-lock.json                 | 12 +++----
 package.json                      |  4 +--
 src/App.vue                       | 11 ++++++-
 src/components.d.ts               |  2 ++
 src/components/AnnotationTool.vue | 54 +++++++++++++++++++++++++++++++
 src/components/SideBar.vue        | 45 +++++++++++++++++++++++---
 src/components/Tabs.vue           |  2 +-
 7 files changed, 116 insertions(+), 14 deletions(-)
 create mode 100644 src/components/AnnotationTool.vue

diff --git a/package-lock.json b/package-lock.json
index 2166aadc..6c20f994 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.4.2",
+  "version": "2.5.0-beta.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@abi-software/map-side-bar",
-      "version": "2.4.2",
+      "version": "2.5.0-beta.0",
       "dependencies": {
         "@abi-software/gallery": "^1.1.2",
-        "@abi-software/map-utilities": "^1.1.2",
+        "@abi-software/map-utilities": "^1.2.0-beta.3",
         "@abi-software/svg-sprite": "^1.0.1",
         "@element-plus/icons-vue": "^2.3.1",
         "algoliasearch": "^4.10.5",
@@ -65,9 +65,9 @@
       }
     },
     "node_modules/@abi-software/map-utilities": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@abi-software/map-utilities/-/map-utilities-1.1.2.tgz",
-      "integrity": "sha512-NMERIqSq6pVwy7Daq+Uip8Cm1UE2KEJoquOqVXACrMoTDHV77LPbWAtawn3f7De5HK69oqLwZ+wbnFLy5aisrQ==",
+      "version": "1.2.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@abi-software/map-utilities/-/map-utilities-1.2.0-beta.3.tgz",
+      "integrity": "sha512-3o1s/9NB5zzJQ2XYdlG8P/uw1ZjK6zPwrc7ixE0wBBPN+wo1G9hb/DceI0vdWDA9sZe2F2LUoaWUyK6ZzlMWgA==",
       "dependencies": {
         "@abi-software/svg-sprite": "^1.0.1",
         "@element-plus/icons-vue": "^2.3.1",
diff --git a/package.json b/package.json
index 2b7a23a2..e0df30a4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.4.2",
+  "version": "2.5.0-beta.0",
   "files": [
     "dist/*",
     "src/*",
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@abi-software/gallery": "^1.1.2",
-    "@abi-software/map-utilities": "^1.1.2",
+    "@abi-software/map-utilities": "^1.2.0-beta.3",
     "@abi-software/svg-sprite": "^1.0.1",
     "@element-plus/icons-vue": "^2.3.1",
     "algoliasearch": "^4.10.5",
diff --git a/src/App.vue b/src/App.vue
index 1258c40c..c03ef7cb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,6 +22,7 @@
       :visible="sideBarVisibility"
       :tabs="tabs"
       :activeTabId="activeId"
+      :annotationEntry="annotationEntry"
       :connectivityInfo="connectivityInput"
       @tabClicked="tabClicked"
       @search-changed="searchChanged($event)"
@@ -100,8 +101,16 @@ export default {
   },
   data: function () {
     return {
+      annotationEntry: {
+        featureId :"epicardium",
+        resourceId: "https://mapcore-bucket1.s3-us-west-2.amazonaws.com/others/29_Jan_2020/heartICN_metadata.json","resource":"https://mapcore-bucket1.s3-us-west-2.amazonaws.com/others/29_Jan_2020/heartICN_metadata.json"
+      },
       contextArray: [null, null],
-      tabArray: [{ title: 'Flatmap', id: 1, type: 'search'}, { title: 'Connectivity', id: 2, type: 'connectivity' }],
+      tabArray: [
+        { title: 'Flatmap', id: 1, type: 'search'},
+        { title: 'Connectivity', id: 2, type: 'connectivity' },
+        { title: 'Annotation', id: 3, type: 'annotation' },
+      ],
       sideBarVisibility: true,
       envVars: {
         API_LOCATION: import.meta.env.VITE_APP_API_LOCATION,
diff --git a/src/components.d.ts b/src/components.d.ts
index ba5eedf9..e7d665e7 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -7,6 +7,7 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    AnnotationTool: typeof import('./components/AnnotationTool.vue')['default']
     BadgesGroup: typeof import('./components/BadgesGroup.vue')['default']
     ConnectivityInfo: typeof import('./components/ConnectivityInfo.vue')['default']
     DatasetCard: typeof import('./components/DatasetCard.vue')['default']
@@ -19,6 +20,7 @@ declare module 'vue' {
     ElIconArrowRight: typeof import('@element-plus/icons-vue')['ArrowRight']
     ElIconLocation: typeof import('@element-plus/icons-vue')['Location']
     ElIconWarning: typeof import('@element-plus/icons-vue')['Warning']
+    ElIconWarnTriangleFilled: typeof import('@element-plus/icons-vue')['WarnTriangleFilled']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
diff --git a/src/components/AnnotationTool.vue b/src/components/AnnotationTool.vue
new file mode 100644
index 00000000..8913eecf
--- /dev/null
+++ b/src/components/AnnotationTool.vue
@@ -0,0 +1,54 @@
+<template>
+  <CreateTooltipContent
+    v-show="createData && createData.toBeConfirmed"
+    :createData="createData"
+    @confirm-create="$emit('confirm-create', $event)"
+    @cancel-create="$emit('cancel-create')"
+  />
+  <annotation-popup
+    v-show="!createData || !createData.toBeConfirmed"
+    class="annotation-popup"
+    :annotationEntry="annotationEntry"
+    @annotation="$emit('annotation', $event)"
+  />
+</template>
+
+<script>
+import { AnnotationPopup, CreateTooltipContent } from '@abi-software/map-utilities';
+import '@abi-software/map-utilities/dist/style.css';
+
+export default {
+  name: 'AnnotationTool',
+  components: {
+    AnnotationPopup
+  },
+  props: {
+    annotationEntry: {
+      type: Object,
+    },
+    createData: {
+      type: Object,
+    }
+  },
+}
+</script>
+
+<style scoped>
+.annotation-popup.main {
+  font-size: 14px;
+  text-align: left;
+  line-height: 1.5em;
+  font-family: Asap, sans-serif, Helvetica;
+  font-weight: 400;
+  /* outline: thin red solid; */
+  overflow-y: auto;
+  scrollbar-width: thin;
+  min-width: 16rem;
+  max-height: unset;
+  background-color: #f7faff;
+  height: 100%;
+  border-left: 1px solid var(--el-border-color);
+  border-top: 1px solid var(--el-border-color);
+}
+
+</style>
\ No newline at end of file
diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index dd8a9349..3fd3e27e 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -22,8 +22,8 @@
         </div>
         <div class="sidebar-container">
           <Tabs
-            v-if="tabs.length > 1 && connectivityInfo"
-            :tabTitles="tabs"
+            v-if="activeTabs.length > 1"
+            :tabTitles="activeTabs"
             :activeId="activeTabId"
             @titleClicked="tabClicked"
             @tab-close="tabClose"
@@ -39,6 +39,17 @@
                 @show-connectivity="showConnectivity"
               />
             </template>
+            <template v-else-if="tab.type === 'annotation'">
+              <annotation-tool
+                :ref="'annotationTab_' + tab.id"
+                v-show="tab.id === activeTabId"
+                :annotationEntry="annotationEntry"
+                @annotation="$emit('annotation-submitted', $event)"
+                @confirm-create="$emit('confirm-create', $event)"
+                @cancel-create="$emit('cancel-create')"
+                @confirm-delete="$emit('confirm-delete', $event)"
+              />
+            </template>
             <template v-else>
             <SidebarContent
               class="sidebar-content-container"
@@ -67,6 +78,7 @@ import { ElDrawer as Drawer, ElIcon as Icon } from 'element-plus'
 import SidebarContent from './SidebarContent.vue'
 import EventBus from './EventBus.js'
 import Tabs from './Tabs.vue'
+import AnnotationTool from './AnnotationTool.vue'
 import ConnectivityInfo from './ConnectivityInfo.vue'
 
 /**
@@ -81,6 +93,7 @@ export default {
     Drawer,
     Icon,
     ConnectivityInfo,
+    AnnotationTool,
   },
   name: 'SideBar',
   props: {
@@ -108,7 +121,8 @@ export default {
       type: Array,
       default: () => [
         { id: 1, title: 'Search', type: 'search' },
-        { id: 2, title: 'Connectivity', type: 'connectivity' }
+        { id: 2, title: 'Connectivity', type: 'connectivity' },
+        { id: 3, title: 'Annotation', type: 'annotation' }
       ],
     },
     /**
@@ -132,6 +146,13 @@ export default {
       type: Object,
       default: null,
     },
+    /**
+     * The annotation data to show in sidebar.
+     */
+    annotationEntry: {
+      type: Object,
+      default: null,
+    }
   },
   data: function () {
     return {
@@ -201,6 +222,8 @@ export default {
       let refIdPrefix = 'searchTab_'; // default to search tab
       if (type === 'connectivity') {
         refIdPrefix = 'connectivityTab_';
+      } else if (type === 'annotation') {
+        refIdPrefix = 'annotationTab_';
       }
       const tabObj = this.getTabByIdAndType(id, type);
       const tabRefId = refIdPrefix + tabObj.id;
@@ -261,7 +284,21 @@ export default {
       this.$emit('tabClicked', {id, type});
     },
     tabClose: function (id) {
-      this.$emit('connectivity-info-close');
+      this.$emit('tab-close', id);
+    },
+  },
+  computed: {
+    activeTabs: function() {
+      const tabs = [
+        { id: 1, title: 'Search', type: 'search' }
+      ];
+      if (this.connectivityInfo) {
+        tabs.push({ id: 2, title: 'Connectivity', type: 'connectivity' });
+      }
+      if (this.annotationEntry && Object.keys(this.annotationEntry).length > 0) {
+        tabs.push({ id: 3, title: 'Annotation', type: 'annotation' });
+      }
+      return tabs;
     },
   },
   created: function () {
diff --git a/src/components/Tabs.vue b/src/components/Tabs.vue
index 676a1921..3c5c5d36 100644
--- a/src/components/Tabs.vue
+++ b/src/components/Tabs.vue
@@ -16,7 +16,7 @@
         </div>
       </div>
       <el-button
-        v-if="title.id === 2"
+        v-if="title.id !== 1"
         @click="tabClose(title.id)"
         class="button-tab-close"
         aria-label="Close"

From cf78a5592d61698733101679faf01fba2bdd1473 Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Wed, 30 Oct 2024 14:28:20 +1300
Subject: [PATCH 2/8] Improve annotation tool on sidebar.

---
 package-lock.json                 |   8 +-
 package.json                      |   2 +-
 src/App.vue                       |  20 +++++
 src/components.d.ts               |   2 +
 src/components/AnnotationTool.vue | 121 ++++++++++++++++++++++++++----
 src/components/SideBar.vue        |   5 ++
 6 files changed, 138 insertions(+), 20 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 6c20f994..3187d5ec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "2.5.0-beta.0",
       "dependencies": {
         "@abi-software/gallery": "^1.1.2",
-        "@abi-software/map-utilities": "^1.2.0-beta.3",
+        "@abi-software/map-utilities": "^1.2.0-beta.4",
         "@abi-software/svg-sprite": "^1.0.1",
         "@element-plus/icons-vue": "^2.3.1",
         "algoliasearch": "^4.10.5",
@@ -65,9 +65,9 @@
       }
     },
     "node_modules/@abi-software/map-utilities": {
-      "version": "1.2.0-beta.3",
-      "resolved": "https://registry.npmjs.org/@abi-software/map-utilities/-/map-utilities-1.2.0-beta.3.tgz",
-      "integrity": "sha512-3o1s/9NB5zzJQ2XYdlG8P/uw1ZjK6zPwrc7ixE0wBBPN+wo1G9hb/DceI0vdWDA9sZe2F2LUoaWUyK6ZzlMWgA==",
+      "version": "1.2.0-beta.4",
+      "resolved": "https://registry.npmjs.org/@abi-software/map-utilities/-/map-utilities-1.2.0-beta.4.tgz",
+      "integrity": "sha512-KMeiAzs7vEojMPjX05ylPdFAI3B++UdwIeiKPJWJZDtg79SloBydAqIw+vG7xkl9B49pvu/5O+wCZ9mAqXw2rQ==",
       "dependencies": {
         "@abi-software/svg-sprite": "^1.0.1",
         "@element-plus/icons-vue": "^2.3.1",
diff --git a/package.json b/package.json
index e0df30a4..1c3cae97 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@abi-software/gallery": "^1.1.2",
-    "@abi-software/map-utilities": "^1.2.0-beta.3",
+    "@abi-software/map-utilities": "^1.2.0-beta.4",
     "@abi-software/svg-sprite": "^1.0.1",
     "@element-plus/icons-vue": "^2.3.1",
     "algoliasearch": "^4.10.5",
diff --git a/src/App.vue b/src/App.vue
index c03ef7cb..4136906e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,6 +14,7 @@
       <el-button @click="neuronSearch">open neuron search</el-button>
       <el-button @click="keywordSearch">keyword search</el-button>
       <el-button @click="getFacets">Get facets</el-button>
+      <el-button @click="toggleCreateData">Create Data/Annotation</el-button>
     </div>
     <SideBar
       :envVars="envVars"
@@ -23,6 +24,7 @@
       :tabs="tabs"
       :activeTabId="activeId"
       :annotationEntry="annotationEntry"
+      :createData="createData"
       :connectivityInfo="connectivityInput"
       @tabClicked="tabClicked"
       @search-changed="searchChanged($event)"
@@ -124,6 +126,7 @@ export default {
       },
       connectivityInput: exampleConnectivityInput,
       activeId: 1,
+      createData: null,
     }
   },
   methods: {
@@ -233,6 +236,23 @@ export default {
       let facets = await this.$refs.sideBar.getAlgoliaFacets()
       console.log('Algolia facets:', facets)
     },
+    toggleCreateData : function() {
+      if (!this.createData) {
+        this.createData = {
+          drawingBox: false,
+          toBeConfirmed: true,
+          points: [[1.0, 1.0, 1.0]],
+          shape: "Lines",
+          x: 0,
+          y: 0,
+          editingIndex: -1,
+          faceIndex: -1,
+          toBeDeleted: false,
+        }
+      } else {
+        this.createData = null
+      }
+    }
   },
   mounted: function () {
     console.log('mounted app')
diff --git a/src/components.d.ts b/src/components.d.ts
index e7d665e7..ada51bc3 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,6 +14,7 @@ declare module 'vue' {
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCascader: typeof import('element-plus/es')['ElCascader']
+    ElCol: typeof import('element-plus/es')['ElCol']
     ElDrawer: typeof import('element-plus/es')['ElDrawer']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElIconArrowLeft: typeof import('@element-plus/icons-vue')['ArrowLeft']
@@ -25,6 +26,7 @@ declare module 'vue' {
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElTag: typeof import('element-plus/es')['ElTag']
     ExternalResourceCard: typeof import('./components/ExternalResourceCard.vue')['default']
diff --git a/src/components/AnnotationTool.vue b/src/components/AnnotationTool.vue
index 8913eecf..b5227202 100644
--- a/src/components/AnnotationTool.vue
+++ b/src/components/AnnotationTool.vue
@@ -1,26 +1,67 @@
 <template>
-  <CreateTooltipContent
-    v-show="createData && createData.toBeConfirmed"
-    :createData="createData"
-    @confirm-create="$emit('confirm-create', $event)"
-    @cancel-create="$emit('cancel-create')"
-  />
-  <annotation-popup
-    v-show="!createData || !createData.toBeConfirmed"
-    class="annotation-popup"
-    :annotationEntry="annotationEntry"
-    @annotation="$emit('annotation', $event)"
-  />
+  <div class="annotation-tool scrollbar">
+    <CreateTooltipContent
+      v-show="createData && createData.toBeConfirmed"
+      :createData="createData"
+      @confirm-create="$emit('confirm-create', $event)"
+      @cancel-create="$emit('cancel-create')"
+      class="create-tooltip-content"
+    />
+    <annotation-popup
+      v-if="annotationEntry && (!createData || !createData.toBeConfirmed)"
+      class="annotation-popup"
+      :annotationEntry="annotationEntry"
+      @annotation="$emit('annotation', $event)"
+    />
+    <div v-if="createData && createData.toBeDeleted" class="delete-container">
+      <el-row>
+        <el-col :offset="1" :span="6">Delete this feature?</el-col>
+        <el-col :offset="1" :span="3">
+          <el-button
+            class="delete-button"
+            :icon="ElIconDelete"
+            @click="$emit('confirm-delete')"
+            >
+              Delete
+          </el-button>
+        </el-col>
+        <el-col :offset="1" :span="2">
+          <el-button
+            class="delete-button"
+            @click="$emit('cancel-create')"
+            >
+              Dismiss
+          </el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
 </template>
 
 <script>
+import { shallowRef } from 'vue';
 import { AnnotationPopup, CreateTooltipContent } from '@abi-software/map-utilities';
 import '@abi-software/map-utilities/dist/style.css';
+import {
+  ElButton as Button,
+  ElCol as Col,
+  ElRow as Row,
+  ElIcon as Icon,
+} from 'element-plus'
+import {
+  Delete as ElIconDelete,
+} from '@element-plus/icons-vue'
 
 export default {
   name: 'AnnotationTool',
   components: {
-    AnnotationPopup
+    AnnotationPopup,
+    Button,
+    CreateTooltipContent,
+    Col,
+    ElIconDelete,
+    Icon,
+    Row,
   },
   props: {
     annotationEntry: {
@@ -28,12 +69,41 @@ export default {
     },
     createData: {
       type: Object,
+      default: {},
     }
   },
+  data: function () {
+    return {
+      ElIconDelete: shallowRef(ElIconDelete),
+    };
+  },
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.annotation-tool {
+  background-color: #f7faff;
+  height: 100%;
+  overflow-y: auto;
+}
+
+.scrollbar::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #f5f5f5;
+}
+
+.scrollbar::-webkit-scrollbar {
+  width: 12px;
+  right: -12px;
+  background-color: #f5f5f5;
+}
+
+.scrollbar::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  background-color: #979797;
+}
+
 .annotation-popup.main {
   font-size: 14px;
   text-align: left;
@@ -46,9 +116,30 @@ export default {
   min-width: 16rem;
   max-height: unset;
   background-color: #f7faff;
-  height: 100%;
   border-left: 1px solid var(--el-border-color);
   border-top: 1px solid var(--el-border-color);
 }
 
+.delete-container {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  font-size: 14px;
+  .delete-button {
+    pointer-events: auto;
+    cursor: pointer;
+    margin-left:8px;
+    padding-left: 8px;
+    padding-right: 8px;
+    height: 24px !important;
+    color: $app-primary-color;
+    &:hover {
+      background-color: var(--el-color-primary-light-9);
+    }
+  }
+}
+
+.create-container.create-tooltip-content {
+  background-color: #f7faff;
+}
+
 </style>
\ No newline at end of file
diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index 3fd3e27e..5787f45a 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -44,6 +44,7 @@
                 :ref="'annotationTab_' + tab.id"
                 v-show="tab.id === activeTabId"
                 :annotationEntry="annotationEntry"
+                :createData="createData"
                 @annotation="$emit('annotation-submitted', $event)"
                 @confirm-create="$emit('confirm-create', $event)"
                 @cancel-create="$emit('cancel-create')"
@@ -152,6 +153,10 @@ export default {
     annotationEntry: {
       type: Object,
       default: null,
+    },
+    createData: {
+      type: Object,
+      default: null,
     }
   },
   data: function () {

From 59e5e7b7c5d071a8fea90ad87b66d033190c165d Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Wed, 30 Oct 2024 14:28:57 +1300
Subject: [PATCH 3/8] 2.5.0-beta.1

---
 CHANGELOG.md      | 9 ++++++++-
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e3e90ad4..c0a8abe3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,7 +7,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-## [v2.4.2](https://github.com/alan-wu/map-sidebar/compare/v2.4.1...v2.4.2)
+## [v2.5.0-beta.1](https://github.com/alan-wu/map-sidebar/compare/v2.4.2...v2.5.0-beta.1)
+
+### Commits
+
+- Improve annotation tool on sidebar. [`cf78a55`](https://github.com/alan-wu/map-sidebar/commit/cf78a5592d61698733101679faf01fba2bdd1473)
+- Add annotation tool to the sidebar. [`3272595`](https://github.com/alan-wu/map-sidebar/commit/3272595b5f1a47b01f14645a6a32ecd217ddd26f)
+
+## [v2.4.2](https://github.com/alan-wu/map-sidebar/compare/v2.4.1...v2.4.2) - 2024-10-09
 
 ### Merged
 
diff --git a/package-lock.json b/package-lock.json
index 3187d5ec..eed16484 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.5.0-beta.0",
+  "version": "2.5.0-beta.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@abi-software/map-side-bar",
-      "version": "2.5.0-beta.0",
+      "version": "2.5.0-beta.1",
       "dependencies": {
         "@abi-software/gallery": "^1.1.2",
         "@abi-software/map-utilities": "^1.2.0-beta.4",
diff --git a/package.json b/package.json
index 1c3cae97..d269e36f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.5.0-beta.0",
+  "version": "2.5.0-beta.1",
   "files": [
     "dist/*",
     "src/*",

From cc4d81ad21c523ee77756be68e2a87c150b788ba Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Wed, 30 Oct 2024 15:04:02 +1300
Subject: [PATCH 4/8] Increment utilities.

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index eed16484..cf39bd5d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "2.5.0-beta.1",
       "dependencies": {
         "@abi-software/gallery": "^1.1.2",
-        "@abi-software/map-utilities": "^1.2.0-beta.4",
+        "@abi-software/map-utilities": "^1.2.0-beta.7",
         "@abi-software/svg-sprite": "^1.0.1",
         "@element-plus/icons-vue": "^2.3.1",
         "algoliasearch": "^4.10.5",
@@ -65,9 +65,9 @@
       }
     },
     "node_modules/@abi-software/map-utilities": {
-      "version": "1.2.0-beta.4",
-      "resolved": "https://registry.npmjs.org/@abi-software/map-utilities/-/map-utilities-1.2.0-beta.4.tgz",
-      "integrity": "sha512-KMeiAzs7vEojMPjX05ylPdFAI3B++UdwIeiKPJWJZDtg79SloBydAqIw+vG7xkl9B49pvu/5O+wCZ9mAqXw2rQ==",
+      "version": "1.2.0-beta.7",
+      "resolved": "https://registry.npmjs.org/@abi-software/map-utilities/-/map-utilities-1.2.0-beta.7.tgz",
+      "integrity": "sha512-vC7GpNz8dYwXRVpJKbf/xFhGM43PMxjFpcczHIc0F4vT7uyRNVoH5+z0GpmbK9rkgs+6A6BYEu8+n1NGsrABLQ==",
       "dependencies": {
         "@abi-software/svg-sprite": "^1.0.1",
         "@element-plus/icons-vue": "^2.3.1",
diff --git a/package.json b/package.json
index d269e36f..8dac1f86 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@abi-software/gallery": "^1.1.2",
-    "@abi-software/map-utilities": "^1.2.0-beta.4",
+    "@abi-software/map-utilities": "^1.2.0-beta.7",
     "@abi-software/svg-sprite": "^1.0.1",
     "@element-plus/icons-vue": "^2.3.1",
     "algoliasearch": "^4.10.5",

From ec2bda7c7d4f7a360ca0b838316ed7ac38045664 Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Wed, 30 Oct 2024 15:04:36 +1300
Subject: [PATCH 5/8] 2.5.0-beta.2

---
 CHANGELOG.md      | 8 +++++++-
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c0a8abe3..8e9280ec 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,7 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-## [v2.5.0-beta.1](https://github.com/alan-wu/map-sidebar/compare/v2.4.2...v2.5.0-beta.1)
+## [v2.5.0-beta.2](https://github.com/alan-wu/map-sidebar/compare/v2.5.0-beta.1...v2.5.0-beta.2)
+
+### Commits
+
+- Increment utilities. [`cc4d81a`](https://github.com/alan-wu/map-sidebar/commit/cc4d81ad21c523ee77756be68e2a87c150b788ba)
+
+## [v2.5.0-beta.1](https://github.com/alan-wu/map-sidebar/compare/v2.4.2...v2.5.0-beta.1) - 2024-10-30
 
 ### Commits
 
diff --git a/package-lock.json b/package-lock.json
index cf39bd5d..e103ae9e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.5.0-beta.1",
+  "version": "2.5.0-beta.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@abi-software/map-side-bar",
-      "version": "2.5.0-beta.1",
+      "version": "2.5.0-beta.2",
       "dependencies": {
         "@abi-software/gallery": "^1.1.2",
         "@abi-software/map-utilities": "^1.2.0-beta.7",
diff --git a/package.json b/package.json
index 8dac1f86..7c6f1da9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.5.0-beta.1",
+  "version": "2.5.0-beta.2",
   "files": [
     "dist/*",
     "src/*",

From f3ec595a7ce6923e2de0bdac98a63a34126b48fe Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Wed, 30 Oct 2024 15:28:42 +1300
Subject: [PATCH 6/8] Update map utilities.

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e103ae9e..b8e3d4a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "2.5.0-beta.2",
       "dependencies": {
         "@abi-software/gallery": "^1.1.2",
-        "@abi-software/map-utilities": "^1.2.0-beta.7",
+        "@abi-software/map-utilities": "^1.2.0-beta.8",
         "@abi-software/svg-sprite": "^1.0.1",
         "@element-plus/icons-vue": "^2.3.1",
         "algoliasearch": "^4.10.5",
@@ -65,9 +65,9 @@
       }
     },
     "node_modules/@abi-software/map-utilities": {
-      "version": "1.2.0-beta.7",
-      "resolved": "https://registry.npmjs.org/@abi-software/map-utilities/-/map-utilities-1.2.0-beta.7.tgz",
-      "integrity": "sha512-vC7GpNz8dYwXRVpJKbf/xFhGM43PMxjFpcczHIc0F4vT7uyRNVoH5+z0GpmbK9rkgs+6A6BYEu8+n1NGsrABLQ==",
+      "version": "1.2.0-beta.8",
+      "resolved": "https://registry.npmjs.org/@abi-software/map-utilities/-/map-utilities-1.2.0-beta.8.tgz",
+      "integrity": "sha512-cVAJagFLI/KErjn/Vx0v1aMcZnTVG/6+Ofbq9G23DU1NZrNPG04ApFXfWXYwcDGw6BYsyY2WaQ4tLzVNhpGEUA==",
       "dependencies": {
         "@abi-software/svg-sprite": "^1.0.1",
         "@element-plus/icons-vue": "^2.3.1",
diff --git a/package.json b/package.json
index 7c6f1da9..b80ded91 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@abi-software/gallery": "^1.1.2",
-    "@abi-software/map-utilities": "^1.2.0-beta.7",
+    "@abi-software/map-utilities": "^1.2.0-beta.8",
     "@abi-software/svg-sprite": "^1.0.1",
     "@element-plus/icons-vue": "^2.3.1",
     "algoliasearch": "^4.10.5",

From 5c28a732e112b0d7a7afc2cbfc6506b51c6e3d1e Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Wed, 30 Oct 2024 15:29:20 +1300
Subject: [PATCH 7/8] 2.5.0-beta.3

---
 CHANGELOG.md      | 8 +++++++-
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8e9280ec..ecf715cd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,7 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-## [v2.5.0-beta.2](https://github.com/alan-wu/map-sidebar/compare/v2.5.0-beta.1...v2.5.0-beta.2)
+## [v2.5.0-beta.3](https://github.com/alan-wu/map-sidebar/compare/v2.5.0-beta.2...v2.5.0-beta.3)
+
+### Commits
+
+- Update map utilities. [`f3ec595`](https://github.com/alan-wu/map-sidebar/commit/f3ec595a7ce6923e2de0bdac98a63a34126b48fe)
+
+## [v2.5.0-beta.2](https://github.com/alan-wu/map-sidebar/compare/v2.5.0-beta.1...v2.5.0-beta.2) - 2024-10-30
 
 ### Commits
 
diff --git a/package-lock.json b/package-lock.json
index b8e3d4a4..138c7eeb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.5.0-beta.2",
+  "version": "2.5.0-beta.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@abi-software/map-side-bar",
-      "version": "2.5.0-beta.2",
+      "version": "2.5.0-beta.3",
       "dependencies": {
         "@abi-software/gallery": "^1.1.2",
         "@abi-software/map-utilities": "^1.2.0-beta.8",
diff --git a/package.json b/package.json
index b80ded91..b979f9e2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.5.0-beta.2",
+  "version": "2.5.0-beta.3",
   "files": [
     "dist/*",
     "src/*",

From 2d68450fda76d45e01fd4a09c6e2064dce31bdd1 Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Thu, 14 Nov 2024 15:22:56 +1300
Subject: [PATCH 8/8] Update .env.

---
 .env | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.env b/.env
index 3440a9a6..c2d1ab80 100644
--- a/.env
+++ b/.env
@@ -5,4 +5,5 @@ VITE_APP_PENNSIEVE_API_LOCATION=https://api.pennsieve.io
 VITE_APP_ALGOLIA_INDEX=k-core_dev_published_time_desc
 VITE_APP_BL_SERVER_URL=
 VITE_APP_NL_LINK_PREFIX=
-VITE_APP_ROOT_URL=
\ No newline at end of file
+VITE_APP_ROOT_URL=
+VITE_FLATMAPAPI_LOCATION=https://mapcore-demo.org/curation/flatmap/
\ No newline at end of file