@geode/opengeodeweb-front 10.3.0 → 10.3.1

package/app/components/Viewer/Generic/Mesh/EdgesOptions.vue

@@ -1,7 +1,7 @@
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
   import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
+  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
 
   import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
@@ -9,12 +9,12 @@
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({
+  const { itemProps, btn_image } = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
   })
 
-  const id = toRef(() => props.itemProps.id)
+  const id = toRef(() => itemProps.id)
 
   const visibility = computed({
     get: () => dataStyleStore.meshEdgesVisibility(id.value),
@@ -48,9 +48,9 @@
 
 <template>
   <ViewerContextMenuItem
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     tooltip="Edges options"
-    :btn_image="props.btn_image"
+    :btn_image="btn_image"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />

package/app/components/Viewer/Generic/Mesh/PointsOptions.vue

@@ -1,7 +1,7 @@
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
   import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
+  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
 
   import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
@@ -9,12 +9,12 @@
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({
+  const { itemProps, btn_image } = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
   })
 
-  const id = toRef(() => props.itemProps.id)
+  const id = toRef(() => itemProps.id)
 
   const visibility = computed({
     get: () => dataStyleStore.meshPointsVisibility(id.value),
@@ -48,9 +48,9 @@
 
 <template>
   <ViewerContextMenuItem
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     tooltip="Points options"
-    :btn_image="props.btn_image"
+    :btn_image="btn_image"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />

package/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue

@@ -1,7 +1,7 @@
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
   import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
+  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
 
   import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
@@ -9,14 +9,13 @@
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({
+  const { itemProps, btn_image, tooltip } = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
-
     tooltip: { type: String, required: false, default: "Polygons options" },
   })
 
-  const id = toRef(() => props.itemProps.id)
+  const id = toRef(() => itemProps.id)
 
   const visibility = computed({
     get: () => dataStyleStore.meshPolygonsVisibility(id.value),
@@ -50,9 +49,9 @@
 
 <template>
   <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    :tooltip="props.tooltip"
-    :btn_image="props.btn_image"
+    :itemProps="itemProps"
+    :tooltip="tooltip"
+    :btn_image="btn_image"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />

package/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue

@@ -1,7 +1,7 @@
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
   import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
+  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
 
   import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
@@ -9,13 +9,13 @@
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({
+  const { itemProps, btn_image, tooltip } = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
     tooltip: { type: String, required: false, default: "Polyhedra options" },
   })
 
-  const id = toRef(() => props.itemProps.id)
+  const id = toRef(() => itemProps.id)
 
   const visibility = computed({
     get: () => dataStyleStore.meshPolyhedraVisibility(id.value),
@@ -42,9 +42,9 @@
 
 <template>
   <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    :tooltip="props.tooltip"
-    :btn_image="props.btn_image"
+    :itemProps="itemProps"
+    :tooltip="tooltip"
+    :btn_image="btn_image"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />

package/app/components/Viewer/Generic/Model/EdgesOptions.vue

@@ -1,7 +1,7 @@
 <script setup>
+  import SurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg"
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
-  import SurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg"
 
   import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
@@ -9,11 +9,11 @@
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 
-  const id = toRef(() => props.itemProps.id)
+  const id = toRef(() => itemProps.id)
 
   const visibility = computed({
     get: () => dataStyleStore.modelEdgesVisibility(id.value),

package/app/components/Viewer/Generic/Model/PointsOptions.vue

@@ -1,7 +1,7 @@
 <script setup>
+  import SurfacePoints from "@ogw_front/assets/viewer_svgs/surface_points.svg"
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
-  import SurfacePoints from "@ogw_front/assets/viewer_svgs/surface_points.svg"
 
   import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
@@ -9,11 +9,11 @@
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 
-  const id = toRef(() => props.itemProps.id)
+  const id = toRef(() => itemProps.id)
 
   const visibility = computed({
     get: () => dataStyleStore.modelPointsVisibility(id.value),
@@ -33,7 +33,7 @@
 
 <template>
   <ViewerContextMenuItem
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     tooltip="Points options"
     :btn_image="SurfacePoints"
   >

package/app/components/Viewer/Grid/2D/CellsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions"
   import Grid2D_Cells from "@ogw_front/assets/viewer_svgs/grid_2d_cells.svg"
+  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshCellsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="Grid2D_Cells"
     tooltip="Cells options"
   />

package/app/components/Viewer/Grid/2D/EdgesOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
   import Grid2D_Edges from "@ogw_front/assets/viewer_svgs/grid_2d_edges.svg"
+  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshEdgesOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="Grid2D_Edges"
   />
 </template>

package/app/components/Viewer/Grid/2D/PointsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
   import Grid2D_Points from "@ogw_front/assets/viewer_svgs/grid_2d_points.svg"
+  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPointsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="Grid2D_Points"
   />
 </template>

package/app/components/Viewer/Grid/3D/CellsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions"
   import Grid3DCells from "@ogw_front/assets/viewer_svgs/grid_3d_cells.svg"
+  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshCellsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="Grid3DCells"
     tooltip="Cells options"
   />

package/app/components/Viewer/Grid/3D/EdgesOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
   import Grid3D_Edges from "@ogw_front/assets/viewer_svgs/grid_3d_edges.svg"
+  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshEdgesOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="Grid3D_Edges"
   />
 </template>

package/app/components/Viewer/Grid/3D/FacetsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
   import Grid3D_Facets from "@ogw_front/assets/viewer_svgs/grid_3d_facets.svg"
+  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPolygonsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="Grid3D_Facets"
     tooltip="Facets options"
   />

package/app/components/Viewer/Grid/3D/PointsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
   import Grid3D_Points from "@ogw_front/assets/viewer_svgs/grid_3d_points.svg"
+  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPointsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="Grid3D_Points"
   />
 </template>

package/app/components/Viewer/HybridSolid/EdgesOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
   import HybridSolidEdges from "@ogw_front/assets/viewer_svgs/solid_edges.svg"
+  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshEdgesOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="HybridSolidEdges"
   />
 </template>

package/app/components/Viewer/HybridSolid/PointsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
   import HybridSolidPoints from "@ogw_front/assets/viewer_svgs/solid_points.svg"
+  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPointsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="HybridSolidPoints"
   />
 </template>

package/app/components/Viewer/HybridSolid/PolygonsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
   import HybridSolidPolygons from "@ogw_front/assets/viewer_svgs/solid_facets.svg"
+  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPolygonsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="HybridSolidPolygons"
   />
 </template>

package/app/components/Viewer/HybridSolid/PolyhedraOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions"
   import HybridSolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
+  import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPolyhedraOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="HybridSolidPolyhedra"
   />
 </template>

package/app/components/Viewer/Options/CellAttributeSelector.vue

@@ -1,7 +1,7 @@
 <script setup>
+  import ViewerOptionsAttributeColorBar from "@ogw_front/components/Viewer/Options/AttributeColorBar"
   import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
   import { useGeodeStore } from "@ogw_front/stores/geode"
-  import ViewerOptionsAttributeColorBar from "@ogw_front/components/Viewer/Options/AttributeColorBar"
 
   const geodeStore = useGeodeStore()
 
@@ -16,21 +16,23 @@
   })
   const cell_attributes = ref([])
 
-  const props = defineProps({
+  const { id } = defineProps({
     id: { type: String, required: true },
   })
 
-  const rangeMin = computed({
-    get: () => cell_attribute_range.value[0],
-    set: (val) => {
-      cell_attribute_range.value = [val, cell_attribute_range.value[1]]
-    },
+  const model = defineModel()
+  const cell_attribute_names = ref([])
+  const cell_attribute = reactive({ name: cell_attribute_name.value })
+
+  onMounted(() => {
+    if (model.value !== undefined) {
+      cell_attribute_name.value = model.value.name
+    }
   })
-  const rangeMax = computed({
-    get: () => cell_attribute_range.value[1],
-    set: (val) => {
-      cell_attribute_range.value = [cell_attribute_range.value[0], val]
-    },
+
+  watch(cell_attribute_name, (value) => {
+    cell_attribute.name = value
+    model.value = cell_attribute
   })
 
   onMounted(() => {
@@ -40,20 +42,21 @@
   function getCellAttributes() {
     geodeStore.request(
       back_schemas.opengeodeweb_back.cell_attribute_names,
-      { id: props.id },
       {
-        response_function: (response) => {
-          cell_attributes.value = response.attributes
-        },
+        id,
+      },
+      {
+        response_function: (response) =>
+          (cell_attributes.value = response.attributes),
       },
     )
   }
 
-  const currentAttribute = computed(() => {
-    return cell_attributes.value.find(
+  const currentAttribute = computed(() =>
+    cell_attributes.value.find(
       (attr) => attr.attribute_name === cell_attribute_name.value,
-    )
-  })
+    ),
+  )
 
   function resetRange() {
     if (currentAttribute.value) {