fix(esl-toggleable): doesn't update after changing the activator

src/modules/esl-popup/core/esl-popup.ts

@@ -165,6 +165,11 @@ export class ESLPopup extends ESLToggleable {
     document.body.appendChild(this);
   }
 
+  /** @returns whether the hide task should be executed for the open state during the show task executing */
+  protected override shouldHideIfOpen(params: ESLToggleableActionParams): boolean {
+    return params.activator !== this.activator;
+  }
+
   /**
    * Actions to execute on show popup.
    * Inner state and 'open' attribute are not affected and updated before `onShow` execution.

src/modules/esl-toggleable/core/esl-toggleable.ts

@@ -196,9 +196,16 @@ export class ESLToggleable extends ESLBaseElement {
     return this;
   }
 
+  /** @returns whether the hide task should be executed for the open state during the show task executing */
+  protected shouldHideIfOpen(params: ESLToggleableActionParams): boolean {
+    return false;
+  }
+
   /** Actual show task to execute by toggleable task manger ({@link DelayedTask} out of the box) */
   protected showTask(params: ESLToggleableActionParams): void {
-    if (!params.force && this.open) return;
+    const shouldHide = this.shouldHideIfOpen(params);
+    if (!params.force && !shouldHide && this.open) return;
+    if (shouldHide && this.open) this.hideTask(params);
     if (!params.silent && !this.$$fire(this.BEFORE_SHOW_EVENT, {detail: {params}})) return;
     this.activator = params.activator;
     this.open = true;