@globalpayments/vega 2.93.0 → 2.95.0

package/dist/esm/vega-left-nav_5.entry.js

@@ -7,12 +7,13 @@ import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e
 import { e as executeAfterTransition } from './effect-f50e072d.js';
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
 import { j as checkIsVoiceOverClick, k as getFirstFocusableElement, f as findParent } from './ui-d73f756a.js';
+import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
-import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-e8ddb78d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
-import { W as VegaStateUpdate, X as VegaGroupClick, Y as VegaMenuClick, a as VegaClick, Z as VegaActionClick } from './vega-event-id-270fe47e.js';
+import { S as SharedBackdropManager } from './shared-backdrop-manager-a7c63838.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-86126b5b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
+import { W as VegaStateUpdate, X as VegaGroupClick, Y as VegaMenuClick, a as VegaClick, Z as VegaActionClick } from './vega-event-id-f55f6977.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { J as VegaInternalLeftNavLinkClick, K as VegaInternalLeftNavGroupExpand, L as VegaInternalLeftNavLinkSelected, M as VegaInternalInitializeLeftNavLinkSelected, N as VegaInternalLeftNavLinkSelectedTopic } from './vega-internal-event-id-827eb1ce.js';
@@ -25,32 +26,32 @@ import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-64532d94.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
-import { f as formatAndValidResponsiveToken } from './design-token-4e682056.js';
+import { f as formatAndValidResponsiveToken } from './design-token-76bd217c.js';
 import './try-get-document-bef0f526.js';
 import './index-9c9865c0.js';
+import './ui-93922c59.js';
+import './breakpoints-d9faf11c.js';
 import './icon-manager-4ef3f6dd.js';
 import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './number-4398f2e1.js';
-import './ui-93922c59.js';
-import './breakpoints-d9faf11c.js';
-import './keyboard-manager-ec18721b.js';
-import './type-guard-2bfb2c7b.js';
+import './keyboard-manager-a0c3e1cf.js';
+import './type-guard-ec5e8628.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-09b8bd13.js';
+import './internal-translation-controller-16709132.js';
 import './static-subject-title-1c86e974.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './index-3b327f29.js';
 import './tinycolor-polyfill-7be0eb93.js';
 import './object-0c277f57.js';
-import './responsive-format-facade-299e6304.js';
+import './responsive-format-facade-ced96b0b.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './state-border-formatter-da52b626.js';
+import './state-border-formatter-b680e922.js';
 
-var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -65,7 +66,11 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     /* eslint-disable jsdoc/require-jsdoc*/
     super({
       callback: /* istanbul ignore next */ () => {
+        if (this.showAsOverlay) {
+          return;
+        }
         this.updateMainContentUI(this.openState);
+        this.backdropManager.watchOpenState(this.openState);
       },
     });
     this.isVoiceOverClick = false;
@@ -118,6 +123,7 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
   }
   watchOpenState(newState) {
+    this.backdropManager.watchOpenState(newState);
     this.updateMainContentUI(newState);
     if (newState === 'open') {
       this.open = true;
@@ -138,6 +144,7 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
   }
   watchShowAsOverlay() {
+    this.backdropManager.watchShowAsOverlay();
     this.updateMainContentUI(this.openState);
   }
   /**
@@ -215,7 +222,7 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
       this.host.style.display = 'flex';
       setTimeout(() => {
         this.host.classList.add('open');
-        if (mainContent && !this.backdropController.shouldShowBackdrop()) {
+        if (mainContent && !this.shouldShowBackdrop()) {
           bodyElement === null || bodyElement === void 0 ? void 0 : bodyElement.classList.remove('vega-overflow-hidden');
           mainContent.classList.add('open');
         }
@@ -236,38 +243,45 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
       }, this.host);
     }
   }
+  shouldShowBackdrop() {
+    const breakpoint = getCurrentBreakpoint();
+    return this.showAsOverlay || (breakpoint !== 'L' && breakpoint !== 'XL');
+  }
 }
-__decorate$n([
+__decorate$o([
   MapToComponentField()
 ], VegaLeftNavOpenStateController.prototype, "host", void 0);
-__decorate$n([
+__decorate$o([
   MapToComponentField({ writable: true })
 ], VegaLeftNavOpenStateController.prototype, "open", void 0);
-__decorate$n([
+__decorate$o([
   MapToComponentField({ writable: true })
 ], VegaLeftNavOpenStateController.prototype, "openState", void 0);
-__decorate$n([
+__decorate$o([
   MapToComponentField()
 ], VegaLeftNavOpenStateController.prototype, "stateUpdateEventEmitter", void 0);
-__decorate$n([
+__decorate$o([
   MapToComponentField()
-], VegaLeftNavOpenStateController.prototype, "backdropController", void 0);
-__decorate$n([
+], VegaLeftNavOpenStateController.prototype, "showAsOverlay", void 0);
+__decorate$o([
+  MapToComponentField()
+], VegaLeftNavOpenStateController.prototype, "backdropManager", void 0);
+__decorate$o([
   MapToComponentMethod('componentDidLoad')
 ], VegaLeftNavOpenStateController.prototype, "componentDidLoad", null);
-__decorate$n([
+__decorate$o([
   MapToComponentMethod('componentDidRender')
 ], VegaLeftNavOpenStateController.prototype, "componentDidRender", null);
-__decorate$n([
+__decorate$o([
   MapToComponentMethod('toggle')
 ], VegaLeftNavOpenStateController.prototype, "toggle", null);
-__decorate$n([
+__decorate$o([
   MapToComponentMethod('watchOpen')
 ], VegaLeftNavOpenStateController.prototype, "watchOpen", null);
-__decorate$n([
+__decorate$o([
   MapToComponentMethod('watchOpenState')
 ], VegaLeftNavOpenStateController.prototype, "watchOpenState", null);
-__decorate$n([
+__decorate$o([
   MapToComponentMethod('watchShowAsOverlay')
 ], VegaLeftNavOpenStateController.prototype, "watchShowAsOverlay", null);
 
@@ -283,7 +297,7 @@ const Icons = {
   },
 };
 
-var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -317,20 +331,20 @@ class VegaLeftNavHeaderRenderer extends VegaSlimmer {
 (() => {
   VegaInternalIconManager.register(Icons);
 })();
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaLeftNavHeaderRenderer.prototype, "host", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaLeftNavHeaderRenderer.prototype, "headerConfig", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaLeftNavHeaderRenderer.prototype, "currentBranding", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentMethod('componentWillLoad')
 ], VegaLeftNavHeaderRenderer.prototype, "componentWillLoad", null);
 
-var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -349,17 +363,17 @@ class VegaLeftNavFooterRenderer extends VegaSlimmer {
       h("div", { class: "footer-container" }, this.hasFooterSlot ? (h("slot", { name: "footer-slot" })) : (h("div", { class: "footer-footnote" }, this.footnote))))));
   }
 }
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaLeftNavFooterRenderer.prototype, "host", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaLeftNavFooterRenderer.prototype, "footnote", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentMethod('componentWillLoad')
 ], VegaLeftNavFooterRenderer.prototype, "componentWillLoad", null);
 
-var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -375,7 +389,7 @@ class VegaLeftNavZIndexController extends VegaSlimmer {
    */
   /* istanbul ignore next */
   updateZIndex() {
-    const backDrop = this.backdropController.getBackdrop();
+    const backDrop = this.backdropManager.getBackdrop();
     if (this.openState == 'open') {
       backDrop && InternalVegaZIndexManager.setZIndex(backDrop, 'base');
       InternalVegaZIndexManager.setZIndex(this.host, 'base');
@@ -388,117 +402,146 @@ class VegaLeftNavZIndexController extends VegaSlimmer {
     }
   }
 }
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaLeftNavZIndexController.prototype, "host", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaLeftNavZIndexController.prototype, "openState", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
-], VegaLeftNavZIndexController.prototype, "backdropController", void 0);
-__decorate$k([
+], VegaLeftNavZIndexController.prototype, "backdropManager", void 0);
+__decorate$l([
   MapToComponentMethod('watchOpenState')
 ], VegaLeftNavZIndexController.prototype, "watchOpenState", null);
 
-var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-class VegaLeftNavBackdropController extends PageResizeObserverSlimmer {
+/**
+ * Left-nav specific backdrop manager — extends SharedBackdropManager to get its own static scope.
+ * Each subclass of SharedBackdropManager gets its own separate static state (consumers, visibility intents, etc).
+ */
+class VegaLeftNavBackdropManager extends SharedBackdropManager {
   /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-left-nav-e2e-resize-with-desktop}
+   * Watch openState changes and update visibility intent.
+   *
+   * @param {LeftNavOpenStateType} newState - The new open state.
    */
-  constructor() {
-    /* eslint-disable jsdoc/require-jsdoc*/
-    super({
-      callback: /* istanbul ignore next */ () => {
-        this.updateBackdropUI(this.openState);
-      },
-    });
-    this.backdrop = null;
-    /* eslint-enable jsdoc/require-jsdoc*/
-  }
-  connectedCallback() {
-    if (!this.backdrop || !this.backdrop.isConnected) {
-      this.backdrop = this.createBackdrop();
-    }
-  }
-  disconnectedCallback() {
-    this.backdrop && this.backdrop.remove();
-    this.backdrop = null;
-  }
   watchOpenState(newState) {
-    this.updateBackdropUI(newState);
+    const shouldShow = newState === 'open' && this.shouldShowBackdrop();
+    this.setVisibilityIntent(shouldShow);
   }
+  /**
+   * Watch showAsOverlay changes and re-evaluate visibility.
+   */
   watchShowAsOverlay() {
-    this.updateBackdropUI(this.openState);
+    this.watchOpenState(this.openState);
   }
-  getBackdrop() {
-    return this.backdrop;
+  /**
+   * Customize backdrop creation for left-nav use case.
+   *
+   * @param {Document} doc - The document reference.
+   * @returns {HTMLVegaBackdropElement} The created and configured backdrop element.
+   */
+  createBackdrop(doc) {
+    const backdrop = doc.createElement('vega-backdrop');
+    backdrop.classList.add(VegaLeftNavBackdropManager.backdropClassName);
+    backdrop.duration = 150;
+    backdrop.visible = false;
+    doc.body.append(backdrop);
+    return backdrop;
   }
+  /**
+   * Determine if backdrop should be shown based on current state.
+   *
+   * @returns {boolean} True if backdrop should be visible.
+   */
   shouldShowBackdrop() {
-    return this.isLargeScreen() && !this.showAsOverlay ? false : true;
+    return this.showAsOverlay || !this.isLargeScreen();
+  }
+  /**
+   * Check if current breakpoint is large screen.
+   *
+   * @returns {boolean} True if current breakpoint is 'L' or 'XL'.
+   */
+  isLargeScreen() {
+    const breakpoint = getCurrentBreakpoint();
+    return breakpoint === 'L' || breakpoint === 'XL';
+  }
+}
+VegaLeftNavBackdropManager.backdropClassName = 'vega-left-nav-backdrop';
+__decorate$k([
+  MapToComponentField()
+], VegaLeftNavBackdropManager.prototype, "openState", void 0);
+__decorate$k([
+  MapToComponentField()
+], VegaLeftNavBackdropManager.prototype, "showAsOverlay", void 0);
+__decorate$k([
+  MapToComponentMethod('watchOpenState')
+], VegaLeftNavBackdropManager.prototype, "watchOpenState", null);
+__decorate$k([
+  MapToComponentMethod('watchShowAsOverlay')
+], VegaLeftNavBackdropManager.prototype, "watchShowAsOverlay", null);
+
+var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Backdrop click handler controller for left-nav.
+ * Manages backdrop interaction (click events) while the VegaLeftNavBackdropManager
+ * handles visibility state through its slimmer watch methods.
+ */
+class VegaLeftNavBackdropController {
+  constructor() {
+    this.handleBackdropClick = () => {
+      this.openStateController.setOpenState('close');
+    };
+  }
+  connectedCallback() {
+    this.attachBackdropClickEvent();
+  }
+  disconnectedCallback() {
+    this.detachBackdropClickEvent();
   }
   /**
+   * Attach backdrop click event listener.
    * The below method is e2e-test covered in
    * @see{module:vega-left-nav-e2e-vega-click-backdrop}
    */
   /* istanbul ignore next */
-  createBackdrop() {
-    // eslint-disable-next-line no-restricted-globals
-    const backdrop = document.createElement('vega-backdrop');
-    backdrop.visible = false;
-    backdrop.duration = 150;
-    backdrop.addEventListener('vegaClick', () => {
-      this.openStateController.setOpenState('close');
-    });
-    // eslint-disable-next-line no-restricted-globals
-    document.body.append(backdrop);
-    return backdrop;
-  }
-  updateBackdropUI(state) {
-    // eslint-disable-next-line no-restricted-globals
-    const mainContent = document.querySelector('vega-left-nav + .vega-left-nav-content');
-    const backdrop = this.backdrop;
+  attachBackdropClickEvent() {
+    const backdrop = this.backdropManager.getBackdrop();
     if (!backdrop)
       return;
-    if (state === 'open') {
-      backdrop.visible = !mainContent || this.shouldShowBackdrop();
-    }
-    else {
-      backdrop.visible = false;
-    }
+    backdrop.removeEventListener('vegaClick', this.handleBackdropClick);
+    backdrop.addEventListener('vegaClick', this.handleBackdropClick);
   }
-  isLargeScreen() {
-    const currentBreakpoint = getCurrentBreakpoint();
-    return currentBreakpoint == 'L' || currentBreakpoint == 'XL';
+  detachBackdropClickEvent() {
+    const backdrop = this.backdropManager.getBackdrop();
+    if (!backdrop)
+      return;
+    backdrop.removeEventListener('vegaClick', this.handleBackdropClick);
   }
 }
 __decorate$j([
   MapToComponentField()
-], VegaLeftNavBackdropController.prototype, "openState", void 0);
-__decorate$j([
-  MapToComponentField()
-], VegaLeftNavBackdropController.prototype, "showAsOverlay", void 0);
+], VegaLeftNavBackdropController.prototype, "openStateController", void 0);
 __decorate$j([
   MapToComponentField()
-], VegaLeftNavBackdropController.prototype, "openStateController", void 0);
+], VegaLeftNavBackdropController.prototype, "backdropManager", void 0);
 __decorate$j([
   MapToComponentMethod('connectedCallback')
 ], VegaLeftNavBackdropController.prototype, "connectedCallback", null);
 __decorate$j([
   MapToComponentMethod('disconnectedCallback')
 ], VegaLeftNavBackdropController.prototype, "disconnectedCallback", null);
-__decorate$j([
-  MapToComponentMethod('watchOpenState')
-], VegaLeftNavBackdropController.prototype, "watchOpenState", null);
-__decorate$j([
-  MapToComponentMethod('watchShowAsOverlay')
-], VegaLeftNavBackdropController.prototype, "watchShowAsOverlay", null);
 
 var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -563,9 +606,9 @@ class VegaLeftNavAutoCollapseController extends VegaSlimmer {
     DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.host, VegaInternalLeftNavLinkClick);
   }
   shouldAutoCollapse() {
-    return (this.autoCollapseOnOverlay &&
-      this.backdropController.shouldShowBackdrop() &&
-      this.openState === 'open');
+    const breakpoint = getCurrentBreakpoint();
+    const shouldShowBackdrop = this.showAsOverlay || (breakpoint !== 'L' && breakpoint !== 'XL');
+    return this.autoCollapseOnOverlay && shouldShowBackdrop && this.openState === 'open';
   }
 }
 __decorate$h([
@@ -580,9 +623,6 @@ __decorate$h([
 __decorate$h([
   MapToComponentField()
 ], VegaLeftNavAutoCollapseController.prototype, "showAsOverlay", void 0);
-__decorate$h([
-  MapToComponentField()
-], VegaLeftNavAutoCollapseController.prototype, "backdropController", void 0);
 __decorate$h([
   MapToComponentField()
 ], VegaLeftNavAutoCollapseController.prototype, "openStateController", void 0);
@@ -641,6 +681,7 @@ const VegaLeftNav = class {
     this.headerRenderer = new VegaLeftNavHeaderRenderer();
     this.footerRenderer = new VegaLeftNavFooterRenderer();
     this.openStateController = new VegaLeftNavOpenStateController();
+    this.backdropManager = new VegaLeftNavBackdropManager();
     this.backdropController = new VegaLeftNavBackdropController();
     this.zIndexController = new VegaLeftNavZIndexController();
     this.listRenderer = new VegaNavListRenderer();
@@ -762,6 +803,9 @@ __decorate$g([
 __decorate$g([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "openStateController", void 0);
+__decorate$g([
+  InjectVegaSlimmer()
+], VegaLeftNav.prototype, "backdropManager", void 0);
 __decorate$g([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "backdropController", void 0);
@@ -795,7 +839,7 @@ __decorate$g([
       keyCode: 'Escape',
       // eslint-disable-next-line jsdoc/require-jsdoc
       activeElementInScope: /* istanbul ignore next */ () => {
-        const backdrop = target.backdropController.getBackdrop();
+        const backdrop = target.backdropManager.getBackdrop();
         if (backdrop && backdrop.visible) {
           // eslint-disable-next-line no-restricted-globals
           return [document.body];
@@ -803,7 +847,7 @@ __decorate$g([
         return [target.host];
       },
       callback: /* istanbul ignore next */ () => {
-        const backdrop = target.backdropController.getBackdrop();
+        const backdrop = target.backdropManager.getBackdrop();
         if (backdrop && backdrop.visible) {
           target.openStateController.setOpenState('close');
         }

package/dist/esm/vega-loader-wrapper_2.entry.js

@@ -4,15 +4,15 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-299e6304.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import './number-4398f2e1.js';
-import './type-guard-2bfb2c7b.js';
+import './type-guard-ec5e8628.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-09b8bd13.js';
+import './internal-translation-controller-16709132.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './pixel-f32c07ce.js';

package/dist/esm/vega-page-notification_2.entry.js

@@ -5,7 +5,7 @@ import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { a as VegaClick } from './vega-event-id-270fe47e.js';
+import { a as VegaClick } from './vega-event-id-f55f6977.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 

package/dist/esm/vega-pagination-page-selector-mobile.entry.js

@@ -3,14 +3,14 @@ import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } fr
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { G as VegaFormSubmit, M as VegaBlur, a as VegaClick, d as VegaChange } from './vega-event-id-270fe47e.js';
+import { G as VegaFormSubmit, M as VegaBlur, a as VegaClick, d as VegaChange } from './vega-event-id-f55f6977.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-4398f2e1.js';
 import { f as findParent } from './ui-d73f756a.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { v as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-827eb1ce.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-96c14f5a.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';

package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js

@@ -2,10 +2,10 @@ import { h, r as registerInstance, H as Host, g as getElement } from './index-09
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { T as TranslationSlimmer } from './translation-slimmer-3ea56354.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-09b8bd13.js';
+import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-16709132.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { V as VegaDropdownClick } from './vega-event-id-270fe47e.js';
+import { V as VegaDropdownClick } from './vega-event-id-f55f6977.js';
 import { f as findParent } from './ui-d73f756a.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { u as VegaInternalPaginationPageSizeChange } from './vega-internal-event-id-827eb1ce.js';

package/dist/esm/vega-pagination.entry.js

@@ -2,28 +2,28 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-4398f2e1.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { G as VegaFormSubmit, M as VegaBlur, d as VegaChange, a as VegaClick, _ as VegaPageSizeChange } from './vega-event-id-270fe47e.js';
+import { G as VegaFormSubmit, M as VegaBlur, d as VegaChange, a as VegaClick, _ as VegaPageSizeChange } from './vega-event-id-f55f6977.js';
 import { n as normalizePageSizeOption, s as sortPageSizeOptions, P as PAGE_SIZE_ALL, r as resolvePageSizeValue, i as includesPageSize, h as hasAllOption } from './page-size-option-utils-50afc81a.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-96c14f5a.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { T as TranslationSlimmer } from './translation-slimmer-3ea56354.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-299e6304.js';
+import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { u as VegaInternalPaginationPageSizeChange, v as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-827eb1ce.js';
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';
-import './internal-translation-controller-09b8bd13.js';
+import './internal-translation-controller-16709132.js';
 import './static-subject-title-1c86e974.js';
-import './type-guard-2bfb2c7b.js';
+import './type-guard-ec5e8628.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';

package/dist/esm/vega-popover_2.entry.js

@@ -1,40 +1,40 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-e8ddb78d.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-86126b5b.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
-import { c as VegaPopoverShow, b as VegaPopoverHide } from './vega-event-id-270fe47e.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
+import { c as VegaPopoverShow, b as VegaPopoverHide } from './vega-event-id-f55f6977.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-a4485ef6.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7fcb944b.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { a as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-827eb1ce.js';
 import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-9eae86c6.js';
-import { f as formatAndValidResponsiveToken } from './design-token-4e682056.js';
-import './keyboard-manager-ec18721b.js';
+import { f as formatAndValidResponsiveToken } from './design-token-76bd217c.js';
+import './keyboard-manager-a0c3e1cf.js';
 import './ui-d73f756a.js';
-import './type-guard-2bfb2c7b.js';
+import './type-guard-ec5e8628.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-09b8bd13.js';
+import './internal-translation-controller-16709132.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './try-get-document-bef0f526.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
-import './responsive-format-facade-299e6304.js';
+import './responsive-format-facade-ced96b0b.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './observer-3959f9dd.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './state-border-formatter-da52b626.js';
+import './state-border-formatter-b680e922.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;