@geode/opengeodeweb-front 10.36.0 → 10.37.0

package/internal/stores/data_style/mesh/cells/visibility.ts

@@ -1,5 +1,5 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useMeshCellsCommonStyle } from "./common";
@@ -10,7 +10,7 @@ const schema = viewer_schemas.opengeodeweb_viewer.mesh.cells.visibility;
 
 export function useMeshCellsVisibilityStyle(): {
   meshCellsVisibility: (id: string) => boolean | undefined;
-  setMeshCellsVisibility: (id: string, visibility: boolean | undefined) => Promise<unknown>;
+  setMeshCellsVisibility: (id: string, visibility: boolean) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshCellsCommonStyle = useMeshCellsCommonStyle();
@@ -19,10 +19,7 @@ export function useMeshCellsVisibilityStyle(): {
     // oxlint-disable-next-line no-unsafe-type-assertion -- visibility is defined as boolean in the data style schema.
     return meshCellsCommonStyle.meshCellsStyle(id).visibility as boolean | undefined;
   }
-  async function setMeshCellsVisibility(
-    id: string,
-    visibility: boolean | undefined,
-  ): Promise<unknown> {
+  async function setMeshCellsVisibility(id: string, visibility: boolean): Promise<unknown> {
     const params = { id, visibility };
     const result = await viewerStore.request(
       {

package/internal/stores/data_style/mesh/edges/color.ts

@@ -1,5 +1,6 @@
+import type { RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useMeshEdgesCommonStyle } from "./common";
@@ -9,16 +10,17 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.edges.color;
 
 export function useMeshEdgesColorStyle(): {
-  meshEdgesColor: (id: string) => unknown;
-  setMeshEdgesColor: (id: string, color: unknown) => Promise<unknown>;
+  meshEdgesColor: (id: string) => RGBAColor | undefined;
+  setMeshEdgesColor: (id: string, color: RGBAColor) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
 
-  function meshEdgesColor(id: string): unknown {
-    return meshEdgesCommonStyle.meshEdgesColoring(id).constant;
+  function meshEdgesColor(id: string): RGBAColor | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.constant shape is defined by the data style schema.
+    return meshEdgesCommonStyle.meshEdgesColoring(id).constant as RGBAColor | undefined;
   }
-  async function setMeshEdgesColor(id: string, color: unknown): Promise<unknown> {
+  async function setMeshEdgesColor(id: string, color: RGBAColor): Promise<unknown> {
     const params = { id, color };
     const result = await viewerStore.request(
       {

package/internal/stores/data_style/mesh/edges/edge.ts

@@ -1,6 +1,6 @@
-import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
+import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
@@ -14,7 +14,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -29,22 +29,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isMeshEdgesEdgeAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isMeshEdgesEdgeAttributeValid(input: AttributeInput): input is ValidAttributeInput {
   return (
-    name !== undefined &&
-    item !== undefined &&
-    minimum !== undefined &&
-    maximum !== undefined &&
-    colorMap !== undefined
+    input.name !== undefined &&
+    input.item !== undefined &&
+    input.minimum !== undefined &&
+    input.maximum !== undefined &&
+    input.colorMap !== undefined
   );
 }
 
@@ -59,7 +62,7 @@ function useMeshEdgesEdgeAttributeStyle(): {
     name: string | undefined,
     item: number | undefined,
   ) => AttributeStoredConfig;
-  setMeshEdgesEdgeAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshEdgesEdgeAttribute: (id: string, input: ValidAttributeInput) => Promise<unknown>;
   setMeshEdgesEdgeAttributeName: (id: string, name: string) => Promise<unknown>;
   setMeshEdgesEdgeAttributeItem: (id: string, item: number) => Promise<unknown>;
   setMeshEdgesEdgeAttributeRange: (
@@ -68,8 +71,8 @@ function useMeshEdgesEdgeAttributeStyle(): {
     maximum: number,
   ) => Promise<unknown>;
   setMeshEdgesEdgeAttributeColorMap: (id: string, colorMap: string | undefined) => Promise<unknown>;
-  meshEdgesEdgeAttributeNoDataColor: (id: string) => unknown;
-  setMeshEdgesEdgeAttributeNoDataColor: (id: string, no_data_color: unknown) => Promise<unknown>;
+  meshEdgesEdgeAttributeNoDataColor: (id: string) => RGBAColor;
+  setMeshEdgesEdgeAttributeNoDataColor: (id: string, no_data_color: RGBAColor) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
@@ -146,7 +149,7 @@ function useMeshEdgesEdgeAttributeStyle(): {
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateMeshEdgesEdgeStyle(id, {
       name,
@@ -158,7 +161,7 @@ function useMeshEdgesEdgeAttributeStyle(): {
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const schema = meshEdgesEdgeAttributeSchemas.attribute;
     const params = {
       id,
@@ -242,7 +245,7 @@ function useMeshEdgesEdgeAttributeStyle(): {
     });
     return applyEdgeAttribute(id);
   }
-  function meshEdgesEdgeAttributeNoDataColor(id: string): unknown {
+  function meshEdgesEdgeAttributeNoDataColor(id: string): RGBAColor {
     const name = meshEdgesEdgeAttributeName(id);
     const item = meshEdgesEdgeAttributeItem(id);
     const storedConfig = meshEdgesEdgeAttributeStoredConfig(id, name, item);
@@ -250,7 +253,7 @@ function useMeshEdgesEdgeAttributeStyle(): {
   }
   async function setMeshEdgesEdgeAttributeNoDataColor(
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = meshEdgesEdgeAttributeName(id);
     const item = meshEdgesEdgeAttributeItem(id);

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

@@ -8,6 +8,7 @@ import { useMeshEdgesColorStyle } from "./color";
 import { useMeshEdgesCommonStyle } from "./common";
 import { useMeshEdgesVisibilityStyle } from "./visibility";
 import { useMeshEdgesWidthStyle } from "./width";
+import { whenDefined } from "@ogw_internal/stores/data_style/when_defined";
 
 // Local constants
 
@@ -57,7 +58,10 @@ async function setMeshEdgesActiveColoring(
     coloring: { active: type },
   });
   if (type === "constant") {
-    const result = await deps.colorStyle.setMeshEdgesColor(id, deps.colorStyle.meshEdgesColor(id));
+    const result = await whenDefined(deps.colorStyle.meshEdgesColor(id), async (value) => {
+      const applied = await deps.colorStyle.setMeshEdgesColor(id, value);
+      return applied;
+    });
     return result;
   }
   if (type === "vertex") {
@@ -79,8 +83,14 @@ async function applyMeshEdgesStyle(
   deps: MeshEdgesActiveColoringDeps,
 ): Promise<unknown[]> {
   const result = await Promise.all([
-    visibilityStyle.setMeshEdgesVisibility(id, visibilityStyle.meshEdgesVisibility(id)),
-    widthStyle.setMeshEdgesWidth(id, widthStyle.meshEdgesWidth(id)),
+    whenDefined(visibilityStyle.meshEdgesVisibility(id), async (value) => {
+      const applied = await visibilityStyle.setMeshEdgesVisibility(id, value);
+      return applied;
+    }),
+    whenDefined(widthStyle.meshEdgesWidth(id), async (value) => {
+      const applied = await widthStyle.setMeshEdgesWidth(id, value);
+      return applied;
+    }),
     setMeshEdgesActiveColoring(id, activeColoringType, deps),
   ]);
   return result;

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

@@ -1,6 +1,6 @@
-import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
+import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
@@ -15,7 +15,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -30,22 +30,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isMeshEdgesVertexAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isMeshEdgesVertexAttributeValid(input: AttributeInput): input is ValidAttributeInput {
   return (
-    name !== undefined &&
-    item !== undefined &&
-    minimum !== undefined &&
-    maximum !== undefined &&
-    colorMap !== undefined
+    input.name !== undefined &&
+    input.item !== undefined &&
+    input.minimum !== undefined &&
+    input.maximum !== undefined &&
+    input.colorMap !== undefined
   );
 }
 
@@ -59,7 +62,7 @@ interface UseMeshEdgesVertexAttributeStyleReturn {
     name: string | undefined,
     item: number | undefined,
   ) => AttributeStoredConfig;
-  setMeshEdgesVertexAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshEdgesVertexAttribute: (id: string, input: ValidAttributeInput) => Promise<unknown>;
   setMeshEdgesVertexAttributeName: (id: string, name: string) => Promise<unknown>;
   setMeshEdgesVertexAttributeItem: (id: string, item: number) => Promise<unknown>;
   setMeshEdgesVertexAttributeRange: (
@@ -71,8 +74,11 @@ interface UseMeshEdgesVertexAttributeStyleReturn {
     id: string,
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  meshEdgesVertexAttributeNoDataColor: (id: string) => unknown;
-  setMeshEdgesVertexAttributeNoDataColor: (id: string, no_data_color: unknown) => Promise<unknown>;
+  meshEdgesVertexAttributeNoDataColor: (id: string) => RGBAColor;
+  setMeshEdgesVertexAttributeNoDataColor: (
+    id: string,
+    no_data_color: RGBAColor,
+  ) => Promise<unknown>;
 }
 
 // oxlint-disable-next-line max-lines-per-function
@@ -152,7 +158,7 @@ function useMeshEdgesVertexAttributeStyle(): UseMeshEdgesVertexAttributeStyleRet
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateMeshEdgesVertexStyle(id, {
       name,
@@ -164,7 +170,7 @@ function useMeshEdgesVertexAttributeStyle(): UseMeshEdgesVertexAttributeStyleRet
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const schema = meshEdgesVertexAttributeSchemas.attribute;
     const params = {
       id,
@@ -248,7 +254,7 @@ function useMeshEdgesVertexAttributeStyle(): UseMeshEdgesVertexAttributeStyleRet
     });
     return applyVertexAttribute(id);
   }
-  function meshEdgesVertexAttributeNoDataColor(id: string): unknown {
+  function meshEdgesVertexAttributeNoDataColor(id: string): RGBAColor {
     const name = meshEdgesVertexAttributeName(id);
     const item = meshEdgesVertexAttributeItem(id);
     const storedConfig = meshEdgesVertexAttributeStoredConfig(id, name, item);
@@ -256,7 +262,7 @@ function useMeshEdgesVertexAttributeStyle(): UseMeshEdgesVertexAttributeStyleRet
   }
   async function setMeshEdgesVertexAttributeNoDataColor(
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = meshEdgesVertexAttributeName(id);
     const item = meshEdgesVertexAttributeItem(id);

package/internal/stores/data_style/mesh/edges/visibility.ts

@@ -1,5 +1,5 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 import { useMeshEdgesCommonStyle } from "./common";
 import { useViewerStore } from "@ogw_front/stores/viewer";
@@ -9,7 +9,7 @@ const schema = viewer_schemas.opengeodeweb_viewer.mesh.edges.visibility;
 
 export function useMeshEdgesVisibilityStyle(): {
   meshEdgesVisibility: (id: string) => boolean | undefined;
-  setMeshEdgesVisibility: (id: string, visibility: boolean | undefined) => Promise<unknown>;
+  setMeshEdgesVisibility: (id: string, visibility: boolean) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
@@ -18,10 +18,7 @@ export function useMeshEdgesVisibilityStyle(): {
     // oxlint-disable-next-line no-unsafe-type-assertion -- visibility is defined as boolean in the data style schema.
     return meshEdgesCommonStyle.meshEdgesStyle(id).visibility as boolean | undefined;
   }
-  async function setMeshEdgesVisibility(
-    id: string,
-    visibility: boolean | undefined,
-  ): Promise<unknown> {
+  async function setMeshEdgesVisibility(id: string, visibility: boolean): Promise<unknown> {
     const params = { id, visibility };
     const result = await viewerStore.request(
       {

package/internal/stores/data_style/mesh/edges/width.ts

@@ -1,5 +1,5 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 import { useMeshEdgesCommonStyle } from "./common";
 import { useViewerStore } from "@ogw_front/stores/viewer";
@@ -9,7 +9,7 @@ const schema = viewer_schemas.opengeodeweb_viewer.mesh.edges.width;
 
 export function useMeshEdgesWidthStyle(): {
   meshEdgesWidth: (id: string) => number | undefined;
-  setMeshEdgesWidth: (id: string, width: number | undefined) => Promise<unknown>;
+  setMeshEdgesWidth: (id: string, width: number) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
@@ -18,7 +18,7 @@ export function useMeshEdgesWidthStyle(): {
     // oxlint-disable-next-line no-unsafe-type-assertion -- width is defined as number in the data style schema.
     return meshEdgesCommonStyle.meshEdgesStyle(id).width as number | undefined;
   }
-  async function setMeshEdgesWidth(id: string, width: number | undefined): Promise<unknown> {
+  async function setMeshEdgesWidth(id: string, width: number): Promise<unknown> {
     const params = { id, width };
     const result = await viewerStore.request(
       {

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

@@ -1,5 +1,6 @@
+import type { RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
@@ -11,6 +12,7 @@ import { useMeshEdgesStyle } from "./edges";
 import { useMeshPointsStyle } from "./points";
 import { useMeshPolygonsStyle } from "./polygons";
 import { useMeshPolyhedraStyle } from "./polyhedra";
+import { whenDefined } from "@ogw_internal/stores/data_style/when_defined";
 
 // Local constants
 const meshSchemas = viewer_schemas.opengeodeweb_viewer.mesh;
@@ -18,9 +20,9 @@ const meshSchemas = viewer_schemas.opengeodeweb_viewer.mesh;
 // oxlint-disable-next-line max-lines-per-function
 export function useMeshStyle(): {
   meshVisibility: (id: string) => boolean | undefined;
-  setMeshVisibility: (id: string, visibility: boolean | undefined) => Promise<unknown>;
-  meshColor: (id: string) => unknown;
-  setMeshColor: (id: string, color: unknown) => Promise<unknown>;
+  setMeshVisibility: (id: string, visibility: boolean) => Promise<unknown>;
+  meshColor: (id: string) => RGBAColor | undefined;
+  setMeshColor: (id: string, color: RGBAColor) => Promise<unknown>;
   applyMeshStyle: (id: string) => Promise<unknown[]>;
 } & ReturnType<typeof useMeshPointsStyle> &
   ReturnType<typeof useMeshEdgesStyle> &
@@ -39,7 +41,7 @@ export function useMeshStyle(): {
   function meshVisibility(id: string): boolean | undefined {
     return dataStyleState.getStyle(id).visibility;
   }
-  async function setMeshVisibility(id: string, visibility: boolean | undefined): Promise<unknown> {
+  async function setMeshVisibility(id: string, visibility: boolean): Promise<unknown> {
     const schema = meshSchemas.visibility;
     const params = { id, visibility };
     const result = await viewerStore.request(
@@ -60,11 +62,12 @@ export function useMeshStyle(): {
     return result;
   }
 
-  function meshColor(id: string): unknown {
-    return dataStyleState.getStyle(id).color;
+  function meshColor(id: string): RGBAColor | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- color shape is defined by the data style schema.
+    return dataStyleState.getStyle(id).color as RGBAColor | undefined;
   }
 
-  async function setMeshColor(id: string, color: unknown): Promise<unknown> {
+  async function setMeshColor(id: string, color: RGBAColor): Promise<unknown> {
     const schema = meshSchemas.color;
     const params = { id, color };
     const result = await viewerStore.request(
@@ -85,11 +88,21 @@ export function useMeshStyle(): {
   async function applyMeshStyle(id: string): Promise<unknown[]> {
     const style = dataStyleState.getStyle(id);
     const promise_array: unknown[] = [];
-    for (const [key, value] of Object.entries(style)) {
+    for (const key of Object.keys(style)) {
       if (key === "visibility") {
-        promise_array.push(setMeshVisibility(id, style.visibility));
+        promise_array.push(
+          whenDefined(style.visibility, async (visibility) => {
+            const applied = await setMeshVisibility(id, visibility);
+            return applied;
+          }),
+        );
       } else if (key === "color") {
-        promise_array.push(setMeshColor(id, value));
+        promise_array.push(
+          whenDefined(meshColor(id), async (color) => {
+            const applied = await setMeshColor(id, color);
+            return applied;
+          }),
+        );
       } else if (key === "points") {
         promise_array.push(meshPointsStyle.applyMeshPointsStyle(id));
       } else if (key === "edges") {

package/internal/stores/data_style/mesh/points/color.ts

@@ -1,5 +1,6 @@
+import type { RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useMeshPointsCommonStyle } from "./common";
@@ -9,16 +10,17 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.points.color;
 
 export function useMeshPointsColorStyle(): {
-  meshPointsColor: (id: string) => unknown;
-  setMeshPointsColor: (id: string, color: unknown) => Promise<unknown>;
+  meshPointsColor: (id: string) => RGBAColor | undefined;
+  setMeshPointsColor: (id: string, color: RGBAColor) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshPointsCommonStyle = useMeshPointsCommonStyle();
 
-  function meshPointsColor(id: string): unknown {
-    return meshPointsCommonStyle.meshPointsColoring(id).constant;
+  function meshPointsColor(id: string): RGBAColor | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.constant shape is defined by the data style schema.
+    return meshPointsCommonStyle.meshPointsColoring(id).constant as RGBAColor | undefined;
   }
-  async function setMeshPointsColor(id: string, color: unknown): Promise<unknown> {
+  async function setMeshPointsColor(id: string, color: RGBAColor): Promise<unknown> {
     const params = { id, color };
     const result = await viewerStore.request(
       {

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

@@ -7,6 +7,7 @@ import { useMeshPointsColorStyle } from "./color";
 import { useMeshPointsCommonStyle } from "./common";
 import { useMeshPointsSizeStyle } from "./size";
 import { useMeshPointsVisibilityStyle } from "./visibility";
+import { whenDefined } from "@ogw_internal/stores/data_style/when_defined";
 
 // Local constants
 
@@ -40,10 +41,10 @@ async function setMeshPointsActiveColoring(
     coloring: { active: type },
   });
   if (type === "constant") {
-    const result = await deps.colorStyle.setMeshPointsColor(
-      id,
-      deps.colorStyle.meshPointsColor(id),
-    );
+    const result = await whenDefined(deps.colorStyle.meshPointsColor(id), async (value) => {
+      const applied = await deps.colorStyle.setMeshPointsColor(id, value);
+      return applied;
+    });
     return result;
   }
   if (type === "vertex") {
@@ -61,8 +62,14 @@ async function applyMeshPointsStyle(
   deps: MeshPointsActiveColoringDeps,
 ): Promise<unknown[]> {
   const result = await Promise.all([
-    visibilityStyle.setMeshPointsVisibility(id, visibilityStyle.meshPointsVisibility(id)),
-    sizeStyle.setMeshPointsSize(id, sizeStyle.meshPointsSize(id)),
+    whenDefined(visibilityStyle.meshPointsVisibility(id), async (value) => {
+      const applied = await visibilityStyle.setMeshPointsVisibility(id, value);
+      return applied;
+    }),
+    whenDefined(sizeStyle.meshPointsSize(id), async (value) => {
+      const applied = await sizeStyle.setMeshPointsSize(id, value);
+      return applied;
+    }),
     setMeshPointsActiveColoring(id, activeColoringType, deps),
   ]);
   return result;

package/internal/stores/data_style/mesh/points/size.ts

@@ -1,5 +1,5 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useMeshPointsCommonStyle } from "./common";
@@ -10,7 +10,7 @@ const schema = viewer_schemas.opengeodeweb_viewer.mesh.points.size;
 
 export function useMeshPointsSizeStyle(): {
   meshPointsSize: (id: string) => number | undefined;
-  setMeshPointsSize: (id: string, size: number | undefined) => Promise<unknown>;
+  setMeshPointsSize: (id: string, size: number) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshPointsCommonStyle = useMeshPointsCommonStyle();
@@ -19,7 +19,7 @@ export function useMeshPointsSizeStyle(): {
     // oxlint-disable-next-line no-unsafe-type-assertion -- size is defined as number in the data style schema.
     return meshPointsCommonStyle.meshPointsStyle(id).size as number | undefined;
   }
-  async function setMeshPointsSize(id: string, size: number | undefined): Promise<unknown> {
+  async function setMeshPointsSize(id: string, size: number): Promise<unknown> {
     const params = { id, size };
     const result = await viewerStore.request(
       {

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

@@ -1,6 +1,6 @@
-import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
+import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
@@ -15,7 +15,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -30,22 +30,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isMeshPointsVertexAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isMeshPointsVertexAttributeValid(input: AttributeInput): input is ValidAttributeInput {
   return (
-    name !== undefined &&
-    item !== undefined &&
-    minimum !== undefined &&
-    maximum !== undefined &&
-    colorMap !== undefined
+    input.name !== undefined &&
+    input.item !== undefined &&
+    input.minimum !== undefined &&
+    input.maximum !== undefined &&
+    input.colorMap !== undefined
   );
 }
 
@@ -59,7 +62,7 @@ interface UseMeshPointsVertexAttributeStyleReturn {
     name: string | undefined,
     item: number | undefined,
   ) => AttributeStoredConfig;
-  setMeshPointsVertexAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshPointsVertexAttribute: (id: string, input: ValidAttributeInput) => Promise<unknown>;
   setMeshPointsVertexAttributeName: (id: string, name: string) => Promise<unknown>;
   setMeshPointsVertexAttributeItem: (id: string, item: number) => Promise<unknown>;
   setMeshPointsVertexAttributeRange: (
@@ -71,8 +74,11 @@ interface UseMeshPointsVertexAttributeStyleReturn {
     id: string,
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  meshPointsVertexAttributeNoDataColor: (id: string) => unknown;
-  setMeshPointsVertexAttributeNoDataColor: (id: string, no_data_color: unknown) => Promise<unknown>;
+  meshPointsVertexAttributeNoDataColor: (id: string) => RGBAColor;
+  setMeshPointsVertexAttributeNoDataColor: (
+    id: string,
+    no_data_color: RGBAColor,
+  ) => Promise<unknown>;
 }
 
 // oxlint-disable-next-line max-lines-per-function
@@ -152,7 +158,7 @@ function useMeshPointsVertexAttributeStyle(): UseMeshPointsVertexAttributeStyleR
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateMeshPointsVertexStyle(id, {
       name,
@@ -164,7 +170,7 @@ function useMeshPointsVertexAttributeStyle(): UseMeshPointsVertexAttributeStyleR
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const schema = meshPointsVertexAttributeSchemas.attribute;
     const params = {
       id,
@@ -248,7 +254,7 @@ function useMeshPointsVertexAttributeStyle(): UseMeshPointsVertexAttributeStyleR
     });
     return applyVertexAttribute(id);
   }
-  function meshPointsVertexAttributeNoDataColor(id: string): unknown {
+  function meshPointsVertexAttributeNoDataColor(id: string): RGBAColor {
     const name = meshPointsVertexAttributeName(id);
     const item = meshPointsVertexAttributeItem(id);
     const storedConfig = meshPointsVertexAttributeStoredConfig(id, name, item);
@@ -256,7 +262,7 @@ function useMeshPointsVertexAttributeStyle(): UseMeshPointsVertexAttributeStyleR
   }
   async function setMeshPointsVertexAttributeNoDataColor(
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = meshPointsVertexAttributeName(id);
     const item = meshPointsVertexAttributeItem(id);