@dcl/protocol 1.0.0-16812988020.commit-d8676dd → 1.0.0-16829025986.commit-d35499a

package/out-ts/decentraland/sdk/components/mesh_collider.gen.ts

@@ -148,6 +148,7 @@ export interface PBMeshCollider {
     | { $case: "sphere"; sphere: PBMeshCollider_SphereMesh }
     | { $case: "cylinder"; cylinder: PBMeshCollider_CylinderMesh }
     | { $case: "plane"; plane: PBMeshCollider_PlaneMesh }
+    | { $case: "gltf"; gltf: PBMeshCollider_GltfMesh }
     | undefined;
 }
 
@@ -173,6 +174,14 @@ export interface PBMeshCollider_PlaneMesh {
 export interface PBMeshCollider_SphereMesh {
 }
 
+/** A collider constructed from a Gltf Mesh. */
+export interface PBMeshCollider_GltfMesh {
+  /** the GLTF file path as listed in the scene's manifest. */
+  gltfSrc: string;
+  /** the name of the mesh asset */
+  name: string;
+}
+
 function createBasePBMeshCollider(): PBMeshCollider {
   return { collisionMask: undefined, mesh: undefined };
 }
@@ -195,6 +204,9 @@ export namespace PBMeshCollider {
       case "plane":
         PBMeshCollider_PlaneMesh.encode(message.mesh.plane, writer.uint32(42).fork()).ldelim();
         break;
+      case "gltf":
+        PBMeshCollider_GltfMesh.encode(message.mesh.gltf, writer.uint32(50).fork()).ldelim();
+        break;
     }
     return writer;
   }
@@ -241,6 +253,13 @@ export namespace PBMeshCollider {
 
           message.mesh = { $case: "plane", plane: PBMeshCollider_PlaneMesh.decode(reader, reader.uint32()) };
           continue;
+        case 6:
+          if (tag !== 50) {
+            break;
+          }
+
+          message.mesh = { $case: "gltf", gltf: PBMeshCollider_GltfMesh.decode(reader, reader.uint32()) };
+          continue;
       }
       if ((tag & 7) === 4 || tag === 0) {
         break;
@@ -261,6 +280,8 @@ export namespace PBMeshCollider {
         ? { $case: "cylinder", cylinder: PBMeshCollider_CylinderMesh.fromJSON(object.cylinder) }
         : isSet(object.plane)
         ? { $case: "plane", plane: PBMeshCollider_PlaneMesh.fromJSON(object.plane) }
+        : isSet(object.gltf)
+        ? { $case: "gltf", gltf: PBMeshCollider_GltfMesh.fromJSON(object.gltf) }
         : undefined,
     };
   }
@@ -276,6 +297,8 @@ export namespace PBMeshCollider {
       (obj.cylinder = message.mesh?.cylinder ? PBMeshCollider_CylinderMesh.toJSON(message.mesh?.cylinder) : undefined);
     message.mesh?.$case === "plane" &&
       (obj.plane = message.mesh?.plane ? PBMeshCollider_PlaneMesh.toJSON(message.mesh?.plane) : undefined);
+    message.mesh?.$case === "gltf" &&
+      (obj.gltf = message.mesh?.gltf ? PBMeshCollider_GltfMesh.toJSON(message.mesh?.gltf) : undefined);
     return obj;
   }
 
@@ -298,6 +321,9 @@ export namespace PBMeshCollider {
     if (object.mesh?.$case === "plane" && object.mesh?.plane !== undefined && object.mesh?.plane !== null) {
       message.mesh = { $case: "plane", plane: PBMeshCollider_PlaneMesh.fromPartial(object.mesh.plane) };
     }
+    if (object.mesh?.$case === "gltf" && object.mesh?.gltf !== undefined && object.mesh?.gltf !== null) {
+      message.mesh = { $case: "gltf", gltf: PBMeshCollider_GltfMesh.fromPartial(object.mesh.gltf) };
+    }
     return message;
   }
 }
@@ -517,6 +543,79 @@ export namespace PBMeshCollider_SphereMesh {
   }
 }
 
+function createBasePBMeshCollider_GltfMesh(): PBMeshCollider_GltfMesh {
+  return { gltfSrc: "", name: "" };
+}
+
+export namespace PBMeshCollider_GltfMesh {
+  export function encode(message: PBMeshCollider_GltfMesh, writer: _m0.Writer = _m0.Writer.create()): _m0.Writer {
+    if (message.gltfSrc !== "") {
+      writer.uint32(10).string(message.gltfSrc);
+    }
+    if (message.name !== "") {
+      writer.uint32(18).string(message.name);
+    }
+    return writer;
+  }
+
+  export function decode(input: _m0.Reader | Uint8Array, length?: number): PBMeshCollider_GltfMesh {
+    const reader = input instanceof _m0.Reader ? input : _m0.Reader.create(input);
+    let end = length === undefined ? reader.len : reader.pos + length;
+    const message = createBasePBMeshCollider_GltfMesh();
+    while (reader.pos < end) {
+      const tag = reader.uint32();
+      switch (tag >>> 3) {
+        case 1:
+          if (tag !== 10) {
+            break;
+          }
+
+          message.gltfSrc = reader.string();
+          continue;
+        case 2:
+          if (tag !== 18) {
+            break;
+          }
+
+          message.name = reader.string();
+          continue;
+      }
+      if ((tag & 7) === 4 || tag === 0) {
+        break;
+      }
+      reader.skipType(tag & 7);
+    }
+    return message;
+  }
+
+  export function fromJSON(object: any): PBMeshCollider_GltfMesh {
+    return {
+      gltfSrc: isSet(object.gltfSrc) ? String(object.gltfSrc) : "",
+      name: isSet(object.name) ? String(object.name) : "",
+    };
+  }
+
+  export function toJSON(message: PBMeshCollider_GltfMesh): unknown {
+    const obj: any = {};
+    message.gltfSrc !== undefined && (obj.gltfSrc = message.gltfSrc);
+    message.name !== undefined && (obj.name = message.name);
+    return obj;
+  }
+
+  export function create<I extends Exact<DeepPartial<PBMeshCollider_GltfMesh>, I>>(base?: I): PBMeshCollider_GltfMesh {
+    return PBMeshCollider_GltfMesh.fromPartial(base ?? {});
+  }
+
+  export function fromPartial<I extends Exact<DeepPartial<PBMeshCollider_GltfMesh>, I>>(
+    object: I,
+  ): PBMeshCollider_GltfMesh {
+    const message = createBasePBMeshCollider_GltfMesh();
+    message.gltfSrc = object.gltfSrc ?? "";
+    message.name = object.name ?? "";
+    return message;
+  }
+}
+
 type Builtin = Date | Function | Uint8Array | string | number | boolean | undefined;
 
 export type DeepPartial<T> = T extends Builtin ? T

package/out-ts/decentraland/sdk/components/mesh_renderer.gen.ts

@@ -5,13 +5,11 @@ export const protobufPackage = "decentraland.sdk.components";
 
 /**
  * The MeshRenderer component renders a basic geometric shape for an Entity. It can be a cube, a
- * plane, a sphere or a cylinder.
+ * plane, a sphere, a cylinder, or a Gltf mesh.
  *
  * The cube and plane variants can include a UV texture mapping, so specific areas of a material
  * texture are rendered on different faces of the shape. They are serialized as a sequence of 2D
  * `float` coordinates, one for each corner of each side of each face.
- *
- * More complex shapes require the use of a `GltfContainer` component.
  */
 export interface PBMeshRenderer {
   mesh?:
@@ -19,6 +17,7 @@ export interface PBMeshRenderer {
     | { $case: "sphere"; sphere: PBMeshRenderer_SphereMesh }
     | { $case: "cylinder"; cylinder: PBMeshRenderer_CylinderMesh }
     | { $case: "plane"; plane: PBMeshRenderer_PlaneMesh }
+    | { $case: "gltf"; gltf: PBMeshRenderer_GltfMesh }
     | undefined;
 }
 
@@ -48,6 +47,14 @@ export interface PBMeshRenderer_PlaneMesh {
 export interface PBMeshRenderer_SphereMesh {
 }
 
+/** A mesh from a Gltf. */
+export interface PBMeshRenderer_GltfMesh {
+  /** the GLTF file path as listed in the scene's manifest. */
+  gltfSrc: string;
+  /** the name of the mesh asset */
+  name: string;
+}
+
 function createBasePBMeshRenderer(): PBMeshRenderer {
   return { mesh: undefined };
 }
@@ -67,6 +74,9 @@ export namespace PBMeshRenderer {
       case "plane":
         PBMeshRenderer_PlaneMesh.encode(message.mesh.plane, writer.uint32(34).fork()).ldelim();
         break;
+      case "gltf":
+        PBMeshRenderer_GltfMesh.encode(message.mesh.gltf, writer.uint32(42).fork()).ldelim();
+        break;
     }
     return writer;
   }
@@ -106,6 +116,13 @@ export namespace PBMeshRenderer {
 
           message.mesh = { $case: "plane", plane: PBMeshRenderer_PlaneMesh.decode(reader, reader.uint32()) };
           continue;
+        case 5:
+          if (tag !== 42) {
+            break;
+          }
+
+          message.mesh = { $case: "gltf", gltf: PBMeshRenderer_GltfMesh.decode(reader, reader.uint32()) };
+          continue;
       }
       if ((tag & 7) === 4 || tag === 0) {
         break;
@@ -125,6 +142,8 @@ export namespace PBMeshRenderer {
         ? { $case: "cylinder", cylinder: PBMeshRenderer_CylinderMesh.fromJSON(object.cylinder) }
         : isSet(object.plane)
         ? { $case: "plane", plane: PBMeshRenderer_PlaneMesh.fromJSON(object.plane) }
+        : isSet(object.gltf)
+        ? { $case: "gltf", gltf: PBMeshRenderer_GltfMesh.fromJSON(object.gltf) }
         : undefined,
     };
   }
@@ -139,6 +158,8 @@ export namespace PBMeshRenderer {
       (obj.cylinder = message.mesh?.cylinder ? PBMeshRenderer_CylinderMesh.toJSON(message.mesh?.cylinder) : undefined);
     message.mesh?.$case === "plane" &&
       (obj.plane = message.mesh?.plane ? PBMeshRenderer_PlaneMesh.toJSON(message.mesh?.plane) : undefined);
+    message.mesh?.$case === "gltf" &&
+      (obj.gltf = message.mesh?.gltf ? PBMeshRenderer_GltfMesh.toJSON(message.mesh?.gltf) : undefined);
     return obj;
   }
 
@@ -160,6 +181,9 @@ export namespace PBMeshRenderer {
     if (object.mesh?.$case === "plane" && object.mesh?.plane !== undefined && object.mesh?.plane !== null) {
       message.mesh = { $case: "plane", plane: PBMeshRenderer_PlaneMesh.fromPartial(object.mesh.plane) };
     }
+    if (object.mesh?.$case === "gltf" && object.mesh?.gltf !== undefined && object.mesh?.gltf !== null) {
+      message.mesh = { $case: "gltf", gltf: PBMeshRenderer_GltfMesh.fromPartial(object.mesh.gltf) };
+    }
     return message;
   }
 }
@@ -437,6 +461,79 @@ export namespace PBMeshRenderer_SphereMesh {
   }
 }
 
+function createBasePBMeshRenderer_GltfMesh(): PBMeshRenderer_GltfMesh {
+  return { gltfSrc: "", name: "" };
+}
+
+export namespace PBMeshRenderer_GltfMesh {
+  export function encode(message: PBMeshRenderer_GltfMesh, writer: _m0.Writer = _m0.Writer.create()): _m0.Writer {
+    if (message.gltfSrc !== "") {
+      writer.uint32(10).string(message.gltfSrc);
+    }
+    if (message.name !== "") {
+      writer.uint32(18).string(message.name);
+    }
+    return writer;
+  }
+
+  export function decode(input: _m0.Reader | Uint8Array, length?: number): PBMeshRenderer_GltfMesh {
+    const reader = input instanceof _m0.Reader ? input : _m0.Reader.create(input);
+    let end = length === undefined ? reader.len : reader.pos + length;
+    const message = createBasePBMeshRenderer_GltfMesh();
+    while (reader.pos < end) {
+      const tag = reader.uint32();
+      switch (tag >>> 3) {
+        case 1:
+          if (tag !== 10) {
+            break;
+          }
+
+          message.gltfSrc = reader.string();
+          continue;
+        case 2:
+          if (tag !== 18) {
+            break;
+          }
+
+          message.name = reader.string();
+          continue;
+      }
+      if ((tag & 7) === 4 || tag === 0) {
+        break;
+      }
+      reader.skipType(tag & 7);
+    }
+    return message;
+  }
+
+  export function fromJSON(object: any): PBMeshRenderer_GltfMesh {
+    return {
+      gltfSrc: isSet(object.gltfSrc) ? String(object.gltfSrc) : "",
+      name: isSet(object.name) ? String(object.name) : "",
+    };
+  }
+
+  export function toJSON(message: PBMeshRenderer_GltfMesh): unknown {
+    const obj: any = {};
+    message.gltfSrc !== undefined && (obj.gltfSrc = message.gltfSrc);
+    message.name !== undefined && (obj.name = message.name);
+    return obj;
+  }
+
+  export function create<I extends Exact<DeepPartial<PBMeshRenderer_GltfMesh>, I>>(base?: I): PBMeshRenderer_GltfMesh {
+    return PBMeshRenderer_GltfMesh.fromPartial(base ?? {});
+  }
+
+  export function fromPartial<I extends Exact<DeepPartial<PBMeshRenderer_GltfMesh>, I>>(
+    object: I,
+  ): PBMeshRenderer_GltfMesh {
+    const message = createBasePBMeshRenderer_GltfMesh();
+    message.gltfSrc = object.gltfSrc ?? "";
+    message.name = object.name ?? "";
+    return message;
+  }
+}
+
 type Builtin = Date | Function | Uint8Array | string | number | boolean | undefined;
 
 export type DeepPartial<T> = T extends Builtin ? T

package/out-ts/decentraland/sdk/components/ui_text.gen.ts

@@ -65,7 +65,15 @@ export interface PBUiText {
     | number
     | undefined;
   /** wrap text when the border is reached (default: TW_WRAP) */
-  textWrap?: TextWrap | undefined;
+  textWrap?:
+    | TextWrap
+    | undefined;
+  /** width of the outline (default: 0) */
+  outlineWidth?:
+    | number
+    | undefined;
+  /** RGBA color of the outline (default: opaque black) */
+  outlineColor?: Color4 | undefined;
 }
 
 function createBasePBUiText(): PBUiText {
@@ -76,6 +84,8 @@ function createBasePBUiText(): PBUiText {
     font: undefined,
     fontSize: undefined,
     textWrap: undefined,
+    outlineWidth: undefined,
+    outlineColor: undefined,
   };
 }
 
@@ -99,6 +109,12 @@ export namespace PBUiText {
     if (message.textWrap !== undefined) {
       writer.uint32(48).int32(message.textWrap);
     }
+    if (message.outlineWidth !== undefined) {
+      writer.uint32(61).float(message.outlineWidth);
+    }
+    if (message.outlineColor !== undefined) {
+      Color4.encode(message.outlineColor, writer.uint32(66).fork()).ldelim();
+    }
     return writer;
   }
 
@@ -151,6 +167,20 @@ export namespace PBUiText {
 
           message.textWrap = reader.int32() as any;
           continue;
+        case 7:
+          if (tag !== 61) {
+            break;
+          }
+
+          message.outlineWidth = reader.float();
+          continue;
+        case 8:
+          if (tag !== 66) {
+            break;
+          }
+
+          message.outlineColor = Color4.decode(reader, reader.uint32());
+          continue;
       }
       if ((tag & 7) === 4 || tag === 0) {
         break;
@@ -168,6 +198,8 @@ export namespace PBUiText {
       font: isSet(object.font) ? fontFromJSON(object.font) : undefined,
       fontSize: isSet(object.fontSize) ? Number(object.fontSize) : undefined,
       textWrap: isSet(object.textWrap) ? textWrapFromJSON(object.textWrap) : undefined,
+      outlineWidth: isSet(object.outlineWidth) ? Number(object.outlineWidth) : undefined,
+      outlineColor: isSet(object.outlineColor) ? Color4.fromJSON(object.outlineColor) : undefined,
     };
   }
 
@@ -181,6 +213,9 @@ export namespace PBUiText {
     message.fontSize !== undefined && (obj.fontSize = Math.round(message.fontSize));
     message.textWrap !== undefined &&
       (obj.textWrap = message.textWrap !== undefined ? textWrapToJSON(message.textWrap) : undefined);
+    message.outlineWidth !== undefined && (obj.outlineWidth = message.outlineWidth);
+    message.outlineColor !== undefined &&
+      (obj.outlineColor = message.outlineColor ? Color4.toJSON(message.outlineColor) : undefined);
     return obj;
   }
 
@@ -198,6 +233,10 @@ export namespace PBUiText {
     message.font = object.font ?? undefined;
     message.fontSize = object.fontSize ?? undefined;
     message.textWrap = object.textWrap ?? undefined;
+    message.outlineWidth = object.outlineWidth ?? undefined;
+    message.outlineColor = (object.outlineColor !== undefined && object.outlineColor !== null)
+      ? Color4.fromPartial(object.outlineColor)
+      : undefined;
     return message;
   }
 }

package/out-ts/decentraland/sdk/components/ui_transform.gen.ts

@@ -1,6 +1,7 @@
 /* eslint-disable */
 import _m0 from "protobufjs/minimal";
 import { Color4 } from "../../common/colors.gen";
+import { Vector2 } from "../../common/vectors.gen";
 
 export const protobufPackage = "decentraland.sdk.components";
 
@@ -472,6 +473,55 @@ export function pointerFilterModeToJSON(object: PointerFilterMode): string {
   }
 }
 
+export enum ShowScrollBar {
+  SSB_BOTH = 0,
+  SSB_ONLY_VERTICAL = 1,
+  SSB_ONLY_HORIZONTAL = 2,
+  SSB_HIDDEN = 3,
+  UNRECOGNIZED = -1,
+}
+
+export function showScrollBarFromJSON(object: any): ShowScrollBar {
+  switch (object) {
+    case 0:
+    case "SSB_BOTH":
+      return ShowScrollBar.SSB_BOTH;
+    case 1:
+    case "SSB_ONLY_VERTICAL":
+      return ShowScrollBar.SSB_ONLY_VERTICAL;
+    case 2:
+    case "SSB_ONLY_HORIZONTAL":
+      return ShowScrollBar.SSB_ONLY_HORIZONTAL;
+    case 3:
+    case "SSB_HIDDEN":
+      return ShowScrollBar.SSB_HIDDEN;
+    case -1:
+    case "UNRECOGNIZED":
+    default:
+      return ShowScrollBar.UNRECOGNIZED;
+  }
+}
+
+export function showScrollBarToJSON(object: ShowScrollBar): string {
+  switch (object) {
+    case ShowScrollBar.SSB_BOTH:
+      return "SSB_BOTH";
+    case ShowScrollBar.SSB_ONLY_VERTICAL:
+      return "SSB_ONLY_VERTICAL";
+    case ShowScrollBar.SSB_ONLY_HORIZONTAL:
+      return "SSB_ONLY_HORIZONTAL";
+    case ShowScrollBar.SSB_HIDDEN:
+      return "SSB_HIDDEN";
+    case ShowScrollBar.UNRECOGNIZED:
+    default:
+      return "UNRECOGNIZED";
+  }
+}
+
+export interface ScrollPositionValue {
+  value?: { $case: "position"; position: Vector2 } | { $case: "reference"; reference: string } | undefined;
+}
+
 export interface PBUiTransform {
   parent: number;
   rightOf: number;
@@ -616,10 +666,105 @@ export interface PBUiTransform {
   opacity?:
     | number
     | undefined;
+  /** reference for scroll_position. default empty */
+  elementId?:
+    | string
+    | undefined;
+  /** default position=(0,0) */
+  scrollPosition?:
+    | ScrollPositionValue
+    | undefined;
+  /** default ShowScrollBar.SSB_BOTH */
+  scrollVisible?:
+    | ShowScrollBar
+    | undefined;
   /** default: 0 — controls render stacking order. Higher values appear in front of lower values. */
   zIndex?: number | undefined;
 }
 
+function createBaseScrollPositionValue(): ScrollPositionValue {
+  return { value: undefined };
+}
+
+export namespace ScrollPositionValue {
+  export function encode(message: ScrollPositionValue, writer: _m0.Writer = _m0.Writer.create()): _m0.Writer {
+    switch (message.value?.$case) {
+      case "position":
+        Vector2.encode(message.value.position, writer.uint32(10).fork()).ldelim();
+        break;
+      case "reference":
+        writer.uint32(18).string(message.value.reference);
+        break;
+    }
+    return writer;
+  }
+
+  export function decode(input: _m0.Reader | Uint8Array, length?: number): ScrollPositionValue {
+    const reader = input instanceof _m0.Reader ? input : _m0.Reader.create(input);
+    let end = length === undefined ? reader.len : reader.pos + length;
+    const message = createBaseScrollPositionValue();
+    while (reader.pos < end) {
+      const tag = reader.uint32();
+      switch (tag >>> 3) {
+        case 1:
+          if (tag !== 10) {
+            break;
+          }
+
+          message.value = { $case: "position", position: Vector2.decode(reader, reader.uint32()) };
+          continue;
+        case 2:
+          if (tag !== 18) {
+            break;
+          }
+
+          message.value = { $case: "reference", reference: reader.string() };
+          continue;
+      }
+      if ((tag & 7) === 4 || tag === 0) {
+        break;
+      }
+      reader.skipType(tag & 7);
+    }
+    return message;
+  }
+
+  export function fromJSON(object: any): ScrollPositionValue {
+    return {
+      value: isSet(object.position)
+        ? { $case: "position", position: Vector2.fromJSON(object.position) }
+        : isSet(object.reference)
+        ? { $case: "reference", reference: String(object.reference) }
+        : undefined,
+    };
+  }
+
+  export function toJSON(message: ScrollPositionValue): unknown {
+    const obj: any = {};
+    message.value?.$case === "position" &&
+      (obj.position = message.value?.position ? Vector2.toJSON(message.value?.position) : undefined);
+    message.value?.$case === "reference" && (obj.reference = message.value?.reference);
+    return obj;
+  }
+
+  export function create<I extends Exact<DeepPartial<ScrollPositionValue>, I>>(base?: I): ScrollPositionValue {
+    return ScrollPositionValue.fromPartial(base ?? {});
+  }
+
+  export function fromPartial<I extends Exact<DeepPartial<ScrollPositionValue>, I>>(object: I): ScrollPositionValue {
+    const message = createBaseScrollPositionValue();
+    if (object.value?.$case === "position" && object.value?.position !== undefined && object.value?.position !== null) {
+      message.value = { $case: "position", position: Vector2.fromPartial(object.value.position) };
+    }
+    if (
+      object.value?.$case === "reference" && object.value?.reference !== undefined && object.value?.reference !== null
+    ) {
+      message.value = { $case: "reference", reference: object.value.reference };
+    }
+    return message;
+  }
+}
+
 function createBasePBUiTransform(): PBUiTransform {
   return {
     parent: 0,
@@ -695,6 +840,9 @@ function createBasePBUiTransform(): PBUiTransform {
     borderLeftColor: undefined,
     borderRightColor: undefined,
     opacity: undefined,
+    elementId: undefined,
+    scrollPosition: undefined,
+    scrollVisible: undefined,
     zIndex: undefined,
   };
 }
@@ -920,6 +1068,15 @@ export namespace PBUiTransform {
     if (message.opacity !== undefined) {
       writer.uint32(589).float(message.opacity);
     }
+    if (message.elementId !== undefined) {
+      writer.uint32(594).string(message.elementId);
+    }
+    if (message.scrollPosition !== undefined) {
+      ScrollPositionValue.encode(message.scrollPosition, writer.uint32(602).fork()).ldelim();
+    }
+    if (message.scrollVisible !== undefined) {
+      writer.uint32(608).int32(message.scrollVisible);
+    }
     if (message.zIndex !== undefined) {
       writer.uint32(616).int32(message.zIndex);
     }
@@ -1444,6 +1601,27 @@ export namespace PBUiTransform {
 
           message.opacity = reader.float();
           continue;
+        case 74:
+          if (tag !== 594) {
+            break;
+          }
+
+          message.elementId = reader.string();
+          continue;
+        case 75:
+          if (tag !== 602) {
+            break;
+          }
+
+          message.scrollPosition = ScrollPositionValue.decode(reader, reader.uint32());
+          continue;
+        case 76:
+          if (tag !== 608) {
+            break;
+          }
+
+          message.scrollVisible = reader.int32() as any;
+          continue;
         case 77:
           if (tag !== 616) {
             break;
@@ -1549,6 +1727,9 @@ export namespace PBUiTransform {
       borderLeftColor: isSet(object.borderLeftColor) ? Color4.fromJSON(object.borderLeftColor) : undefined,
       borderRightColor: isSet(object.borderRightColor) ? Color4.fromJSON(object.borderRightColor) : undefined,
       opacity: isSet(object.opacity) ? Number(object.opacity) : undefined,
+      elementId: isSet(object.elementId) ? String(object.elementId) : undefined,
+      scrollPosition: isSet(object.scrollPosition) ? ScrollPositionValue.fromJSON(object.scrollPosition) : undefined,
+      scrollVisible: isSet(object.scrollVisible) ? showScrollBarFromJSON(object.scrollVisible) : undefined,
       zIndex: isSet(object.zIndex) ? Number(object.zIndex) : undefined,
     };
   }
@@ -1662,6 +1843,13 @@ export namespace PBUiTransform {
     message.borderRightColor !== undefined &&
       (obj.borderRightColor = message.borderRightColor ? Color4.toJSON(message.borderRightColor) : undefined);
     message.opacity !== undefined && (obj.opacity = message.opacity);
+    message.elementId !== undefined && (obj.elementId = message.elementId);
+    message.scrollPosition !== undefined &&
+      (obj.scrollPosition = message.scrollPosition ? ScrollPositionValue.toJSON(message.scrollPosition) : undefined);
+    message.scrollVisible !== undefined &&
+      (obj.scrollVisible = message.scrollVisible !== undefined
+        ? showScrollBarToJSON(message.scrollVisible)
+        : undefined);
     message.zIndex !== undefined && (obj.zIndex = Math.round(message.zIndex));
     return obj;
   }
@@ -1753,6 +1941,11 @@ export namespace PBUiTransform {
       ? Color4.fromPartial(object.borderRightColor)
       : undefined;
     message.opacity = object.opacity ?? undefined;
+    message.elementId = object.elementId ?? undefined;
+    message.scrollPosition = (object.scrollPosition !== undefined && object.scrollPosition !== null)
+      ? ScrollPositionValue.fromPartial(object.scrollPosition)
+      : undefined;
+    message.scrollVisible = object.scrollVisible ?? undefined;
     message.zIndex = object.zIndex ?? undefined;
     return message;
   }