From 2f706622bf8482e1c166057f1ddc875e89b5b057 Mon Sep 17 00:00:00 2001
From: marikaris <mariska-karina@hotmail.com>
Date: Thu, 2 May 2024 15:58:50 +0200
Subject: [PATCH] Revert "Feat: M10506 UI linkfile edit"

---
 .../armadillo/storage/ParquetUtils.java       |  14 +-
 ui/src/api/api.ts                             |  27 +-
 ui/src/components/FileExplorer.vue            |  10 -
 ui/src/components/SimpleTable.vue             |  17 +-
 ui/src/components/VariableSelector.vue        |  17 +-
 ui/src/components/ViewEditor.vue              |  47 +-
 ui/src/helpers/utils.ts                       |   4 -
 ui/src/types/types.d.ts                       |  11 +-
 ui/src/views/ProjectsExplorer.vue             | 242 +++--------
 ui/tests/unit/components/SimpleTable.spec.ts  |  16 +-
 .../unit/components/VariableSelector.spec.ts  |   6 -
 ui/tests/unit/helpers/utils.spec.ts           |  10 +-
 ui/tests/unit/views/ProjectExplorer.spec.ts   |   8 -
 ui/yarn.lock                                  | 406 +++++++++---------
 14 files changed, 307 insertions(+), 528 deletions(-)

diff --git a/armadillo/src/main/java/org/molgenis/armadillo/storage/ParquetUtils.java b/armadillo/src/main/java/org/molgenis/armadillo/storage/ParquetUtils.java
index c3823950d..152e5afbc 100644
--- a/armadillo/src/main/java/org/molgenis/armadillo/storage/ParquetUtils.java
+++ b/armadillo/src/main/java/org/molgenis/armadillo/storage/ParquetUtils.java
@@ -20,7 +20,8 @@ public class ParquetUtils {
   public static List<Map<String, String>> previewRecords(
       Path path, int rowLimit, int columnLimit, String[] variables) throws IOException {
     List<Map<String, String>> result = new ArrayList<>();
-    try (ParquetFileReader reader = getFileReader(path)) {
+    LocalInputFile file = new LocalInputFile(path);
+    try (ParquetFileReader reader = ParquetFileReader.open(file)) {
       MessageType schema = getSchemaFromReader(reader);
       RecordReader<Group> recordReader = getRecordReader(schema, reader);
       List<String> columns = getColumnsFromSchema(schema);
@@ -72,13 +73,9 @@ private static RecordReader<Group> getRecordReader(MessageType schema, ParquetFi
     return columnIO.getRecordReader(store, new GroupRecordConverter(schema));
   }
 
-  private static ParquetFileReader getFileReader(Path path) throws IOException {
-    LocalInputFile file = new LocalInputFile(path);
-    return ParquetFileReader.open(file);
-  }
-
   public static List<String> getColumns(Path path) throws IOException {
-    try (ParquetFileReader reader = getFileReader(path)) {
+    LocalInputFile file = new LocalInputFile(path);
+    try (ParquetFileReader reader = ParquetFileReader.open(file)) {
       var schema = getSchemaFromReader(reader);
       return getColumnsFromSchema(schema);
     } catch (IOException e) {
@@ -87,7 +84,8 @@ public static List<String> getColumns(Path path) throws IOException {
   }
 
   public static Map<String, String> retrieveDimensions(Path path) throws FileNotFoundException {
-    try (ParquetFileReader reader = getFileReader(path)) {
+    LocalInputFile file = new LocalInputFile(path);
+    try (ParquetFileReader reader = ParquetFileReader.open(file)) {
       MessageType schema = getSchemaFromReader(reader);
       int numberOfColumns = schema.getFields().size();
       long numberOfRows = reader.getRecordCount();
diff --git a/ui/src/api/api.ts b/ui/src/api/api.ts
index a467584d5..dd522e04c 100644
--- a/ui/src/api/api.ts
+++ b/ui/src/api/api.ts
@@ -1,9 +1,5 @@
 import { ApiError } from "@/helpers/errors";
-import {
-  encodeUriComponent,
-  objectDeepCopy,
-  sanitizeObject,
-} from "@/helpers/utils";
+import { objectDeepCopy, sanitizeObject } from "@/helpers/utils";
 import {
   Principal,
   Profile,
@@ -223,10 +219,7 @@ export async function getProject(projectId: string): Promise<StringArray> {
 }
 
 export async function deleteObject(project: string, name: string) {
-  return delete_(
-    "/storage/projects/" + project + "/objects",
-    encodeUriComponent(name)
-  );
+  return delete_("/storage/projects/" + project + "/objects", name);
 }
 
 export async function getProfiles(): Promise<Profile[]> {
@@ -261,11 +254,7 @@ export async function uploadIntoProject(
 }
 
 export async function previewObject(projectId: string, object: string) {
-  return get(
-    `/storage/projects/${projectId}/objects/${encodeUriComponent(
-      object
-    )}/preview`
-  );
+  return get(`/storage/projects/${projectId}/objects/${object}/preview`);
 }
 
 export async function logout() {
@@ -286,20 +275,14 @@ export async function authenticate(auth: Auth) {
 }
 
 export async function getFileDetails(project: string, object: string) {
-  return get(
-    `/storage/projects/${project}/objects/${encodeUriComponent(object)}/info`
-  );
+  return get(`/storage/projects/${project}/objects/${object}/info`);
 }
 
 export async function getTableVariables(
   project: string,
   object: string
 ): Promise<string[]> {
-  return get(
-    `/storage/projects/${project}/objects/${encodeUriComponent(
-      object
-    )}/variables`
-  );
+  return get(`/storage/projects/${project}/objects/${object}/variables`);
 }
 
 export async function createLinkFile(
diff --git a/ui/src/components/FileExplorer.vue b/ui/src/components/FileExplorer.vue
index cef65abca..9cc13f9bc 100644
--- a/ui/src/components/FileExplorer.vue
+++ b/ui/src/components/FileExplorer.vue
@@ -25,7 +25,6 @@
         rowIcon="table"
         rowIconAlt="file-earmark"
         :altIconCondition="isNonTableType"
-        :preselectedItem="selectedFile"
         selectionColor="primary"
       ></ListGroup>
     </div>
@@ -67,18 +66,9 @@ export default defineComponent({
         selectedFolder.value = newVal as string;
       }
     );
-    watch(
-      () => route.params.fileId,
-      (newVal) => {
-        selectedFile.value = newVal as string;
-      }
-    );
     onMounted(() => {
       if (route.params.folderId) {
         selectedFolder.value = route.params.folderId as string;
-        if (route.params.fileId) {
-          selectedFile.value = route.params.fileId as string;
-        }
       }
       watch(
         () => folderComponent.value?.selectedItem,
diff --git a/ui/src/components/SimpleTable.vue b/ui/src/components/SimpleTable.vue
index 5c3d0050a..1edc5d082 100644
--- a/ui/src/components/SimpleTable.vue
+++ b/ui/src/components/SimpleTable.vue
@@ -62,9 +62,22 @@ export default defineComponent({
   },
   computed: {
     maxNumberCharacters() {
+      // don't question the logic, it's a formula that figures out how many characters fit in each header label
+      // but if you do question it:
+      // maxWidth/200 spreads out nicely for 10 columns, to get 200 when the length of columns is 10, we do it times 20 (20 * l)
+      // for 5 columns, this leaves a lot of whitespace. There maxWidth/50, rather than 100, fits better.
+      // therefore, we need to substract 50 from the 20 * l if the number of columns is 5 and 0 if the number of columns is 1
+      // to get that: (10 / l - 1) * 50, that's what we substract from the 20 * l
+      // example (l = 10):
+      // 20 * 10 = 200
+      // 10 / 10 - 1 = 0 -> 0 * 50 = 0
+      // 200 - 0 = 200
+      // example (l = 5):
+      // 20 * 5 = 100
+      // 10 / 5 - 1 = 1 -> 1 * 50 = 50
+      // 100 - 50 = 50
       const l = this.tableKeys.length;
-      // max width divided by number of characters * fontsize to evenly spread headers
-      return Math.floor(this.maxWidth / (l * 16));
+      return Math.ceil(this.maxWidth / (20 * l - (10 / l - 1) * 50));
     },
     dataToPreview() {
       // converting ints to in, otherwise the id numbers look awkward
diff --git a/ui/src/components/VariableSelector.vue b/ui/src/components/VariableSelector.vue
index 70d66931c..19209ab4f 100644
--- a/ui/src/components/VariableSelector.vue
+++ b/ui/src/components/VariableSelector.vue
@@ -42,37 +42,28 @@
 
 <script lang="ts">
 import SearchBar from "@/components/SearchBar.vue";
-import { PropType, defineComponent } from "vue";
 import { stringIncludesOtherString } from "@/helpers/utils";
-import { StringArray } from "@/types/types";
 
-export default defineComponent({
+export default {
   name: "VariableSelector",
   props: {
     variables: {
       default: [],
       type: Array,
     },
-    preselectedVariables: {
-      default: [] as PropType<StringArray>,
-      type: Array,
-    },
   },
   components: {
     SearchBar,
   },
   data(): { selectedVariables: string[]; searchString: string } {
     return {
-      selectedVariables: this.preselectedVariables as StringArray,
+      selectedVariables: [],
       searchString: "",
     };
   },
   methods: {
     updateVariables(variable: string) {
-      if (this.selectedVariables.includes(variable)) {
-        const index = this.selectedVariables.indexOf(variable);
-        this.selectedVariables.splice(index, 1);
-      } else {
+      if (!this.selectedVariables.includes(variable)) {
         this.selectedVariables.push(variable);
       }
     },
@@ -89,7 +80,7 @@ export default defineComponent({
       return variables as string[];
     },
   },
-});
+};
 </script>
 <style :scoped>
 .variable-select {
diff --git a/ui/src/components/ViewEditor.vue b/ui/src/components/ViewEditor.vue
index 09ff5f463..06e6da8a6 100644
--- a/ui/src/components/ViewEditor.vue
+++ b/ui/src/components/ViewEditor.vue
@@ -65,11 +65,7 @@
       </div>
       <div class="row">
         <div class="col-12" v-if="variables.length > 0">
-          <VariableSelector
-            :variables="variables"
-            :preselectedVariables="preselectedVariables"
-            ref="variableSelector"
-          />
+          <VariableSelector :variables="variables" />
         </div>
       </div>
       <div class="row mt-3">
@@ -115,12 +111,7 @@
                 Table:
               </label>
               <div class="col-sm-9">
-                <input
-                  type="string"
-                  class="form-control"
-                  :disabled="isEditMode"
-                  v-model="vwTable"
-                />
+                <input type="string" class="form-control" v-model="vwTable" />
               </div>
             </div>
           </form>
@@ -131,13 +122,7 @@
           class="btn btn-primary"
           type="button"
           @click="
-            onSave(
-              srcProject,
-              sourceObject,
-              vwProject,
-              linkedObject,
-              ($refs.variableSelector as any).selectedVariables
-            )
+            onSave(srcProject, sourceObject, vwProject, linkedObject, variables)
           "
         >
           <i class="bi bi-floppy-fill"></i> Save
@@ -171,10 +156,6 @@ export default defineComponent({
     viewTable: String,
     viewProject: String,
     viewFolder: String,
-    preselectedVariables: {
-      default: [],
-      type: Array as PropType<string[]>,
-    },
     projects: {
       default: [],
       type: Array as PropType<Project[]>,
@@ -203,12 +184,9 @@ export default defineComponent({
 
     const isSrcTableSet = () => {
       return (
-        props.sourceTable !== "" &&
-        props.sourceFolder !== "" &&
-        props.sourceProject !== "" &&
-        props.sourceTable !== undefined &&
-        props.sourceFolder !== undefined &&
-        props.sourceProject !== undefined
+        props.sourceTable != "" &&
+        props.sourceFolder != "" &&
+        props.sourceProject != ""
       );
     };
     const fetchVariables = async () => {
@@ -257,7 +235,6 @@ export default defineComponent({
         });
     },
     async getVariables(project: string, folder: string, file: string) {
-      console.log(project, folder, file);
       await getTableVariables(project, folder + "%2F" + file)
         .then((response) => {
           this.variables = response;
@@ -300,18 +277,6 @@ export default defineComponent({
     sourceObject(): string {
       return `${this.srcFolder}/${this.srcTable?.replace(".parquet", "")}`;
     },
-    isEditMode(): boolean {
-      // when all items are preselected, we are in edit mode
-      return (
-        this.sourceFolder !== undefined &&
-        this.sourceProject !== undefined &&
-        this.sourceTable !== undefined &&
-        this.viewFolder !== undefined &&
-        this.viewProject !== undefined &&
-        this.viewTable !== undefined &&
-        this.preselectedVariables.length > 0
-      );
-    },
   },
 });
 </script>
diff --git a/ui/src/helpers/utils.ts b/ui/src/helpers/utils.ts
index 0a500d9ec..c0e70f00b 100644
--- a/ui/src/helpers/utils.ts
+++ b/ui/src/helpers/utils.ts
@@ -210,7 +210,3 @@ export function getTablesFromListOfFiles(
     ? listOfFiles.filter((file: string) => file.endsWith(".parquet"))
     : [];
 }
-
-export function encodeUriComponent(component: string) {
-  return component.replaceAll("/", "%2F").replaceAll("-", "%2D");
-}
diff --git a/ui/src/types/types.d.ts b/ui/src/types/types.d.ts
index 9c55eb589..ca399a67f 100644
--- a/ui/src/types/types.d.ts
+++ b/ui/src/types/types.d.ts
@@ -35,7 +35,6 @@ interface Dictionary<T> {
 // Maybe later expand with float/int/enum/character
 export type TypeObject = Record<string, TypeString>;
 export type ProjectsExplorerData = {
-  editView: boolean;
   fileToDelete: string;
   folderToDeleteFrom: string;
   projectToEdit: string;
@@ -43,13 +42,9 @@ export type ProjectsExplorerData = {
   loading: boolean;
   successMessage: string;
   filePreview: Array<any>;
-  fileInfo: {
-    fileSize: string;
-    dataSizeRows: number;
-    dataSizeColumns: number;
-    sourceLink: string;
-    variables: Array<string>;
-  };
+  fileSize: string;
+  dataSizeRows: number;
+  dataSizeColumns: number;
   createNewFolder: boolean;
   loading_preview: boolean;
   projectContent: Record<string, string[]>;
diff --git a/ui/src/views/ProjectsExplorer.vue b/ui/src/views/ProjectsExplorer.vue
index b6c23e2b2..72f5d9dbc 100644
--- a/ui/src/views/ProjectsExplorer.vue
+++ b/ui/src/views/ProjectsExplorer.vue
@@ -25,7 +25,7 @@
               <i class="bi bi-arrow-left text-light"></i>
             </router-link>
           </button>
-          Project: {{ route.params.projectId }}
+          Project: {{ $route.params.projectId }}
         </h2>
         <ButtonGroup
           :buttonIcons="['folder-plus', 'trash-fill']"
@@ -53,8 +53,8 @@
               v-if="!loading"
               :projectContent="projectContent"
               :addNewFolder="addNewFolder"
-              @selectFolder="onSelectFolder($event)"
-              @selectFile="onSelectFile($event)"
+              @selectFolder="selectedFolder = $event"
+              @selectFile="selectedFile = $event"
             />
             <div class="row mt-3">
               <div class="col-6">
@@ -74,7 +74,7 @@
                     class="btn btn-primary me-md-2"
                     style="width: 100%"
                     type="button"
-                    @click="setCreateLinkFromTarget"
+                    @click="createLinkFromTarget = true"
                   >
                     <i class="bi bi-box-arrow-in-up-right"></i> Select table to
                     link from ...
@@ -99,10 +99,10 @@
               </div>
             </div>
             <ViewEditor
+              v-if="createLinkFromTarget === true"
               :viewProject="projectId"
               :viewFolder="selectedFolder"
               :onSave="doCreateLinkFile"
-              :preselectedVariables="[]"
             ></ViewEditor>
           </div>
           <div
@@ -124,20 +124,15 @@
               "
             >
               <div class="fst-italic">
-                No preview available for: {{ selectedFile }} ({{
-                  fileInfo.fileSize
-                }})
+                No preview available for: {{ selectedFile }} ({{ fileSize }})
               </div>
             </div>
             <div v-else-if="!loading_preview && !askIfPreviewIsEmpty()">
               <div class="text-end fst-italic">
                 Preview:
                 {{ `${selectedFile.replace(".parquet", "")}` }} ({{
-                  `${fileInfo.dataSizeRows}x${fileInfo.dataSizeColumns}`
+                  `${dataSizeRows}x${dataSizeColumns}`
                 }})
-                <div v-if="isLinkFileType(selectedFile)">
-                  Linked from: {{ fileInfo.sourceLink }}
-                </div>
                 <button
                   v-if="!createLinkFromSrc && isTableType(selectedFile)"
                   @click="createLinkFromSrc = true"
@@ -147,20 +142,12 @@
                   <i class="bi bi-box-arrow-in-up-right"></i> Create view
                 </button>
                 <button
-                  v-else-if="!editView && isLinkFileType(selectedFile)"
-                  @click="editView = true"
-                  type="button"
-                  class="btn btn-primary btn-sm m-1"
-                >
-                  <i class="bi bi-box-arrow-in-up-right"></i> Edit view
-                </button>
-                <button
-                  v-else
-                  @click="cancelView()"
+                  v-else-if="!isLinkFileType(selectedFile)"
+                  @click="createLinkFromSrc = false"
                   type="button"
                   class="btn btn-danger btn-sm m-1"
                 >
-                  <i class="bi bi-x"></i> Cancel
+                  <i class="bi bi-x"></i> Cancel view
                 </button>
               </div>
               <ViewEditor
@@ -169,25 +156,13 @@
                 :sourceTable="selectedFile"
                 :sourceProject="projectId"
                 :onSave="doCreateLinkFile"
-                :preselectedVariables="[]"
-              ></ViewEditor>
-              <ViewEditor
-                v-else-if="editView === true"
-                :sourceFolder="fileInfo.sourceLink.split('/')[1]"
-                :sourceTable="fileInfo.sourceLink.split('/')[2] + '.parquet'"
-                :sourceProject="fileInfo.sourceLink.split('/')[0]"
-                :preselectedVariables="fileInfo.variables"
-                :viewProject="projectId"
-                :viewFolder="selectedFolder"
-                :viewTable="selectedFile"
-                :onSave="doCreateLinkFile"
               ></ViewEditor>
               <SimpleTable
                 v-else
                 :data="filePreview"
                 :maxWidth="previewContainerWidth"
-                :n-rows="fileInfo.dataSizeRows"
-                :n-cols="fileInfo.dataSizeColumns"
+                :n-rows="dataSizeRows"
+                :n-cols="dataSizeColumns"
               ></SimpleTable>
             </div>
             <div v-else-if="!loading_preview && askIfPreviewIsEmpty()">
@@ -279,7 +254,6 @@ export default defineComponent({
   },
   data(): ProjectsExplorerData {
     return {
-      editView: false,
       selectedFile: "",
       selectedFolder: "",
       fileToDelete: "",
@@ -290,61 +264,49 @@ export default defineComponent({
       loading_preview: false,
       successMessage: "",
       filePreview: [{}],
+      fileSize: "",
+      dataSizeRows: 0,
+      dataSizeColumns: 0,
       createNewFolder: false,
       projectContent: {},
-      fileInfo: {
-        fileSize: "",
-        dataSizeRows: 0,
-        dataSizeColumns: 0,
-        sourceLink: "",
-        variables: [] as StringArray,
-      },
       createLinkFromTarget: false,
       createLinkFromSrc: false,
     };
   },
   watch: {
     selectedFile() {
+      this.resetCreateLinkFile();
       if (
-        this.projectId !== "" &&
-        this.selectedFolder !== "" &&
-        this.selectedFile !== ""
+        this.isTableType(this.selectedFile) ||
+        this.isLinkFileType(this.selectedFile)
       ) {
-        this.resetCreateLinkFile();
-        if (
-          this.isTableType(this.selectedFile) ||
-          this.isLinkFileType(this.selectedFile)
-        ) {
-          this.loading_preview = true;
-          previewObject(
-            this.projectId,
-            `${this.selectedFolder}/${this.selectedFile}`
-          )
-            .then((data) => {
-              this.filePreview = data;
-              this.loading_preview = false;
-            })
-            .catch((error) => {
-              this.errorMessage = `Cannot load preview for [${this.selectedFolder}/${this.selectedFile}] of project [${this.projectId}]. Because: ${error}.`;
-              this.clearFilePreview();
-              this.loading_preview = false;
-            });
-        }
-        getFileDetails(
+        this.loading_preview = true;
+        previewObject(
           this.projectId,
-          `${this.selectedFolder}/${this.selectedFile}`
+          `${this.selectedFolder}%2F${this.selectedFile}`
         )
           .then((data) => {
-            this.fileInfo.fileSize = data["size"];
-            this.fileInfo.dataSizeRows = parseInt(data["rows"]);
-            this.fileInfo.dataSizeColumns = parseInt(data["columns"]);
-            this.fileInfo.sourceLink = data["sourceLink"];
-            this.fileInfo.variables = data["variables"];
+            this.filePreview = data;
+            this.loading_preview = false;
           })
           .catch((error) => {
-            this.errorMessage = `Cannot load details for [${this.selectedFolder}/${this.selectedFile}] of project [${this.projectId}]. Because: ${error}.`;
+            this.errorMessage = `Cannot load preview for [${this.selectedFolder}/${this.selectedFile}] of project [${this.projectId}]. Because: ${error}.`;
+            this.clearFilePreview();
+            this.loading_preview = false;
           });
       }
+      getFileDetails(
+        this.projectId,
+        `${this.selectedFolder}%2F${this.selectedFile}`
+      )
+        .then((data) => {
+          this.fileSize = data["size"];
+          this.dataSizeRows = data["rows"];
+          this.dataSizeColumns = data["columns"];
+        })
+        .catch((error) => {
+          this.errorMessage = `Cannot load details for [${this.selectedFolder}/${this.selectedFile}] of project [${this.projectId}]. Because: ${error}.`;
+        });
     },
     project() {
       this.setProjectContent();
@@ -366,10 +328,6 @@ export default defineComponent({
     askIfPreviewIsEmpty() {
       return isEmptyObject(this.filePreview[0]);
     },
-    cancelView() {
-      this.createLinkFromSrc = false;
-      this.editView = false;
-    },
     clearFilePreview() {
       this.filePreview = [{}];
     },
@@ -431,7 +389,7 @@ export default defineComponent({
       const folder = splittedFileAndFolder[0];
       const response = deleteObject(
         this.projectId,
-        `${this.selectedFolder}/${this.selectedFile}`
+        `${this.selectedFolder}%2F${this.selectedFile}`
       );
       response
         .then(() => {
@@ -442,6 +400,7 @@ export default defineComponent({
             }
             this.setProjectContent();
           });
+
           this.successMessage = `Successfully deleted file [${file}] from directory [${folder}] of project: [${this.projectId}]`;
         })
         .catch((error) => {
@@ -465,64 +424,6 @@ export default defineComponent({
     showErrorMessage(error: string) {
       this.errorMessage = error;
     },
-    createNewLinkFile(
-      sourceProject: string,
-      sourceObject: string,
-      viewProject: string,
-      viewObject: string,
-      variables: string[]
-    ) {
-      if (
-        sourceProject !== "" &&
-        sourceObject !== "" &&
-        viewProject !== "" &&
-        viewObject !== "" &&
-        variables.length !== 0
-      ) {
-        const response = createLinkFile(
-          sourceProject,
-          sourceObject,
-          viewProject,
-          viewObject,
-          variables
-        );
-        response
-          .then(() => {
-            this.successMessage = `Successfully created view from [${sourceProject}/${sourceObject}] in [${viewProject}/${viewObject}]`;
-            this.resetCreateLinkFile();
-            this.reloadProject();
-            this.selectedFolder = "";
-            this.selectedFile = "";
-          })
-          .catch((error) => {
-            this.errorMessage = `${error}`;
-          });
-      } else {
-        this.errorMessage =
-          "Cannot save, ensure all fields are filled in properly";
-      }
-    },
-    onSelectFolder(folder: string) {
-      this.selectedFolder = folder;
-    },
-    onSelectFile(file: string) {
-      this.selectedFile = file;
-    },
-    setCreateLinkFromTarget() {
-      this.selectedFile = "";
-      this.editView = false;
-      this.resetFileInfo();
-      this.createLinkFromTarget = true;
-    },
-    resetFileInfo() {
-      this.fileInfo = {
-        fileSize: "",
-        dataSizeRows: 0,
-        dataSizeColumns: 0,
-        sourceLink: "",
-        variables: [] as StringArray,
-      };
-    },
     doCreateLinkFile(
       sourceProject: string,
       sourceObject: string,
@@ -530,53 +431,22 @@ export default defineComponent({
       viewObject: string,
       variables: string[]
     ) {
-      if (this.editView) {
-        // first check is saving will work
-        const tmpResponse = createLinkFile(
-          sourceProject,
-          sourceObject,
-          viewProject,
-          viewObject + ".tmp",
-          variables
-        );
-        tmpResponse
-          .then(() => {
-            const deleteResponse = deleteObject(viewProject, viewObject);
-            deleteResponse
-              .then(() => {
-                this.createNewLinkFile(
-                  sourceProject,
-                  sourceObject,
-                  viewProject,
-                  viewObject.replace(".alf", ""),
-                  variables
-                );
-                deleteObject(viewProject, viewObject + ".tmp.alf");
-                this.editView = false;
-                if (this.projectId !== "" && this.selectedFolder !== "") {
-                  this.router.push(
-                    `/projects-explorer/${this.projectId}/${this.selectedFolder}/${this.selectedFile}`
-                  );
-                }
-              })
-              .catch((error) => {
-                this.errorMessage = `${error}`;
-              });
-            this.reloadProject();
-            this.resetCreateLinkFile();
-          })
-          .catch((error) => {
-            this.errorMessage = `${error}`;
-          });
-      } else {
-        this.createNewLinkFile(
-          sourceProject,
-          sourceObject,
-          viewProject,
-          viewObject,
-          variables
-        );
-      }
+      const response = createLinkFile(
+        sourceProject,
+        sourceObject,
+        viewProject,
+        viewObject,
+        variables
+      );
+      response
+        .then(() => {
+          this.successMessage = `Successfully created view from [${sourceProject}/${sourceObject}] in [${viewProject}/${viewObject}]`;
+          this.reloadProject();
+          this.resetCreateLinkFile();
+        })
+        .catch((error) => {
+          this.errorMessage = `${error}`;
+        });
     },
   },
 });
diff --git a/ui/tests/unit/components/SimpleTable.spec.ts b/ui/tests/unit/components/SimpleTable.spec.ts
index 5ca2ff4d8..937aed65c 100644
--- a/ui/tests/unit/components/SimpleTable.spec.ts
+++ b/ui/tests/unit/components/SimpleTable.spec.ts
@@ -88,20 +88,20 @@ describe("SimpleTable", () => {
 
   test("max number of characters", () => {
     // tablekeys length = 7
-    // 7 * 16 = 112
-    // floor(600 / 112) = 5.4
-    expect(wrapper.vm.maxNumberCharacters).toBe(5);
+    // 20 * 7 - (10 / 7 - 1 ) * 50 = 118.57
+    // ceil(600 / 118.57) = 6
+    expect(wrapper.vm.maxNumberCharacters).toBe(6);
   });
 
-  test("headers are truncated when too long", () => {
+  test("headers are truncated when over 5 + 2 characters", () => {
     expect(wrapper.vm.tableHeader).toEqual([
-      "first..",
-      "lastN..",
+      "firstN..",
+      "lastName",
       "height",
       "weight",
-      "favou..",
+      "favour..",
       "fears",
-      "isSup..",
+      "isSupe..",
     ]);
   });
 
diff --git a/ui/tests/unit/components/VariableSelector.spec.ts b/ui/tests/unit/components/VariableSelector.spec.ts
index c10d63423..b4ce10fde 100644
--- a/ui/tests/unit/components/VariableSelector.spec.ts
+++ b/ui/tests/unit/components/VariableSelector.spec.ts
@@ -18,12 +18,6 @@ describe("VariableSelector", () => {
     expect(wrapper.vm.selectedVariables).toEqual(["a", "b"]);
   });
 
-  test("updateVariables removes variables when deselected", async () => {
-    wrapper.vm.selectedVariables = ["a"];
-    wrapper.vm.updateVariables("a");
-    expect(wrapper.vm.selectedVariables).toEqual([]);
-  });
-
   test("getFilteredVariables returns variables that match search terms", async () => {
     wrapper.vm.searchString = "test";
     expect(wrapper.vm.getFilteredVariables()).toEqual(["teststring", "test"]);
diff --git a/ui/tests/unit/helpers/utils.spec.ts b/ui/tests/unit/helpers/utils.spec.ts
index e35b52eba..4e508ef1b 100644
--- a/ui/tests/unit/helpers/utils.spec.ts
+++ b/ui/tests/unit/helpers/utils.spec.ts
@@ -15,8 +15,7 @@ import {
   isNonTableType,
   getRestructuredProject,
   getTablesFromListOfFiles,
-  isLinkFileType,
-  encodeUriComponent
+  isLinkFileType
 } from "@/helpers/utils";
 import { StringObject } from "@/types/types";
 
@@ -280,11 +279,4 @@ describe("utils", () => {
       expect(actual).toEqual(["aap.parquet", "test.parquet"]);
     });
   });
-
-  describe("encodeUriComponent", () => {
-    it("should encode / and -", () => {
-      const actual = encodeUriComponent("project-id/folder/file-version1.parquet");
-      expect(actual).toEqual("project%2Did%2Ffolder%2Ffile%2Dversion1.parquet");
-    });
-  });
 });
diff --git a/ui/tests/unit/views/ProjectExplorer.spec.ts b/ui/tests/unit/views/ProjectExplorer.spec.ts
index 4001da142..201fbcc0a 100644
--- a/ui/tests/unit/views/ProjectExplorer.spec.ts
+++ b/ui/tests/unit/views/ProjectExplorer.spec.ts
@@ -237,14 +237,6 @@ describe("ProjectsExplorer", () => {
         expect(wrapper.vm.createLinkFromTarget).toBe(false);
     });
 
-    test("set createLinkFromSrc and editView to false", () => {
-        wrapper.vm.createLinkFromSrc = true;
-        wrapper.vm.editView = true;
-        wrapper.vm.cancelView();
-        expect(wrapper.vm.createLinkFromSrc).toBe(false);
-        expect(wrapper.vm.editView).toBe(false);
-    });
-    
     test("createLinkFile calls api to update linkfile", async () => {
         const createLinkFileMock = jest.fn();
         api.createLinkFile.mockImplementation(() => {
diff --git a/ui/yarn.lock b/ui/yarn.lock
index 2effe94a0..d4182672f 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -10,7 +10,7 @@
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.2":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.1", "@babel/code-frame@^7.24.2":
   version "7.24.2"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.2.tgz#718b4b19841809a58b29b68cde80bc5e1aa6d9ae"
   integrity sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==
@@ -19,9 +19,9 @@
     picocolors "^1.0.0"
 
 "@babel/compat-data@^7.23.5":
-  version "7.24.4"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.4.tgz#6f102372e9094f25d908ca0d34fc74c74606059a"
-  integrity sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==
+  version "7.24.1"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.1.tgz#31c1f66435f2a9c329bb5716a6d6186c516c3742"
+  integrity sha512-Pc65opHDliVpRHuKfzI+gSA4zcgr65O4cl64fFJIWEEh8JoHIHh0Oez1Eo8Arz8zq/JhgKodQaxEwUPRtZylVA==
 
 "@babel/core@7.23.7":
   version "7.23.7"
@@ -45,32 +45,32 @@
     semver "^6.3.1"
 
 "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.23.9":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.5.tgz#15ab5b98e101972d171aeef92ac70d8d6718f06a"
-  integrity sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==
+  version "7.24.3"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.3.tgz#568864247ea10fbd4eff04dda1e05f9e2ea985c3"
+  integrity sha512-5FcvN1JHw2sHJChotgx8Ek0lyuh4kCKelgMTTqhYJJtloNvUfpAFMeNQUtdlIaktwrSV9LtCdqwk48wL2wBacQ==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
     "@babel/code-frame" "^7.24.2"
-    "@babel/generator" "^7.24.5"
+    "@babel/generator" "^7.24.1"
     "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-module-transforms" "^7.24.5"
-    "@babel/helpers" "^7.24.5"
-    "@babel/parser" "^7.24.5"
+    "@babel/helper-module-transforms" "^7.23.3"
+    "@babel/helpers" "^7.24.1"
+    "@babel/parser" "^7.24.1"
     "@babel/template" "^7.24.0"
-    "@babel/traverse" "^7.24.5"
-    "@babel/types" "^7.24.5"
+    "@babel/traverse" "^7.24.1"
+    "@babel/types" "^7.24.0"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.23.6", "@babel/generator@^7.24.5", "@babel/generator@^7.7.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.5.tgz#e5afc068f932f05616b66713e28d0f04e99daeb3"
-  integrity sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==
+"@babel/generator@^7.23.6", "@babel/generator@^7.24.1", "@babel/generator@^7.7.2":
+  version "7.24.1"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.1.tgz#e67e06f68568a4ebf194d1c6014235344f0476d0"
+  integrity sha512-DfCRfZsBcrPEHUfuBMgbJ1Ut01Y/itOs+hY2nFLgqsqXd52/iSiVq5TITtUasIUgm+IIKdY2/1I7auiQOEeC9A==
   dependencies:
-    "@babel/types" "^7.24.5"
+    "@babel/types" "^7.24.0"
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
@@ -93,19 +93,19 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.5.tgz#7d19da92c7e0cd8d11c09af2ce1b8e7512a6e723"
-  integrity sha512-uRc4Cv8UQWnE4NXlYTIIdM7wfFkOqlFztcC/gVXDKohKoVB3OyonfelUBaJzSwpBntZ2KYGF/9S7asCHsXwW6g==
+"@babel/helper-create-class-features-plugin@^7.24.1":
+  version "7.24.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.1.tgz#db58bf57137b623b916e24874ab7188d93d7f68f"
+  integrity sha512-1yJa9dX9g//V6fDebXoEfEsxkZHk3Hcbm+zLhyu6qVgYFLvmTALTeV+jNU9e5RnYtioBrGEOdoI2joMSNQ/+aA==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
     "@babel/helper-environment-visitor" "^7.22.20"
     "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-member-expression-to-functions" "^7.24.5"
+    "@babel/helper-member-expression-to-functions" "^7.23.0"
     "@babel/helper-optimise-call-expression" "^7.22.5"
     "@babel/helper-replace-supers" "^7.24.1"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
     semver "^6.3.1"
 
 "@babel/helper-environment-visitor@^7.22.20":
@@ -128,30 +128,30 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-member-expression-to-functions@^7.23.0", "@babel/helper-member-expression-to-functions@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.5.tgz#5981e131d5c7003c7d1fa1ad49e86c9b097ec475"
-  integrity sha512-4owRteeihKWKamtqg4JmWSsEZU445xpFRXPEwp44HbgbxdWlUV1b4Agg4lkA806Lil5XM/e+FJyS0vj5T6vmcA==
+"@babel/helper-member-expression-to-functions@^7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz#9263e88cc5e41d39ec18c9a3e0eced59a3e7d366"
+  integrity sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==
   dependencies:
-    "@babel/types" "^7.24.5"
+    "@babel/types" "^7.23.0"
 
-"@babel/helper-module-imports@^7.24.3":
+"@babel/helper-module-imports@^7.22.15":
   version "7.24.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz#6ac476e6d168c7c23ff3ba3cf4f7841d46ac8128"
   integrity sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==
   dependencies:
     "@babel/types" "^7.24.0"
 
-"@babel/helper-module-transforms@^7.23.3", "@babel/helper-module-transforms@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz#ea6c5e33f7b262a0ae762fd5986355c45f54a545"
-  integrity sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==
+"@babel/helper-module-transforms@^7.23.3":
+  version "7.23.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz#d7d12c3c5d30af5b3c0fcab2a6d5217773e2d0f1"
+  integrity sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==
   dependencies:
     "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-module-imports" "^7.24.3"
-    "@babel/helper-simple-access" "^7.24.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    "@babel/helper-validator-identifier" "^7.24.5"
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-validator-identifier" "^7.22.20"
 
 "@babel/helper-optimise-call-expression@^7.22.5":
   version "7.22.5"
@@ -160,10 +160,10 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.0", "@babel/helper-plugin-utils@^7.24.5", "@babel/helper-plugin-utils@^7.8.0":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.5.tgz#a924607dd254a65695e5bd209b98b902b3b2f11a"
-  integrity sha512-xjNLDopRzW2o6ba0gKbkZq5YWEBaK3PCyTOY1K2P/O07LGMhMqlMXPxwN4S5/RhWuCobT8z0jrlKGlYmeR1OhQ==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.0", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.0.tgz#945681931a52f15ce879fd5b86ce2dae6d3d7f2a"
+  integrity sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==
 
 "@babel/helper-replace-supers@^7.24.1":
   version "7.24.1"
@@ -174,12 +174,12 @@
     "@babel/helper-member-expression-to-functions" "^7.23.0"
     "@babel/helper-optimise-call-expression" "^7.22.5"
 
-"@babel/helper-simple-access@^7.22.5", "@babel/helper-simple-access@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz#50da5b72f58c16b07fbd992810be6049478e85ba"
-  integrity sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==
+"@babel/helper-simple-access@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
+  integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
   dependencies:
-    "@babel/types" "^7.24.5"
+    "@babel/types" "^7.22.5"
 
 "@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
   version "7.22.5"
@@ -188,51 +188,51 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-split-export-declaration@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz#b9a67f06a46b0b339323617c8c6213b9055a78b6"
-  integrity sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==
+"@babel/helper-split-export-declaration@^7.22.6":
+  version "7.22.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c"
+  integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==
   dependencies:
-    "@babel/types" "^7.24.5"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-string-parser@^7.24.1":
+"@babel/helper-string-parser@^7.23.4":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e"
   integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==
 
-"@babel/helper-validator-identifier@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz#918b1a7fa23056603506370089bd990d8720db62"
-  integrity sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==
+"@babel/helper-validator-identifier@^7.22.20":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
+  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
 
 "@babel/helper-validator-option@^7.22.15", "@babel/helper-validator-option@^7.23.5":
   version "7.23.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307"
   integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==
 
-"@babel/helpers@^7.23.7", "@babel/helpers@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.5.tgz#fedeb87eeafa62b621160402181ad8585a22a40a"
-  integrity sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==
+"@babel/helpers@^7.23.7", "@babel/helpers@^7.24.1":
+  version "7.24.1"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.1.tgz#183e44714b9eba36c3038e442516587b1e0a1a94"
+  integrity sha512-BpU09QqEe6ZCHuIHFphEFgvNSrubve1FtyMton26ekZ85gRGi6LrTF7zArARp2YvyFxloeiRmtSCq5sjh1WqIg==
   dependencies:
     "@babel/template" "^7.24.0"
-    "@babel/traverse" "^7.24.5"
-    "@babel/types" "^7.24.5"
+    "@babel/traverse" "^7.24.1"
+    "@babel/types" "^7.24.0"
 
 "@babel/highlight@^7.24.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.5.tgz#bc0613f98e1dd0720e99b2a9ee3760194a704b6e"
-  integrity sha512-8lLmua6AVh/8SLJRRVD6V8p73Hir9w5mJrhE+IPpILG31KKlI9iz5zmBYKcWPS59qSfgP9RaSBQSHHE81WKuEw==
+  version "7.24.2"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.2.tgz#3f539503efc83d3c59080a10e6634306e0370d26"
+  integrity sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.24.5"
+    "@babel/helper-validator-identifier" "^7.22.20"
     chalk "^2.4.2"
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.23.0", "@babel/parser@^7.23.6", "@babel/parser@^7.23.9", "@babel/parser@^7.24.0", "@babel/parser@^7.24.4", "@babel/parser@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790"
-  integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.23.0", "@babel/parser@^7.23.6", "@babel/parser@^7.23.9", "@babel/parser@^7.24.0", "@babel/parser@^7.24.1":
+  version "7.24.1"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.1.tgz#1e416d3627393fab1cb5b0f2f1796a100ae9133a"
+  integrity sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg==
 
 "@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
@@ -342,13 +342,13 @@
     "@babel/helper-simple-access" "^7.22.5"
 
 "@babel/plugin-transform-typescript@^7.23.3":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.5.tgz#bcba979e462120dc06a75bd34c473a04781931b8"
-  integrity sha512-E0VWu/hk83BIFUWnsKZ4D81KXjN5L3MobvevOHErASk9IPwKHOkTgvqzvNo1yP/ePJWqqK2SpUR5z+KQbl6NVw==
+  version "7.24.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.1.tgz#5c05e28bb76c7dfe7d6c5bed9951324fd2d3ab07"
+  integrity sha512-liYSESjX2fZ7JyBFkYG78nfvHlMKE6IpNdTVnxmlYUR+j5ZLsitFbaAE+eJSK2zPPkNWNw4mXL51rQ8WrvdK0w==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.24.5"
-    "@babel/helper-plugin-utils" "^7.24.5"
+    "@babel/helper-create-class-features-plugin" "^7.24.1"
+    "@babel/helper-plugin-utils" "^7.24.0"
     "@babel/plugin-syntax-typescript" "^7.24.1"
 
 "@babel/preset-typescript@7.23.3":
@@ -371,29 +371,29 @@
     "@babel/parser" "^7.24.0"
     "@babel/types" "^7.24.0"
 
-"@babel/traverse@^7.23.7", "@babel/traverse@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.5.tgz#972aa0bc45f16983bf64aa1f877b2dd0eea7e6f8"
-  integrity sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==
+"@babel/traverse@^7.23.7", "@babel/traverse@^7.24.1":
+  version "7.24.1"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.1.tgz#d65c36ac9dd17282175d1e4a3c49d5b7988f530c"
+  integrity sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==
   dependencies:
-    "@babel/code-frame" "^7.24.2"
-    "@babel/generator" "^7.24.5"
+    "@babel/code-frame" "^7.24.1"
+    "@babel/generator" "^7.24.1"
     "@babel/helper-environment-visitor" "^7.22.20"
     "@babel/helper-function-name" "^7.23.0"
     "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    "@babel/parser" "^7.24.5"
-    "@babel/types" "^7.24.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/parser" "^7.24.1"
+    "@babel/types" "^7.24.0"
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.6", "@babel/types@^7.24.0", "@babel/types@^7.24.5", "@babel/types@^7.3.3":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.5.tgz#7661930afc638a5383eb0c4aee59b74f38db84d7"
-  integrity sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==
+"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.6", "@babel/types@^7.24.0", "@babel/types@^7.3.3":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.0.tgz#3b951f435a92e7333eba05b7566fd297960ea1bf"
+  integrity sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==
   dependencies:
-    "@babel/helper-string-parser" "^7.24.1"
-    "@babel/helper-validator-identifier" "^7.24.5"
+    "@babel/helper-string-parser" "^7.23.4"
+    "@babel/helper-validator-identifier" "^7.22.20"
     to-fast-properties "^2.0.0"
 
 "@bcoe/v8-coverage@^0.2.3":
@@ -914,9 +914,9 @@
     parse5 "^7.0.0"
 
 "@types/node@*":
-  version "20.12.8"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.12.8.tgz#35897bf2bfe3469847ab04634636de09552e8256"
-  integrity sha512-NU0rJLJnshZWdE/097cdCBbyW1h4hEg0xpovcoAQYHl8dnEyp/NAOiE45pvc+Bd1Dt+2r94v2eGFpQJ4R7g+2w==
+  version "20.12.2"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.12.2.tgz#9facdd11102f38b21b4ebedd9d7999663343d72e"
+  integrity sha512-zQ0NYO87hyN6Xrclcqp7f8ZbXNbRfoGWNcMvHTPQp9UUrwI0mI7XBz+cu7/W6/VClYo2g63B0cjull/srU7LgQ==
   dependencies:
     undici-types "~5.26.4"
 
@@ -981,16 +981,16 @@
     estree-walker "^2.0.2"
     source-map-js "^1.0.2"
 
-"@vue/compiler-core@3.4.26":
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.4.26.tgz#d507886520e83a6f8339ed55ed0b2b5d84b44b73"
-  integrity sha512-N9Vil6Hvw7NaiyFUFBPXrAyETIGlQ8KcFMkyk6hW1Cl6NvoqvP+Y8p1Eqvx+UdqsnrnI9+HMUEJegzia3mhXmQ==
+"@vue/compiler-core@3.4.21":
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.4.21.tgz#868b7085378fc24e58c9aed14c8d62110a62be1a"
+  integrity sha512-MjXawxZf2SbZszLPYxaFCjxfibYrzr3eYbKxwpLR9EQN+oaziSu3qKVbwBERj1IFIB8OLUewxB5m/BFzi613og==
   dependencies:
-    "@babel/parser" "^7.24.4"
-    "@vue/shared" "3.4.26"
+    "@babel/parser" "^7.23.9"
+    "@vue/shared" "3.4.21"
     entities "^4.5.0"
     estree-walker "^2.0.2"
-    source-map-js "^1.2.0"
+    source-map-js "^1.0.2"
 
 "@vue/compiler-dom@3.3.8":
   version "3.3.8"
@@ -1000,13 +1000,13 @@
     "@vue/compiler-core" "3.3.8"
     "@vue/shared" "3.3.8"
 
-"@vue/compiler-dom@3.4.26":
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.4.26.tgz#acc7b788b48152d087d4bb9e655b795e3dbec554"
-  integrity sha512-4CWbR5vR9fMg23YqFOhr6t6WB1Fjt62d6xdFPyj8pxrYub7d+OgZaObMsoxaF9yBUHPMiPFK303v61PwAuGvZA==
+"@vue/compiler-dom@3.4.21":
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.4.21.tgz#0077c355e2008207283a5a87d510330d22546803"
+  integrity sha512-IZC6FKowtT1sl0CR5DpXSiEB5ayw75oT2bma1BEhV7RRR1+cfwLrxc2Z8Zq/RGFzJ8w5r9QtCOvTjQgdn0IKmA==
   dependencies:
-    "@vue/compiler-core" "3.4.26"
-    "@vue/shared" "3.4.26"
+    "@vue/compiler-core" "3.4.21"
+    "@vue/shared" "3.4.21"
 
 "@vue/compiler-sfc@3.3.8":
   version "3.3.8"
@@ -1024,20 +1024,20 @@
     postcss "^8.4.31"
     source-map-js "^1.0.2"
 
-"@vue/compiler-sfc@3.4.26":
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.4.26.tgz#c679f206829954c3c078d8a9be76d0098b8377ae"
-  integrity sha512-It1dp+FAOCgluYSVYlDn5DtZBxk1NCiJJfu2mlQqa/b+k8GL6NG/3/zRbJnHdhV2VhxFghaDq5L4K+1dakW6cw==
+"@vue/compiler-sfc@3.4.21":
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.4.21.tgz#4af920dc31ab99e1ff5d152b5fe0ad12181145b2"
+  integrity sha512-me7epoTxYlY+2CUM7hy9PCDdpMPfIwrOvAXud2Upk10g4YLv9UBW7kL798TvMeDhPthkZ0CONNrK2GoeI1ODiQ==
   dependencies:
-    "@babel/parser" "^7.24.4"
-    "@vue/compiler-core" "3.4.26"
-    "@vue/compiler-dom" "3.4.26"
-    "@vue/compiler-ssr" "3.4.26"
-    "@vue/shared" "3.4.26"
+    "@babel/parser" "^7.23.9"
+    "@vue/compiler-core" "3.4.21"
+    "@vue/compiler-dom" "3.4.21"
+    "@vue/compiler-ssr" "3.4.21"
+    "@vue/shared" "3.4.21"
     estree-walker "^2.0.2"
-    magic-string "^0.30.10"
-    postcss "^8.4.38"
-    source-map-js "^1.2.0"
+    magic-string "^0.30.7"
+    postcss "^8.4.35"
+    source-map-js "^1.0.2"
 
 "@vue/compiler-ssr@3.3.8":
   version "3.3.8"
@@ -1047,13 +1047,13 @@
     "@vue/compiler-dom" "3.3.8"
     "@vue/shared" "3.3.8"
 
-"@vue/compiler-ssr@3.4.26":
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.4.26.tgz#22842d8adfff972d87bb798b8d496111f7f814b5"
-  integrity sha512-FNwLfk7LlEPRY/g+nw2VqiDKcnDTVdCfBREekF8X74cPLiWHUX6oldktf/Vx28yh4STNy7t+/yuLoMBBF7YDiQ==
+"@vue/compiler-ssr@3.4.21":
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.4.21.tgz#b84ae64fb9c265df21fc67f7624587673d324fef"
+  integrity sha512-M5+9nI2lPpAsgXOGQobnIueVqc9sisBFexh5yMIMRAPYLa7+5wEJs8iqOZc1WAa9WQbx9GR2twgznU8LTIiZ4Q==
   dependencies:
-    "@vue/compiler-dom" "3.4.26"
-    "@vue/shared" "3.4.26"
+    "@vue/compiler-dom" "3.4.21"
+    "@vue/shared" "3.4.21"
 
 "@vue/devtools-api@^6.5.1":
   version "6.6.1"
@@ -1078,12 +1078,12 @@
   dependencies:
     "@vue/shared" "3.3.8"
 
-"@vue/reactivity@3.4.26":
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.4.26.tgz#1191f543809d4c93e5b3e842ba83022350a3f205"
-  integrity sha512-E/ynEAu/pw0yotJeLdvZEsp5Olmxt+9/WqzvKff0gE67tw73gmbx6tRkiagE/eH0UCubzSlGRebCbidB1CpqZQ==
+"@vue/reactivity@3.4.21":
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.4.21.tgz#affd3415115b8ebf4927c8d2a0d6a24bccfa9f02"
+  integrity sha512-UhenImdc0L0/4ahGCyEzc/pZNwVgcglGy9HVzJ1Bq2Mm9qXOpP8RyNTjookw/gOCUlXSEtuZ2fUg5nrHcoqJcw==
   dependencies:
-    "@vue/shared" "3.4.26"
+    "@vue/shared" "3.4.21"
 
 "@vue/runtime-core@3.3.8":
   version "3.3.8"
@@ -1093,13 +1093,13 @@
     "@vue/reactivity" "3.3.8"
     "@vue/shared" "3.3.8"
 
-"@vue/runtime-core@3.4.26":
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.4.26.tgz#51ee971cb700370a67e5a510c4a84eff7491d658"
-  integrity sha512-AFJDLpZvhT4ujUgZSIL9pdNcO23qVFh7zWCsNdGQBw8ecLNxOOnPcK9wTTIYCmBJnuPHpukOwo62a2PPivihqw==
+"@vue/runtime-core@3.4.21":
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.4.21.tgz#3749c3f024a64c4c27ecd75aea4ca35634db0062"
+  integrity sha512-pQthsuYzE1XcGZznTKn73G0s14eCJcjaLvp3/DKeYWoFacD9glJoqlNBxt3W2c5S40t6CCcpPf+jG01N3ULyrA==
   dependencies:
-    "@vue/reactivity" "3.4.26"
-    "@vue/shared" "3.4.26"
+    "@vue/reactivity" "3.4.21"
+    "@vue/shared" "3.4.21"
 
 "@vue/runtime-dom@3.3.8":
   version "3.3.8"
@@ -1110,13 +1110,13 @@
     "@vue/shared" "3.3.8"
     csstype "^3.1.2"
 
-"@vue/runtime-dom@3.4.26":
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.4.26.tgz#179aa7c8dc964112e6d096bc8ec5f361111009a1"
-  integrity sha512-UftYA2hUXR2UOZD/Fc3IndZuCOOJgFxJsWOxDkhfVcwLbsfh2CdXE2tG4jWxBZuDAs9J9PzRTUFt1PgydEtItw==
+"@vue/runtime-dom@3.4.21":
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.4.21.tgz#91f867ef64eff232cac45095ab28ebc93ac74588"
+  integrity sha512-gvf+C9cFpevsQxbkRBS1NpU8CqxKw0ebqMvLwcGQrNpx6gqRDodqKqA+A2VZZpQ9RpK2f9yfg8VbW/EpdFUOJw==
   dependencies:
-    "@vue/runtime-core" "3.4.26"
-    "@vue/shared" "3.4.26"
+    "@vue/runtime-core" "3.4.21"
+    "@vue/shared" "3.4.21"
     csstype "^3.1.3"
 
 "@vue/server-renderer@3.3.8":
@@ -1127,23 +1127,23 @@
     "@vue/compiler-ssr" "3.3.8"
     "@vue/shared" "3.3.8"
 
-"@vue/server-renderer@3.4.26":
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.4.26.tgz#6d0c6b0366bfe0232579aea00e3ff6784e5a1c60"
-  integrity sha512-xoGAqSjYDPGAeRWxeoYwqJFD/gw7mpgzOvSxEmjWaFO2rE6qpbD1PC172YRpvKhrihkyHJkNDADFXTfCyVGhKw==
+"@vue/server-renderer@3.4.21":
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.4.21.tgz#150751579d26661ee3ed26a28604667fa4222a97"
+  integrity sha512-aV1gXyKSN6Rz+6kZ6kr5+Ll14YzmIbeuWe7ryJl5muJ4uwSwY/aStXTixx76TwkZFJLm1aAlA/HSWEJ4EyiMkg==
   dependencies:
-    "@vue/compiler-ssr" "3.4.26"
-    "@vue/shared" "3.4.26"
+    "@vue/compiler-ssr" "3.4.21"
+    "@vue/shared" "3.4.21"
 
 "@vue/shared@3.3.8":
   version "3.3.8"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.3.8.tgz#f044942142e1d3a395f24132e6203a784838542d"
   integrity sha512-8PGwybFwM4x8pcfgqEQFy70NaQxASvOC5DJwLQfpArw1UDfUXrJkdxD3BhVTMS+0Lef/TU7YO0Jvr0jJY8T+mw==
 
-"@vue/shared@3.4.26":
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.4.26.tgz#f17854fb1faf889854aed4b23b60e86a8cab6403"
-  integrity sha512-Fg4zwR0GNnjzodMt3KRy2AWGMKQXByl56+4HjN87soxLNU9P5xcJkstAlIeEF3cU6UYOzmJl1tV0dVPGIljCnQ==
+"@vue/shared@3.4.21":
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.4.21.tgz#de526a9059d0a599f0b429af7037cd0c3ed7d5a1"
+  integrity sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==
 
 "@vue/test-utils@2.4.5":
   version "2.4.5"
@@ -1413,9 +1413,9 @@ camelcase@^6.2.0:
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
 caniuse-lite@^1.0.30001587:
-  version "1.0.30001615"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001615.tgz#7c2c8772db681b6dee74d81d6550db68f2d28842"
-  integrity sha512-1IpazM5G3r38meiae0bHRnPhz+CBQ3ZLqbQMtrg+AsTPKAXgW38JNsXkyZ+v8waCsDmPq87lmfun5Q2AGysNEQ==
+  version "1.0.30001605"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001605.tgz#ca12d7330dd8bcb784557eb9aa64f0037870d9d6"
+  integrity sha512-nXwGlFWo34uliI9z3n6Qc0wZaf7zaZWA1CPZ169La5mV3I/gem7bst0vr5XQH5TJXZIMfDeZyOrZnSlVzKxxHQ==
 
 chalk@^2.1.0, chalk@^2.4.2:
   version "2.4.2"
@@ -1460,9 +1460,9 @@ ci-info@^3.2.0:
   integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
 
 cjs-module-lexer@^1.0.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.3.1.tgz#c485341ae8fd999ca4ee5af2d7a1c9ae01e0099c"
-  integrity sha512-a3KdPAANPbNE4ZUv9h6LckSl9zLsYOP4MBmhIPkRaeyybt+r4UghLvq+xw/YwUcC1gqylCkL4rdVs3Lwupjm4Q==
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.3.tgz#6c370ab19f8a3394e318fe682686ec0ac684d107"
+  integrity sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==
 
 cliui@^8.0.1:
   version "8.0.1"
@@ -1637,9 +1637,9 @@ decimal.js@^10.4.2, decimal.js@^10.4.3:
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
 
 dedent@^1.0.0:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.5.3.tgz#99aee19eb9bae55a67327717b6e848d0bf777e5a"
-  integrity sha512-NHQtfOOW68WD8lgypbLA5oT+Bt0xXJhiYvoR6SmmNXZfpzOGXwdKWmcwG8N7PwVVWV3eF/68nmD9BaJSsTBhyQ==
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.5.1.tgz#4f3fc94c8b711e9bb2800d185cd6ad20f2a90aff"
+  integrity sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==
 
 deepmerge@^4.2.2:
   version "4.3.1"
@@ -1689,9 +1689,9 @@ editorconfig@^1.0.4:
     semver "^7.5.3"
 
 electron-to-chromium@^1.4.668:
-  version "1.4.754"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.754.tgz#20a9f3cc80e0fb6a804b86605e55da16918a58b0"
-  integrity sha512-7Kr5jUdns5rL/M9wFFmMZAgFDuL2YOnanFH4OI4iFzUqyh3XOL7nAGbSlSMZdzKMIyyTpNSbqZsWG9odwLeKvA==
+  version "1.4.723"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.723.tgz#827da30c96b316684d352c3d81430029df01bb8e"
+  integrity sha512-rxFVtrMGMFROr4qqU6n95rUi9IlfIm+lIAt+hOToy/9r6CDv0XiEcQdC3VP71y1pE5CFTzKV0RvxOGYCPWWHPw==
 
 emittery@^0.13.1:
   version "0.13.1"
@@ -1748,7 +1748,7 @@ esbuild@^0.18.10:
     "@esbuild/win32-ia32" "0.18.20"
     "@esbuild/win32-x64" "0.18.20"
 
-escalade@^3.1.1, escalade@^3.1.2:
+escalade@^3.1.1:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27"
   integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==
@@ -2666,9 +2666,9 @@ lodash.memoize@4.x:
   integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
 
 lru-cache@^10.2.0:
-  version "10.2.2"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.2.tgz#48206bc114c1252940c41b25b41af5b545aca878"
-  integrity sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.0.tgz#0bd445ca57363465900f4d1f9bd8db343a4d95c3"
+  integrity sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==
 
 lru-cache@^5.1.1:
   version "5.1.1"
@@ -2684,10 +2684,10 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-magic-string@^0.30.10, magic-string@^0.30.5:
-  version "0.30.10"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.10.tgz#123d9c41a0cb5640c892b041d4cfb3bd0aa4b39e"
-  integrity sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==
+magic-string@^0.30.5, magic-string@^0.30.7:
+  version "0.30.8"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.8.tgz#14e8624246d2bedba70d5462aa99ac9681844613"
+  integrity sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.4.15"
 
@@ -2816,9 +2816,9 @@ npm-run-path@^4.0.1:
     path-key "^3.0.0"
 
 nwsapi@^2.2.2, nwsapi@^2.2.4:
-  version "2.2.9"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.9.tgz#7f3303218372db2e9f27c27766bcfc59ae7e61c6"
-  integrity sha512-2f3F0SEEer8bBu0dsNCFF50N0cTThV1nWFYcEYFZttdW0lDAoybv9cQoK7X7/68Z89S7FoRrVjP1LPX4XRf9vg==
+  version "2.2.7"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.7.tgz#738e0707d3128cb750dddcfe90e4610482df0f30"
+  integrity sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==
 
 once@^1.3.0:
   version "1.4.0"
@@ -2927,7 +2927,7 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-postcss@^8.4.27, postcss@^8.4.31, postcss@^8.4.38:
+postcss@^8.4.27, postcss@^8.4.31, postcss@^8.4.35:
   version "8.4.38"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e"
   integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==
@@ -2984,9 +2984,9 @@ querystringify@^2.1.1:
   integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
 
 react-is@^18.0.0:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
-  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
+  integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
 readdirp@~3.6.0:
   version "3.6.0"
@@ -3282,9 +3282,9 @@ to-regex-range@^5.0.1:
     is-number "^7.0.0"
 
 tough-cookie@^4.1.2:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.4.tgz#945f1461b45b5a8c76821c33ea49c3ac192c1b36"
-  integrity sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.3.tgz#97b9adb0728b42280aa3d814b6b999b2ff0318bf"
+  integrity sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==
   dependencies:
     psl "^1.1.33"
     punycode "^2.1.1"
@@ -3379,11 +3379,11 @@ universalify@^0.2.0:
   integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
 
 update-browserslist-db@^1.0.13:
-  version "1.0.14"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.14.tgz#46a9367c323f8ade9a9dddb7f3ae7814b3a0b31c"
-  integrity sha512-JixKH8GR2pWYshIPUg/NujK3JO7JiqEEUiNArE86NQyrgUuZeTlZQN3xuS/yiV5Kb48ev9K6RqNkaJjXsdg7Jw==
+  version "1.0.13"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"
+  integrity sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==
   dependencies:
-    escalade "^3.1.2"
+    escalade "^3.1.1"
     picocolors "^1.0.0"
 
 url-parse@^1.5.3:
@@ -3420,27 +3420,27 @@ vite@4.5.2:
     fsevents "~2.3.2"
 
 vue-component-type-helpers@^2.0.0:
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/vue-component-type-helpers/-/vue-component-type-helpers-2.0.16.tgz#bfdb9cba265dca097b0f3411baeae879e008c33d"
-  integrity sha512-qisL/iAfdO++7w+SsfYQJVPj6QKvxp4i1MMxvsNO41z/8zu3KuAw9LkhKUfP/kcOWGDxESp+pQObWppXusejCA==
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/vue-component-type-helpers/-/vue-component-type-helpers-2.0.7.tgz#f142e82440da61fa81671ac2f35fd87146248897"
+  integrity sha512-7e12Evdll7JcTIocojgnCgwocX4WzIYStGClBQ+QuWPinZo/vQolv2EMq4a3lg16TKfwWafLimG77bxb56UauA==
 
 vue-router@^4.0.13:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.3.2.tgz#08096c7765dacc6832f58e35f7a081a8b34116a7"
-  integrity sha512-hKQJ1vDAZ5LVkKEnHhmm1f9pMiWIBNGF5AwU67PdH7TyXCj/a4hTccuUuYCAMgJK6rO/NVYtQIEN3yL8CECa7Q==
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.3.0.tgz#d5913f27bf68a0a178ee798c3c88be471811a235"
+  integrity sha512-dqUcs8tUeG+ssgWhcPbjHvazML16Oga5w34uCUmsk7i0BcnskoLGwjpa15fqMr2Fa5JgVBrdL2MEgqz6XZ/6IQ==
   dependencies:
     "@vue/devtools-api" "^6.5.1"
 
 vue@*:
-  version "3.4.26"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.4.26.tgz#936c97e37672c737705d7bdfa62c31af18742269"
-  integrity sha512-bUIq/p+VB+0xrJubaemrfhk1/FiW9iX+pDV+62I/XJ6EkspAO9/DXEjbDFoe8pIfOZBqfk45i9BMc41ptP/uRg==
+  version "3.4.21"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.4.21.tgz#69ec30e267d358ee3a0ce16612ba89e00aaeb731"
+  integrity sha512-5hjyV/jLEIKD/jYl4cavMcnzKwjMKohureP8ejn3hhEjwhWIhWeuzL2kJAjzl/WyVsgPY56Sy4Z40C3lVshxXA==
   dependencies:
-    "@vue/compiler-dom" "3.4.26"
-    "@vue/compiler-sfc" "3.4.26"
-    "@vue/runtime-dom" "3.4.26"
-    "@vue/server-renderer" "3.4.26"
-    "@vue/shared" "3.4.26"
+    "@vue/compiler-dom" "3.4.21"
+    "@vue/compiler-sfc" "3.4.21"
+    "@vue/runtime-dom" "3.4.21"
+    "@vue/server-renderer" "3.4.21"
+    "@vue/shared" "3.4.21"
 
 vue@3.3.8:
   version "3.3.8"
@@ -3548,9 +3548,9 @@ write-file-atomic@^4.0.2:
     signal-exit "^3.0.7"
 
 ws@^8.11.0, ws@^8.13.0:
-  version "8.17.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.17.0.tgz#d145d18eca2ed25aaf791a183903f7be5e295fea"
-  integrity sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==
+  version "8.16.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.16.0.tgz#d1cd774f36fbc07165066a60e40323eab6446fd4"
+  integrity sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==
 
 xml-name-validator@^4.0.0:
   version "4.0.0"