@globalpayments/vega 2.31.0 → 2.32.0

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

@@ -5,20 +5,22 @@ import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
 import { e as executeAfterTransition } from './effect-8efd2c3c.js';
-import { F as FeatureFlag } from './feature-flag-controller-297c4b9b.js';
+import { F as FeatureFlag } from './feature-flag-controller-f72c004e.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-7004584d.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { g as getCurrentBreakpoint } from './breakpoints-36a3ed69.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
-import { D as VegaStateUpdate, E as VegaGroupClick, F as VegaMenuClick, a as VegaClick, G as VegaActionClick } from './vega-event-id-b1655cbc.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
+import { F as VegaStateUpdate, G as VegaGroupClick, H as VegaMenuClick, a as VegaClick, I as VegaActionClick } from './vega-event-id-0f8fc134.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-000e0c11.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-9461cd67.js';
-import { k as VegaInternalLeftNavLinkClick } from './vega-internal-event-id-c8507b85.js';
+import { k as VegaInternalLeftNavLinkClick, l as VegaInternalLeftNavGroupExpand } from './vega-internal-event-id-770faa12.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-21b1c646.js';
 import { c as chevronUp, a as chevronDown } from './chevron-down-4303bddb.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { L as LEFT_NAV_LINK_SELECTED_TOPIC } from './static-subject-title-500cf2a3.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { f as findParent } from './ui-0132dbb5.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-8c80d874.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import { f as formatAndValidResponsiveToken } from './design-token-2a527af3.js';
 import './index-0863eec6.js';
@@ -27,7 +29,7 @@ import './create-public-api-runtime-metrics-slimmer-cc1164bb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './number-4398f2e1.js';
 import './ui-8424715a.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 import './object-261e7344.js';
 import './type-guard-63caf78b.js';
 import './regex-dfe11abf.js';
@@ -36,7 +38,7 @@ import './responsive-format-facade-3dc84e41.js';
 import './pixel-f32c07ce.js';
 import './state-background-color-formatter-0540d006.js';
 
-var __decorate$i = (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;
@@ -143,34 +145,34 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
   }
 }
-__decorate$i([
+__decorate$k([
   MapToComponentField()
 ], VegaLeftNavOpenStateController.prototype, "host", void 0);
-__decorate$i([
+__decorate$k([
   MapToComponentField({ writable: true })
 ], VegaLeftNavOpenStateController.prototype, "open", void 0);
-__decorate$i([
+__decorate$k([
   MapToComponentField({ writable: true })
 ], VegaLeftNavOpenStateController.prototype, "openState", void 0);
-__decorate$i([
+__decorate$k([
   MapToComponentField()
 ], VegaLeftNavOpenStateController.prototype, "stateUpdateEventEmitter", void 0);
-__decorate$i([
+__decorate$k([
   MapToComponentField()
 ], VegaLeftNavOpenStateController.prototype, "backdropController", void 0);
-__decorate$i([
+__decorate$k([
   MapToComponentMethod('componentDidLoad')
 ], VegaLeftNavOpenStateController.prototype, "componentDidLoad", null);
-__decorate$i([
+__decorate$k([
   MapToComponentMethod('toggle')
 ], VegaLeftNavOpenStateController.prototype, "toggle", null);
-__decorate$i([
+__decorate$k([
   MapToComponentMethod('watchOpen')
 ], VegaLeftNavOpenStateController.prototype, "watchOpen", null);
-__decorate$i([
+__decorate$k([
   MapToComponentMethod('watchOpenState')
 ], VegaLeftNavOpenStateController.prototype, "watchOpenState", null);
-__decorate$i([
+__decorate$k([
   MapToComponentMethod('watchShowAsOverlay')
 ], VegaLeftNavOpenStateController.prototype, "watchShowAsOverlay", null);
 
@@ -186,7 +188,7 @@ const Icons = {
   },
 };
 
-var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -211,17 +213,17 @@ class VegaLeftNavHeaderRenderer extends VegaSlimmer {
 (() => {
   VegaInternalIconManager.register(Icons);
 })();
-__decorate$h([
+__decorate$j([
   MapToComponentField()
 ], VegaLeftNavHeaderRenderer.prototype, "host", void 0);
-__decorate$h([
+__decorate$j([
   MapToComponentField()
 ], VegaLeftNavHeaderRenderer.prototype, "headerConfig", void 0);
-__decorate$h([
+__decorate$j([
   MapToComponentMethod('componentWillLoad')
 ], VegaLeftNavHeaderRenderer.prototype, "componentWillLoad", null);
 
-var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   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;
@@ -240,17 +242,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$g([
+__decorate$i([
   MapToComponentField()
 ], VegaLeftNavFooterRenderer.prototype, "host", void 0);
-__decorate$g([
+__decorate$i([
   MapToComponentField()
 ], VegaLeftNavFooterRenderer.prototype, "footnote", void 0);
-__decorate$g([
+__decorate$i([
   MapToComponentMethod('componentWillLoad')
 ], VegaLeftNavFooterRenderer.prototype, "componentWillLoad", null);
 
-var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$h = (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;
@@ -279,20 +281,20 @@ class VegaLeftNavZIndexController extends VegaSlimmer {
     }
   }
 }
-__decorate$f([
+__decorate$h([
   MapToComponentField()
 ], VegaLeftNavZIndexController.prototype, "host", void 0);
-__decorate$f([
+__decorate$h([
   MapToComponentField()
 ], VegaLeftNavZIndexController.prototype, "openState", void 0);
-__decorate$f([
+__decorate$h([
   MapToComponentField()
 ], VegaLeftNavZIndexController.prototype, "backdropController", void 0);
-__decorate$f([
+__decorate$h([
   MapToComponentMethod('watchOpenState')
 ], VegaLeftNavZIndexController.prototype, "watchOpenState", null);
 
-var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$g = (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;
@@ -364,29 +366,29 @@ class VegaLeftNavBackdropController extends PageResizeObserverSlimmer {
     return currentBreakpoint == 'L' || currentBreakpoint == 'XL';
   }
 }
-__decorate$e([
+__decorate$g([
   MapToComponentField()
 ], VegaLeftNavBackdropController.prototype, "openState", void 0);
-__decorate$e([
+__decorate$g([
   MapToComponentField()
 ], VegaLeftNavBackdropController.prototype, "showAsOverlay", void 0);
-__decorate$e([
+__decorate$g([
   MapToComponentField()
 ], VegaLeftNavBackdropController.prototype, "openStateController", void 0);
-__decorate$e([
+__decorate$g([
   MapToComponentMethod('connectedCallback')
 ], VegaLeftNavBackdropController.prototype, "connectedCallback", null);
-__decorate$e([
+__decorate$g([
   MapToComponentMethod('disconnectedCallback')
 ], VegaLeftNavBackdropController.prototype, "disconnectedCallback", null);
-__decorate$e([
+__decorate$g([
   MapToComponentMethod('watchOpenState')
 ], VegaLeftNavBackdropController.prototype, "watchOpenState", null);
-__decorate$e([
+__decorate$g([
   MapToComponentMethod('watchShowAsOverlay')
 ], VegaLeftNavBackdropController.prototype, "watchShowAsOverlay", null);
 
-var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$f = (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;
@@ -425,13 +427,13 @@ class VegaNavListRenderer extends VegaSlimmer {
     return (h("vega-left-nav-link", { key: item.name, icon: item.icon, url: item.url, selected: item.selected, counterBadge: item.counterBadge }, item.name));
   }
 }
-__decorate$d([
+__decorate$f([
   MapToComponentField()
 ], VegaNavListRenderer.prototype, "source", void 0);
 
 const vegaLeftNavContentCss = ".vega-left-nav-content{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;transition-property:margin}vega-left-nav.disableAnimation+.vega-left-nav-content.open{transition-duration:0s}.vega-left-nav-content.open{margin-left:300px}";
 
-var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$e = (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;
@@ -454,28 +456,28 @@ class VegaLeftNavAutoCollapseController extends VegaSlimmer {
       this.openState === 'open');
   }
 }
-__decorate$c([
+__decorate$e([
   MapToComponentField()
 ], VegaLeftNavAutoCollapseController.prototype, "host", void 0);
-__decorate$c([
+__decorate$e([
   MapToComponentField()
 ], VegaLeftNavAutoCollapseController.prototype, "openState", void 0);
-__decorate$c([
+__decorate$e([
   MapToComponentField()
 ], VegaLeftNavAutoCollapseController.prototype, "autoCollapseOnOverlay", void 0);
-__decorate$c([
+__decorate$e([
   MapToComponentField()
 ], VegaLeftNavAutoCollapseController.prototype, "showAsOverlay", void 0);
-__decorate$c([
+__decorate$e([
   MapToComponentField()
 ], VegaLeftNavAutoCollapseController.prototype, "backdropController", void 0);
-__decorate$c([
+__decorate$e([
   MapToComponentField()
 ], VegaLeftNavAutoCollapseController.prototype, "openStateController", void 0);
-__decorate$c([
+__decorate$e([
   MapToComponentMethod('connectedCallback')
 ], VegaLeftNavAutoCollapseController.prototype, "registerMenuClickObserver", null);
-__decorate$c([
+__decorate$e([
   MapToComponentMethod('disconnectedCallback')
 ], VegaLeftNavAutoCollapseController.prototype, "unregisterMenuClickObserver", null);
 
@@ -508,7 +510,7 @@ const VegaLeftNavRuntimeMetricsPayloadDefinition = [
 
 const vegaLeftNavCss = ":host{display:none;flex-direction:column;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));position:fixed;top:0px;right:0px;bottom:0px;left:0px;text-align:left;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);width:300px;transition-duration:200ms;transition-property:transform;transform:translateX(-320px)}:host(.open.disableAnimation){transition-duration:0s}:host(.open){transform:translateX(0px)}.header-container{padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:16px}.header-container .header-title{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}}.header-container .header-subtitle{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;margin-top:2px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-subtitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.header-container .header-subtitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.header-container .header-subtitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}.header-footer-separator-container{padding-left:12px;padding-right:12px}.header-footer-separator{width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}.vega-nav-list-container{flex-grow:1;padding-left:12px;padding-right:12px;padding-top:12px;overflow-y:auto;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-nav-list-container .vega-links-icon .prefix-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}a .vega-links-name{flex:1 1 0%;overflow:hidden;overflow-wrap:break-word}.footer-container{padding-top:16px;padding-bottom:16px;padding-left:24px;padding-right:24px}.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}body.vega-overflow-hidden{overflow:hidden}.header-container vega-icon{width:142px;height:26px}.header-container vega-icon[icon=\"v-internal-icon heartland-logo\"]+.header-subtitle{margin-top:8px}";
 
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$d = (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);
@@ -534,6 +536,7 @@ const VegaLeftNav = class {
     this.stateUpdateEventEmitter = createEventEmitSlimmer(VegaLeftNav, VegaStateUpdate);
     this.componentGlobalStyleSlimmer = new ComponentGlobalStyleSlimmer(vegaLeftNavContentCss);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaLeftNavRuntimeMetricsPayloadDefinition);
+    this.autoCollapseGroupsNotifySlimmer = createSubStateNotifySlimmer(VegaLeftNav, 'autoCollapseGroups', 'watchAutoCollapseGroups');
     this.openState = 'close';
     /**
      * Determines whether the left navigation is expanded or collapsed.
@@ -575,6 +578,10 @@ const VegaLeftNav = class {
      * @vegaVersion 2.7.0
      */
     this.autoCollapseOnOverlay = false;
+    /** Determines whether the left navigation automatically opens one group and closes the other open groups.
+     * @vegaVersion 2.32.0
+     */
+    this.autoCollapseGroups = false;
   }
   watchOpenState() {
   }
@@ -582,6 +589,8 @@ const VegaLeftNav = class {
   }
   watchShowAsOverlay() {
   }
+  watchAutoCollapseGroups() {
+  }
   /**
    * Invoke this method to toggle the left-nav's open state.
    *
@@ -597,45 +606,49 @@ const VegaLeftNav = class {
   static get watchers() { return {
     "openState": ["watchOpenState"],
     "open": ["watchOpen"],
-    "showAsOverlay": ["watchShowAsOverlay"]
+    "showAsOverlay": ["watchShowAsOverlay"],
+    "autoCollapseGroups": ["watchAutoCollapseGroups"]
   }; }
 };
-__decorate$b([
+__decorate$d([
   InjectVegaGlobalSlimmer()
 ], VegaLeftNav.prototype, "globalSlimmers", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "headerRenderer", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "footerRenderer", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "openStateController", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "backdropController", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "zIndexController", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "listRenderer", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "vegaLeftNavAutoCollapseController", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "stateUpdateEventEmitter", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "componentGlobalStyleSlimmer", void 0);
-__decorate$b([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate$d([
+  InjectVegaSlimmer()
+], VegaLeftNav.prototype, "autoCollapseGroupsNotifySlimmer", void 0);
 VegaLeftNav.style = vegaLeftNavCss;
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (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;
@@ -649,7 +662,11 @@ class VegaLeftNavGroupRenderer extends VegaSlimmer {
       if (currentTarget && currentTarget.dataset.root === '$1') {
         e.preventDefault();
         this.groupContainer.classList.toggle('open');
-        this.groupClickEventEmitter.emit(this.groupContainer.classList.contains('open') ? 'EXPAND' : 'COLLAPSE');
+        const isExpand = this.groupContainer.classList.contains('open');
+        this.groupClickEventEmitter.emit(isExpand ? 'EXPAND' : 'COLLAPSE');
+        if (this.autoCollapseGroups) {
+          this.notifyOtherGroup(isExpand);
+        }
       }
     };
   }
@@ -674,6 +691,15 @@ class VegaLeftNavGroupRenderer extends VegaSlimmer {
       h("div", { class: "vega-nav-list-sub" },
         h("slot", null))));
   }
+  /**
+   * Notify other left nav groups to collapse
+   */
+  notifyOtherGroup(isExpand) {
+    const topParent = this.siblingObserverController.getTopParent();
+    if (topParent && isExpand) {
+      ChangeManager.notify(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), { host: this.host });
+    }
+  }
 }
 (() => {
   VegaInternalIconManager.register({
@@ -681,17 +707,26 @@ class VegaLeftNavGroupRenderer extends VegaSlimmer {
     'chevron-down': chevronDown,
   });
 })();
-__decorate$a([
+__decorate$c([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "host", void 0);
+__decorate$c([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "autoCollapseGroups", void 0);
+__decorate$c([
   MapToComponentField()
 ], VegaLeftNavGroupRenderer.prototype, "icon", void 0);
-__decorate$a([
+__decorate$c([
   MapToComponentField()
 ], VegaLeftNavGroupRenderer.prototype, "label", void 0);
-__decorate$a([
+__decorate$c([
   MapToComponentField()
 ], VegaLeftNavGroupRenderer.prototype, "groupClickEventEmitter", void 0);
+__decorate$c([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "siblingObserverController", void 0);
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (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;
@@ -732,14 +767,14 @@ class VegaNavObserverSlimmer extends VegaSlimmer {
         findParent(input, '.vega-nav-list-container'));
   }
 }
-__decorate$9([
+__decorate$b([
   MapToComponentMethod('disconnectedCallback')
 ], VegaNavObserverSlimmer.prototype, "disconnectedCallback", null);
-__decorate$9([
+__decorate$b([
   MapToComponentMethod('componentWillLoad')
 ], VegaNavObserverSlimmer.prototype, "componentWillLoad", null);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (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;
@@ -761,13 +796,86 @@ class VegaLeftNavGroupController extends VegaNavObserverSlimmer {
     }
   }
 }
-__decorate$8([
+__decorate$a([
   MapToComponentField()
 ], VegaLeftNavGroupController.prototype, "host", void 0);
-__decorate$8([
+__decorate$a([
   MapToComponentField()
 ], VegaLeftNavGroupController.prototype, "renderer", void 0);
 
+var __decorate$9 = (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 VegaLeftNavGroupSiblingObserverController extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.listenerCallback = () => {
+      this.renderer.getGroupContainer().classList.remove('open');
+    };
+  }
+  /**
+   * Get the top parent
+   *
+   * @returns {Nullable<HTMLVegaLeftNavElement>} the top parent
+   */
+  getTopParent() {
+    return this.parent;
+  }
+  addObserver() {
+    this.observer = new Observer(this.acceptHandler.bind(this), this.listenerCallback);
+    const parent = findParent(this.host, 'vega-left-nav');
+    if (parent) {
+      this.parent = parent;
+      ChangeManager.register(domNodeSubjectFactory.getSubject(parent, VegaInternalLeftNavGroupExpand), this.observer);
+    }
+  }
+  acceptHandler(input) {
+    return input.host !== this.host && !this.host.contains(input.host);
+  }
+}
+__decorate$9([
+  MapToComponentField()
+], VegaLeftNavGroupSiblingObserverController.prototype, "renderer", void 0);
+__decorate$9([
+  MapToComponentField()
+], VegaLeftNavGroupSiblingObserverController.prototype, "host", void 0);
+__decorate$9([
+  MapToComponentMethod('componentDidLoad')
+], VegaLeftNavGroupSiblingObserverController.prototype, "addObserver", null);
+
+var __decorate$8 = (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;
+};
+/**
+ * Controller for the left nav group states
+ */
+class VegaLeftNavGroupStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-left-nav',
+      subStates: [
+        {
+          subStateName: 'autoCollapseGroups',
+          parentStateName: 'autoCollapseGroups',
+        },
+      ],
+    });
+  }
+}
+__decorate$8([
+  MapToComponentField()
+], VegaLeftNavGroupStateController.prototype, "host", void 0);
+__decorate$8([
+  MapToComponentField({ writable: true })
+], VegaLeftNavGroupStateController.prototype, "autoCollapseGroups", void 0);
+
 const vegaLeftNavGroupCss = ":host{display:block}.suffix-icons{padding-left:8px}.suffix-icons vega-icon,.vega-li-main.open>a>.suffix-icons vega-icon:first-of-type{display:none}.suffix-icons vega-icon:first-of-type,.vega-li-main.open>a>.suffix-icons vega-icon:last-of-type{display:inline-flex}.vega-nav-list-sub{display:none}.vega-li-main.open>.vega-nav-list-sub{display:block}.vega-li-main>a{display:flex;align-items:center;overflow:hidden;padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;border-radius:8px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px;cursor:pointer;text-decoration:none;outline:none}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-li-main>a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-li-main>a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-li-main>a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}.vega-li-main>a:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-li-main>a:hover{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}.vega-li-main>a .vega-links-name{flex:1 1 0%;overflow:hidden;overflow-wrap:break-word}.vega-links-icon{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-right:12px;box-sizing:border-box}.vega-links-icon .prefix-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}::slotted(vega-left-nav-group){padding-left:32px}::slotted(vega-left-nav-link){padding-left:32px}";
 
 var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -788,8 +896,11 @@ const VegaLeftNavGroup = class {
     this.globalSlimmers = {};
     this.renderer = new VegaLeftNavGroupRenderer();
     this.controller = new VegaLeftNavGroupController();
+    this.siblingObserverController = new VegaLeftNavGroupSiblingObserverController();
     this.groupClickEventEmitter = createEventEmitSlimmer(VegaLeftNavGroup, VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaLeftNavGroupStateController = new VegaLeftNavGroupStateController();
+    this.autoCollapseGroups = false;
     /** label attached to the left nav group items **
      * @vegaVersion 1.31.0
      */
@@ -810,12 +921,18 @@ __decorate$7([
 __decorate$7([
   InjectVegaSlimmer()
 ], VegaLeftNavGroup.prototype, "controller", void 0);
+__decorate$7([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "siblingObserverController", void 0);
 __decorate$7([
   InjectVegaSlimmer()
 ], VegaLeftNavGroup.prototype, "groupClickEventEmitter", void 0);
 __decorate$7([
   InjectVegaSlimmer()
 ], VegaLeftNavGroup.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate$7([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "vegaLeftNavGroupStateController", void 0);
 VegaLeftNavGroup.style = vegaLeftNavGroupCss;
 
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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-b3f6ac79.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
-import { a as VegaClick } from './vega-event-id-b1655cbc.js';
+import { a as VegaClick } from './vega-event-id-0f8fc134.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 

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

@@ -2,18 +2,18 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-4398f2e1.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
-import { u as VegaFormSubmit, z as VegaBlur, e as VegaChange, a as VegaClick, H as VegaPageSizeChange } from './vega-event-id-b1655cbc.js';
+import { u as VegaFormSubmit, z as VegaBlur, e as VegaChange, a as VegaClick, J as VegaPageSizeChange } from './vega-event-id-0f8fc134.js';
 import { a as arrayToClassString } from './ui-0132dbb5.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-db288af1.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-01953033.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { T as TranslationSlimmer } from './translation-slimmer-9d07a0ff.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-297c4b9b.js';
+import './feature-flag-controller-f72c004e.js';
 import './index-0863eec6.js';
 import './dynamic-slimmer-90b8af32.js';
 import './translation-4eb3cf85.js';

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

@@ -3,8 +3,8 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { I as InjectKeyboardManager } from './inject-keyboard-manager-8a82e8c9.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-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
-import { I as VegaPopoverShow, J as VegaPopoverHide } from './vega-event-id-b1655cbc.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
+import { K as VegaPopoverShow, L as VegaPopoverHide } from './vega-event-id-0f8fc134.js';
 import { E as ElementAppenderSlimmer } from './element-appender-slimmer-48d826b2.js';
 import './keyboard-manager-d1f9ddc1.js';
 import './ui-0132dbb5.js';
@@ -12,7 +12,7 @@ import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-9461cd67.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './page-resize-observer-slimmer-994c1e1b.js';

package/dist/esm/vega-progress-tracker.entry.js

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
-import { K as VegaCurrentStepUpdate, i as VegaPageUpdate } from './vega-event-id-b1655cbc.js';
+import { M as VegaCurrentStepUpdate, i as VegaPageUpdate } from './vega-event-id-0f8fc134.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { n as normalizeNumberByRanger } from './number-4398f2e1.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './ui-0132dbb5.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 import './object-261e7344.js';
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [