@dcl/playground-assets 7.1.0 → 7.1.1-4386019452.commit-8b1daa0

package/dist/index.js

@@ -42112,11 +42112,19 @@
         }
     };
 
+    function getPointerEnum(pointerKey) {
+        const pointers = {
+            onMouseDown: 1 /* PointerEventType.PET_DOWN */,
+            onMouseUp: 0 /* PointerEventType.PET_UP */
+        };
+        return pointers[pointerKey];
+    }
     function createReconciler(engine, pointerEvents) {
         // Store all the entities so when we destroy the UI we can also destroy them
         const entities = new Set();
         // Store the onChange callbacks to be runned every time a Result has changed
         const changeEvents = new Map();
+        const clickEvents = new Map();
         // Initialize components
         const UiTransform = UiTransform$1(engine);
         const UiText = UiText$1(engine);
@@ -42133,11 +42141,18 @@
             uiInput: UiInput.componentId,
             uiDropdown: UiDropdown.componentId
         };
+        function pointerEventCallback(entity, pointerEvent) {
+            const callback = clickEvents.get(entity)?.get(pointerEvent);
+            if (callback)
+                callback();
+            return;
+        }
         function updateTree(instance, props) {
             upsertComponent(instance, props, 'uiTransform');
         }
         function upsertListener(instance, update) {
             if (update.type === 'delete' || !update.props) {
+                clickEvents.get(instance.entity)?.delete(getPointerEnum(update.component));
                 if (update.component === 'onMouseDown') {
                     pointerEvents.removeOnPointerDown(instance.entity);
                 }
@@ -42147,8 +42162,14 @@
                 return;
             }
             if (update.props) {
-                const pointerEvent = update.component === 'onMouseDown' ? pointerEvents.onPointerDown : pointerEvents.onPointerUp;
-                pointerEvent(instance.entity, update.props, {
+                const pointerEvent = getPointerEnum(update.component);
+                const entityEvent = clickEvents.get(instance.entity) || clickEvents.set(instance.entity, new Map()).get(instance.entity);
+                const alreadyHasPointerEvent = entityEvent.get(pointerEvent);
+                entityEvent.set(pointerEvent, update.props);
+                if (alreadyHasPointerEvent)
+                    return;
+                const pointerEventSystem = update.component === 'onMouseDown' ? pointerEvents.onPointerDown : pointerEvents.onPointerUp;
+                pointerEventSystem(instance.entity, () => pointerEventCallback(instance.entity, pointerEvent), {
                     button: 0 /* InputAction.IA_POINTER */,
                     // We add this showFeedBack so the pointerEventSystem creates a PointerEvent component with our entity
                     // This is needed for the renderer to know which entities are clickeables
@@ -42161,19 +42182,22 @@
             const Component = engine.getComponent(componentId);
             Component.deleteFrom(instance.entity);
         }
-        function upsertComponent(instance, props, componentName) {
+        function upsertComponent(instance, props = {}, componentName) {
             const componentId = getComponentId[componentName];
-            const Component = engine.getComponent(componentId);
-            const component = Component.getMutableOrNull(instance.entity) || Component.create(instance.entity);
+            if ('onChange' in props) {
+                const onChange = props['onChange'];
+                updateOnChange(instance.entity, componentId, { fn: onChange });
+                delete props['onChange'];
+            }
+            // We check if there is any key pending to be changed to avoid updating the existing component
+            if (!Object.keys(props).length) {
+                return;
+            }
+            const ComponentDef = engine.getComponent(componentId);
+            const component = ComponentDef.getMutableOrNull(instance.entity) || ComponentDef.create(instance.entity);
             for (const key in props) {
                 const keyProp = key;
-                if (key === 'onChange') {
-                    const onChange = props[keyProp];
-                    updateOnChange(instance.entity, componentId, { fn: onChange });
-                }
-                else {
-                    component[keyProp] = props[keyProp];
-                }
+                component[keyProp] = props[keyProp];
             }
         }
         function removeChildEntity(instance) {
@@ -42277,7 +42301,7 @@
                     if (update.type === 'delete') {
                         removeComponent(instance, update.component);
                     }
-                    else {
+                    else if (update.props) {
                         upsertComponent(instance, update.props, update.component);
                     }
                 }