Fix/model color options saved

app/components/Viewer/ContextMenu/ContextMenuItem.vue

@@ -137,6 +137,7 @@ function toggleOptions() {
           @click.stop="toggleOptions"
           v-bind="tooltipProps"
           class="menu-btn"
+          :data-testid="is_active ? 'activeCircularMenuItemButton' : 'circularMenuItemButton'"
           elevation="2"
           :style="computedItemStyles"
         >

app/components/Viewer/Options/ColorMapList.vue

@@ -15,6 +15,7 @@ const filterText = ref("");
 const canvasRefs = ref({});
 const loading = ref(true);
 const renderJobId = ref(0);
+const openedGroups = ref([]);
 
 function setCanvasRef(presetName, element, id) {
   if (element) {
@@ -44,6 +45,18 @@ const filteredPresets = computed(() => {
   return result;
 });
 
+watch(
+  [filterText, filteredPresets],
+  () => {
+    if (filterText.value) {
+      openedGroups.value = filteredPresets.value
+        .filter((item) => item.Children)
+        .map((item) => item.Name);
+    }
+  },
+  { immediate: true },
+);
+
 function processChunk(entries, index, jobId) {
   if (jobId !== renderJobId.value || index >= entries.length) {
     if (jobId === renderJobId.value) {
@@ -103,6 +116,7 @@ watch(filteredPresets, drawAllCanvases);
     />
 
     <v-list
+      v-model:opened="openedGroups"
       data-testid="colorMapList"
       density="compact"
       max-height="350"

internal/stores/data_style/model/blocks/color.js

@@ -32,8 +32,8 @@ export function useModelBlocksColor() {
   }
 
   async function setModelBlocksActiveColoring(modelId, blocks_ids, activeColoring) {
-    await modelCommonStyle.mutateComponentStyles(modelId, blocks_ids, {
-      coloring: { active: activeColoring },
+    await modelBlocksCommonStyle.mutateModelBlocksColoring(modelId, blocks_ids, {
+      active: activeColoring,
     });
     if (activeColoring === "constant" || activeColoring === "random") {
       const color = modelBlockColor(modelId, blocks_ids[0]);

internal/stores/data_style/model/blocks/common.js

@@ -21,6 +21,9 @@ export function useModelBlocksCommonStyle() {
   }
 
   function mutateModelBlocksColoring(id, blocks_ids, values) {
+    modelCommonStyle.mutateModelComponentTypeStyle(id, "Block", {
+      coloring: values,
+    });
     return modelCommonStyle.mutateComponentStyles(id, blocks_ids, {
       coloring: values,
     });

internal/stores/data_style/model/corners/color.js

@@ -27,8 +27,8 @@ export function useModelCornersColor() {
   }
 
   async function setModelCornersActiveColoring(modelId, corners_ids, activeColoring) {
-    await modelCommonStyle.mutateComponentStyles(modelId, corners_ids, {
-      coloring: { active: activeColoring },
+    await modelCornersCommonStyle.mutateModelCornersColoring(modelId, corners_ids, {
+      active: activeColoring,
     });
     if (activeColoring === "constant" || activeColoring === "random") {
       const color = modelCornerColor(modelId, corners_ids[0]);

internal/stores/data_style/model/corners/common.js

@@ -21,6 +21,9 @@ export function useModelCornersCommonStyle() {
   }
 
   function mutateModelCornersColoring(id, corners_ids, values) {
+    modelCommonStyle.mutateModelComponentTypeStyle(id, "Corner", {
+      coloring: values,
+    });
     return modelCommonStyle.mutateComponentStyles(id, corners_ids, {
       coloring: values,
     });

internal/stores/data_style/model/lines/color.js

@@ -29,8 +29,8 @@ export function useModelLinesColor() {
   }
 
   async function setModelLinesActiveColoring(modelId, lines_ids, activeColoring) {
-    await modelCommonStyle.mutateComponentStyles(modelId, lines_ids, {
-      coloring: { active: activeColoring },
+    await modelLinesCommonStyle.mutateModelLinesColoring(modelId, lines_ids, {
+      active: activeColoring,
     });
     if (activeColoring === "constant" || activeColoring === "random") {
       const color = modelLineColor(modelId, lines_ids[0]);

internal/stores/data_style/model/lines/common.js

@@ -21,6 +21,9 @@ export function useModelLinesCommonStyle() {
   }
 
   function mutateModelLinesColoring(id, lines_ids, values) {
+    modelCommonStyle.mutateModelComponentTypeStyle(id, "Line", {
+      coloring: values,
+    });
     return modelCommonStyle.mutateComponentStyles(id, lines_ids, {
       coloring: values,
     });

internal/stores/data_style/model/surfaces/color.js

@@ -29,8 +29,8 @@ export function useModelSurfacesColor() {
   }
 
   async function setModelSurfacesActiveColoring(modelId, surfaces_ids, activeColoring) {
-    await modelCommonStyle.mutateComponentStyles(modelId, surfaces_ids, {
-      coloring: { active: activeColoring },
+    await modelSurfacesCommonStyle.mutateModelSurfacesColoring(modelId, surfaces_ids, {
+      active: activeColoring,
     });
     if (activeColoring === "constant" || activeColoring === "random") {
       const color = modelSurfaceColor(modelId, surfaces_ids[0]);

internal/stores/data_style/model/surfaces/common.js

@@ -21,6 +21,9 @@ export function useModelSurfacesCommonStyle() {
   }
 
   function mutateModelSurfacesColoring(id, surfaces_ids, values) {
+    modelCommonStyle.mutateModelComponentTypeStyle(id, "Surface", {
+      coloring: values,
+    });
     return modelCommonStyle.mutateComponentStyles(id, surfaces_ids, {
       coloring: values,
     });