wgge 2.0.42 → 2.1.0

package/core/model/ObjectModel.js

@@ -4,18 +4,32 @@ import ModelBase from "./ModelBase";
 
 export default class ObjectModel extends ModelBase {
 
+	propagateChangeEvent = false;
+
 	/**
 	 * @type {Dictionary<ModelBase>}
 	 */
 	properties;
 
-	constructor(persistent = true) {
+	constructor(persistent = true, propagateChangeEvent = false) {
 		super(persistent);
 
+		this.propagateChangeEvent = propagateChangeEvent;
+
 		this.properties = new Dictionary();
 		this.properties.addEventListener('add', (e) => this.propertyAdded(e.key, e.value));
 		this.properties.addEventListener('remove', (e) => this.propertyRemoved(e.key, e.old));
 		this.properties.addEventListener('set', (e) => this.propertySet(e.key, e.old, e.value));
+
+		this.propertyValueChangedHandler = () => this.triggerEvent('change');
+	}
+
+	subscribeToOnChangeEvent(property) {
+		property.addEventListener('change', this.propertyValueChangedHandler);
+	}
+
+	unsubscribeFromOnChangeEvent(property) {
+		property.removeEventListener('change', this.propertyValueChangedHandler);
 	}
 
 	addProperty(name, property) {
@@ -28,11 +42,13 @@ export default class ObjectModel extends ModelBase {
 	propertyAdded(name, property) {
 		this.makeDirty();
 		this.subscribeToOnDirtyEvent(property);
+		if (this.propagateChangeEvent) this.subscribeToOnChangeEvent(property);
 	}
 
 	propertyRemoved(name, property) {
 		this.makeDirty();
 		this.unsubscribeFromOnDirtyEvent(property);
+		this.unsubscribeFromOnChangeEvent(property);
 	}
 
 	propertySet(name, oldProperty, newProperty) {

package/core/model/collection/ModelNodeCollection.js

@@ -6,6 +6,8 @@ import {EVENT_REMOVE_ME} from "../ModelBase";
 
 export default class ModelNodeCollection extends ObjectModel {
 
+	propagateChangeEvent = false;
+
 	/**
 	 * @type Collection
 	 */
@@ -18,9 +20,10 @@ export default class ModelNodeCollection extends ObjectModel {
 	 */
 	selectedNode;
 
-	constructor(nodeFactory = null, persistent = true) {
+	constructor(nodeFactory = null, persistent = true, propagateChangeEvent = false) {
 		super(persistent);
 
+		this.propagateChangeEvent = propagateChangeEvent;
 		this.nodeFactory = nodeFactory;
 		this.children = new Collection();
 		const events = ['add', 'insert', 'remove', 'change'];
@@ -34,7 +37,7 @@ export default class ModelNodeCollection extends ObjectModel {
 			}
 			this.remove(ch);
 		}
-
+		this.childChangedHandler = () => this.triggerEvent('change');
 		this.selectedNode = this.addProperty('selectedNode', new NullableNode(null, false));
 	}
 
@@ -184,6 +187,7 @@ export default class ModelNodeCollection extends ObjectModel {
 		this.makeDirty();
 		this.subscribeToOnDirtyEvent(child);
 		child.addEventListener(EVENT_REMOVE_ME, this.childRequestedRemoveHandler);
+		if (this.propagateChangeEvent) child.addEventListener('change', this.childChangedHandler);
 	}
 
 	/**
@@ -194,6 +198,7 @@ export default class ModelNodeCollection extends ObjectModel {
 		this.makeDirty();
 		this.unsubscribeFromOnDirtyEvent(child);
 		child.removeEventListener(EVENT_REMOVE_ME, this.childRequestedRemoveHandler);
+		child.removeEventListener('change', this.childChangedHandler);
 		if (this.selectedNode.equalsTo(child)) {
 			this.selectedNode.set(null);
 		}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "wgge",
-	"version": "2.0.42",
+	"version": "2.1.0",
 	"description": "Web GL Game Engine",
 	"main": "index.js",
 	"devDependencies": {