Remove layertree submenu when changing theme

contribs/gmf/src/layertree/TreeManager.js

@@ -194,6 +194,9 @@ LayertreeTreeManager.prototype.handleThemesChange_ = function() {
  * @return {boolean} True if the group has been added. False otherwise.
  */
 LayertreeTreeManager.prototype.setFirstLevelGroups = function(firstLevelGroups) {
+  //Remove existing submenu if opened at theme refresh
+  this.parseTreeNodes(this.root);
+
   this.root.children.length = 0;
   this.ngeoStateManager_.deleteParam(PermalinkParam.TREE_GROUPS);
   return this.addFirstLevelGroups(firstLevelGroups);
@@ -232,6 +235,35 @@ LayertreeTreeManager.prototype.setInitialFirstLevelGroups = function(firstGroups
   this.initialLevelFirstGroups_ = firstGroups;
 };
 
+/**
+ * @param {import('gmf/themes.js').GmfGroup | import('gmf/themes.js').GmfLayer | import('gmf/themes.js').GmfRootNode} node Layer tree node to remove.
+ */
+LayertreeTreeManager.prototype.parseTreeNodes = function(node) {
+  if (node.children) {
+    /**
+     * @param {any} child
+     */
+    node.children.forEach(child => {
+      this.parseTreeNodes(child);
+    });
+  }
+  if (node.popupId) {
+    this.removePopup_(node);
+  }
+};
+
+
+/**
+ * @param {import('gmf/themes.js').GmfGroup} node Layer tree node to remove.
+ * @private
+ */
+LayertreeTreeManager.prototype.removePopup_ = function(node) {
+  const popupId = node.popupId;
+  $(`#${popupId}`).remove();
+  delete node.popupId;
+};
+
+
 /**
  * @param {array} array An array of groups.
  * @param {number} old_index The old index before reorder (the current one).

contribs/gmf/src/layertree/component.js

@@ -802,46 +802,17 @@ Controller.prototype.tagPopup = function(node) {
  * @param {import('gmf/themes.js').GmfGroup} node Layer tree node to remove.
  */
 Controller.prototype.removeNode = function(node) {
-  this.parseTreeNodes(node);
+  this.gmfTreeManager_.parseTreeNodes(node);
   this.gmfTreeManager_.removeGroup(node);
 };
 
 
 Controller.prototype.removeAllNodes = function() {
-  this.parseTreeNodes(this.root);
+  this.gmfTreeManager_.parseTreeNodes(this.root);
   this.gmfTreeManager_.removeAll();
 };
 
 
-/**
- * @param {import('gmf/themes.js').GmfGroup | import('gmf/themes.js').GmfLayer | import('gmf/themes.js').GmfRootNode} node Layer tree node to remove.
- */
-Controller.prototype.parseTreeNodes = function(node) {
-  if (node.children) {
-    /**
-     * @param {any} child
-     */
-    node.children.forEach(child => {
-      this.parseTreeNodes(child);
-    });
-  }
-  if (node.popupId) {
-    this.removePopup_(node);
-  }
-};
-
-
-/**
- * @param {import('gmf/themes.js').GmfGroup} node Layer tree node to remove.
- * @private
- */
-Controller.prototype.removePopup_ = function(node) {
-  const popupId = node.popupId;
-  $(`#${popupId}`).remove();
-  delete node.popupId;
-};
-
-
 /**
  * @return {number} first level node count.
  */