@geode/opengeodeweb-front 10.38.0 → 10.39.0

package/internal/stores/data_style/mesh/polygons/polygon.ts

@@ -1,13 +1,16 @@
 import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_typed_schemas.js";
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useAttributeTimeStepStyle } from "@ogw_internal/stores/data_style/time_step";
 import { useMeshPolygonsCommonStyle } from "./common";
 import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
+const attributeNamesSchema = back_schemas.opengeodeweb_back.polygon_attribute_names;
 const meshPolygonsPolygonAttributeSchemas =
   viewer_schemas.opengeodeweb_viewer.mesh.polygons.attribute.polygon;
 
@@ -57,6 +60,8 @@ function useMeshPolygonsPolygonAttributeStyle(): {
   meshPolygonsPolygonAttributeName: (id: string) => string | undefined;
   meshPolygonsPolygonAttributeItem: (id: string) => number;
   meshPolygonsPolygonAttributeRange: (id: string) => [number | undefined, number | undefined];
+  meshPolygonsPolygonAttributeTimeStep: (id: string) => number | undefined;
+  setMeshPolygonsPolygonAttributeTimeStep: (id: string, timeStep: number) => Promise<unknown>;
   meshPolygonsPolygonAttributeColorMap: (id: string) => string | undefined;
   meshPolygonsPolygonAttributeStoredConfig: (
     id: string,
@@ -81,6 +86,7 @@ function useMeshPolygonsPolygonAttributeStyle(): {
     no_data_color: RGBAColor,
   ) => Promise<unknown>;
 } {
+  const { attributeTimeStep, setAttributeTimeStep, seriesArrayName } = useAttributeTimeStepStyle();
   const viewerStore = useViewerStore();
   const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
   function meshPolygonsPolygonAttribute(id: string): AttributeState {
@@ -143,6 +149,9 @@ function useMeshPolygonsPolygonAttributeStyle(): {
     const { item, name } = meshPolygonsPolygonAttribute(id);
     return item ?? meshPolygonsPolygonAttributeLastItem(id, name);
   }
+  function meshPolygonsPolygonAttributeTimeStep(id: string): number | undefined {
+    return attributeTimeStep(id, attributeNamesSchema.$id, meshPolygonsPolygonAttribute(id).name);
+  }
   async function setMeshPolygonsPolygonAttribute(
     id: string,
     {
@@ -168,7 +177,7 @@ function useMeshPolygonsPolygonAttributeStyle(): {
     const schema = meshPolygonsPolygonAttributeSchemas.attribute;
     const params = {
       id,
-      name,
+      name: seriesArrayName(id, attributeNamesSchema.$id, name),
       item,
       points,
       minimum,
@@ -218,6 +227,17 @@ function useMeshPolygonsPolygonAttributeStyle(): {
     const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name, item);
     return [storedConfig.minimum, storedConfig.maximum];
   }
+  async function setMeshPolygonsPolygonAttributeTimeStep(
+    id: string,
+    timeStep: number,
+  ): Promise<unknown> {
+    const name = meshPolygonsPolygonAttributeName(id);
+    if (name === undefined) {
+      return undefined;
+    }
+    await setAttributeTimeStep(id, attributeNamesSchema.$id, name, timeStep);
+    return applyPolygonAttribute(id);
+  }
   async function setMeshPolygonsPolygonAttributeRange(
     id: string,
     minimum: number,
@@ -269,6 +289,8 @@ function useMeshPolygonsPolygonAttributeStyle(): {
   }
   return {
     meshPolygonsPolygonAttributeName,
+    meshPolygonsPolygonAttributeTimeStep,
+    setMeshPolygonsPolygonAttributeTimeStep,
     meshPolygonsPolygonAttributeItem,
     meshPolygonsPolygonAttributeRange,
     meshPolygonsPolygonAttributeColorMap,

package/internal/stores/data_style/mesh/polygons/vertex.ts

@@ -1,13 +1,16 @@
 import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_typed_schemas.js";
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useAttributeTimeStepStyle } from "@ogw_internal/stores/data_style/time_step";
 import { useMeshPolygonsCommonStyle } from "./common";
 import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
+const attributeNamesSchema = back_schemas.opengeodeweb_back.vertex_attribute_names;
 const meshPolygonsVertexAttributeSchemas =
   viewer_schemas.opengeodeweb_viewer.mesh.polygons.attribute.vertex;
 
@@ -56,6 +59,8 @@ interface UseMeshPolygonsVertexAttributeStyleReturn {
   meshPolygonsVertexAttributeName: (id: string) => string | undefined;
   meshPolygonsVertexAttributeItem: (id: string) => number;
   meshPolygonsVertexAttributeRange: (id: string) => [number | undefined, number | undefined];
+  meshPolygonsVertexAttributeTimeStep: (id: string) => number | undefined;
+  setMeshPolygonsVertexAttributeTimeStep: (id: string, timeStep: number) => Promise<unknown>;
   meshPolygonsVertexAttributeColorMap: (id: string) => string | undefined;
   meshPolygonsVertexAttributeStoredConfig: (
     id: string,
@@ -83,6 +88,7 @@ interface UseMeshPolygonsVertexAttributeStyleReturn {
 
 // oxlint-disable-next-line max-lines-per-function
 function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeStyleReturn {
+  const { attributeTimeStep, setAttributeTimeStep, seriesArrayName } = useAttributeTimeStepStyle();
   const viewerStore = useViewerStore();
   const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
   function meshPolygonsVertexAttribute(id: string): AttributeState {
@@ -149,6 +155,9 @@ function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeSt
     const { item, name } = meshPolygonsVertexAttribute(id);
     return item ?? meshPolygonsVertexAttributeLastItem(id, name);
   }
+  function meshPolygonsVertexAttributeTimeStep(id: string): number | undefined {
+    return attributeTimeStep(id, attributeNamesSchema.$id, meshPolygonsVertexAttribute(id).name);
+  }
   async function setMeshPolygonsVertexAttribute(
     id: string,
     {
@@ -174,7 +183,7 @@ function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeSt
     const schema = meshPolygonsVertexAttributeSchemas.attribute;
     const params = {
       id,
-      name,
+      name: seriesArrayName(id, attributeNamesSchema.$id, name),
       item,
       points,
       minimum,
@@ -224,6 +233,17 @@ function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeSt
     const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name, item);
     return [storedConfig.minimum, storedConfig.maximum];
   }
+  async function setMeshPolygonsVertexAttributeTimeStep(
+    id: string,
+    timeStep: number,
+  ): Promise<unknown> {
+    const name = meshPolygonsVertexAttributeName(id);
+    if (name === undefined) {
+      return undefined;
+    }
+    await setAttributeTimeStep(id, attributeNamesSchema.$id, name, timeStep);
+    return applyVertexAttribute(id);
+  }
   async function setMeshPolygonsVertexAttributeRange(
     id: string,
     minimum: number,
@@ -275,6 +295,8 @@ function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeSt
   }
   return {
     meshPolygonsVertexAttributeName,
+    meshPolygonsVertexAttributeTimeStep,
+    setMeshPolygonsVertexAttributeTimeStep,
     meshPolygonsVertexAttributeItem,
     meshPolygonsVertexAttributeRange,
     meshPolygonsVertexAttributeColorMap,

package/internal/stores/data_style/mesh/polyhedra/index.ts

@@ -32,7 +32,8 @@ function handleMeshPolyhedraVertexColoring(
   const item = vertexAttributeStyle.meshPolyhedraVertexAttributeItem(id);
   const [minimum, maximum] = vertexAttributeStyle.meshPolyhedraVertexAttributeRange(id);
   const colorMap = vertexAttributeStyle.meshPolyhedraVertexAttributeColorMap(id);
-  const vertex_attribute = { name, item, minimum, maximum, colorMap };
+  const no_data_color = vertexAttributeStyle.meshPolyhedraVertexAttributeNoDataColor(id);
+  const vertex_attribute = { name, item, minimum, maximum, colorMap, no_data_color };
   if (!isMeshPolyhedraVertexAttributeValid(vertex_attribute)) {
     return undefined;
   }
@@ -47,7 +48,15 @@ function handleMeshPolyhedraPolyhedronColoring(
   const item = polyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeItem(id);
   const [minimum, maximum] = polyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeRange(id);
   const colorMap = polyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeColorMap(id);
-  const polyhedron_attribute = { name, item, minimum, maximum, colorMap };
+  const no_data_color = polyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeNoDataColor(id);
+  const polyhedron_attribute = {
+    name,
+    item,
+    minimum,
+    maximum,
+    colorMap,
+    no_data_color,
+  };
   if (!isMeshPolyhedraPolyhedronAttributeValid(polyhedron_attribute)) {
     return undefined;
   }

package/internal/stores/data_style/mesh/polyhedra/polyhedron.ts

@@ -1,13 +1,16 @@
 import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_typed_schemas.js";
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useAttributeTimeStepStyle } from "@ogw_internal/stores/data_style/time_step";
 import { useMeshPolyhedraCommonStyle } from "./common";
 import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
+const attributeNamesSchema = back_schemas.opengeodeweb_back.polyhedron_attribute_names;
 const meshPolyhedraPolyhedronAttributeSchemas =
   viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.attribute.polyhedron;
 
@@ -59,6 +62,8 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
   meshPolyhedraPolyhedronAttributeName: (id: string) => string | undefined;
   meshPolyhedraPolyhedronAttributeItem: (id: string) => number;
   meshPolyhedraPolyhedronAttributeRange: (id: string) => [number | undefined, number | undefined];
+  meshPolyhedraPolyhedronAttributeTimeStep: (id: string) => number | undefined;
+  setMeshPolyhedraPolyhedronAttributeTimeStep: (id: string, timeStep: number) => Promise<unknown>;
   meshPolyhedraPolyhedronAttributeColorMap: (id: string) => string | undefined;
   meshPolyhedraPolyhedronAttributeStoredConfig: (
     id: string,
@@ -83,6 +88,7 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
     no_data_color: RGBAColor,
   ) => Promise<unknown>;
 } {
+  const { attributeTimeStep, setAttributeTimeStep, seriesArrayName } = useAttributeTimeStepStyle();
   const viewerStore = useViewerStore();
   const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
   function meshPolyhedraPolyhedronAttribute(id: string): AttributeState {
@@ -149,6 +155,13 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
     const { item, name } = meshPolyhedraPolyhedronAttribute(id);
     return item ?? meshPolyhedraPolyhedronAttributeLastItem(id, name);
   }
+  function meshPolyhedraPolyhedronAttributeTimeStep(id: string): number | undefined {
+    return attributeTimeStep(
+      id,
+      attributeNamesSchema.$id,
+      meshPolyhedraPolyhedronAttribute(id).name,
+    );
+  }
   async function setMeshPolyhedraPolyhedronAttribute(
     id: string,
     {
@@ -174,7 +187,7 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
     const schema = meshPolyhedraPolyhedronAttributeSchemas.attribute;
     const params = {
       id,
-      name,
+      name: seriesArrayName(id, attributeNamesSchema.$id, name),
       item,
       points,
       minimum,
@@ -232,6 +245,17 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
     const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name, item);
     return [storedConfig.minimum, storedConfig.maximum];
   }
+  async function setMeshPolyhedraPolyhedronAttributeTimeStep(
+    id: string,
+    timeStep: number,
+  ): Promise<unknown> {
+    const name = meshPolyhedraPolyhedronAttributeName(id);
+    if (name === undefined) {
+      return undefined;
+    }
+    await setAttributeTimeStep(id, attributeNamesSchema.$id, name, timeStep);
+    return applyPolyhedronAttribute(id);
+  }
   async function setMeshPolyhedraPolyhedronAttributeRange(
     id: string,
     minimum: number,
@@ -283,6 +307,8 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
   }
   return {
     meshPolyhedraPolyhedronAttributeName,
+    meshPolyhedraPolyhedronAttributeTimeStep,
+    setMeshPolyhedraPolyhedronAttributeTimeStep,
     meshPolyhedraPolyhedronAttributeItem,
     meshPolyhedraPolyhedronAttributeRange,
     meshPolyhedraPolyhedronAttributeColorMap,

package/internal/stores/data_style/mesh/polyhedra/vertex.ts

@@ -1,13 +1,16 @@
 import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_typed_schemas.js";
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useAttributeTimeStepStyle } from "@ogw_internal/stores/data_style/time_step";
 import { useMeshPolyhedraCommonStyle } from "./common";
 import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
+const attributeNamesSchema = back_schemas.opengeodeweb_back.vertex_attribute_names;
 const meshPolyhedraVertexAttributeSchemas =
   viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.attribute.vertex;
 
@@ -56,6 +59,8 @@ interface UseMeshPolyhedraVertexAttributeStyleReturn {
   meshPolyhedraVertexAttributeName: (id: string) => string | undefined;
   meshPolyhedraVertexAttributeItem: (id: string) => number;
   meshPolyhedraVertexAttributeRange: (id: string) => [number | undefined, number | undefined];
+  meshPolyhedraVertexAttributeTimeStep: (id: string) => number | undefined;
+  setMeshPolyhedraVertexAttributeTimeStep: (id: string, timeStep: number) => Promise<unknown>;
   meshPolyhedraVertexAttributeColorMap: (id: string) => string | undefined;
   meshPolyhedraVertexAttributeStoredConfig: (
     id: string,
@@ -83,6 +88,7 @@ interface UseMeshPolyhedraVertexAttributeStyleReturn {
 
 // oxlint-disable-next-line max-lines-per-function
 function useMeshPolyhedraVertexAttributeStyle(): UseMeshPolyhedraVertexAttributeStyleReturn {
+  const { attributeTimeStep, setAttributeTimeStep, seriesArrayName } = useAttributeTimeStepStyle();
   const viewerStore = useViewerStore();
   const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
   function meshPolyhedraVertexAttribute(id: string): AttributeState {
@@ -149,6 +155,9 @@ function useMeshPolyhedraVertexAttributeStyle(): UseMeshPolyhedraVertexAttribute
     const { item, name } = meshPolyhedraVertexAttribute(id);
     return item ?? meshPolyhedraVertexAttributeLastItem(id, name);
   }
+  function meshPolyhedraVertexAttributeTimeStep(id: string): number | undefined {
+    return attributeTimeStep(id, attributeNamesSchema.$id, meshPolyhedraVertexAttribute(id).name);
+  }
   async function setMeshPolyhedraVertexAttribute(
     id: string,
     {
@@ -174,7 +183,7 @@ function useMeshPolyhedraVertexAttributeStyle(): UseMeshPolyhedraVertexAttribute
     const schema = meshPolyhedraVertexAttributeSchemas.attribute;
     const params = {
       id,
-      name,
+      name: seriesArrayName(id, attributeNamesSchema.$id, name),
       item,
       points,
       minimum,
@@ -224,6 +233,17 @@ function useMeshPolyhedraVertexAttributeStyle(): UseMeshPolyhedraVertexAttribute
     const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name, item);
     return [storedConfig.minimum, storedConfig.maximum];
   }
+  async function setMeshPolyhedraVertexAttributeTimeStep(
+    id: string,
+    timeStep: number,
+  ): Promise<unknown> {
+    const name = meshPolyhedraVertexAttributeName(id);
+    if (name === undefined) {
+      return undefined;
+    }
+    await setAttributeTimeStep(id, attributeNamesSchema.$id, name, timeStep);
+    return applyVertexAttribute(id);
+  }
   async function setMeshPolyhedraVertexAttributeRange(
     id: string,
     minimum: number,
@@ -275,6 +295,8 @@ function useMeshPolyhedraVertexAttributeStyle(): UseMeshPolyhedraVertexAttribute
   }
   return {
     meshPolyhedraVertexAttributeName,
+    meshPolyhedraVertexAttributeTimeStep,
+    setMeshPolyhedraVertexAttributeTimeStep,
     meshPolyhedraVertexAttributeItem,
     meshPolyhedraVertexAttributeRange,
     meshPolyhedraVertexAttributeColorMap,

package/internal/stores/data_style/model/blocks/color.ts

@@ -106,7 +106,11 @@ export function useModelBlocksColor(): {
         modelId,
         blocks_ids[0],
       );
-      const attribute = { name, item, minimum, maximum, colorMap };
+      const no_data_color = modelBlocksVertexAttribute.modelBlocksVertexAttributeNoDataColor(
+        modelId,
+        blocks_ids[0],
+      );
+      const attribute = { name, item, minimum, maximum, colorMap, no_data_color };
       if (isModelBlocksVertexAttributeValid(attribute)) {
         await modelBlocksVertexAttribute.setModelBlocksVertexAttribute(
           modelId,
@@ -131,7 +135,12 @@ export function useModelBlocksColor(): {
         modelId,
         blocks_ids[0],
       );
-      const attribute = { name, item, minimum, maximum, colorMap };
+      const no_data_color =
+        modelBlocksPolyhedronAttribute.modelBlocksPolyhedronAttributeNoDataColor(
+          modelId,
+          blocks_ids[0],
+        );
+      const attribute = { name, item, minimum, maximum, colorMap, no_data_color };
       if (isModelBlocksPolyhedronAttributeValid(attribute)) {
         await modelBlocksPolyhedronAttribute.setModelBlocksPolyhedronAttribute(
           modelId,

package/internal/stores/data_style/model/blocks/index.ts

@@ -20,6 +20,7 @@ interface AttributeGroup {
   minimum: number;
   maximum: number;
   colorMap: string;
+  no_data_color?: RGBAColor;
   blocks_ids: string[];
 }
 
@@ -119,17 +120,30 @@ export function useModelBlocksStyle(): UseModelBlocksStyleReturn {
             modelId,
             block_id,
           );
-          const attribute = { name, item, minimum, maximum, colorMap };
+          const no_data_color = modelBlocksVertexAttribute.modelBlocksVertexAttributeNoDataColor(
+            modelId,
+            block_id,
+          );
+          const attribute = {
+            name,
+            item,
+            minimum,
+            maximum,
+            colorMap,
+            no_data_color,
+          };
           if (!isModelBlocksVertexAttributeValid(attribute)) {
             continue;
           }
-          const key = `${name}_${item}_${colorMap}_${minimum}_${maximum}`;
+          const key = [name, item, colorMap, minimum, maximum, JSON.stringify(no_data_color)].join(
+            "_",
+          );
           vertexGroups[key] ??= { ...attribute, blocks_ids: [] };
           vertexGroups[key].blocks_ids.push(block_id);
         }
         coloringPromises.push(
           ...Object.values(vertexGroups).map(
-            async ({ name, item, minimum, maximum, colorMap, blocks_ids: ids }) => {
+            async ({ name, item, minimum, maximum, colorMap, no_data_color, blocks_ids: ids }) => {
               const result = await modelBlocksVertexAttribute.setModelBlocksVertexAttribute(
                 modelId,
                 ids,
@@ -139,6 +153,7 @@ export function useModelBlocksStyle(): UseModelBlocksStyleReturn {
                   minimum,
                   maximum,
                   colorMap,
+                  no_data_color,
                 },
               );
               return result;
@@ -162,17 +177,31 @@ export function useModelBlocksStyle(): UseModelBlocksStyleReturn {
             modelId,
             block_id,
           );
-          const attribute = { name, item, minimum, maximum, colorMap };
+          const no_data_color =
+            modelBlocksPolyhedronAttribute.modelBlocksPolyhedronAttributeNoDataColor(
+              modelId,
+              block_id,
+            );
+          const attribute = {
+            name,
+            item,
+            minimum,
+            maximum,
+            colorMap,
+            no_data_color,
+          };
           if (!isModelBlocksPolyhedronAttributeValid(attribute)) {
             continue;
           }
-          const key = `${name}_${item}_${colorMap}_${minimum}_${maximum}`;
+          const key = [name, item, colorMap, minimum, maximum, JSON.stringify(no_data_color)].join(
+            "_",
+          );
           polyhedronGroups[key] ??= { ...attribute, blocks_ids: [] };
           polyhedronGroups[key].blocks_ids.push(block_id);
         }
         coloringPromises.push(
           ...Object.values(polyhedronGroups).map(
-            async ({ name, item, minimum, maximum, colorMap, blocks_ids: ids }) => {
+            async ({ name, item, minimum, maximum, colorMap, no_data_color, blocks_ids: ids }) => {
               const result = await modelBlocksPolyhedronAttribute.setModelBlocksPolyhedronAttribute(
                 modelId,
                 ids,
@@ -182,6 +211,7 @@ export function useModelBlocksStyle(): UseModelBlocksStyleReturn {
                   minimum,
                   maximum,
                   colorMap,
+                  no_data_color,
                 },
               );
               return result;

package/internal/stores/data_style/model/blocks/polyhedron.ts

@@ -4,6 +4,10 @@ import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
+import {
+  reapplySameSeries,
+  useAttributeTimeStepStyle,
+} from "@ogw_internal/stores/data_style/time_step";
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
 import { useDataStore } from "@ogw_front/stores/data";
 import { useModelBlocksCommonStyle } from "./common";
@@ -63,6 +67,12 @@ interface UseModelBlocksPolyhedronAttributeReturn {
     modelId: string,
     blockId?: string,
   ) => [number | undefined, number | undefined];
+  modelBlocksPolyhedronAttributeTimeStep: (modelId: string, blockId?: string) => number | undefined;
+  setModelBlocksPolyhedronAttributeTimeStep: (
+    modelId: string,
+    blockIds: string[],
+    timeStep: number,
+  ) => Promise<void>;
   modelBlocksPolyhedronAttributeColorMap: (modelId: string, blockId?: string) => string | undefined;
   modelBlocksPolyhedronAttributeStoredConfig: (
     modelId: string,
@@ -106,6 +116,7 @@ interface UseModelBlocksPolyhedronAttributeReturn {
 
 // oxlint-disable-next-line max-lines-per-function
 function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeReturn {
+  const { attributeTimeStep, setAttributeTimeStep, seriesArrayName } = useAttributeTimeStepStyle();
   const dataStore = useDataStore();
   const modelBlocksCommonStyle = useModelBlocksCommonStyle();
   const viewerStore = useViewerStore();
@@ -215,6 +226,22 @@ function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeR
     const storedConfig = modelBlocksPolyhedronAttributeStoredConfig(modelId, blockId, name, item);
     return storedConfig.colorMap;
   }
+  function modelBlocksPolyhedronAttributeNoDataColor(modelId: string, blockId?: string): RGBAColor {
+    const name = modelBlocksPolyhedronAttributeName(modelId, blockId);
+    const item = modelBlocksPolyhedronAttributeItem(modelId, blockId);
+    const storedConfig = modelBlocksPolyhedronAttributeStoredConfig(modelId, blockId, name, item);
+    return storedConfig.no_data_color;
+  }
+  function modelBlocksPolyhedronAttributeTimeStep(
+    modelId: string,
+    blockId?: string,
+  ): number | undefined {
+    return attributeTimeStep(
+      modelId,
+      modelBlockPolyhedronAttributeSchema.$id,
+      modelBlocksPolyhedronAttribute(modelId, blockId).name,
+    );
+  }
   async function setModelBlocksPolyhedronAttribute(
     modelId: string,
     blockIds: string[],
@@ -242,7 +269,7 @@ function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeR
     const params = {
       id: modelId,
       block_ids: viewer_ids,
-      name,
+      name: seriesArrayName(modelId, modelBlockPolyhedronAttributeSchema.$id, name),
       item,
       points,
       minimum,
@@ -299,6 +326,37 @@ function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeR
     });
     return applyPolyhedronAttribute(modelId, blockIds);
   }
+  async function setModelBlocksPolyhedronAttributeTimeStep(
+    modelId: string,
+    blockIds: string[],
+    timeStep: number,
+  ): Promise<void> {
+    const name = modelBlocksPolyhedronAttributeName(modelId, blockIds[0]);
+    if (name === undefined) {
+      return;
+    }
+    await setAttributeTimeStep(modelId, modelBlockPolyhedronAttributeSchema.$id, name, timeStep);
+    await Promise.all([
+      applyPolyhedronAttribute(modelId, blockIds),
+      reapplySameSeries(
+        await dataStore.getBlocksGeodeIds(modelId),
+        blockIds,
+        (id) =>
+          modelBlocksCommonStyle.modelBlockColoring(modelId, id).active === "polyhedron" &&
+          modelBlocksPolyhedronAttributeName(modelId, id) === name
+            ? [
+                modelBlocksPolyhedronAttributeItem(modelId, id),
+                modelBlocksPolyhedronAttributeRange(modelId, id),
+                modelBlocksPolyhedronAttributeColorMap(modelId, id),
+                JSON.stringify(modelBlocksPolyhedronAttributeNoDataColor(modelId, id)),
+              ].join("|")
+            : undefined,
+        async (ids) => {
+          await applyPolyhedronAttribute(modelId, ids);
+        },
+      ),
+    ]);
+  }
   async function setModelBlocksPolyhedronAttributeRange(
     modelId: string,
     blockIds: string[],
@@ -325,12 +383,6 @@ function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeR
     });
     return applyPolyhedronAttribute(modelId, blockIds);
   }
-  function modelBlocksPolyhedronAttributeNoDataColor(modelId: string, blockId?: string): RGBAColor {
-    const name = modelBlocksPolyhedronAttributeName(modelId, blockId);
-    const item = modelBlocksPolyhedronAttributeItem(modelId, blockId);
-    const storedConfig = modelBlocksPolyhedronAttributeStoredConfig(modelId, blockId, name, item);
-    return storedConfig.no_data_color;
-  }
   async function setModelBlocksPolyhedronAttributeNoDataColor(
     modelId: string,
     blockIds: string[],
@@ -352,6 +404,8 @@ function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeR
   }
   return {
     modelBlocksPolyhedronAttributeName,
+    modelBlocksPolyhedronAttributeTimeStep,
+    setModelBlocksPolyhedronAttributeTimeStep,
     modelBlocksPolyhedronAttributeItem,
     modelBlocksPolyhedronAttributeRange,
     modelBlocksPolyhedronAttributeColorMap,