@dcl/ecs 7.7.2-12876822878.commit-75bba39 → 7.7.2-12988530758.commit-08f37d7

package/dist-cjs/components/generated/pb/decentraland/sdk/components/ui_canvas.gen.d.ts

@@ -0,0 +1,19 @@
+import _m0 from "protobufjs/minimal";
+import { Color4 } from "../../common/colors.gen";
+/** The UiCanvas component can be attached to a ui root entity to specify properties of the ui texture. */
+/**
+ * @public
+ */
+export interface PBUiCanvas {
+    width: number;
+    height: number;
+    /** default = (0.0, 0.0, 0.0, 0.0) / transparent */
+    color?: Color4 | undefined;
+}
+/**
+ * @public
+ */
+export declare namespace PBUiCanvas {
+    function encode(message: PBUiCanvas, writer?: _m0.Writer): _m0.Writer;
+    function decode(input: _m0.Reader | Uint8Array, length?: number): PBUiCanvas;
+}

package/dist-cjs/components/generated/pb/decentraland/sdk/components/ui_canvas.gen.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PBUiCanvas = void 0;
+/* eslint-disable */
+const minimal_1 = __importDefault(require("protobufjs/minimal"));
+const colors_gen_1 = require("../../common/colors.gen");
+const protobufPackageSarasa = "decentraland.sdk.components";
+function createBasePBUiCanvas() {
+    return { width: 0, height: 0, color: undefined };
+}
+/**
+ * @public
+ */
+var PBUiCanvas;
+(function (PBUiCanvas) {
+    function encode(message, writer = minimal_1.default.Writer.create()) {
+        if (message.width !== 0) {
+            writer.uint32(8).uint32(message.width);
+        }
+        if (message.height !== 0) {
+            writer.uint32(16).uint32(message.height);
+        }
+        if (message.color !== undefined) {
+            colors_gen_1.Color4.encode(message.color, writer.uint32(26).fork()).ldelim();
+        }
+        return writer;
+    }
+    PBUiCanvas.encode = encode;
+    function decode(input, length) {
+        const reader = input instanceof minimal_1.default.Reader ? input : minimal_1.default.Reader.create(input);
+        let end = length === undefined ? reader.len : reader.pos + length;
+        const message = createBasePBUiCanvas();
+        while (reader.pos < end) {
+            const tag = reader.uint32();
+            switch (tag >>> 3) {
+                case 1:
+                    if (tag !== 8) {
+                        break;
+                    }
+                    message.width = reader.uint32();
+                    continue;
+                case 2:
+                    if (tag !== 16) {
+                        break;
+                    }
+                    message.height = reader.uint32();
+                    continue;
+                case 3:
+                    if (tag !== 26) {
+                        break;
+                    }
+                    message.color = colors_gen_1.Color4.decode(reader, reader.uint32());
+                    continue;
+            }
+            if ((tag & 7) === 4 || tag === 0) {
+                break;
+            }
+            reader.skipType(tag & 7);
+        }
+        return message;
+    }
+    PBUiCanvas.decode = decode;
+})(PBUiCanvas = exports.PBUiCanvas || (exports.PBUiCanvas = {}));

package/dist-cjs/components/generated/pb/decentraland/sdk/components/ui_scroll_result.gen.d.ts

@@ -0,0 +1,15 @@
+import _m0 from "protobufjs/minimal";
+import { Vector2 } from "../../common/vectors.gen";
+/**
+ * @public
+ */
+export interface PBUiScrollResult {
+    value: Vector2 | undefined;
+}
+/**
+ * @public
+ */
+export declare namespace PBUiScrollResult {
+    function encode(message: PBUiScrollResult, writer?: _m0.Writer): _m0.Writer;
+    function decode(input: _m0.Reader | Uint8Array, length?: number): PBUiScrollResult;
+}

package/dist-cjs/components/generated/pb/decentraland/sdk/components/ui_scroll_result.gen.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PBUiScrollResult = void 0;
+/* eslint-disable */
+const minimal_1 = __importDefault(require("protobufjs/minimal"));
+const vectors_gen_1 = require("../../common/vectors.gen");
+const protobufPackageSarasa = "decentraland.sdk.components";
+function createBasePBUiScrollResult() {
+    return { value: undefined };
+}
+/**
+ * @public
+ */
+var PBUiScrollResult;
+(function (PBUiScrollResult) {
+    function encode(message, writer = minimal_1.default.Writer.create()) {
+        if (message.value !== undefined) {
+            vectors_gen_1.Vector2.encode(message.value, writer.uint32(10).fork()).ldelim();
+        }
+        return writer;
+    }
+    PBUiScrollResult.encode = encode;
+    function decode(input, length) {
+        const reader = input instanceof minimal_1.default.Reader ? input : minimal_1.default.Reader.create(input);
+        let end = length === undefined ? reader.len : reader.pos + length;
+        const message = createBasePBUiScrollResult();
+        while (reader.pos < end) {
+            const tag = reader.uint32();
+            switch (tag >>> 3) {
+                case 1:
+                    if (tag !== 10) {
+                        break;
+                    }
+                    message.value = vectors_gen_1.Vector2.decode(reader, reader.uint32());
+                    continue;
+            }
+            if ((tag & 7) === 4 || tag === 0) {
+                break;
+            }
+            reader.skipType(tag & 7);
+        }
+        return message;
+    }
+    PBUiScrollResult.decode = decode;
+})(PBUiScrollResult = exports.PBUiScrollResult || (exports.PBUiScrollResult = {}));

package/dist-cjs/components/generated/pb/decentraland/sdk/components/ui_text.gen.d.ts

@@ -24,6 +24,10 @@ export interface PBUiText {
     fontSize?: number | undefined;
     /** wrap text when the border is reached (default: TW_WRAP) */
     textWrap?: TextWrap | undefined;
+    /** width of the outline (default: 0) */
+    outlineWidth?: number | undefined;
+    /** RGBA color of the outline (default: opaque black) */
+    outlineColor?: Color4 | undefined;
 }
 /**
  * @public

package/dist-cjs/components/generated/pb/decentraland/sdk/components/ui_text.gen.js

@@ -24,6 +24,8 @@ function createBasePBUiText() {
         font: undefined,
         fontSize: undefined,
         textWrap: undefined,
+        outlineWidth: undefined,
+        outlineColor: undefined,
     };
 }
 /**
@@ -50,6 +52,12 @@ var 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) {
+            colors_gen_1.Color4.encode(message.outlineColor, writer.uint32(66).fork()).ldelim();
+        }
         return writer;
     }
     PBUiText.encode = encode;
@@ -96,6 +104,18 @@ var PBUiText;
                     }
                     message.textWrap = reader.int32();
                     continue;
+                case 7:
+                    if (tag !== 61) {
+                        break;
+                    }
+                    message.outlineWidth = reader.float();
+                    continue;
+                case 8:
+                    if (tag !== 66) {
+                        break;
+                    }
+                    message.outlineColor = colors_gen_1.Color4.decode(reader, reader.uint32());
+                    continue;
             }
             if ((tag & 7) === 4 || tag === 0) {
                 break;

package/dist-cjs/components/generated/pb/decentraland/sdk/components/ui_transform.gen.d.ts

@@ -1,4 +1,5 @@
 import _m0 from "protobufjs/minimal";
+import { Vector2 } from "../../common/vectors.gen";
 /**
  * @public
  */
@@ -92,6 +93,27 @@ export declare const enum PointerFilterMode {
     PFM_NONE = 0,
     PFM_BLOCK = 1
 }
+/**
+ * @public
+ */
+export declare const enum ShowScrollBar {
+    SSB_BOTH = 0,
+    SSB_ONLY_VERTICAL = 1,
+    SSB_ONLY_HORIZONTAL = 2,
+    SSB_HIDDEN = 3
+}
+/**
+ * @public
+ */
+export interface ScrollPositionValue {
+    value?: {
+        $case: "position";
+        position: Vector2;
+    } | {
+        $case: "reference";
+        reference: string;
+    } | undefined;
+}
 /**
  * @public
  */
@@ -178,6 +200,23 @@ export interface PBUiTransform {
     paddingBottom: number;
     /** default: PointerFilterMode.PFM_NONE */
     pointerFilter?: PointerFilterMode | undefined;
+    /** default: 1 */
+    opacity?: number | undefined;
+    /** default empty */
+    elementId?: string | undefined;
+    /** default position=(0,0) */
+    scrollPosition?: ScrollPositionValue | undefined;
+    /** default ShowScrollBar.SSB_BOTH */
+    scrollVisible?: ShowScrollBar | undefined;
+    /** default 0 */
+    zIndex?: number | undefined;
+}
+/**
+ * @public
+ */
+export declare namespace ScrollPositionValue {
+    function encode(message: ScrollPositionValue, writer?: _m0.Writer): _m0.Writer;
+    function decode(input: _m0.Reader | Uint8Array, length?: number): ScrollPositionValue;
 }
 /**
  * @public

package/dist-cjs/components/generated/pb/decentraland/sdk/components/ui_transform.gen.js

@@ -3,9 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PBUiTransform = exports.PointerFilterMode = exports.YGEdge = exports.YGDisplay = exports.YGOverflow = exports.YGJustify = exports.YGWrap = exports.YGFlexDirection = exports.YGUnit = exports.YGAlign = exports.YGPositionType = void 0;
+exports.PBUiTransform = exports.ScrollPositionValue = exports.ShowScrollBar = exports.PointerFilterMode = exports.YGEdge = exports.YGDisplay = exports.YGOverflow = exports.YGJustify = exports.YGWrap = exports.YGFlexDirection = exports.YGUnit = exports.YGAlign = exports.YGPositionType = void 0;
 /* eslint-disable */
 const minimal_1 = __importDefault(require("protobufjs/minimal"));
+const vectors_gen_1 = require("../../common/vectors.gen");
 const protobufPackageSarasa = "decentraland.sdk.components";
 /**
  * @public
@@ -110,6 +111,65 @@ var PointerFilterMode;
     PointerFilterMode[PointerFilterMode["PFM_NONE"] = 0] = "PFM_NONE";
     PointerFilterMode[PointerFilterMode["PFM_BLOCK"] = 1] = "PFM_BLOCK";
 })(PointerFilterMode = exports.PointerFilterMode || (exports.PointerFilterMode = {}));
+/**
+ * @public
+ */
+var ShowScrollBar;
+(function (ShowScrollBar) {
+    ShowScrollBar[ShowScrollBar["SSB_BOTH"] = 0] = "SSB_BOTH";
+    ShowScrollBar[ShowScrollBar["SSB_ONLY_VERTICAL"] = 1] = "SSB_ONLY_VERTICAL";
+    ShowScrollBar[ShowScrollBar["SSB_ONLY_HORIZONTAL"] = 2] = "SSB_ONLY_HORIZONTAL";
+    ShowScrollBar[ShowScrollBar["SSB_HIDDEN"] = 3] = "SSB_HIDDEN";
+})(ShowScrollBar = exports.ShowScrollBar || (exports.ShowScrollBar = {}));
+function createBaseScrollPositionValue() {
+    return { value: undefined };
+}
+/**
+ * @public
+ */
+var ScrollPositionValue;
+(function (ScrollPositionValue) {
+    function encode(message, writer = minimal_1.default.Writer.create()) {
+        switch (message.value?.$case) {
+            case "position":
+                vectors_gen_1.Vector2.encode(message.value.position, writer.uint32(10).fork()).ldelim();
+                break;
+            case "reference":
+                writer.uint32(18).string(message.value.reference);
+                break;
+        }
+        return writer;
+    }
+    ScrollPositionValue.encode = encode;
+    function decode(input, length) {
+        const reader = input instanceof minimal_1.default.Reader ? input : minimal_1.default.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: vectors_gen_1.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;
+    }
+    ScrollPositionValue.decode = decode;
+})(ScrollPositionValue = exports.ScrollPositionValue || (exports.ScrollPositionValue = {}));
 function createBasePBUiTransform() {
     return {
         parent: 0,
@@ -164,6 +224,11 @@ function createBasePBUiTransform() {
         paddingBottomUnit: 0,
         paddingBottom: 0,
         pointerFilter: undefined,
+        opacity: undefined,
+        elementId: undefined,
+        scrollPosition: undefined,
+        scrollVisible: undefined,
+        zIndex: undefined,
     };
 }
 /**
@@ -328,6 +393,21 @@ var PBUiTransform;
         if (message.pointerFilter !== undefined) {
             writer.uint32(416).int32(message.pointerFilter);
         }
+        if (message.opacity !== undefined) {
+            writer.uint32(429).float(message.opacity);
+        }
+        if (message.elementId !== undefined) {
+            writer.uint32(434).string(message.elementId);
+        }
+        if (message.scrollPosition !== undefined) {
+            ScrollPositionValue.encode(message.scrollPosition, writer.uint32(442).fork()).ldelim();
+        }
+        if (message.scrollVisible !== undefined) {
+            writer.uint32(448).int32(message.scrollVisible);
+        }
+        if (message.zIndex !== undefined) {
+            writer.uint32(456).int32(message.zIndex);
+        }
         return writer;
     }
     PBUiTransform.encode = encode;
@@ -650,6 +730,36 @@ var PBUiTransform;
                     }
                     message.pointerFilter = reader.int32();
                     continue;
+                case 53:
+                    if (tag !== 429) {
+                        break;
+                    }
+                    message.opacity = reader.float();
+                    continue;
+                case 54:
+                    if (tag !== 434) {
+                        break;
+                    }
+                    message.elementId = reader.string();
+                    continue;
+                case 55:
+                    if (tag !== 442) {
+                        break;
+                    }
+                    message.scrollPosition = ScrollPositionValue.decode(reader, reader.uint32());
+                    continue;
+                case 56:
+                    if (tag !== 448) {
+                        break;
+                    }
+                    message.scrollVisible = reader.int32();
+                    continue;
+                case 57:
+                    if (tag !== 456) {
+                        break;
+                    }
+                    message.zIndex = reader.int32();
+                    continue;
             }
             if ((tag & 7) === 4 || tag === 0) {
                 break;

package/dist-cjs/systems/events.d.ts

@@ -46,6 +46,24 @@ export interface PointerEventsSystem {
      * @param entity - Entity where the callback was attached
      */
     removeOnPointerHoverLeave(entity: Entity): void;
+    /**
+     * @public
+     * Remove the callback for onPointerDrag event
+     * @param entity - Entity where the callback was attached
+     */
+    removeOnPointerDrag(entity: Entity): void;
+    /**
+     * @public
+     * Remove the callback for onPointerDragLocked event
+     * @param entity - Entity where the callback was attached
+     */
+    removeOnPointerDragLocked(entity: Entity): void;
+    /**
+     * @public
+     * Remove the callback for onPointerDragEnd event
+     * @param entity - Entity where the callback was attached
+     */
+    removeOnPointerDragEnd(entity: Entity): void;
     /**
      * @public
      * Execute callback when the user press the InputButton pointing at the entity
@@ -100,6 +118,37 @@ export interface PointerEventsSystem {
         entity: Entity;
         opts?: Partial<EventSystemOptions>;
     }, cb: EventSystemCallback): void;
+    /**
+     * @public
+     * Execute callback when the user clicks and drags the pointer from inside the entity
+     * @param pointerData - Entity to attach the callback - Opts to trigger Feedback and Button
+     * @param cb - Function to execute when click fires
+     */
+    onPointerDrag(pointerData: {
+        entity: Entity;
+        opts?: Partial<EventSystemOptions>;
+    }, cb: EventSystemCallback): void;
+    /**
+     * @public
+     * Execute callback when the user clicks and drags the pointer from inside the entity,
+     * locking the cursor in place
+     * @param pointerData - Entity to attach the callback - Opts to trigger Feedback and Button
+     * @param cb - Function to execute when click fires
+     */
+    onPointerDragLocked(pointerData: {
+        entity: Entity;
+        opts?: Partial<EventSystemOptions>;
+    }, cb: EventSystemCallback): void;
+    /**
+     * @public
+     * Execute callback when the user releases the button after a drag
+     * @param pointerData - Entity to attach the callback - Opts to trigger Feedback and Button
+     * @param cb - Function to execute when click fires
+     */
+    onPointerDragEnd(pointerData: {
+        entity: Entity;
+        opts?: Partial<EventSystemOptions>;
+    }, cb: EventSystemCallback): void;
 }
 /**
  * @public

package/dist-cjs/systems/events.js

@@ -45,6 +45,9 @@ function createPointerEventsSystem(engine, inputSystem) {
         EventType[EventType["Up"] = 2] = "Up";
         EventType[EventType["HoverEnter"] = 3] = "HoverEnter";
         EventType[EventType["HoverLeave"] = 4] = "HoverLeave";
+        EventType[EventType["Drag"] = 5] = "Drag";
+        EventType[EventType["DragLocked"] = 6] = "DragLocked";
+        EventType[EventType["DragEnd"] = 7] = "DragEnd";
     })(EventType || (EventType = {}));
     const eventsMap = new Map();
     function getEvent(entity) {
@@ -79,6 +82,15 @@ function createPointerEventsSystem(engine, inputSystem) {
         else if (eventType === EventType.HoverEnter) {
             return 2 /* PointerEventType.PET_HOVER_ENTER */;
         }
+        else if (eventType === EventType.Drag) {
+            return 5 /* PointerEventType.PET_DRAG */;
+        }
+        else if (eventType === EventType.DragLocked) {
+            return 4 /* PointerEventType.PET_DRAG_LOCKED */;
+        }
+        else if (eventType === EventType.DragEnd) {
+            return 6 /* PointerEventType.PET_DRAG_END */;
+        }
         return 1 /* PointerEventType.PET_DOWN */;
     }
     function removeEvent(entity, type) {
@@ -104,7 +116,10 @@ function createPointerEventsSystem(engine, inputSystem) {
                 if (eventType === EventType.Down ||
                     eventType === EventType.Up ||
                     eventType === EventType.HoverEnter ||
-                    eventType === EventType.HoverLeave) {
+                    eventType === EventType.HoverLeave ||
+                    eventType === EventType.Drag ||
+                    eventType === EventType.DragLocked ||
+                    eventType === EventType.DragEnd) {
                     const command = inputSystem.getInputCommand(opts.button, getPointerEvent(eventType), entity);
                     if (command) {
                         (0, invariant_1.checkNotThenable)(cb(command), 'Event handler returned a thenable. Only synchronous functions are allowed');
@@ -151,6 +166,30 @@ function createPointerEventsSystem(engine, inputSystem) {
         getEvent(entity).set(EventType.HoverLeave, { cb, opts: options });
         setPointerEvent(entity, 3 /* PointerEventType.PET_HOVER_LEAVE */, options);
     };
+    const onPointerDrag = (...args) => {
+        const [data, cb] = args;
+        const { entity, opts } = data;
+        const options = (0, exports.getDefaultOpts)(opts);
+        removeEvent(entity, EventType.Drag);
+        getEvent(entity).set(EventType.Drag, { cb, opts: options });
+        setPointerEvent(entity, 5 /* PointerEventType.PET_DRAG */, options);
+    };
+    const onPointerDragLocked = (...args) => {
+        const [data, cb] = args;
+        const { entity, opts } = data;
+        const options = (0, exports.getDefaultOpts)(opts);
+        removeEvent(entity, EventType.DragLocked);
+        getEvent(entity).set(EventType.DragLocked, { cb, opts: options });
+        setPointerEvent(entity, 4 /* PointerEventType.PET_DRAG_LOCKED */, options);
+    };
+    const onPointerDragEnd = (...args) => {
+        const [data, cb] = args;
+        const { entity, opts } = data;
+        const options = (0, exports.getDefaultOpts)(opts);
+        removeEvent(entity, EventType.DragEnd);
+        getEvent(entity).set(EventType.DragEnd, { cb, opts: options });
+        setPointerEvent(entity, 6 /* PointerEventType.PET_DRAG_END */, options);
+    };
     return {
         removeOnClick(entity) {
             removeEvent(entity, EventType.Click);
@@ -167,6 +206,15 @@ function createPointerEventsSystem(engine, inputSystem) {
         removeOnPointerHoverLeave(entity) {
             removeEvent(entity, EventType.HoverLeave);
         },
+        removeOnPointerDrag(entity) {
+            removeEvent(entity, EventType.Drag);
+        },
+        removeOnPointerDragLocked(entity) {
+            removeEvent(entity, EventType.DragLocked);
+        },
+        removeOnPointerDragEnd(entity) {
+            removeEvent(entity, EventType.DragEnd);
+        },
         onClick(value, cb) {
             const { entity } = value;
             const options = (0, exports.getDefaultOpts)(value.opts);
@@ -179,7 +227,10 @@ function createPointerEventsSystem(engine, inputSystem) {
         onPointerDown,
         onPointerUp,
         onPointerHoverEnter,
-        onPointerHoverLeave
+        onPointerHoverLeave,
+        onPointerDrag,
+        onPointerDragLocked,
+        onPointerDragEnd
     };
 }
 exports.createPointerEventsSystem = createPointerEventsSystem;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcl/ecs",
   "description": "Decentraland ECS",
-  "version": "7.7.2-12876822878.commit-75bba39",
+  "version": "7.7.2-12988530758.commit-08f37d7",
   "author": "DCL",
   "bugs": "https://github.com/decentraland/ecs/issues",
   "files": [
@@ -33,5 +33,5 @@
   },
   "types": "./dist/index.d.ts",
   "typings": "./dist/index.d.ts",
-  "commit": "75bba3930f810894d7113263b2979a35c209e380"
+  "commit": "08f37d7ed9972258ab93fc8c1631d487afd2466b"
 }