@geode/opengeodeweb-front 10.25.0-rc.2 → 10.25.0-rc.4

package/app/components/Basic/Slider.vue

@@ -1,5 +1,5 @@
 <script setup>
-const model = defineModel();
+const model = defineModel({ type: Number });
 </script>
 
 <template>

package/app/components/Basic/Switch.vue

@@ -1,5 +1,5 @@
 <script setup>
-const model = defineModel();
+const model = defineModel({ type: Boolean });
 </script>
 
 <template>

package/app/components/CameraManager.vue

@@ -5,15 +5,15 @@ import Saver from "@ogw_front/components/CameraManager/Saver";
 
 const emit = defineEmits(["close"]);
 
-const { show_dialog, width } = defineProps({
-  show_dialog: { type: Boolean, required: true },
+const { showDialog, width } = defineProps({
+  showDialog: { type: Boolean, required: true },
   width: { type: Number, required: false, default: 260 },
 });
 </script>
 
 <template>
   <GlassCard
-    v-if="show_dialog"
+    v-if="showDialog"
     @click.stop
     title="Camera Positions"
     :width="width"

package/app/components/CrsSelector.vue

@@ -6,9 +6,9 @@ const schema = schemas.opengeodeweb_back.geographic_coordinate_systems;
 
 const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-const { geode_object_type, key_to_update } = defineProps({
-  geode_object_type: { type: String, required: true },
-  key_to_update: { type: String, required: true },
+const { geodeObjectType, keyToUpdate } = defineProps({
+  geodeObjectType: { type: String, required: true },
+  keyToUpdate: { type: String, required: true },
 });
 
 const search = ref("");
@@ -21,7 +21,7 @@ const backStore = useBackStore();
 watch(selected_crs, (new_value) => {
   const crs = get_selected_crs(new_value[0]);
   const keys_values_object = {
-    [key_to_update]: crs,
+    [keyToUpdate]: crs,
   };
   emit("update_values", keys_values_object);
   emit("increment_step");
@@ -36,7 +36,7 @@ function get_selected_crs(crs_code) {
 }
 
 async function get_crs_table() {
-  const params = { geode_object_type };
+  const params = { geode_object_type: geodeObjectType };
   toggle_loading();
   await backStore.request(
     { schema, params },

package/app/components/ExtensionSelector.vue

@@ -7,8 +7,8 @@ import { useBackStore } from "@ogw_front/stores/back";
 const schema = schemas.opengeodeweb_back.geode_objects_and_output_extensions;
 const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-const { geode_object_type, filenames } = defineProps({
-  geode_object_type: { type: String, required: true },
+const { geodeObjectType, filenames } = defineProps({
+  geodeObjectType: { type: String, required: true },
   filenames: { type: Array, required: true },
 });
 const geode_objects_and_output_extensions = ref({});
@@ -22,7 +22,7 @@ async function get_output_file_extensions() {
   const backStore = useBackStore();
   const values = await Promise.all(
     filenames.map(async (filename) => {
-      const params = { geode_object_type, filename };
+      const params = { geode_object_type: geodeObjectType, filename };
       const response = await backStore.request({ schema, params });
       return response.geode_objects_and_output_extensions;
     }),

package/app/components/FileSelector.vue

@@ -9,15 +9,15 @@ const schema = schemas.opengeodeweb_back.allowed_files;
 
 const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-const { multiple, files, auto_upload, show_overlay } = defineProps({
+const { multiple, files, autoUpload, showOverlay } = defineProps({
   multiple: { type: Boolean, required: true },
   files: { type: Array, default: () => [] },
-  auto_upload: { type: Boolean, default: true },
-  show_overlay: { type: Boolean, default: true },
+  autoUpload: { type: Boolean, default: true },
+  showOverlay: { type: Boolean, default: true },
 });
 
 const internal_files = ref(files);
-const internal_auto_upload = ref(auto_upload);
+const internal_auto_upload = ref(autoUpload);
 const accept = ref("");
 const loading = ref(false);
 
@@ -29,7 +29,7 @@ watch(
 );
 
 watch(
-  () => auto_upload,
+  () => autoUpload,
   (val) => {
     internal_auto_upload.value = val;
   },
@@ -39,7 +39,7 @@ const toggle_loading = useToggle(loading);
 
 function files_uploaded_event(value) {
   if (value.length > 0) {
-    emit("update_values", { files: value, auto_upload: false });
+    emit("update_values", { files: value, autoUpload: false });
     emit("increment_step");
   }
 }
@@ -63,8 +63,8 @@ await get_allowed_files();
       multiple,
       accept,
       files: internal_files,
-      auto_upload: internal_auto_upload,
-      showOverlay: show_overlay,
+      autoUpload: internal_auto_upload,
+      showOverlay: showOverlay,
     }"
     @files_uploaded="files_uploaded_event"
   />

package/app/components/FileUploader.vue

@@ -6,11 +6,11 @@ import DragAndDrop from "@ogw_front/components/DragAndDrop";
 
 const emit = defineEmits(["files_uploaded", "decrement_step", "reset_values"]);
 
-const { multiple, accept, files, auto_upload, showOverlay, mini } = defineProps({
+const { multiple, accept, files, autoUpload, showOverlay, mini } = defineProps({
   multiple: { type: Boolean, default: false },
   accept: { type: String, default: "" },
   files: { type: Array, default: () => [] },
-  auto_upload: { type: Boolean, default: true },
+  autoUpload: { type: Boolean, default: true },
   showOverlay: { type: Boolean, default: false },
   mini: { type: Boolean, default: false },
 });
@@ -94,7 +94,7 @@ watch(
 
     const allConfigured = newFiles.every((file) => !isCsv(file) || file.isConfigured);
 
-    if (auto_upload && allConfigured) {
+    if (autoUpload && allConfigured) {
       await upload_files();
     }
   },
@@ -103,7 +103,7 @@ watch(
 
 if (files.length > 0) {
   internal_files.value = files;
-  if (auto_upload) {
+  if (autoUpload) {
     upload_files();
   }
 }
@@ -216,7 +216,7 @@ watch(
     </v-sheet>
   </v-card-text>
 
-  <v-card-actions v-if="!auto_upload && internal_files.length" class="mt-8 pa-0">
+  <v-card-actions v-if="!autoUpload && internal_files.length" class="mt-8 pa-0">
     <v-btn
       color="primary"
       variant="flat"

package/app/components/Inspector/InspectionButton.vue

@@ -5,8 +5,8 @@ import { useBackStore } from "@ogw_front/stores/back";
 const schema = schemas.opengeodeweb_back.inspect_file;
 
 const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
-const { geode_object_type, filename } = defineProps({
-  geode_object_type: { type: String, required: true },
+const { geodeObjectType, filename } = defineProps({
+  geodeObjectType: { type: String, required: true },
   filename: { type: String, required: true },
 });
 const loading = ref(false);
@@ -15,7 +15,7 @@ const toggle_loading = useToggle(loading);
 async function get_inspection_results() {
   toggle_loading();
   const params = {
-    geode_object_type,
+    geode_object_type: geodeObjectType,
     filename,
   };
   const backStore = useBackStore();

package/app/components/Inspector/ResultPanel.vue

@@ -1,13 +1,13 @@
 <script setup>
 import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel";
 
-const { inspection_result } = defineProps({
-  inspection_result: { type: Array, required: true },
+const { inspectionResult } = defineProps({
+  inspectionResult: { type: Array, required: true },
 });
 const opened_panels = ref([]);
 
 onMounted(() => {
-  opened_panels.value = inspection_result
+  opened_panels.value = inspectionResult
     .map((result, i) => (result.nb_issues > 0 ? i : -1))
     .filter((index) => index !== -1);
 });
@@ -16,7 +16,7 @@ onMounted(() => {
 <template>
   <v-container class="pa-2">
     <v-expansion-panels v-model="opened_panels" multiple elevation="5">
-      <v-expansion-panel v-for="(result, index) in inspection_result" :key="index" class="card">
+      <v-expansion-panel v-for="(result, index) in inspectionResult" :key="index" class="card">
         <v-expansion-panel-title>
           <v-row align="center">
             <v-col cols="auto">
@@ -31,7 +31,7 @@ onMounted(() => {
           </v-row>
         </v-expansion-panel-title>
         <v-expansion-panel-text>
-          <InspectorResultPanel v-if="result.children" :inspection_result="result.children" />
+          <InspectorResultPanel v-if="result.children" :inspectionResult="result.children" />
           <v-container v-if="result.issues">
             <v-col>
               <v-row v-for="(issue, index) in result.issues" :key="index" class="pa-0">

package/app/components/MissingFilesSelector.vue

@@ -9,9 +9,9 @@ const schema = schemas.opengeodeweb_back.missing_files;
 
 const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-const { multiple, geode_object_type, filenames, files } = defineProps({
+const { multiple, geodeObjectType, filenames, files } = defineProps({
   multiple: { type: Boolean, required: true },
-  geode_object_type: { type: String, required: true },
+  geodeObjectType: { type: String, required: true },
   filenames: { type: Array, required: true },
   files: { type: Array, required: false, default: () => [] },
 });
@@ -47,7 +47,7 @@ async function missing_files() {
         additional_files: [],
       });
     }
-    const params = { geode_object_type, filename };
+    const params = { geode_object_type: geodeObjectType, filename };
     return backStore.request({ schema, params });
   });
   const values = await Promise.all(promise_array);
@@ -99,7 +99,7 @@ await missing_files();
     <v-row>
       <v-col cols="12">
         <FileUploader
-          v-bind="{ multiple, accept, files, auto_upload: false }"
+          v-bind="{ multiple, accept, files, autoUpload: false }"
           @files_uploaded="files_uploaded_event"
         />
       </v-col>

package/app/components/Recaptcha.vue

@@ -1,13 +1,13 @@
 <script setup>
 import { useInfraStore } from "@ogw_front/stores/infra";
 
-const { button_label, button_color, color } = defineProps({
-  button_label: {
+const { buttonLabel, buttonColor, color } = defineProps({
+  buttonLabel: {
     type: String,
     required: false,
     default: "Load the app",
   },
-  button_color: {
+  buttonColor: {
     type: String,
     required: false,
     default: "white",
@@ -69,7 +69,7 @@ function submit() {
   </VRow>
   <VRow align="center" justify="center">
     <VCol cols="auto" class="d-flex justify-center align-center">
-      <VBtn class="load-btn" :text="button_label" :color="color || button_color" @click="submit" />
+      <VBtn class="load-btn" :text="buttonLabel" :color="color || buttonColor" @click="submit" />
     </VCol>
   </VRow>
 </template>

package/app/components/Step.vue

@@ -6,18 +6,18 @@ function truncate(text, maxLength) {
   return text;
 }
 
-const { step_index, stepper_tree } = defineProps({
-  step_index: { type: Number, required: true },
-  stepper_tree: { type: Object, required: true },
+const { stepIndex, stepperTree } = defineProps({
+  stepIndex: { type: Number, required: true },
+  stepperTree: { type: Object, required: true },
 });
 
 const emit = defineEmits(["reset_values"]);
 
-const { state, increment_step, decrement_step, update_values } = stepper_tree;
+const { state, increment_step, decrement_step, update_values } = stepperTree;
 const { current_step_index, steps } = toRefs(state);
 
 const sortedChips = computed(() => {
-  const chips = steps.value[step_index]?.chips || [];
+  const chips = steps.value[stepIndex]?.chips || [];
   return chips.toSorted((chipA, chipB) =>
     chipA.localeCompare(chipB, undefined, {
       numeric: true,
@@ -29,8 +29,8 @@ const sortedChips = computed(() => {
 
 <template>
   <v-stepper-vertical-item
-    :value="step_index + 1"
-    :editable="step_index < current_step_index"
+    :value="stepIndex + 1"
+    :editable="stepIndex < current_step_index"
     color="primary"
     hide-actions
   >
@@ -39,13 +39,13 @@ const sortedChips = computed(() => {
         <p
           tag="h3"
           class="text-subtitle-1 font-weight-bold mb-0 transition-swing"
-          :class="current_step_index === step_index ? 'text-primary' : 'text-grey-darken-1'"
+          :class="current_step_index === stepIndex ? 'text-primary' : 'text-grey-darken-1'"
         >
-          {{ steps[step_index].step_title }}
+          {{ steps[stepIndex].step_title }}
         </p>
 
         <v-sheet
-          v-if="sortedChips.length && current_step_index >= step_index"
+          v-if="sortedChips.length && current_step_index >= stepIndex"
           color="transparent"
           class="d-flex flex-wrap mt-2"
         >
@@ -67,10 +67,10 @@ const sortedChips = computed(() => {
       <v-divider class="mb-6 opacity-10" />
 
       <component
-        v-if="step_index === current_step_index"
-        :key="step_index"
-        :is="steps[step_index].component.component_name"
-        v-bind="steps[step_index].component.component_options"
+        v-if="stepIndex === current_step_index"
+        :key="stepIndex"
+        :is="steps[stepIndex].component.component_name"
+        v-bind="steps[stepIndex].component.component_options"
         @increment_step="increment_step"
         @decrement_step="decrement_step"
         @update_values="update_values"

package/app/components/Stepper.vue

@@ -2,10 +2,10 @@
 import Step from "@ogw_front/components/Step";
 
 const emit = defineEmits(["reset_values", "close"]);
-const { stepper_tree } = defineProps({
-  stepper_tree: { type: Object, required: true },
+const { stepperTree } = defineProps({
+  stepperTree: { type: Object, required: true },
 });
-const { state } = stepper_tree;
+const { state } = stepperTree;
 const { steps, current_step_index } = toRefs(state);
 </script>
 
@@ -30,8 +30,8 @@ const { steps, current_step_index } = toRefs(state);
     <Step
       v-for="(step, index) in steps"
       :key="index"
-      :step_index="index"
-      :stepper_tree="stepper_tree"
+      :stepIndex="index"
+      :stepperTree="stepperTree"
       @reset_values="emit('reset_values')"
     />
   </v-stepper-vertical>

package/app/components/Viewer/ContextMenu/ContextMenuItem.vue

@@ -15,11 +15,11 @@ const menuStore = useMenuStore();
 const theme = useTheme();
 const primaryColor = computed(() => theme.current.value.colors.primary);
 
-const { index, itemProps, tooltip, btn_image } = defineProps({
+const { index, itemProps, tooltip, btnImage } = defineProps({
   index: { type: Number, required: true },
   itemProps: { type: Object, required: true },
   tooltip: { type: String, required: true },
-  btn_image: { type: String, required: true },
+  btnImage: { type: String, required: true },
 });
 
 const buttonCoords = computed(() => {
@@ -141,7 +141,7 @@ function toggleOptions() {
           :style="computedItemStyles"
         >
           <v-img
-            :src="btn_image"
+            :src="btnImage"
             height="28"
             width="28"
             style="pointer-events: none; object-fit: contain"

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

@@ -8,5 +8,5 @@ const { itemProps } = defineProps({
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="EdgedCurvePoints" />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btnImage="EdgedCurvePoints" />
 </template>

package/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue

@@ -114,7 +114,7 @@ const edge_attribute_color_map = computed({
   <ViewerContextMenuItem
     data-testid="meshEdgesMenu"
     :itemProps="itemProps"
-    :btn_image="EdgedCurveEdges"
+    :btnImage="EdgedCurveEdges"
     tooltip="Edges options"
   >
     <template #options>

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

@@ -11,9 +11,9 @@ const dataStyleStore = useDataStyleStore();
 const hybridViewerStore = useHybridViewerStore();
 const { applyBatchStyle } = useBatchStyle();
 
-const { itemProps, btn_image, tooltip } = defineProps({
+const { itemProps, btnImage, tooltip } = defineProps({
   itemProps: { type: Object, required: true },
-  btn_image: { type: String, required: true },
+  btnImage: { type: String, required: true },
   tooltip: { type: String, required: false, default: "Cells options" },
 });
 
@@ -116,7 +116,7 @@ const cell_attribute_color_map = computed({
     data-testid="meshCellsMenu"
     :itemProps="itemProps"
     :tooltip="tooltip"
-    :btn_image="btn_image"
+    :btnImage="btnImage"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch data-testid="meshCellsVisibilitySwitch" v-model="visibility" />

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

@@ -12,9 +12,9 @@ const dataStyleStore = useDataStyleStore();
 const hybridViewerStore = useHybridViewerStore();
 const { applyBatchStyle } = useBatchStyle();
 
-const { itemProps, btn_image, tooltip } = defineProps({
+const { itemProps, btnImage, tooltip } = defineProps({
   itemProps: { type: Object, required: true },
-  btn_image: { type: String, required: true },
+  btnImage: { type: String, required: true },
   tooltip: { type: String, required: false, default: "Edges options" },
 });
 
@@ -63,7 +63,7 @@ const color = computed({
     data-testid="meshEdgesMenu"
     :itemProps="itemProps"
     :tooltip="tooltip"
-    :btn_image="btn_image"
+    :btnImage="btnImage"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch data-testid="meshEdgesVisibilitySwitch" v-model="visibility" />

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

@@ -12,9 +12,9 @@ const dataStyleStore = useDataStyleStore();
 const hybridViewerStore = useHybridViewerStore();
 const { applyBatchStyle } = useBatchStyle();
 
-const { itemProps, btn_image, tooltip } = defineProps({
+const { itemProps, btnImage, tooltip } = defineProps({
   itemProps: { type: Object, required: true },
-  btn_image: { type: String, required: true },
+  btnImage: { type: String, required: true },
   tooltip: { type: String, required: false, default: "Points options" },
 });
 
@@ -90,7 +90,7 @@ const vertex_attribute_color_map = computed({
     data-testid="meshPointsMenu"
     :itemProps="itemProps"
     :tooltip="tooltip"
-    :btn_image="btn_image"
+    :btnImage="btnImage"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch

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

@@ -11,9 +11,9 @@ const dataStyleStore = useDataStyleStore();
 const hybridViewerStore = useHybridViewerStore();
 const { applyBatchStyle } = useBatchStyle();
 
-const { itemProps, btn_image, tooltip } = defineProps({
+const { itemProps, btnImage, tooltip } = defineProps({
   itemProps: { type: Object, required: true },
-  btn_image: { type: String, required: true },
+  btnImage: { type: String, required: true },
   tooltip: { type: String, required: false, default: "Polygons options" },
 });
 
@@ -62,7 +62,7 @@ const textures = computed({
     data-testid="meshPolygonsMenu"
     :itemProps="itemProps"
     :tooltip="tooltip"
-    :btn_image="btn_image"
+    :btnImage="btnImage"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch

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

@@ -11,9 +11,9 @@ const dataStyleStore = useDataStyleStore();
 const hybridViewerStore = useHybridViewerStore();
 const { applyBatchStyle } = useBatchStyle();
 
-const { itemProps, btn_image, tooltip } = defineProps({
+const { itemProps, btnImage, tooltip } = defineProps({
   itemProps: { type: Object, required: true },
-  btn_image: { type: String, required: true },
+  btnImage: { type: String, required: true },
   tooltip: { type: String, required: false, default: "Polyhedra options" },
 });
 
@@ -109,7 +109,7 @@ const polyhedron_attribute_color_map = computed({
     data-testid="meshPolyhedraMenu"
     :itemProps="itemProps"
     :tooltip="tooltip"
-    :btn_image="btn_image"
+    :btnImage="btnImage"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch

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

@@ -33,7 +33,7 @@ const visibility = computed({
     data-testid="modelEdgesMenu"
     :itemProps="itemProps"
     tooltip="Edges options"
-    :btn_image="SurfaceEdges"
+    :btnImage="SurfaceEdges"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch

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

@@ -14,7 +14,7 @@ const { itemProps } = defineProps({
     :index="itemProps.index"
     :itemProps="itemProps"
     tooltip="Style options"
-    :btn_image="ModelColor"
+    :btnImage="ModelColor"
   >
     <template #options>
       <ModelStyleCard :itemProps="itemProps" />

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

@@ -43,7 +43,7 @@ const size = computed({
     data-testid="modelPointsMenu"
     :itemProps="itemProps"
     tooltip="Points options"
-    :btn_image="SurfacePoints"
+    :btnImage="SurfacePoints"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch

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

@@ -10,7 +10,7 @@ const { itemProps } = defineProps({
 <template>
   <ViewerGenericMeshCellsOptions
     :itemProps="itemProps"
-    :btn_image="Grid2D_Cells"
+    :btnImage="Grid2D_Cells"
     tooltip="Cells options"
   />
 </template>

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

@@ -8,5 +8,5 @@ const { itemProps } = defineProps({
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="Grid2D_Edges" />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btnImage="Grid2D_Edges" />
 </template>

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

@@ -8,5 +8,5 @@ const { itemProps } = defineProps({
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="Grid2D_Points" />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btnImage="Grid2D_Points" />
 </template>

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

@@ -10,7 +10,7 @@ const { itemProps } = defineProps({
 <template>
   <ViewerGenericMeshCellsOptions
     :itemProps="itemProps"
-    :btn_image="Grid3DCells"
+    :btnImage="Grid3DCells"
     tooltip="Cells options"
   />
 </template>

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

@@ -8,5 +8,5 @@ const { itemProps } = defineProps({
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="Grid3D_Edges" />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btnImage="Grid3D_Edges" />
 </template>

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

@@ -10,7 +10,7 @@ const { itemProps } = defineProps({
 <template>
   <ViewerGenericMeshPolygonsOptions
     :itemProps="itemProps"
-    :btn_image="Grid3D_Facets"
+    :btnImage="Grid3D_Facets"
     tooltip="Facets options"
   />
 </template>

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

@@ -8,5 +8,5 @@ const { itemProps } = defineProps({
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="Grid3D_Points" />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btnImage="Grid3D_Points" />
 </template>

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

@@ -8,7 +8,7 @@ const { max, min } = defineProps({
   max: { type: Number, required: true },
 });
 
-const selectedPresetName = defineModel("selectedPresetName", { default: "batlow" });
+const selectedPresetName = defineModel("selectedPresetName", { type: String, default: "batlow" });
 
 const menuOpen = ref(false);
 const lutCanvas = ref();

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

@@ -1,7 +1,7 @@
 <script setup>
 // oxlint-disable id-length
 const colorPickerRef = useTemplateRef("colorPickerRef");
-const model = defineModel();
+const model = defineModel({ type: Object });
 const { pressed } = useMousePressed({ target: colorPickerRef });
 
 const vuetifyColor = ref({
@@ -39,6 +39,7 @@ watch(pressed, (value) => {
 <template>
   <v-color-picker
     ref="colorPickerRef"
+    data-testid="colorPicker"
     v-model="vuetifyColor"
     flat
     canvas-height="75"

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

@@ -4,30 +4,32 @@ import ViewerOptionsColorPicker from "@ogw_front/components/Viewer/Options/Color
 import ViewerOptionsTexturesSelector from "@ogw_front/components/Viewer/Options/TexturesSelector.vue";
 import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
-const coloring_style_key = defineModel("coloring_style_key");
+const coloring_style_key = defineModel("coloring_style_key", { type: String });
 
-const color = defineModel("color");
-const textures = defineModel("textures");
+const color = defineModel("color", { type: Object });
+const textures = defineModel("textures", { type: Array });
 
-const vertex_attribute_name = defineModel("vertex_attribute_name");
-const vertex_attribute_range = defineModel("vertex_attribute_range");
-const vertex_attribute_color_map = defineModel("vertex_attribute_color_map");
+const vertex_attribute_name = defineModel("vertex_attribute_name", { type: String });
+const vertex_attribute_range = defineModel("vertex_attribute_range", { type: Array });
+const vertex_attribute_color_map = defineModel("vertex_attribute_color_map", { type: String });
 
-const edge_attribute_name = defineModel("edge_attribute_name");
-const edge_attribute_range = defineModel("edge_attribute_range");
-const edge_attribute_color_map = defineModel("edge_attribute_color_map");
+const edge_attribute_name = defineModel("edge_attribute_name", { type: String });
+const edge_attribute_range = defineModel("edge_attribute_range", { type: Array });
+const edge_attribute_color_map = defineModel("edge_attribute_color_map", { type: String });
 
-const cell_attribute_name = defineModel("cell_attribute_name");
-const cell_attribute_range = defineModel("cell_attribute_range");
-const cell_attribute_color_map = defineModel("cell_attribute_color_map");
+const cell_attribute_name = defineModel("cell_attribute_name", { type: String });
+const cell_attribute_range = defineModel("cell_attribute_range", { type: Array });
+const cell_attribute_color_map = defineModel("cell_attribute_color_map", { type: String });
 
-const polygon_attribute_name = defineModel("polygon_attribute_name");
-const polygon_attribute_range = defineModel("polygon_attribute_range");
-const polygon_attribute_color_map = defineModel("polygon_attribute_color_map");
+const polygon_attribute_name = defineModel("polygon_attribute_name", { type: String });
+const polygon_attribute_range = defineModel("polygon_attribute_range", { type: Array });
+const polygon_attribute_color_map = defineModel("polygon_attribute_color_map", { type: String });
 
-const polyhedron_attribute_name = defineModel("polyhedron_attribute_name");
-const polyhedron_attribute_range = defineModel("polyhedron_attribute_range");
-const polyhedron_attribute_color_map = defineModel("polyhedron_attribute_color_map");
+const polyhedron_attribute_name = defineModel("polyhedron_attribute_name", { type: String });
+const polyhedron_attribute_range = defineModel("polyhedron_attribute_range", { type: Array });
+const polyhedron_attribute_color_map = defineModel("polyhedron_attribute_color_map", {
+  type: String,
+});
 
 const {
   id,

package/app/components/Viewer/Options/Sliders/Size.vue

@@ -1,7 +1,7 @@
 <script setup>
 import Slider from "./Slider";
 
-const size = defineModel();
+const size = defineModel({ type: Number });
 </script>
 
 <template>

package/app/components/Viewer/Options/Sliders/Slider.vue

@@ -1,7 +1,7 @@
 <script setup>
 import BasicSlider from "@ogw_front/components/Basic/Slider";
 
-const model = defineModel();
+const model = defineModel({ type: Number });
 const { tooltip } = defineProps({
   tooltip: { type: String, required: true },
 });

package/app/components/Viewer/Options/Sliders/Width.vue

@@ -1,7 +1,7 @@
 <script setup>
 import Slider from "./Slider";
 
-const width = defineModel();
+const width = defineModel({ type: Number });
 </script>
 
 <template>

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

@@ -7,17 +7,17 @@ const emit = defineEmits(["update_value"]);
 
 const { id } = defineProps({
   id: { type: String, required: true },
-  texture_id: { type: String, required: true },
-  texture_name: { type: String, required: true },
+  textureId: { type: String, required: true },
+  textureName: { type: String, required: true },
 });
 
-const texture_name = ref("");
-texture_name.value = texture_name;
+const textureName = ref("");
+textureName.value = textureName;
 
-const texture_id = ref("");
-texture_id.value = texture_id;
+const textureId = ref("");
+textureId.value = textureId;
 
-const texture_coordinates = ref([]);
+const textureCoordinates = ref([]);
 const backStore = useBackStore();
 
 onMounted(() => {
@@ -31,7 +31,7 @@ function getTextureCoordinates() {
     { schema, params },
     {
       response_function: (response) => {
-        texture_coordinates.value = response.texture_coordinates;
+        textureCoordinates.value = response.texture_coordinates;
       },
     },
   );
@@ -48,18 +48,18 @@ async function files_uploaded_event(value) {
       { schema, params },
       {
         response_function: (response) => {
-          texture_id.value = response.id;
+          textureId.value = response.id;
         },
       },
     );
   }
 }
 
-watch(texture_name, (value) => {
+watch(textureName, (value) => {
   emit("update_value", { key: "texture_name", value });
 });
 
-watch(texture_id, (value) => {
+watch(textureId, (value) => {
   emit("update_value", { key: "id", value });
 });
 </script>
@@ -73,8 +73,8 @@ watch(texture_id, (value) => {
 <template>
   <v-col cols="8" class="pa-1">
     <v-select
-      v-model="texture_name"
-      :items="texture_coordinates"
+      v-model="textureName"
+      :items="textureCoordinates"
       label="Select a texture"
       density="compact"
       hide-details
@@ -92,14 +92,14 @@ watch(texture_id, (value) => {
       <FileUploader
         @files_uploaded="files_uploaded_event($event, index)"
         :accept="['image/png', 'image/jpeg', 'image/bmp']"
-        :auto_upload="true"
+        :autoUpload="true"
         :multiple="true"
         :mini="true"
         class="mt-2"
       />
     </v-col>
   </v-badge>
-  <v-col v-if="texture_name == '' || texture_file_name == ''" cols="1">
+  <v-col v-if="textureName == '' || texture_file_name == ''" cols="1">
     <v-icon size="20" icon="mdi-close-circle" v-tooltip:bottom="'Invalid texture'" />
   </v-col>
 </template>

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

@@ -1,7 +1,7 @@
 <script setup>
 import ViewerOptionsTextureItem from "@ogw_front/components/Viewer/Options/TextureItem";
 
-const textures = defineModel();
+const textures = defineModel({ type: Array });
 
 const { id } = defineProps({
   id: { type: String, required: true },

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

@@ -1,7 +1,7 @@
 <script setup>
 import BasicSwitch from "@ogw_front/components/Basic/Switch";
 
-const visibility = defineModel();
+const visibility = defineModel({ type: Boolean });
 </script>
 
 <template>

package/app/components/Viewer/PointSet/SpecificPointsOptions.vue

@@ -86,7 +86,7 @@ const vertex_attribute_color_map = computed({
   <ViewerContextMenuItem
     data-testid="meshPointsMenu"
     :itemProps="itemProps"
-    :btn_image="PointSetPoints"
+    :btnImage="PointSetPoints"
     tooltip="Points options"
   >
     <template #options>

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

@@ -8,5 +8,5 @@ const { itemProps } = defineProps({
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="SolidEdges" />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btnImage="SolidEdges" />
 </template>

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

@@ -8,5 +8,5 @@ const { itemProps } = defineProps({
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="SolidPoints" />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btnImage="SolidPoints" />
 </template>

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

@@ -8,5 +8,5 @@ const { itemProps } = defineProps({
 </script>
 
 <template>
-  <ViewerGenericMeshPolygonsOptions :itemProps="itemProps" :btn_image="SolidFacets" />
+  <ViewerGenericMeshPolygonsOptions :itemProps="itemProps" :btnImage="SolidFacets" />
 </template>

package/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue

@@ -108,7 +108,7 @@ const polyhedron_attribute_color_map = computed({
     data-testid="meshPolyhedraMenu"
     :itemProps="itemProps"
     :tooltip="tooltip"
-    :btn_image="SolidPolyhedra"
+    :btnImage="SolidPolyhedra"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch

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

@@ -8,5 +8,5 @@ const { itemProps } = defineProps({
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="SurfaceEdges" />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btnImage="SurfaceEdges" />
 </template>

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

@@ -10,6 +10,6 @@ const { itemProps } = defineProps({
 <template>
   <ViewerGenericMeshPointsOptions
     :itemProps="itemProps"
-    :btn_image="TriangulatedSurfaceEdgesPoints"
+    :btnImage="TriangulatedSurfaceEdgesPoints"
   />
 </template>

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

@@ -116,7 +116,7 @@ const polygon_attribute_color_map = computed({
     data-testid="meshPolygonsMenu"
     :itemProps="itemProps"
     :tooltip="tooltip"
-    :btn_image="PolygonalSurfacePolygons"
+    :btnImage="PolygonalSurfacePolygons"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch

package/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue

@@ -10,7 +10,7 @@ const { itemProps } = defineProps({
 <template>
   <ViewerGenericMeshPolyhedraOptions
     :itemProps="itemProps"
-    :btn_image="TetrahedralSolidTetrahedra"
+    :btnImage="TetrahedralSolidTetrahedra"
     tooltip="Tetrahedra options"
   />
 </template>

package/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue

@@ -10,7 +10,7 @@ const { itemProps } = defineProps({
 <template>
   <ViewerGenericMeshPolygonsOptions
     :itemProps="itemProps"
-    :btn_image="TetrahedralSolidTriangles"
+    :btnImage="TetrahedralSolidTriangles"
     tooltip="Triangles options"
   />
 </template>

package/app/components/Wrapper.vue

@@ -7,8 +7,8 @@ import { useInfraStore } from "@ogw_front/stores/infra";
 
 const infraStore = useInfraStore();
 
-const { versions_schema, appName } = defineProps({
-  versions_schema: { type: Object, required: true },
+const { versionsSchema, appName } = defineProps({
+  versionsSchema: { type: Object, required: true },
   appName: { type: String, required: true },
 });
 </script>
@@ -26,7 +26,7 @@ const { versions_schema, appName } = defineProps({
           <Stepper />
         </v-col>
         <v-col>
-          <PackagesVersions :schema="versions_schema" />
+          <PackagesVersions :schema="versionsSchema" />
         </v-col>
       </template>
     </v-row>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geode/opengeodeweb-front",
-  "version": "10.25.0-rc.2",
+  "version": "10.25.0-rc.4",
   "description": "OpenSource Vue/Nuxt/Pinia/Vuetify framework for web applications",
   "homepage": "https://github.com/Geode-solutions/OpenGeodeWeb-Front",
   "bugs": {

package/server/utils/cloud.js

@@ -44,7 +44,7 @@ function requestConfig(parent, routerImage, backImage, viewerImage) {
   const resources = {
     limits: {
       cpu: "1000m",
-      memory: "512Mi",
+      memory: "1Gi",
     },
   };
   const volumeMounts = {

package/tests/unit/components/CrsSelector.nuxt.test.js

@@ -40,7 +40,7 @@ describe("crs selector", () => {
       global: {
         plugins: [vuetify, pinia],
       },
-      props: { geode_object_type: "BRep", key_to_update },
+      props: { geodeObjectType: "BRep", keyToUpdate: key_to_update },
     });
     const td_wrapper = await wrapper.find("td");
     await wrapper.vm.$nextTick();

package/tests/unit/components/FileSelector.nuxt.test.js

@@ -34,7 +34,7 @@ describe("file selector", () => {
       global: {
         plugins: [vuetify, pinia],
       },
-      props: { multiple: false, auto_upload: false },
+      props: { multiple: false, autoUpload: false },
     });
 
     const file_uploader = wrapper.findComponent(FileUploader);
@@ -46,7 +46,7 @@ describe("file selector", () => {
 
     const v_file_input = file_uploader.find('input[type="file"]');
     const files = [new File(["fake_file"], "fake_file.txt")];
-    const auto_upload = false;
+    const autoUpload = false;
     Object.defineProperty(v_file_input.element, "files", {
       value: files,
       writable: true,
@@ -61,7 +61,7 @@ describe("file selector", () => {
     expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
     expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toStrictEqual({
       files,
-      auto_upload,
+      autoUpload,
     });
   });
 
@@ -87,7 +87,7 @@ describe("file selector", () => {
         props: {
           multiple: false,
           files,
-          auto_upload: true,
+          autoUpload: true,
         },
       });
 
@@ -97,7 +97,7 @@ describe("file selector", () => {
       expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
       expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toStrictEqual({
         files,
-        auto_upload: false,
+        autoUpload: false,
       });
     });
 
@@ -109,7 +109,7 @@ describe("file selector", () => {
         props: {
           multiple: false,
           files,
-          auto_upload: false,
+          autoUpload: false,
         },
       });
 

package/tests/unit/components/FileUploader.nuxt.test.js

@@ -32,12 +32,12 @@ describe("file uploader", () => {
   const files = [new File(["fake_file"], "fake_file.txt")];
 
   describe("upload file", () => {
-    test("prop auto_upload false", async () => {
+    test("prop autoUpload false", async () => {
       const wrapper = await mountSuspended(FileUploader, {
         global: {
           plugins: [vuetify, pinia],
         },
-        props: { multiple: false, accept: "*.txt", auto_upload: false },
+        props: { multiple: false, accept: "*.txt", autoUpload: false },
       });
 
       const v_file_input = wrapper.find('input[type="file"]');
@@ -55,12 +55,12 @@ describe("file uploader", () => {
       expect(wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX]).toStrictEqual(files);
     });
 
-    test(`prop auto_upload true`, async () => {
+    test(`prop autoUpload true`, async () => {
       const wrapper = await mountSuspended(FileUploader, {
         global: {
           plugins: [vuetify, pinia],
         },
-        props: { multiple: false, accept: "*.txt", files, auto_upload: true },
+        props: { multiple: false, accept: "*.txt", files, autoUpload: true },
       });
       await flushPromises();
       expect(wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX]).toStrictEqual(files);

package/tests/unit/components/Inspector/ResultPanel.nuxt.test.js

@@ -20,15 +20,15 @@ describe("inspector result panel", () => {
       global: {
         plugins: [vuetify],
       },
-      props: { inspection_result },
+      props: { inspectionResult: inspection_result },
     });
 
     expect(wrapper.exists()).toBe(true);
-    expect(wrapper.componentVM.inspection_result).toStrictEqual(inspection_result);
+    expect(wrapper.componentVM.inspectionResult).toStrictEqual(inspection_result);
 
     const child_result_panel_wrapper = await wrapper.findComponent(InspectorResultPanel);
     expect(child_result_panel_wrapper.exists()).toBe(true);
-    expect(child_result_panel_wrapper.componentVM.inspection_result).toStrictEqual(
+    expect(child_result_panel_wrapper.componentVM.inspectionResult).toStrictEqual(
       inspection_result[0].children,
     );
   });
@@ -44,13 +44,13 @@ describe("inspector result panel", () => {
       global: {
         plugins: [vuetify],
       },
-      props: { inspection_result },
+      props: { inspectionResult: inspection_result },
     });
 
     expect(wrapper.exists()).toBe(true);
 
     console.log({ wrapper });
 
-    expect(wrapper.componentVM.inspection_result).toStrictEqual(inspection_result);
+    expect(wrapper.componentVM.inspectionResult).toStrictEqual(inspection_result);
   });
 });

package/tests/unit/components/Step.nuxt.test.js

@@ -35,7 +35,7 @@ describe("step", () => {
       global: {
         plugins: [vuetify],
       },
-      props: { step_index: 0, stepper_tree },
+      props: { stepIndex: 0, stepperTree: stepper_tree },
     });
     expect(wrapper.exists()).toBe(true);
   });

package/tests/unit/components/Stepper.nuxt.test.js

@@ -34,7 +34,7 @@ describe("stepper", () => {
       global: {
         plugins: [vuetify],
       },
-      props: { stepper_tree },
+      props: { stepperTree: stepper_tree },
     });
     expect(wrapper.exists()).toBe(true);
   });