Avoid changing DOM-bound tree before new layout is determined

Also made layout functions modify the passed-in tree instead of
generating a new tree. And added type LayoutTreeChg.

1 files changed, 4 insertions, 2 deletions

diff --git a/src/components/TileTree.vue b/src/components/TileTree.vue
index c277556..bdc3959 100644
--- a/src/components/TileTree.vue
+++ b/src/components/TileTree.vue
@@ -68,7 +68,8 @@ export default defineComponent({
 				//console.log('Tile to expand has no children');
 				return;
 			}
-			let success = this.layoutTree.tryLayoutOnExpand([0,0], [this.width,this.height], layoutNode);
+			let success = this.layoutTree.tryLayout([0,0], [this.width,this.height],
+				{type: 'expand', node: layoutNode});
 			if (!success){
 				// Trigger failure animation
 				domNode.classList.remove('animate-expand-shrink');
@@ -78,7 +79,8 @@ export default defineComponent({
 			}
 		},
 		onInnerHeaderClicked({layoutNode, domNode}: {layoutNode: LayoutNode, domNode: HTMLElement}){
-			let success = this.layoutTree.tryLayoutOnCollapse([0,0], [this.width,this.height], layoutNode);
+			let success = this.layoutTree.tryLayout([0,0], [this.width,this.height],
+				{type: 'collapse', node: layoutNode});
 			if (!success){
 				// Trigger failure animation
 				domNode.classList.remove('animate-shrink-expand');