@geode/opengeodeweb-front 10.0.2-rc.3 → 10.0.2-rc.5

package/.github/workflows/deploy.yml

@@ -3,6 +3,10 @@ name: Deploy
 on:
   workflow_dispatch:
 
+permissions:
+  contents: write
+  id-token: write
+
 jobs:
   deploy:
     uses: Geode-solutions/actions/.github/workflows/js-deploy.yml@master

package/app/components/CrsSelector.vue

@@ -26,6 +26,7 @@
 <script setup>
   import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
   const schema = schemas.opengeodeweb_back.geographic_coordinate_systems
+  import { useGeodeStore } from "@ogw_front/stores/geode"
 
   const emit = defineEmits([
     "update_values",

package/app/components/ExtensionSelector.vue

@@ -57,7 +57,8 @@
 <script setup>
   import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 
-  import FetchingData from "@ogw_front/components/FetchingData.vue"
+  import FetchingData from "@ogw_front/components/FetchingData"
+  import { useGeodeStore } from "@ogw_front/stores/geode"
 
   const schema = schemas.opengeodeweb_back.geode_objects_and_output_extensions
   const emit = defineEmits([

package/app/components/FeedBack/ErrorBanner.vue

@@ -1,6 +1,6 @@
 <template>
   <v-banner
-    v-if="feedback_store.server_error"
+    v-if="feedbackStore.server_error"
     elevation="2"
     style="background-color: grey; z-index: 9999"
     position="fixed"
@@ -33,7 +33,7 @@
           size="20"
           color="grey"
           class=".align-center"
-          @click="feedback_store.delete_server_error()"
+          @click="feedbackStore.delete_server_error()"
         >
           <v-icon icon="mdi-close" size="20" color="white" />
         </v-btn>
@@ -43,7 +43,8 @@
 </template>
 
 <script setup>
-  const feedback_store = useFeedbackStore()
+  import { useFeedbackStore } from "@ogw_front/stores/feedback"
+  const feedbackStore = useFeedbackStore()
 
   function reload() {
     window.location.reload()

package/app/components/FeedBack/Snackers.vue

@@ -1,6 +1,6 @@
 <template>
   <v-snackbar
-    v-for="(feedback, index) in feedback_store.feedbacks"
+    v-for="(feedback, index) in feedbackStore.feedbacks"
     :key="feedback"
     v-model="show"
     :style="{ 'margin-bottom': calc_margin(index) }"
@@ -51,7 +51,7 @@
           variant="flat"
           size="20"
           :color="feedback.type"
-          @click="feedback_store.delete_feedback(feedback.id)"
+          @click="feedbackStore.delete_feedback(feedback.id)"
         >
           <v-icon icon="mdi-close" size="20" color="white" />
         </v-btn>
@@ -61,7 +61,9 @@
 </template>
 
 <script setup>
-  const feedback_store = useFeedbackStore()
+  import { useFeedbackStore } from "@ogw_front/stores/feedback"
+
+  const feedbackStore = useFeedbackStore()
   const show = true
 
   function calc_margin(index) {

package/app/components/FileSelector.vue

@@ -10,8 +10,9 @@
 <script setup>
   import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 
-  import FetchingData from "@ogw_front/components/FetchingData.vue"
-  import FileUploader from "@ogw_front/components/FileUploader.vue"
+  import FetchingData from "@ogw_front/components/FetchingData"
+  import FileUploader from "@ogw_front/components/FileUploader"
+  import { useGeodeStore } from "@ogw_front/stores/geode"
 
   const schema = schemas.opengeodeweb_back.allowed_files
   const emit = defineEmits([

package/app/components/FileUploader.vue

@@ -34,7 +34,7 @@
 
 <script setup>
   import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-  import { upload_file } from "@ogw_front/utils/upload_file.js"
+  import { upload_file } from "@ogw_front/utils/upload_file"
   const schema = schemas.opengeodeweb_back.upload_file
 
   const emit = defineEmits(["files_uploaded", "decrement_step"])

package/app/components/HybridRenderingView.vue

@@ -15,7 +15,10 @@
 </template>
 
 <script setup>
-  import VeaseViewToolbar from "@ogw_front/components/VeaseViewToolbar.vue"
+  import VeaseViewToolbar from "@ogw_front/components/VeaseViewToolbar"
+
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+  import { useViewerStore } from "@ogw_front/stores/viewer"
 
   const emit = defineEmits(["click"])
 

package/app/components/InfraConnected.vue

@@ -3,5 +3,7 @@
 </template>
 
 <script setup>
+  import { useInfraStore } from "@ogw_front/stores/infra"
   const infraStore = useInfraStore()
+  console.log("TEST", { infraStore })
 </script>

package/app/components/Inspector/InspectionButton.vue

@@ -16,6 +16,7 @@
 
 <script setup>
   import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+  import { useGeodeStore } from "@ogw_front/stores/geode"
   const schema = schemas.opengeodeweb_back.inspect_file
 
   const emit = defineEmits([

package/app/components/Inspector/ResultPanel.vue

@@ -42,7 +42,7 @@
 </template>
 
 <script setup>
-  import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel.vue"
+  import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel"
 
   const props = defineProps({
     inspection_result: { type: Array, required: true },

package/app/components/Launcher.vue

@@ -2,7 +2,7 @@
   <v-container class="justify">
     <v-row align-content="center" align="center">
       <v-col
-        v-if="!infra_store.is_captcha_validated"
+        v-if="!infraStore.is_captcha_validated"
         class="align"
         cols="12"
         align-self="center"
@@ -10,7 +10,7 @@
       >
         <Recaptcha :color="'secondary'" />
       </v-col>
-      <v-col v-else-if="infra_store.status == Status.CREATING">
+      <v-col v-else-if="infraStore.status == Status.CREATING">
         <Loading />
       </v-col>
     </v-row>
@@ -18,17 +18,18 @@
 </template>
 
 <script setup>
-  import Status from "@ogw_front/utils/status.js"
-  import Loading from "@ogw_front/components/Loading.vue"
-  import Recaptcha from "@ogw_front/components/Recaptcha.vue"
+  import Status from "@ogw_front/utils/status"
+  import Loading from "@ogw_front/components/Loading"
+  import Recaptcha from "@ogw_front/components/Recaptcha"
+  import { useInfraStore } from "@ogw_front/stores/infra"
 
-  const infra_store = useInfraStore()
+  const infraStore = useInfraStore()
 
   watch(
-    () => infra_store.is_captcha_validated,
+    () => infraStore.is_captcha_validated,
     (value, oldValue) => {
       if (value && !oldValue && import.meta.client) {
-        infra_store.create_backend()
+        infraStore.create_backend()
       }
     },
   )

package/app/components/Loading.vue

@@ -37,7 +37,7 @@
   import derniere from "@ogw_front/assets/img/energy_sobriety/derniere.png"
   import salon from "@ogw_front/assets/img/energy_sobriety/salon.png"
 
-  import Carousel from "@ogw_front/components/Carousel.vue"
+  import Carousel from "@ogw_front/components/Carousel"
 
   const users_list = [
     {

package/app/components/MissingFilesSelector.vue

@@ -45,8 +45,9 @@
 <script setup>
   import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 
-  import FetchingData from "@ogw_front/components/FetchingData.vue"
-  import FileUploader from "@ogw_front/components/FileUploader.vue"
+  import FetchingData from "@ogw_front/components/FetchingData"
+  import FileUploader from "@ogw_front/components/FileUploader"
+  import { useGeodeStore } from "@ogw_front/stores/geode"
 
   const schema = schemas.opengeodeweb_back.missing_files
 

package/app/components/ObjectSelector.vue

@@ -49,20 +49,22 @@
 </template>
 
 <script setup>
-  import geode_objects from "@ogw_front/assets/geode_objects"
   import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 
+  import geode_objects from "@ogw_front/assets/geode_objects"
   import FetchingData from "@ogw_front/components/FetchingData.vue"
+  import { useGeodeStore } from "@ogw_front/stores/geode"
 
   const schema = schemas.opengeodeweb_back.allowed_objects
 
   const emit = defineEmits(["update_values", "increment_step"])
-
+  console.log("ObjectSelector")
   const props = defineProps({
     filenames: { type: Array, required: true },
-    supported_feature: { type: String, required: false, default: null },
   })
-  const { filenames, supported_feature } = props
+
+  const geodeStore = useGeodeStore()
+  const { filenames } = props
 
   const loading = ref(false)
   const allowed_objects = ref({})
@@ -108,7 +110,7 @@
   async function get_allowed_objects() {
     toggle_loading()
     allowed_objects.value = {}
-    const geodeStore = useGeodeStore()
+
     const promise_array = filenames.map((filename) => {
       return geodeStore.request(schema, { filename })
     })
@@ -142,6 +144,7 @@
   }
 
   function set_geode_object(geode_object_type) {
+    console.log("set_geode_object", { geode_object_type })
     if (geode_object_type) {
       emit("update_values", { geode_object_type })
       emit("increment_step")

package/app/components/PackagesVersions.vue

@@ -19,7 +19,8 @@
 </template>
 
 <script setup>
-  import Status from "@ogw_front/utils/status.js"
+  import Status from "@ogw_front/utils/status"
+  import { useGeodeStore } from "@ogw_front/stores/geode"
 
   const props = defineProps({
     schema: { type: Object, required: true },

package/app/components/Recaptcha.vue

@@ -39,7 +39,8 @@
 </template>
 
 <script setup>
-  import { appMode } from "@ogw_front/utils/app_mode.js"
+  import { appMode } from "@ogw_front/utils/app_mode"
+  import { useInfraStore } from "@ogw_front/stores/infra"
 
   const props = defineProps({
     button_label: {
@@ -53,7 +54,7 @@
       default: "white",
     },
   })
-  const infra_store = useInfraStore()
+  const infraStore = useInfraStore()
   const name = ref("")
   const email = ref("")
   const launch = ref(false)
@@ -76,9 +77,9 @@
     if (import.meta.client) {
       if (
         process.env.NODE_ENV !== "production" ||
-        infra_store.app_mode !== appMode.CLOUD
+        infraStore.app_mode !== appMode.CLOUD
       ) {
-        infra_store.$patch({ is_captcha_validated: true })
+        infraStore.$patch({ is_captcha_validated: true })
       }
     }
   })
@@ -91,7 +92,7 @@
         launch: launch.value,
       },
     })
-    infra_store.$patch({
+    infraStore.$patch({
       is_captcha_validated: response.status === 200,
     })
   }

package/app/components/RemoteRenderingView.vue

@@ -24,9 +24,9 @@
   import vtkRemoteView from "@kitware/vtk.js/Rendering/Misc/RemoteView"
   import { useElementSize, useWindowSize } from "@vueuse/core"
   import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
-  import Status from "@ogw_front/utils/status.js"
-
-  import ViewToolbar from "@ogw_front/components/ViewToolbar.vue"
+  import Status from "@ogw_front/utils/status"
+  import ViewToolbar from "@ogw_front/components/ViewToolbar"
+  import { useViewerStore } from "@ogw_front/stores/viewer"
 
   const props = defineProps({
     viewId: { type: String, default: "-1" },

package/app/components/Screenshot.vue

@@ -64,6 +64,8 @@
   import fileDownload from "js-file-download"
   import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
 
+  import { useViewerStore } from "@ogw_front/stores/viewer"
+
   const emit = defineEmits(["close"])
 
   const props = defineProps({

package/app/components/Stepper.vue

@@ -19,7 +19,7 @@
 </template>
 
 <script setup>
-  import Step from "@ogw_front/components/Step.vue"
+  import Step from "@ogw_front/components/Step"
 
   const emit = defineEmits(["reset_values"])
   const stepper_tree = inject("stepper_tree")

package/app/components/VeaseViewToolbar.vue

@@ -29,10 +29,14 @@
 <script setup>
   import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
 
-  import Screenshot from "@ogw_front/components/Screenshot.vue"
-  import ZScaling from "@ogw_front/components/ZScaling.vue"
+  import Screenshot from "@ogw_front/components/Screenshot"
+  import ZScaling from "@ogw_front/components/ZScaling"
+
+  import { useViewerStore } from "@ogw_front/stores/viewer"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 
   const hybridViewerStore = useHybridViewerStore()
+  const viewerStore = useViewerStore()
   const take_screenshot = ref(false)
   const showZScaling = ref(false)
   const grid_scale = ref(false)
@@ -74,7 +78,6 @@
       tooltip: "Toggle grid scale",
       icon: "mdi-ruler-square",
       action: () => {
-        const viewerStore = useViewerStore()
         viewerStore.request(
           schemas.opengeodeweb_viewer.viewer.grid_scale,
           { visibility: !grid_scale.value },

package/app/components/ViewToolbar.vue

@@ -23,8 +23,10 @@
 <script setup>
   import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
 
-  import Screenshot from "@ogw_front/components/Screenshot.vue"
+  import Screenshot from "@ogw_front/components/Screenshot"
+  import { useViewerStore } from "@ogw_front/stores/viewer"
 
+  const viewerStore = useViewerStore()
   const take_screenshot = ref(false)
   const grid_scale = ref(false)
 
@@ -33,7 +35,6 @@
       tooltip: "Reset camera",
       icon: "mdi-cube-scan",
       action: () => {
-        const viewerStore = useViewerStore()
         viewerStore.request(schemas.opengeodeweb_viewer.viewer.reset_camera)
       },
     },

package/app/components/Viewer/BreadCrumb.vue

@@ -37,6 +37,7 @@
 </template>
 
 <script setup>
+  import { useTreeviewStore } from "@ogw_front/stores/treeview"
   const treeviewStore = useTreeviewStore()
 
   const selectedTree = computed(() => treeviewStore.selectedTree)

package/app/components/Viewer/ContextMenu.vue

@@ -30,6 +30,8 @@
 </template>
 
 <script setup>
+  import { useMenuStore } from "@ogw_front/stores/menu"
+  import { useDataBaseStore } from "@ogw_front/stores/data_base"
   const menuStore = useMenuStore()
   const dataBaseStore = useDataBaseStore()
 

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

@@ -6,7 +6,7 @@
 </template>
 
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions.vue"
+  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
   import EdgedCurveEdges from "@ogw_front/assets/viewer_svgs/edged_curve_edges.svg"
 
   const props = defineProps({

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

@@ -6,7 +6,7 @@
 </template>
 
 <script setup>
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions.vue"
+  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
   import EdgedCurvePoints from "@ogw_front/assets/viewer_svgs/edged_curve_points.svg"
 
   const props = defineProps({

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

@@ -21,9 +21,12 @@
 </template>
 
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem.vue"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch.vue"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector.vue"
+  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 { useDataStyleStore } from "@ogw_front/stores/data_style"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()

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

@@ -18,9 +18,15 @@
 </template>
 
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem.vue"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch.vue"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector.vue"
+  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 { useDataStyleStore } from "@ogw_front/stores/data_style"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+
+  const dataStyleStore = useDataStyleStore()
+  const hybridViewerStore = useHybridViewerStore()
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
@@ -29,9 +35,6 @@
 
   const id = toRef(() => props.itemProps.id)
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
-
   const visibility = computed({
     get: () => dataStyleStore.meshEdgesVisibility(id.value),
     set: (newValue) => {

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

@@ -39,9 +39,12 @@
 </template>
 
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem.vue"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch.vue"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector.vue"
+  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 { useDataStyleStore } from "@ogw_front/stores/data_style"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()

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

@@ -21,9 +21,12 @@
 </template>
 
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem.vue"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch.vue"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector.vue"
+  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 { useDataStyleStore } from "@ogw_front/stores/data_style"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()

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

@@ -21,9 +21,12 @@
 </template>
 
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem.vue"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch.vue"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector.vue"
+  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 { useDataStyleStore } from "@ogw_front/stores/data_style"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()

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

@@ -11,18 +11,22 @@
 </template>
 
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem.vue"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch.vue"
+  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"
+
+  const dataStyleStore = useDataStyleStore()
+  const hybridViewerStore = useHybridViewerStore()
+
   const props = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
   })
 
   const id = toRef(() => props.itemProps.id)
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
 
   const visibility = computed({
     get: () => dataStyleStore.modelEdgesVisibility(id.value),

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

@@ -30,10 +30,13 @@
 </template>
 
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem.vue"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch.vue"
+  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"
+
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()
 

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

@@ -7,7 +7,7 @@
 </template>
 
 <script setup>
-  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions.vue"
+  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions"
   import Grid2D_Cells from "@ogw_front/assets/viewer_svgs/grid_2d_cells.svg"
 
   const props = defineProps({

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

@@ -6,7 +6,7 @@
 </template>
 
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions.vue"
+  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
   import Grid2D_Edges from "@ogw_front/assets/viewer_svgs/grid_2d_edges.svg"
 
   const props = defineProps({

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

@@ -6,7 +6,7 @@
 </template>
 
 <script setup>
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions.vue"
+  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
   import Grid2D_Points from "@ogw_front/assets/viewer_svgs/grid_2d_points.svg"
 
   const props = defineProps({

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

@@ -7,7 +7,7 @@
 </template>
 
 <script setup>
-  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions.vue"
+  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions"
   import Grid3DCells from "@ogw_front/assets/viewer_svgs/grid_3d_cells.svg"
 
   const props = defineProps({

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

@@ -6,7 +6,7 @@
 </template>
 
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions.vue"
+  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
   import Grid3D_Edges from "@ogw_front/assets/viewer_svgs/grid_3d_edges.svg"
 
   const props = defineProps({

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

@@ -7,7 +7,7 @@
 </template>
 
 <script setup>
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions.vue"
+  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
   import Grid3D_Facets from "@ogw_front/assets/viewer_svgs/grid_3d_facets.svg"
 
   const props = defineProps({