wgge 1.0.2 → 1.0.3

package/game/resources/ResourcesModel.js

@@ -1,25 +1,22 @@
-import ModelNodeTable from "../../core/model/collection/table/ModelNodeTable";
-import MaterialModel from "./material/MaterialModel";
 import ObjectModel from "../../core/model/ObjectModel";
-import Model3dModel from "./3d/3DModel";
 
 export default class ResourcesModel extends ObjectModel {
 
 	/**
 	 * @type ModelNodeTable
 	 */
-	materials;
+	images;
 
 	/**
-	 * @type ModelNodeTable<Model3dModel>
+	 * @type ModelNodeTable
 	 */
-	models3d;
+	sounds;
 
 	constructor() {
 		super();
 
-		this.materials = this.addProperty('materials', new ModelNodeTable((id) => new MaterialModel(id)));
-		this.models3d = this.addProperty('models3d', new ModelNodeTable((id) => new Model3dModel(id)));
+		//this.images = this.addProperty('images', new ModelNodeTable((id) => new ImageModel(id)));
+		//this.sounds = this.addProperty('sounds', new ModelNodeTable((id) => new Model3dModel(id)));
 
 	}
 

package/game/resources/assets/AssetCache.js

@@ -1,23 +1,13 @@
 import Dictionary from "../../../core/Dictionary";
 import Collection from "../../../core/Collection";
 import ImageLoader from "./loader/ImageLoader";
-import GlbLoader from "./loader/GlbLoader";
 import AudioLoader from "./loader/AudioLoader";
-import MaterialLoader from "./loader/MaterialLoader";
-import Model3dLoader from "./loader/Model3dLoader";
-import SpriteLoader from "./loader/SpriteLoader";
 import NodeWithEvents from "../../../core/model/event/NodeWithEvents";
 import StringHelper from "../../../core/helper/StringHelper";
-import Model3dAnimationLoader from "./loader/Model3dAnimationLoader";
 
 const ASSET_TYPE_LOADERS = {
 	'aud': AudioLoader,
-	'img': ImageLoader,
-	'glb': GlbLoader,
-	'mat': MaterialLoader,
-	'm3d': Model3dLoader,
-	'm3a': Model3dAnimationLoader,
-	'spr': SpriteLoader
+	'img': ImageLoader
 }
 
 /**
@@ -133,7 +123,7 @@ export default class AssetCache extends NodeWithEvents {
 		this.loaders.remove(loader);
 	}
 
-	getAsset(uri, onLoaded = null, onError = null) {
+	loadAsset(uri, onLoaded = null, onError = null) {
 		if (typeof uri !== 'string') {
 			console.log('uri is not a string', uri);
 			return;
@@ -167,15 +157,11 @@ export default class AssetCache extends NodeWithEvents {
 		}
 	}
 
-	loadAsset(uri, onLoaded) {
-		this.getAsset(uri, onLoaded);
-	}
-	
 	loadImage(url, onLoaded) {
 		this.getAsset(url, onLoaded);
 	}
 
-	loadMaterial(materialId, onLoaded) {
+	loadAudio(materialId, onLoaded) {
 		this.getAsset(`mat/${materialId}`, onLoaded);
 	}
 
@@ -183,14 +169,6 @@ export default class AssetCache extends NodeWithEvents {
 		this.resetCache(`mat/${materialId}`);
 	}
 
-	loadModel3d(modelId, onLoaded) {
-		this.getAsset(`m3d/${modelId}`, onLoaded);
-	}
-
-	loadSprite(spriteId, onLoaded) {
-		this.getAsset(`spr/${spriteId}`, onLoaded);
-	}
-
 	preload(resources) {
 		console.log('Preloading:', resources);
 		resources.forEach((r) => this.getAsset(r));

package/package.json

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

package/editor/EditorController.js

@@ -1,134 +0,0 @@
-import ControllerBase from "../core/controller/ControllerBase";
-import HttpHelper from "../core/helper/HttpHelper";
-
-export default class EditorController extends ControllerBase {
-
-	/**
-	 * @type DemoEditorModel
-	 */
-	model;
-
-	constructor(game, model) {
-		super(game, model);
-
-		this.model = model;
-
-		this.addAutoEvent(
-			this.model,
-			'table-selected',
-			(table) => this.runOnUpdate(() => this.model.activeTable.set(table))
-		);
-
-		this.addAutoEvent(
-			this.model,
-			'table-closed',
-			() => this.runOnUpdate(() => this.model.activeTable.set(null))
-		);
-
-		this.addAutoEvent(
-			this.model,
-			'node-saved',
-			(param) => this.runOnUpdate(() => this.saveNode(param))
-		);
-
-		this.addAutoEvent(
-			this.model,
-			'form-closed',
-			() => this.runOnUpdate(() => this.model.activeForm.set(null))
-		);
-
-		this.addAutoEvent(
-			this.model,
-			'node-delete',
-			(param) => this.runOnUpdate(() => this.deleteNode(param))
-		);
-
-		this.addAutoEvent(
-			this.model,
-			'node-clone',
-			(param) => this.runOnUpdate(() => this.cloneNode(param))
-		);
-
-		this.addAutoEvent(
-			this.model,
-			'download-resources',
-			(param) => this.runOnUpdate(() => this.downloadResources(param))
-		);
-
-		this.addAutoEvent(
-			this.model,
-			'save-resources',
-			() => this.saveResources()
-		);
-
-		this.addAutoEvent(
-			this.model,
-			'switch-options',
-			() => this.runOnUpdate(() => this.model.isVisible.invert())
-		);
-
-	}
-
-	activateInternal() {
-		this.game.audio.paused.set(true);
-	}
-
-	deactivateInternal() {
-		this.game.audio.paused.set(false);
-	}
-
-	/**
-	 *
-	 * * @param {Object} param
-	 *  * @param {ObjectModel} param.node
-	 *  * @param {FormData} param.data
-	 */
-	saveNode(param) {
-		const node = param.node;
-		const data = param.data;
-
-		node.properties.forEach((name, value) => {
-			if (data.has(name)) {
-				if (value && value.value !== undefined && typeof value.set === 'function') {
-					value.set(data.get(name));
-				} else {
-					console.log(data.get(name), name);
-				}
-			} else if (data.has(`${name}[]`)) {
-				if (typeof value === 'object' && typeof value.setFromArray === 'function') {
-					const arr = data.getAll(`${name}[]`);
-					value.setFromArray(arr);
-				}
-			} else if (value && typeof value.value === 'boolean' && typeof value.set === 'function') {
-				value.set(false);
-			}
-		});
-	}
-
-	deleteNode(param) {
-		const node = param.node;
-		const table = param.table;
-		const result = table.remove(node);
-		if (table.selectedNode.equalsTo(node)) {
-			table.selectedNode.set(null);
-		}
-		console.log('removed node', result);
-	}
-
-	cloneNode(param) {
-		const node = param.node;
-		const table = param.table;
-		const result = table.addClone(node);
-		table.selectedNode.set(result);
-		console.log('cloned node', result);
-	}
-
-	downloadResources() {
-		const data = JSON.stringify(this.game.resources.getState());
-		HttpHelper.fakeDownload('resources.json', data);
-	}
-
-	async saveResources() {
-		await HttpHelper.post('http://localhost:88/save-resources', this.game.resources.getState());
-	}
-}

package/editor/EditorModel.js

@@ -1,38 +0,0 @@
-import ObjectModel from "../core/model/ObjectModel";
-import NullableNode from "../core/model/value/NullableNode";
-import BoolValue from "../core/model/value/BoolValue";
-
-export default class EditorModel extends ObjectModel {
-
-	/**
-	 * @type BoolValue
-	 */
-	isVisible;
-
-	/**
-	 * @type NullableNode
-	 */
-	activeTable;
-
-	/**
-	 * @type NullableNode
-	 */
-	activeForm;
-
-	/**
-	 * @type NullableNode<MaterialModel>
-	 */
-	activeMaterial;
-
-	constructor() {
-		super();
-
-		this.activeTable = this.addProperty('activeTable', new NullableNode());
-		this.activeForm = this.addProperty('activeForm', new NullableNode());
-		this.activeMaterial = this.addProperty('activeMaterial', new NullableNode());
-
-		this.isVisible = this.addProperty('isVisible', new BoolValue(true));
-
-	}
-
-}

package/editor/EditorRenderer.js

@@ -1,116 +0,0 @@
-import DomRenderer from "../core/renderer/dom/DomRenderer";
-import TableRenderer from "./table/TableRenderer";
-import NullableNodeRenderer from "../core/renderer/generic/NullableNodeRenderer";
-import NodeFormRenderer from "./form/NodeFormRenderer";
-import DOMHelper from "../core/helper/DOMHelper";
-
-export default class EditorRenderer extends DomRenderer {
-
-	/**
-	 * @type EditorModel
-	 */
-	model;
-
-	constructor(game, model, dom) {
-		super(game, model, dom);
-
-		this.model = model;
-
-		this.container = null;
-
-		this.tableRenderer = new NullableNodeRenderer(this.game, this.model.activeTable, (model) => new TableRenderer(this.game, model, this.table));
-		this.addChild(this.tableRenderer);
-
-		this.formRenderer = new NullableNodeRenderer(this.game, this.model.activeForm, (model) => new NodeFormRenderer(this.game, model, this.form));
-		this.addChild(this.formRenderer);
-
-		this.addAutoEvent(
-			this.model.activeTable,
-			'change',
-			() => this.updateTables()
-		);
-
-		this.addAutoEvent(
-			this.model.isVisible,
-			'change',
-			() => {
-				if (this.model.isVisible.get()) {
-					DOMHelper.removeClass(this.dock, 'hidden');
-					DOMHelper.removeClass(this.buttonsLeft, 'hidden');
-					DOMHelper.removeClass(this.buttonsRight, 'hidden');
-				} else {
-					DOMHelper.addClass(this.dock, 'hidden');
-					DOMHelper.addClass(this.buttonsLeft, 'hidden');
-					DOMHelper.addClass(this.buttonsRight, 'hidden');
-				}
-			},
-			true
-		);
-
-		this.stopEventPropagationHandler = (e) => e.stopPropagation();
-	}
-
-	activateInternal() {
-		this.container = this.addElement('div', 'editor');
-		this.nav = DOMHelper.createElement(this.container, 'nav', 'bg row');
-
-		const buttons = DOMHelper.createElement(this.nav, 'div', 'buttons row');
-		this.switch = DOMHelper.createElement(buttons, 'input');
-		this.switch.setAttribute('type', 'checkbox');
-		this.switch.setAttribute('name', 'switch');
-		this.switch.setAttribute('checked', this.model.isVisible.get());
-		this.switch.addEventListener('change', () => this.model.triggerEvent('switch-options'));
-
-		this.buttonsLeft = DOMHelper.createElement(buttons, 'div');
-
-		DOMHelper.createElement(
-			this.buttonsLeft,
-			'button',
-			'special',
-			'Save Resources',
-			() => this.model.triggerEvent('save-resources')
-		);
-
-		this.buttonsRight = DOMHelper.createElement(this.nav, 'div');
-
-		this.dock = DOMHelper.createElement(this.container, 'div', 'dock bg');
-		this.tables = DOMHelper.createElement(this.dock, 'div', 'table-selection bg');
-		this.table = DOMHelper.createElement(this.dock, 'div', 'active-table');
-		this.form = DOMHelper.createElement(this.dock, 'div', 'active-form');
-		this.item = DOMHelper.createElement(this.dock, 'div', 'active-item');
-
-		const events = ['click', 'mousemove', 'mousedown', 'mouseup', 'wheel'];
-		const elements = [this.nav, this.tables, this.table, this.form, this.item];
-		for (const eli in elements) {
-			for (const evi in events) {
-				this.addAutoEvent(elements[eli], events[evi], this.stopEventPropagationHandler);
-			}
-		}
-
-		this.updateTables();
-	}
-
-	deactivateInternal() {
-		this.removeElement(this.container);
-	}
-
-	updateTables() {
-		DOMHelper.emptyElement(this.tables);
-		const wrapper = DOMHelper.createElement(this.tables, 'div', 'inner');
-		this.addMenuSection(wrapper, this.game.resources, 'Resources');
-	}
-
-	addMenuSection(wrapper, node, name) {
-		DOMHelper.createElement(wrapper, 'h3', null, name);
-		const menu = DOMHelper.createElement(wrapper, 'ul', 'menu');
-		node.properties.forEach(
-			(name, property) => {
-				const isActive = this.model.activeTable.equalsTo(property);
-				const item = DOMHelper.createElement(menu, 'li', isActive ? 'active' : '');
-				const link = DOMHelper.createElement(item, 'a', null, name);
-				link.addEventListener('click', () => this.model.triggerEvent('table-selected', property));
-			}
-		);
-	}
-
-}

package/editor/form/NodeFormRenderer.js

@@ -1,180 +0,0 @@
-import DomRenderer from "../../core/renderer/dom/DomRenderer";
-import TableRenderer from "../table/TableRenderer";
-import TableLookupRenderer from "../table/lookup/TableLookupRenderer";
-import DOMHelper from "../../core/helper/DOMHelper";
-
-export default class NodeFormRenderer extends DomRenderer {
-
-	/**
-	 * @type ObjectModel
-	 */
-	model;
-
-	constructor(game, model, dom, collection = null) {
-		super(game, model, dom);
-
-		this.model = model;
-		this.collection = collection;
-		this.container = null;
-		this.fields = null;
-	}
-
-	activateInternal() {
-		this.container = this.addElement('form', 'bg');
-
-		const buttons = DOMHelper.createElement(this.container, 'div', 'buttons');
-		const buttonsLeft = DOMHelper.createElement(buttons, 'div');
-		const buttonsRight = DOMHelper.createElement(buttons, 'div');
-
-		const submit = DOMHelper.createElement(buttonsLeft, 'button');
-		submit.innerText = 'Save';
-		submit.addEventListener('click', (e) => {
-			e.preventDefault();
-			this.save();
-		});
-
-		if (this.collection) {
-			DOMHelper.createElement(buttonsLeft, 'button', null, 'Clone',
-				(e) => {
-					e.preventDefault();
-					this.game.editor.triggerEvent('node-clone', {table: this.collection, node: this.model});
-				}
-			);
-			DOMHelper.createElement(buttonsLeft, 'button', 'red', 'Delete',
-				(e) => {
-					e.preventDefault();
-					this.game.editor.triggerEvent('node-delete', {table: this.collection, node: this.model});
-				}
-			);
-		}
-
-		DOMHelper.createElement(
-			buttonsRight,
-			'button',
-			null,
-			'Close',
-			(e) => {
-				e.preventDefault();
-				if (this.game.editor.activeForm.equalsTo(this.model)) {
-					this.game.editor.triggerEvent('form-closed');
-				}
-				if (this.collection) {
-					this.collection.selectedNode.set(null);
-				}
-			}
-		);
-
-		this.fields = DOMHelper.createElement(this.container, 'div', 'fields scroll');
-		this.renderFields();
-	}
-
-	deactivateInternal() {
-		this.removeElement(this.container);
-	}
-
-	renderInternal() {
-		this.renderFields();
-	}
-
-	renderInput(container, name, value) {
-		if (value === undefined) {
-			DOMHelper.createElement(container, 'span', null, '--undefined--');
-			return;
-		}
-
-		if (value === null) {
-			DOMHelper.createElement(container, 'span', null, '--null--');
-			return;
-		}
-
-		if (name === 'color' && typeof value === 'string') {
-			const input = DOMHelper.createElement(container, 'input', 'color');
-			input.setAttribute('type', 'color');
-			input.setAttribute('name', name);
-			input.value = value;
-			return;
-		}
-
-		if (typeof value === 'object' && value.x !== undefined && value.y !== undefined) {
-			DOMHelper.addClass(container, 'vector');
-			this.renderInput(container, `${name}[]`, value.x);
-			this.renderInput(container, `${name}[]`, value.y);
-			if (value.z !== undefined) {
-				this.renderInput(container, `${name}[]`, value.z);
-				if (value.w !== undefined) {
-					this.renderInput(container, `${name}[]`, value.w);
-				}
-			}
-			return;
-		}
-
-		if (typeof value === 'object' && (value.constructor.name === 'ModelNodeTable' || value.constructor.name === 'ModelNodeCollection')) {
-			const tableRenderer = new TableRenderer(this.game, value, container);
-			tableRenderer.activate();
-			return;
-		}
-
-		if (typeof value === 'object' && value.value !== undefined) {
-			this.renderInput(container, name, value.value);
-			if (value.constructor.name === 'IntValue' && TableLookupRenderer.isTableLookupField(name)) {
-				DOMHelper.addClass(container, 'with-lookup');
-				const lookupRenderer = new TableLookupRenderer(this.game, value, container, name);
-				DOMHelper.createElement(container, 'div', 'pr-1', lookupRenderer.getPreview());
-				DOMHelper.createElement(
-					container,
-					'button',
-					'lookup-button',
-					'Select...',
-					(e) => {
-						e.preventDefault();
-						value.addEventListener('table-closed', () => {
-							lookupRenderer.deactivate();
-						});
-						lookupRenderer.activate();
-					}
-				);
-			}
-			return;
-		}
-
-		if (typeof value === 'object') {
-			DOMHelper.createElement(container, 'span', null, '[Object]');
-			return;
-		}
-
-		if (typeof value === 'boolean') {
-			const input = DOMHelper.createElement(container, 'input');
-			input.setAttribute('type', 'checkbox');
-			input.setAttribute('name', name);
-			input.checked = value;
-			return;
-		}
-
-		const input = DOMHelper.createElement(container, 'input');
-		input.setAttribute('type', 'text');
-		input.setAttribute('name', name);
-		input.value = value.toString();
-	}
-
-	renderField(container, name, value) {
-		const row = DOMHelper.createElement(container, 'div', 'row');
-		const label = DOMHelper.createElement(row, 'label', null, name);
-		label.setAttribute('for', name);
-		const item = DOMHelper.createElement(row, 'div', 'field');
-		this.renderInput(item, name, value);
-	}
-
-	renderFields() {
-		DOMHelper.emptyElement(this.fields);
-		this.model.properties.forEach((name, value) => {
-			this.renderField(this.fields, name, value);
-		});
-	}
-
-	save() {
-		const data = new FormData(this.container);
-		this.game.editor.triggerEvent('node-saved', {node: this.model, data: data});
-		this.game.editor.triggerEvent('form-closed');
-	}
-
-}

package/editor/table/TableRenderer.js

@@ -1,123 +0,0 @@
-import CollectionRenderer from "../../core/renderer/generic/CollectionRenderer";
-import TableRowRenderer from "./row/TableRowRenderer";
-import NodeFormRenderer from "../form/NodeFormRenderer";
-import NullableNodeRenderer from "../../core/renderer/generic/NullableNodeRenderer";
-import DomRenderer from "../../core/renderer/dom/DomRenderer";
-import DOMHelper from "../../core/helper/DOMHelper";
-
-export default class TableRenderer extends DomRenderer {
-
-	/**
-	 * @type ModelNodeTable|ModelNodeCollection
-	 */
-	model;
-
-	constructor(game, model, dom) {
-		super(game, model, dom);
-
-		this.model = model;
-		this.dom = dom;
-		this.container = null;
-
-		this.addChild(
-			new NullableNodeRenderer(
-				this.game,
-				this.model.selectedNode,
-				(m) => new NodeFormRenderer(this.game, m, this.dom, this.model)
-			)
-		);
-
-		this.addChild(
-			new CollectionRenderer(
-				this.game,
-				this.model,
-				(m) => new TableRowRenderer(game, m, this.tbody, this.model)
-			)
-		);
-
-	}
-
-	activateInternal() {
-		this.container = DOMHelper.createElement(this.dom, 'div', 'table bg');
-
-		this.buttons = DOMHelper.createElement(this.container, 'div', 'buttons');
-		const buttonsLeft = DOMHelper.createElement(this.buttons, 'div');
-		const buttonsRight = DOMHelper.createElement(this.buttons, 'div');
-
-		DOMHelper.createElement(
-			buttonsLeft,
-			'button',
-			null,
-			'Add',
-			(e) => {
-				e.preventDefault();
-				this.model.selectedNode.set(this.model.add());
-			}
-		);
-
-		this.input = DOMHelper.createElement(buttonsLeft, 'input', 'flex-1')
-		this.input.setAttribute('type', 'text');
-		this.input.addEventListener('input', () => this.updateItems());
-		DOMHelper.createElement(buttonsLeft, 'button', null, 'Reset', () => {
-			this.input.value = '';
-			this.updateItems();
-		});
-
-		DOMHelper.createElement(
-			buttonsRight,
-			'button',
-			null,
-			'Close',
-			(e) => {
-				e.preventDefault();
-				if (this.game.editor.activeTable.equalsTo(this.model)) {
-					this.game.editor.triggerEvent('table-closed');
-				}
-			}
-		);
-
-		this.scrollable = DOMHelper.createElement(this.container, 'div', 'scroll');
-		this.table = DOMHelper.createElement(this.scrollable, 'table');
-
-		let dummy = null;
-
-		if (typeof this.model.nodeFactory === 'function') {
-			dummy = this.model.nodeFactory();
-		} else if (this.model.count() > 0) {
-			dummy = this.model.first();
-		}
-
-		if (dummy) {
-			const thead = DOMHelper.createElement(this.table, 'thead');
-			const header = DOMHelper.createElement(thead, 'tr');
-			DOMHelper.createElement(header, 'th');
-			dummy.properties.forEach((name) => {
-				const cell = DOMHelper.createElement(header, 'th');
-				cell.innerText = name;
-			});
-		}
-
-		this.tbody = DOMHelper.createElement(this.table, 'tbody');
-
-		super.activateInternal();
-	}
-
-	deactivateInternal() {
-		super.deactivateInternal();
-		DOMHelper.destroyElement(this.container);
-	}
-
-	updateItems() {
-		const rows = this.tbody.querySelectorAll('tr');
-		const search = this.input.value.toLowerCase();
-		rows.forEach((row) => {
-			const str = row.innerText.toLowerCase();
-			const visible = (search === '') || str.includes(search);
-			if (visible) {
-				DOMHelper.removeClass(row, 'hidden');
-			} else {
-				DOMHelper.addClass(row, 'hidden');
-			}
-		});
-	}
-}

package/editor/table/lookup/TableLookupRenderer.js

@@ -1,120 +0,0 @@
-import DomRenderer from "../../../core/renderer/dom/DomRenderer";
-import DOMHelper from "../../../core/helper/DOMHelper";
-
-const FIELD_TABLE_MAPPINGS = {
-	modelId: 'models3d',
-	materialId: 'materials',
-	spriteId: 'sprites'
-}
-
-const RENDER_FIELDS = ['id', 'name'];
-
-export default class TableLookupRenderer extends DomRenderer {
-
-	/**
-	 * @type IntValue
-	 */
-	model;
-
-	constructor(game, model, dom, fieldName) {
-		super(game, model, dom);
-
-		this.model = model;
-		this.lookupTable = this.getTableByField(fieldName);
-		if (!this.lookupTable) {
-			console.error('Not found lookup table for field', fieldName);
-		}
-		this.container = null;
-	}
-
-	activateInternal() {
-		this.container = this.addElement('div', 'table-lookup force-foreground p-2');
-		this.container.addEventListener('wheel', (e) => e.stopPropagation());
-
-		this.buttons = DOMHelper.createElement(this.container, 'div', 'buttons row stretch');
-		this.input = DOMHelper.createElement(this.buttons, 'input', 'flex-1')
-		this.input.setAttribute('type', 'text');
-		this.input.addEventListener('input', () => this.renderItems());
-		DOMHelper.createElement(this.buttons, 'button', null, 'Reset', (e) => {
-			e.preventDefault();
-			this.input.value = '';
-			this.renderItems();
-		});
-		DOMHelper.createElement(this.buttons, 'button', null, 'NaN', (e) => {
-			e.preventDefault();
-			this.model.set(Number.NaN);
-			this.model.triggerEvent('table-closed');
-		});
-		DOMHelper.createElement(this.buttons, 'button', 'ml-1', 'Close', () => this.model.triggerEvent('table-closed'));
-
-		this.scrollable = DOMHelper.createElement(this.container, 'div', 'scroll p-1');
-		this.table = DOMHelper.createElement(this.scrollable, 'table');
-
-		const thead = DOMHelper.createElement(this.table, 'thead');
-		const header = DOMHelper.createElement(thead, 'tr');
-		RENDER_FIELDS.forEach((name) => {
-			const cell = DOMHelper.createElement(header, 'th');
-			cell.innerText = name;
-		});
-
-		this.tbody = DOMHelper.createElement(this.table, 'tbody');
-		this.renderItems();
-	}
-
-	deactivateInternal() {
-		this.removeElement(this.container);
-	}
-
-	getTableByField(name) {
-		return this.game.getTableByName(FIELD_TABLE_MAPPINGS[name]);
-	}
-
-	static isTableLookupField(name) {
-		return Object.keys(FIELD_TABLE_MAPPINGS).includes(name);
-	}
-
-	getPreview() {
-		const element = this.lookupTable.getById(this.model.get());
-		if (element) {
-			if (typeof element.name === 'object' && typeof element.name.get === 'function') {
-				return element.name.get();
-			}
-			return this.model.get();
-		}
-	}
-
-	renderItems() {
-		DOMHelper.emptyElement(this.tbody);
-		const search = this.input.value.toLowerCase();
-		const searchId = Number(search);
-		this.lookupTable
-			.filter((m) => {
-				if (search === '') {
-					return true;
-				}
-				if (!Number.isNaN(searchId)) {
-					return m.id.equalsTo(searchId);
-				}
-				const name = m.name.get();
-				return name.toLowerCase().includes(search);
-			})
-			.forEach(
-				(node) => {
-					const tr = DOMHelper.createElement(
-						this.tbody,
-						'tr',
-						node.id.equalsTo(this.model.get()) ? 'active' : null,
-						null,
-						() => {
-							this.model.set(node.id.get());
-							this.model.triggerEvent('table-closed');
-						}
-					);
-					RENDER_FIELDS.forEach((name) => {
-						const cell = DOMHelper.createElement(tr, 'td');
-						cell.innerText = node[name].get();
-					});
-				}
-			);
-	}
-}

package/editor/table/row/TableRowRenderer.js

@@ -1,98 +0,0 @@
-import DomRenderer from "../../../core/renderer/dom/DomRenderer";
-import DOMHelper from "../../../core/helper/DOMHelper";
-import NumberHelper from "../../../core/helper/NumberHelper";
-import StringHelper from "../../../core/helper/StringHelper";
-
-export default class TableRowRenderer extends DomRenderer {
-
-	/**
-	 * @type ObjectModel
-	 */
-	model;
-
-	/**
-	 * @type ModelNodeTable|ModelNodeCollection
-	 */
-	table;
-
-	constructor(game, model, dom, collection) {
-		super(game, model, dom);
-
-		this.model = model;
-		this.collection = collection;
-
-		this.container = null;
-
-		this.addAutoEvent(
-			this.collection.selectedNode,
-			'change',
-			() => {
-				if (this.collection.selectedNode.equalsTo(this.model)) {
-					DOMHelper.addClass(this.container, 'active');
-				} else {
-					DOMHelper.removeClass(this.container, 'active');
-				}
-			},
-			true
-		);
-	}
-
-	activateInternal() {
-		this.container = this.addElement('tr');
-		this.container.addEventListener('click', () => this.collection.selectedNode.set(this.model));
-
-		this.updateRow();
-	}
-
-	deactivateInternal() {
-		this.removeElement(this.container);
-	}
-
-	renderInternal() {
-		this.updateRow();
-	}
-
-	updateRow() {
-		DOMHelper.emptyElement(this.container);
-
-		const grab = DOMHelper.createElement(this.container, 'td');
-		const icon = DOMHelper.createElement(grab, 'div', 'grab-icon');
-		icon.setAttribute('draggable', "true");
-		icon.addEventListener('dragstart', (e) => {
-			this.collection.triggerEvent('drag-start', this.model);
-		});
-		this.container.addEventListener('dragover', (e) => e.preventDefault());
-		this.container.addEventListener('drop', (e) => {
-			e.preventDefault();
-			this.collection.triggerEvent('drag-drop', this.model);
-		});
-
-		this.model.properties.forEach((name, value) => {
-			const cell = DOMHelper.createElement(this.container, 'td');
-			let text = '';
-			if (value !== undefined && value !== null) {
-				if (typeof value === 'object') {
-					if (value.value !== undefined) {
-						text = StringHelper.shorten(value.value);
-					} else if (value.x !== undefined && value.y !== undefined) {
-						text = '[' + NumberHelper.round(value.x, 2) + ',' + NumberHelper.round(value.y, 2);
-						if (value.z !== undefined) {
-							text += ',' + NumberHelper.round(value.z, 2);
-						}
-						if (value.w !== undefined) {
-							text += ',' + NumberHelper.round(value.w, 2);
-						}
-						text += ']';
-					} else {
-						text = NumberHelper.shorten(value.toString());
-					}
-				} else {
-					text = NumberHelper.shorten(value);
-				}
-			}
-			cell.innerText = text;
-		});
-
-	}
-
-}