@sebgroup/green-core 3.21.3 → 3.22.0-rc.20260908115502152

package/components/popover/popover.component.js

@@ -5,7 +5,7 @@ import {
   __privateMethod,
   __privateSet
 } from "../../chunks/chunk.CAV4X6PU.js";
-var _handleTriggerSlotChange, handleTriggerSlotChange_fn, _autoPositionCleanupFn, _isMobileViewport, _backdropEl, _handleCancel, _dispatchUiStateEvent, _handleCloseButton, _registerTriggerEvents, registerTriggerEvents_fn, _unregisterTriggerEvents, unregisterTriggerEvents_fn, _setupTriggerAttributes, setupTriggerAttributes_fn, _registerAutoPositioning, registerAutoPositioning_fn, _handleTriggerKeyDown, _handleTriggerClick, _focusFirstSlottedChild, _handleClickOutside, _handlePageScroll;
+var _handleTriggerSlotChange, handleTriggerSlotChange_fn, _autoPositionCleanupFn, _isMobileViewport, _backdropEl, _clickOutsideTarget, _registerClickOutside, registerClickOutside_fn, _unregisterClickOutside, unregisterClickOutside_fn, _handleCancel, _dispatchUiStateEvent, _handleCloseButton, _registerTriggerEvents, registerTriggerEvents_fn, _unregisterTriggerEvents, unregisterTriggerEvents_fn, _setupTriggerAttributes, setupTriggerAttributes_fn, _registerAutoPositioning, registerAutoPositioning_fn, _handleTriggerKeyDown, _handleTriggerClick, _focusFirstSlottedChild, _handleClickOutside, _handlePageScroll;
 import { localized, msg } from "@lit/localize";
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -43,6 +43,8 @@ let GdsPopover = class extends GdsElement {
   constructor() {
     super(...arguments);
     __privateAdd(this, _handleTriggerSlotChange);
+    __privateAdd(this, _registerClickOutside);
+    __privateAdd(this, _unregisterClickOutside);
     __privateAdd(this, _registerTriggerEvents);
     __privateAdd(this, _unregisterTriggerEvents);
     __privateAdd(this, _setupTriggerAttributes);
@@ -67,6 +69,9 @@ let GdsPopover = class extends GdsElement {
     __privateAdd(this, _autoPositionCleanupFn, void 0);
     __privateAdd(this, _isMobileViewport, false);
     __privateAdd(this, _backdropEl, void 0);
+    // The node the click outside listener is currently attached to. Kept so that removal always
+    // targets the same node it was added to, even if the resolved target would differ by then.
+    __privateAdd(this, _clickOutsideTarget, void 0);
     __privateAdd(this, _handleCancel, () => {
       if (__privateGet(this, _dispatchUiStateEvent).call(this, "cancel"))
         this.open = false;
@@ -181,6 +186,7 @@ let GdsPopover = class extends GdsElement {
   disconnectedCallback() {
     super.disconnectedCallback();
     __privateMethod(this, _unregisterTriggerEvents, unregisterTriggerEvents_fn).call(this);
+    __privateMethod(this, _unregisterClickOutside, unregisterClickOutside_fn).call(this);
     window.removeEventListener("scroll", __privateGet(this, _handlePageScroll));
   }
   render() {
@@ -215,7 +221,6 @@ let GdsPopover = class extends GdsElement {
       </div>`;
   }
   _handleOpenChange() {
-    const clickOutsideTarget = (this.nonmodal ? __privateGet(this, _backdropEl) : this._elDialog) || document;
     this.updateComplete.then(() => {
       this._trigger?.setAttribute("aria-expanded", String(this.open));
       if (this.open) {
@@ -228,22 +233,13 @@ let GdsPopover = class extends GdsElement {
           if (__privateGet(this, _backdropEl))
             __privateGet(this, _backdropEl).show = true;
         });
-        setTimeout(
-          () => clickOutsideTarget.addEventListener(
-            "click",
-            __privateGet(this, _handleClickOutside)
-          ),
-          0
-        );
+        setTimeout(() => __privateMethod(this, _registerClickOutside, registerClickOutside_fn).call(this), 0);
         window.addEventListener("scroll", __privateGet(this, _handlePageScroll), {
           passive: true
         });
       } else {
         this._elDialog?.close();
-        clickOutsideTarget.removeEventListener(
-          "click",
-          __privateGet(this, _handleClickOutside)
-        );
+        __privateMethod(this, _unregisterClickOutside, unregisterClickOutside_fn).call(this);
         window.removeEventListener("scroll", __privateGet(this, _handlePageScroll));
         if (__privateGet(this, _backdropEl))
           __privateGet(this, _backdropEl).show = false;
@@ -285,6 +281,23 @@ handleTriggerSlotChange_fn = function() {
 _autoPositionCleanupFn = new WeakMap();
 _isMobileViewport = new WeakMap();
 _backdropEl = new WeakMap();
+_clickOutsideTarget = new WeakMap();
+_registerClickOutside = new WeakSet();
+registerClickOutside_fn = function() {
+  if (!this.open || !this.isConnected)
+    return;
+  __privateMethod(this, _unregisterClickOutside, unregisterClickOutside_fn).call(this);
+  __privateSet(this, _clickOutsideTarget, (this.nonmodal ? __privateGet(this, _backdropEl) : this._elDialog) || document);
+  __privateGet(this, _clickOutsideTarget).addEventListener("click", __privateGet(this, _handleClickOutside));
+};
+_unregisterClickOutside = new WeakSet();
+unregisterClickOutside_fn = function() {
+  __privateGet(this, _clickOutsideTarget)?.removeEventListener(
+    "click",
+    __privateGet(this, _handleClickOutside)
+  );
+  __privateSet(this, _clickOutsideTarget, void 0);
+};
 _handleCancel = new WeakMap();
 _dispatchUiStateEvent = new WeakMap();
 _handleCloseButton = new WeakMap();