Added more hooks to make setting up interactions easier

editor/js/tools/menus/collectmenu.js

@@ -12,7 +12,6 @@ const DOM_LIST_ITEM = "li";
 export class CollectMenu extends ToolMenu {
     constructor() {
         super();
-        this.hooked = false;
     }
 
     hookClearButton() {
@@ -22,12 +21,13 @@ export class CollectMenu extends ToolMenu {
         });
     }
 
-    afterSet(key, value) {
-        if (this.hooked === false) {
+    onMenuShow(initial) {
+        if (initial) {
             this.hookClearButton();
-            this.hooked = true;
         }
+    }
 
+    afterSet(key, value) {
         if (key === COLLECTION_KEY) {
             this.fillDomList(SELECTED_ITEMS_ID, value, this.itemListRenderer);
         }

editor/js/tools/menus/toolmenu.js

@@ -4,6 +4,7 @@ export default class ToolMenu {
     constructor() {
         this.warnings = false;
         this.values = {};
+        this.initialShow = true;
     }
 
     loadTool(tool) {
@@ -12,11 +13,26 @@ export default class ToolMenu {
     }
 
     show() {
+        this.onMenuShow(this.initialShow);
+        this.initialShow = false;
         this.getMenu().removeClass("hidden");
     }
 
     hide() {
         this.getMenu().addClass("hidden");
+        this.onMenuHide();
+    }
+
+    onMenuShow(initial) {
+        if (this.warnings) {
+            console.warn('Method "onMenuShow" not implemented.');
+        }
+    }
+
+    onMenuHide() {
+        if (this.warnings) {
+            console.warn('Method "onMenuHide" not implemented.');
+        }
     }
 
     beforeGet(key) {