wgge 2.0.12 → 2.0.14

package/core/model/ObjectModel.js

@@ -5,7 +5,7 @@ import ModelBase from "./ModelBase";
 export default class ObjectModel extends ModelBase {
 
 	/**
-	 * @type Dictionary<DirtyValue>
+	 * @type {Dictionary<ModelBase>}
 	 */
 	properties;
 
@@ -110,4 +110,14 @@ export default class ObjectModel extends ModelBase {
 		return [];
 	}
 
+	/**
+	 * Use this to release all event handlers that might be registered.
+	 * Object won't be usable after calling this.
+	 * Not calling this might lead to memory leaks e.g. when using NullableNode
+	 */
+	dispose() {
+		this.eventManager.reset();
+		this.properties.reset();
+	}
+
 }

package/core/model/collection/table/ModelNodeTable.js

@@ -62,7 +62,7 @@ export default class ModelNodeTable extends ModelNodeCollection {
 	 */
 	remove(node) {
 		const removed = super.remove(node);
-		if (removed) this.cache.set(node.id.get(), undefined);
+		if (removed) this.cache.delete(node.id.get());
 		return removed;
 	}
 

package/core/model/event/EventManager.js

@@ -39,4 +39,8 @@ export default class EventManager {
 		handlers.forEach((item) => item(param));
 	}
 
+	reset() {
+		this.handlers = [];
+	}
+
 }

package/package.json

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

package/style/basic/utilities.less

@@ -3,7 +3,7 @@
 @m-3: 20px;
 
 .d-none, .hidden {
-  display: none !important;
+	display: none !important;
 }
 
 .container-host {
@@ -19,27 +19,35 @@
 }
 
 .row {
-  display: flex;
-  flex-direction: row;
+	display: flex;
+	flex-direction: row;
 }
 
 .row-reverse {
-  display: flex;
-  flex-direction: row-reverse;
+	display: flex;
+	flex-direction: row-reverse;
 }
 
-.col, .column {
-  display: flex;
-  flex-direction: column;
+.column {
+	display: flex;
+	flex-direction: column;
 }
 
-.col-rev, .column-reverse {
-  display: flex;
-  flex-direction: column-reverse;
+.col {
+	.column();
+}
+
+.column-reverse {
+	display: flex;
+	flex-direction: column-reverse;
+}
+
+.col-rev {
+	.column-reverse();
 }
 
 .flex-1 {
-  flex: 1;
+	flex: 1;
 }
 
 .overflow-hidden {
@@ -47,21 +55,21 @@
 }
 
 .space-between {
-  justify-content: space-between;
-  align-content: space-between;
+	justify-content: space-between;
+	align-content: space-between;
 }
 
 .space-around {
-  justify-content: space-around;
-  align-content: space-around;
+	justify-content: space-around;
+	align-content: space-around;
 }
 
 .center {
-  text-align: center;
-  align-items: center;
-  align-content: center;
-  justify-items: center;
-  justify-content: center;
+	text-align: center;
+	align-items: center;
+	align-content: center;
+	justify-items: center;
+	justify-content: center;
 }
 
 .stretch {
@@ -70,11 +78,11 @@
 }
 
 .left {
-  text-align: left;
+	text-align: left;
 }
 
 .small {
-  font-size: 75%;
+	font-size: 75%;
 }
 
 .no-text-select {
@@ -100,129 +108,129 @@
 }
 
 .m-0, .mt-0, .my-0 {
-  margin-top: 0;
+	margin-top: 0;
 }
 
 .m-0, .ml-0, .mx-0 {
-  margin-left: 0;
+	margin-left: 0;
 }
 
 .m-0, .mb-0, .my-0 {
-  margin-bottom: 0;
+	margin-bottom: 0;
 }
 
 .m-0, .mr-0, .mx-0 {
-  margin-right: 0;
+	margin-right: 0;
 }
 
 .p-0, .pt-0, .py-0 {
-  padding-top: 0;
+	padding-top: 0;
 }
 
 .p-0, .pl-0, .px-0 {
-  padding-left: 0;
+	padding-left: 0;
 }
 
 .p-0, .pb-0, .py-0 {
-  padding-bottom: 0;
+	padding-bottom: 0;
 }
 
 .p-0, .pr-0, .px-0 {
-  padding-right: 0;
+	padding-right: 0;
 }
 
 .m-1, .mt-1, .my-1 {
-  margin-top: @m-1;
+	margin-top: @m-1;
 }
 
 .m-1, .ml-1, .mx-1 {
-  margin-left: @m-1;
+	margin-left: @m-1;
 }
 
 .m-1, .mb-1, .my-1 {
-  margin-bottom: @m-1;
+	margin-bottom: @m-1;
 }
 
 .m-1, .mr-1, .mx-1 {
-  margin-right: @m-1;
+	margin-right: @m-1;
 }
 
 .p-1, .pt-1, .py-1 {
-  padding-top: @m-1;
+	padding-top: @m-1;
 }
 
 .p-1, .pl-1, .px-1 {
-  padding-left: @m-1;
+	padding-left: @m-1;
 }
 
 .p-1, .pb-1, .py-1 {
-  padding-bottom: @m-1;
+	padding-bottom: @m-1;
 }
 
 .p-1, .pr-1, .px-1 {
-  padding-right: @m-1;
+	padding-right: @m-1;
 }
 
 .m-2, .mt-2, .my-2 {
-  margin-top: @m-2;
+	margin-top: @m-2;
 }
 
 .m-2, .ml-2, .mx-2 {
-  margin-left: @m-2;
+	margin-left: @m-2;
 }
 
 .m-2, .mb-2, .my-2 {
-  margin-bottom: @m-2;
+	margin-bottom: @m-2;
 }
 
 .m-2, .mr-2, .mx-2 {
-  margin-right: @m-2;
+	margin-right: @m-2;
 }
 
 .p-2, .pt-2, .py-2 {
-  padding-top: @m-2;
+	padding-top: @m-2;
 }
 
 .p-2, .pl-2, .px-2 {
-  padding-left: @m-2;
+	padding-left: @m-2;
 }
 
 .p-2, .pb-2, .py-2 {
-  padding-bottom: @m-2;
+	padding-bottom: @m-2;
 }
 
 .p-2, .pr-2, .px-2 {
-  padding-right: @m-2;
+	padding-right: @m-2;
 }
 
 .m-3, .mt-3, .my-3 {
-  margin-top: @m-3;
+	margin-top: @m-3;
 }
 
 .m-3, .ml-3, .mx-3 {
-  margin-left: @m-3;
+	margin-left: @m-3;
 }
 
 .m-3, .mb-3, .my-3 {
-  margin-bottom: @m-3;
+	margin-bottom: @m-3;
 }
 
 .m-3, .mr-3, .mx-3 {
-  margin-right: @m-3;
+	margin-right: @m-3;
 }
 
 .p-3, .pt-3, .py-3 {
-  padding-top: @m-3;
+	padding-top: @m-3;
 }
 
 .p-3, .pl-3, .px-3 {
-  padding-left: @m-3;
+	padding-left: @m-3;
 }
 
 .p-3, .pb-3, .py-3 {
-  padding-bottom: @m-3;
+	padding-bottom: @m-3;
 }
 
 .p-3, .pr-3, .px-3 {
-  padding-right: @m-3;
+	padding-right: @m-3;
 }