From f29b899317d79036f0025dcc287d08c7c534811c Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Wed, 16 Jul 2025 16:51:30 +0200
Subject: [PATCH 1/9] feat(Z_Scaling_Card): Card and logic to scale the Z Axis

---
 components/ZScaling.vue | 88 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 88 insertions(+)
 create mode 100644 components/ZScaling.vue

diff --git a/components/ZScaling.vue b/components/ZScaling.vue
new file mode 100644
index 00000000..d057c70f
--- /dev/null
+++ b/components/ZScaling.vue
@@ -0,0 +1,88 @@
+<template>
+  <v-sheet :width="width + 'px'" class="z-scaling-menu" border="md">
+    <v-card class="bg-primary pa-0">
+      <v-card-title>
+        <h3 class="mt-4">Z Scaling Control</h3>
+      </v-card-title>
+      <v-card-text class="pa-0">
+        <v-container>
+          <v-row>
+            <v-col cols="12" class="py-0">
+              <v-slider
+                v-model="zScale"
+                :min="0.1"
+                :max="10"
+                :step="0.2"
+                label="Z Scale"
+                thumb-label
+              ></v-slider>
+            </v-col>
+          </v-row>
+          <v-row>
+            <v-col cols="12" class="py-0">
+              <v-text-field
+                v-model="zScale"
+                type="number"
+                label="Z Scale Value"
+              ></v-text-field>
+            </v-col>
+          </v-row>
+        </v-container>
+      </v-card-text>
+      <v-card-actions justify-center>
+        <v-btn
+          variant="outlined"
+          color="white"
+          text
+          @click="emit('close')"
+          class="ml-8 mb-4"
+        >
+          Close
+        </v-btn>
+        <v-btn
+          variant="outlined"
+          class="mb-4"
+          color="white"
+          text
+          @click="updateZScaling"
+        >
+          Apply
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-sheet>
+</template>
+
+<script setup>
+  import viewer_schemas from "@geode/opengeodeweb-viewer/schemas.json"
+
+  const emit = defineEmits(["close"])
+
+  const props = defineProps({
+    width: { type: Number, required: false, default: 400 },
+  })
+
+  const zScale = ref(1.0)
+
+  async function updateZScaling() {
+    const schema = viewer_schemas?.opengeodeweb_viewer?.viewer?.set_z_scaling
+    console.log("schema", schema, "z_scale", zScale.value)
+    await viewer_call({
+      schema,
+      params: {
+        z_scale: zScale.value,
+      },
+    })
+
+    emit("close")
+  }
+</script>
+
+<style scoped>
+  .z-scaling-menu {
+    position: absolute;
+    z-index: 2;
+    top: 90px;
+    right: 55px;
+  }
+</style>

From f449d54e523d42bfcbd03739703d14b40e042cde Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Wed, 16 Jul 2025 14:52:17 +0000
Subject: [PATCH 2/9] Apply prepare changes

---
 test/components/FeedBack/ErrorsBanner.nuxt.test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/components/FeedBack/ErrorsBanner.nuxt.test.js b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
index 6f9e3d79..a01bb0a5 100644
--- a/test/components/FeedBack/ErrorsBanner.nuxt.test.js
+++ b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
@@ -13,7 +13,7 @@ const vuetify = createVuetify({
 })
 
 describe("FeedBackErrorBanner.vue", async () => {
-  test(`Test reload`, async () => {
+  ;(test(`Test reload`, async () => {
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
         plugins: [createTestingPinia(), vuetify],
@@ -48,5 +48,5 @@ describe("FeedBackErrorBanner.vue", async () => {
       const v_btn = wrapper.findAll(".v-btn")
       await v_btn[1].trigger("click")
       expect(feedback_store.server_error).toBe(false)
-    })
+    }))
 })

From e3cb772cb92ed03cb3695b185f5271fca53636c9 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Wed, 16 Jul 2025 17:13:44 +0200
Subject: [PATCH 3/9] rm paretheses

---
 test/components/FeedBack/ErrorsBanner.nuxt.test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/components/FeedBack/ErrorsBanner.nuxt.test.js b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
index a01bb0a5..6f9e3d79 100644
--- a/test/components/FeedBack/ErrorsBanner.nuxt.test.js
+++ b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
@@ -13,7 +13,7 @@ const vuetify = createVuetify({
 })
 
 describe("FeedBackErrorBanner.vue", async () => {
-  ;(test(`Test reload`, async () => {
+  test(`Test reload`, async () => {
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
         plugins: [createTestingPinia(), vuetify],
@@ -48,5 +48,5 @@ describe("FeedBackErrorBanner.vue", async () => {
       const v_btn = wrapper.findAll(".v-btn")
       await v_btn[1].trigger("click")
       expect(feedback_store.server_error).toBe(false)
-    }))
+    })
 })

From 9bb4b199a9a6fe4f92817cdb6300e487e3f94a73 Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Wed, 16 Jul 2025 15:14:15 +0000
Subject: [PATCH 4/9] Apply prepare changes

---
 test/components/FeedBack/ErrorsBanner.nuxt.test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/components/FeedBack/ErrorsBanner.nuxt.test.js b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
index 6f9e3d79..a01bb0a5 100644
--- a/test/components/FeedBack/ErrorsBanner.nuxt.test.js
+++ b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
@@ -13,7 +13,7 @@ const vuetify = createVuetify({
 })
 
 describe("FeedBackErrorBanner.vue", async () => {
-  test(`Test reload`, async () => {
+  ;(test(`Test reload`, async () => {
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
         plugins: [createTestingPinia(), vuetify],
@@ -48,5 +48,5 @@ describe("FeedBackErrorBanner.vue", async () => {
       const v_btn = wrapper.findAll(".v-btn")
       await v_btn[1].trigger("click")
       expect(feedback_store.server_error).toBe(false)
-    })
+    }))
 })

From 664edd3e94f43a09b8fcd8ed947b2f56cc8a560f Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Wed, 16 Jul 2025 17:23:31 +0200
Subject: [PATCH 5/9] update zscaling from node_modules

---
 components/ZScaling.vue | 76 ++++++++++++++++++++++++-----------------
 1 file changed, 45 insertions(+), 31 deletions(-)

diff --git a/components/ZScaling.vue b/components/ZScaling.vue
index d057c70f..007f5305 100644
--- a/components/ZScaling.vue
+++ b/components/ZScaling.vue
@@ -1,13 +1,18 @@
 <template>
-  <v-sheet :width="width + 'px'" class="z-scaling-menu" border="md">
-    <v-card class="bg-primary pa-0">
-      <v-card-title>
-        <h3 class="mt-4">Z Scaling Control</h3>
+  <v-sheet
+    :width="width + 'px'"
+    class="z-scaling-menu"
+    elevation="10"
+    rounded="lg"
+  >
+    <v-card class="bg-primary pa-4" elevation="0">
+      <v-card-title class="d-flex justify-space-between align-center">
+        <h3 class="text-h5 font-weight-bold">Z Scaling Control</h3>
       </v-card-title>
-      <v-card-text class="pa-0">
+      <v-card-text class="pt-4">
         <v-container>
           <v-row>
-            <v-col cols="12" class="py-0">
+            <v-col cols="12" class="py-2">
               <v-slider
                 v-model="zScale"
                 :min="0.1"
@@ -15,36 +20,36 @@
                 :step="0.2"
                 label="Z Scale"
                 thumb-label
+                color="white"
+                track-color="white"
               ></v-slider>
             </v-col>
           </v-row>
           <v-row>
-            <v-col cols="12" class="py-0">
+            <v-col cols="12" class="py-2">
               <v-text-field
-                v-model="zScale"
+                v-model.number="zScale"
                 type="number"
                 label="Z Scale Value"
+                outlined
+                dense
+                hide-details
+                step="0.1"
+                class="custom-number-input"
               ></v-text-field>
             </v-col>
           </v-row>
         </v-container>
       </v-card-text>
-      <v-card-actions justify-center>
-        <v-btn
-          variant="outlined"
-          color="white"
-          text
-          @click="emit('close')"
-          class="ml-8 mb-4"
-        >
+      <v-card-actions class="justify-center pb-4">
+        <v-btn variant="text" color="white" @click="emit('close')" class="px-4">
           Close
         </v-btn>
         <v-btn
           variant="outlined"
-          class="mb-4"
           color="white"
-          text
           @click="updateZScaling"
+          class="px-4"
         >
           Apply
         </v-btn>
@@ -54,26 +59,23 @@
 </template>
 
 <script setup>
-  import viewer_schemas from "@geode/opengeodeweb-viewer/schemas.json"
-
+  const hybridViewerStore = useHybridViewerStore()
   const emit = defineEmits(["close"])
-
   const props = defineProps({
     width: { type: Number, required: false, default: 400 },
   })
 
-  const zScale = ref(1.0)
+  const zScale = ref(hybridViewerStore.zScale)
 
-  async function updateZScaling() {
-    const schema = viewer_schemas?.opengeodeweb_viewer?.viewer?.set_z_scaling
-    console.log("schema", schema, "z_scale", zScale.value)
-    await viewer_call({
-      schema,
-      params: {
-        z_scale: zScale.value,
-      },
-    })
+  watch(
+    () => hybridViewerStore.zScale,
+    (newVal) => {
+      zScale.value = newVal
+    },
+  )
 
+  async function updateZScaling() {
+    await hybridViewerStore.setZScaling(zScale.value)
     emit("close")
   }
 </script>
@@ -84,5 +86,17 @@
     z-index: 2;
     top: 90px;
     right: 55px;
+    border-radius: 12px !important;
+  }
+
+  .custom-number-input :deep(.v-input__control) {
+    min-height: 48px;
+  }
+
+  .v-btn {
+    border-radius: 8px;
+    text-transform: none;
+    font-weight: 500;
+    letter-spacing: normal;
   }
 </style>

From 6942321c1b68cee6e6f3f9a6f98066b3d90da5b4 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Wed, 16 Jul 2025 17:24:10 +0200
Subject: [PATCH 6/9] edit test  ?

---
 test/components/FeedBack/ErrorsBanner.nuxt.test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/components/FeedBack/ErrorsBanner.nuxt.test.js b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
index a01bb0a5..6f9e3d79 100644
--- a/test/components/FeedBack/ErrorsBanner.nuxt.test.js
+++ b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
@@ -13,7 +13,7 @@ const vuetify = createVuetify({
 })
 
 describe("FeedBackErrorBanner.vue", async () => {
-  ;(test(`Test reload`, async () => {
+  test(`Test reload`, async () => {
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
         plugins: [createTestingPinia(), vuetify],
@@ -48,5 +48,5 @@ describe("FeedBackErrorBanner.vue", async () => {
       const v_btn = wrapper.findAll(".v-btn")
       await v_btn[1].trigger("click")
       expect(feedback_store.server_error).toBe(false)
-    }))
+    })
 })

From 9bce780ec12fcc467979df68c74919d589ff4548 Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Wed, 16 Jul 2025 15:25:10 +0000
Subject: [PATCH 7/9] Apply prepare changes

---
 test/components/FeedBack/ErrorsBanner.nuxt.test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/components/FeedBack/ErrorsBanner.nuxt.test.js b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
index 6f9e3d79..a01bb0a5 100644
--- a/test/components/FeedBack/ErrorsBanner.nuxt.test.js
+++ b/test/components/FeedBack/ErrorsBanner.nuxt.test.js
@@ -13,7 +13,7 @@ const vuetify = createVuetify({
 })
 
 describe("FeedBackErrorBanner.vue", async () => {
-  test(`Test reload`, async () => {
+  ;(test(`Test reload`, async () => {
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
         plugins: [createTestingPinia(), vuetify],
@@ -48,5 +48,5 @@ describe("FeedBackErrorBanner.vue", async () => {
       const v_btn = wrapper.findAll(".v-btn")
       await v_btn[1].trigger("click")
       expect(feedback_store.server_error).toBe(false)
-    })
+    }))
 })

From 5994dc526c2acca9393292105cccb4694f7d8c39 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Mon, 21 Jul 2025 13:42:33 +0200
Subject: [PATCH 8/9] use modelvalue instead of vease store

---
 components/ZScaling.vue | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/components/ZScaling.vue b/components/ZScaling.vue
index 007f5305..a1c3e369 100644
--- a/components/ZScaling.vue
+++ b/components/ZScaling.vue
@@ -14,8 +14,8 @@
           <v-row>
             <v-col cols="12" class="py-2">
               <v-slider
-                v-model="zScale"
-                :min="0.1"
+                v-model="localZScale"
+                :min="1"
                 :max="10"
                 :step="0.2"
                 label="Z Scale"
@@ -28,7 +28,7 @@
           <v-row>
             <v-col cols="12" class="py-2">
               <v-text-field
-                v-model.number="zScale"
+                v-model.number="localZScale"
                 type="number"
                 label="Z Scale Value"
                 outlined
@@ -36,13 +36,19 @@
                 hide-details
                 step="0.1"
                 class="custom-number-input"
+                :min="1"
               ></v-text-field>
             </v-col>
           </v-row>
         </v-container>
       </v-card-text>
       <v-card-actions class="justify-center pb-4">
-        <v-btn variant="text" color="white" @click="emit('close')" class="px-4">
+        <v-btn
+          variant="text"
+          color="white"
+          @click="$emit('close')"
+          class="px-4"
+        >
           Close
         </v-btn>
         <v-btn
@@ -59,23 +65,24 @@
 </template>
 
 <script setup>
-  const hybridViewerStore = useHybridViewerStore()
-  const emit = defineEmits(["close"])
   const props = defineProps({
+    modelValue: Number,
     width: { type: Number, required: false, default: 400 },
   })
 
-  const zScale = ref(hybridViewerStore.zScale)
+  const emit = defineEmits(["update:modelValue", "close"])
+
+  const localZScale = ref(Math.max(props.modelValue, 1))
 
   watch(
-    () => hybridViewerStore.zScale,
+    () => props.modelValue,
     (newVal) => {
-      zScale.value = newVal
+      localZScale.value = Math.max(newVal, 1)
     },
   )
 
-  async function updateZScaling() {
-    await hybridViewerStore.setZScaling(zScale.value)
+  function updateZScaling() {
+    emit("update:modelValue", localZScale.value)
     emit("close")
   }
 </script>

From 7e62e506350f410dcdc5ee3a2fba7fb24acd09c7 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Mon, 21 Jul 2025 13:53:19 +0200
Subject: [PATCH 9/9] definemodel instead of custom props

---
 components/ZScaling.vue | 30 +++++++-----------------------
 1 file changed, 7 insertions(+), 23 deletions(-)

diff --git a/components/ZScaling.vue b/components/ZScaling.vue
index a1c3e369..ad825c65 100644
--- a/components/ZScaling.vue
+++ b/components/ZScaling.vue
@@ -14,7 +14,7 @@
           <v-row>
             <v-col cols="12" class="py-2">
               <v-slider
-                v-model="localZScale"
+                v-model="zScale"
                 :min="1"
                 :max="10"
                 :step="0.2"
@@ -22,13 +22,13 @@
                 thumb-label
                 color="white"
                 track-color="white"
-              ></v-slider>
+              />
             </v-col>
           </v-row>
           <v-row>
             <v-col cols="12" class="py-2">
               <v-text-field
-                v-model.number="localZScale"
+                v-model.number="zScale"
                 type="number"
                 label="Z Scale Value"
                 outlined
@@ -37,7 +37,7 @@
                 step="0.1"
                 class="custom-number-input"
                 :min="1"
-              ></v-text-field>
+              />
             </v-col>
           </v-row>
         </v-container>
@@ -54,7 +54,7 @@
         <v-btn
           variant="outlined"
           color="white"
-          @click="updateZScaling"
+          @click="$emit('close')"
           class="px-4"
         >
           Apply
@@ -65,26 +65,10 @@
 </template>
 
 <script setup>
+  const zScale = defineModel({ type: Number, default: 1 })
   const props = defineProps({
-    modelValue: Number,
-    width: { type: Number, required: false, default: 400 },
+    width: { type: Number, default: 400 },
   })
-
-  const emit = defineEmits(["update:modelValue", "close"])
-
-  const localZScale = ref(Math.max(props.modelValue, 1))
-
-  watch(
-    () => props.modelValue,
-    (newVal) => {
-      localZScale.value = Math.max(newVal, 1)
-    },
-  )
-
-  function updateZScaling() {
-    emit("update:modelValue", localZScale.value)
-    emit("close")
-  }
 </script>
 
 <style scoped>