@heartlandone/vega 2.0.0-temp-test-0.3 → 2.0.0

package/dist/esm/{vega-left-nav.entry.js → vega-left-nav_5.entry.js}

@@ -1,28 +1,29 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-3e41c219.js';
-import { s as sanitizeVegaComponent } from './component-ff56c5f5.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-f1dec4a2.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-c3505689.js';
+import { s as sanitizeVegaComponent } from './component-e4eb3f14.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-b91c742d.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
-import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-0e6dd982.js';
-import { M as MapToComponentField, V as VegaSlimmer } from './vega-slimmer-d63e92d9.js';
-import { M as MapToComponentMethod } from './map-to-component-method-4e36ea1f.js';
-import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-ee15d7fd.js';
+import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-c3f84156.js';
+import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './vega-slimmer-ce2e45d1.js';
+import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-b476bb1f.js';
 import { e as executeAfterTransition } from './effect-8efd2c3c.js';
 import { V as VegaIconManager } from './iconManager-48bebc43.js';
 import { Z as ZIndexManager } from './zIndexManager-ea603c97.js';
-import { g as getCurrentBreakpoint } from './breakpoints-3152fa9c.js';
-import { V as VegaNavListRenderer } from './vega-nav-list-renderer-33134131.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-da1fd54e.js';
-import { t as VegaStateUpdate } from './vegaEventId-78665c18.js';
-import './featureFlagController-5d7e64f1.js';
+import { g as getCurrentBreakpoint } from './breakpoints-900a4c99.js';
+import { c as createEventEmitSlimmer, O as Observer } from './eventEmitSlimmer-d605ac81.js';
+import { y as VegaStateUpdate, z as VegaGroupClick, A as VegaMenuClick } from './internalVegaEventManager-efa77ebb.js';
+import { C as ComponentGlobalStyleSlimmer } from './componentGlobalStyleSlimmer-10980768.js';
+import { L as LEFT_NAV_LINK_SELECTED_TOPIC } from './staticSubjectTitle-bb1e9570.js';
+import { C as ChangeManager } from './changeManager-935d420b.js';
+import { f as findParent } from './ui-6e5294cb.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-e91e14ac.js';
 import './log-a824be80.js';
 import './number-400b3bf2.js';
-import './dynamic-slimmer-16826d2b.js';
-import './changeManager-935d420b.js';
-import './domNodeSubjectObserverFactory-8aeac4b6.js';
-import './observer-3959f9dd.js';
-import './internalVegaEventManager-4ab886bc.js';
+import './ui-535c5fb3.js';
+import './dynamic-slimmer-c8ad78de.js';
+import './typeGuard-5e282437.js';
+import './typography-03d285b4.js';
 
-var __decorate$6 = (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;
@@ -117,34 +118,34 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
   }
 }
-__decorate$6([
+__decorate$h([
   MapToComponentField()
 ], VegaLeftNavOpenStateController.prototype, "host", void 0);
-__decorate$6([
+__decorate$h([
   MapToComponentField({ writable: true })
 ], VegaLeftNavOpenStateController.prototype, "open", void 0);
-__decorate$6([
+__decorate$h([
   MapToComponentField({ writable: true })
 ], VegaLeftNavOpenStateController.prototype, "openState", void 0);
-__decorate$6([
+__decorate$h([
   MapToComponentField()
 ], VegaLeftNavOpenStateController.prototype, "stateUpdateEventEmitter", void 0);
-__decorate$6([
+__decorate$h([
   MapToComponentField()
 ], VegaLeftNavOpenStateController.prototype, "backdropController", void 0);
-__decorate$6([
+__decorate$h([
   MapToComponentMethod('componentDidLoad')
 ], VegaLeftNavOpenStateController.prototype, "componentDidLoad", null);
-__decorate$6([
+__decorate$h([
   MapToComponentMethod('toggle')
 ], VegaLeftNavOpenStateController.prototype, "toggle", null);
-__decorate$6([
+__decorate$h([
   MapToComponentMethod('watchOpen')
 ], VegaLeftNavOpenStateController.prototype, "watchOpen", null);
-__decorate$6([
+__decorate$h([
   MapToComponentMethod('watchOpenState')
 ], VegaLeftNavOpenStateController.prototype, "watchOpenState", null);
-__decorate$6([
+__decorate$h([
   MapToComponentMethod('watchShowAsOverlay')
 ], VegaLeftNavOpenStateController.prototype, "watchShowAsOverlay", null);
 
@@ -160,7 +161,7 @@ const Icons = {
   },
 };
 
-var __decorate$5 = (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;
@@ -185,17 +186,17 @@ class VegaLeftNavHeaderRenderer extends VegaSlimmer {
 (() => {
   VegaIconManager.register(Icons);
 })();
-__decorate$5([
+__decorate$g([
   MapToComponentField()
 ], VegaLeftNavHeaderRenderer.prototype, "host", void 0);
-__decorate$5([
+__decorate$g([
   MapToComponentField()
 ], VegaLeftNavHeaderRenderer.prototype, "headerConfig", void 0);
-__decorate$5([
+__decorate$g([
   MapToComponentMethod('componentWillLoad')
 ], VegaLeftNavHeaderRenderer.prototype, "componentWillLoad", null);
 
-var __decorate$4 = (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;
@@ -214,17 +215,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$4([
+__decorate$f([
   MapToComponentField()
 ], VegaLeftNavFooterRenderer.prototype, "host", void 0);
-__decorate$4([
+__decorate$f([
   MapToComponentField()
 ], VegaLeftNavFooterRenderer.prototype, "footnote", void 0);
-__decorate$4([
+__decorate$f([
   MapToComponentMethod('componentWillLoad')
 ], VegaLeftNavFooterRenderer.prototype, "componentWillLoad", null);
 
-var __decorate$3 = (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;
@@ -253,20 +254,20 @@ class VegaLeftNavZIndexController extends VegaSlimmer {
     }
   }
 }
-__decorate$3([
+__decorate$e([
   MapToComponentField()
 ], VegaLeftNavZIndexController.prototype, "host", void 0);
-__decorate$3([
+__decorate$e([
   MapToComponentField()
 ], VegaLeftNavZIndexController.prototype, "openState", void 0);
-__decorate$3([
+__decorate$e([
   MapToComponentField()
 ], VegaLeftNavZIndexController.prototype, "backdropController", void 0);
-__decorate$3([
+__decorate$e([
   MapToComponentMethod('watchOpenState')
 ], VegaLeftNavZIndexController.prototype, "watchOpenState", null);
 
-var __decorate$2 = (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);
   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;
@@ -338,115 +339,76 @@ class VegaLeftNavBackdropController extends PageResizeObserverSlimmer {
     return currentBreakpoint == 'L' || currentBreakpoint == 'XL';
   }
 }
-__decorate$2([
+__decorate$d([
   MapToComponentField()
 ], VegaLeftNavBackdropController.prototype, "openState", void 0);
-__decorate$2([
+__decorate$d([
   MapToComponentField()
 ], VegaLeftNavBackdropController.prototype, "showAsOverlay", void 0);
-__decorate$2([
+__decorate$d([
   MapToComponentField()
 ], VegaLeftNavBackdropController.prototype, "openStateController", void 0);
-__decorate$2([
+__decorate$d([
   MapToComponentMethod('connectedCallback')
 ], VegaLeftNavBackdropController.prototype, "connectedCallback", null);
-__decorate$2([
+__decorate$d([
   MapToComponentMethod('disconnectedCallback')
 ], VegaLeftNavBackdropController.prototype, "disconnectedCallback", null);
-__decorate$2([
+__decorate$d([
   MapToComponentMethod('watchOpenState')
 ], VegaLeftNavBackdropController.prototype, "watchOpenState", null);
-__decorate$2([
+__decorate$d([
   MapToComponentMethod('watchShowAsOverlay')
 ], VegaLeftNavBackdropController.prototype, "watchShowAsOverlay", null);
 
-var __decorate$1 = (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;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/**
- * Component global style slimmer
- */
-class ComponentGlobalStyleSlimmer extends VegaSlimmer {
-  /**
-   * The constructor of the slimmer
-   *
-   * @param {string} styles - The style string that will be appended to the document head.
-   */
-  constructor(styles) {
-    super();
-    this.style = styles;
+class VegaNavListRenderer extends VegaSlimmer {
+  render() {
+    var _a;
+    return (h("div", { class: "vega-nav-list-container" }, ((_a = this.source) === null || _a === void 0 ? void 0 : _a.length) ? this.renderListBySource() : h("slot", null)));
   }
-  /**
-   * Component lifecycle - [connectedCallback]
-   */
-  connectedCallback() {
-    const componentName = this.host.tagName;
-    const connectedComponents = ComponentGlobalStyleSlimmer.connectedComponents.get(componentName);
-    if (connectedComponents) {
-      connectedComponents.add(this.host);
+  renderListBySource() {
+    return (h(Fragment, null, this.source.map((item) => {
+      return h(Fragment, null, this.renderLeftNavSourceItem(item));
+    })));
+  }
+  renderLeftNavSourceItem(item) {
+    if (item.type == 'section') {
+      return this.renderSection(item);
+    }
+    else if (item.type == 'group') {
+      return this.renderGroup(item);
     }
     else {
-      ComponentGlobalStyleSlimmer.connectedComponents.set(componentName, new Set([this.host]));
+      return this.renderLink(item);
     }
   }
-  /**
-   * Component lifecycle - [disconnectedCallback]
-   */
-  disconnectedCallback() {
-    const componentName = this.host.tagName;
-    const connectedComponents = ComponentGlobalStyleSlimmer.connectedComponents.get(componentName);
-    if (connectedComponents) {
-      connectedComponents.delete(this.host);
-      if (connectedComponents.size === 0) {
-        const styleElement = this.getStyleElement();
-        if (styleElement) {
-          styleElement.remove();
-        }
-      }
-    }
+  renderSection(section) {
+    var _a;
+    return (h("vega-left-nav-section", { sectionHeader: section.sectionHeader }, (_a = section.children) === null || _a === void 0 ? void 0 : _a.map((item) => item.type == 'group' ? this.renderGroup(item) : this.renderLink(item))));
   }
-  /**
-   * Component lifecycle - [componentWillLoad]
-   */
-  componentWillLoad() {
-    this.id = `${this.host.tagName}-GLOBAL-STYLE`;
-    let styleElement = this.getStyleElement();
-    if (!styleElement) {
-      styleElement = document.createElement('style');
-      styleElement.id = this.id;
-      styleElement.innerHTML = this.style;
-      document.head.append(styleElement);
-    }
+  renderGroup(item) {
+    var _a;
+    return (h("vega-left-nav-group", { key: item.name, icon: item.icon, label: item.name }, (_a = item.children) === null || _a === void 0 ? void 0 : _a.map((child) => child.type == 'group' ? this.renderGroup(child) : this.renderLink(child))));
   }
-  /**
-   * @returns {Nullable<HTMLStyleElement>} - The style element
-   */
-  getStyleElement() {
-    return document.head.querySelector(`style#${this.id}`);
+  renderLink(item) {
+    return (h("vega-left-nav-link", { key: item.name, icon: item.icon, url: item.url, selected: item.selected, counterBadge: item.counterBadge }, item.name));
   }
 }
-ComponentGlobalStyleSlimmer.connectedComponents = new Map();
-__decorate$1([
+__decorate$c([
   MapToComponentField()
-], ComponentGlobalStyleSlimmer.prototype, "host", void 0);
-__decorate$1([
-  MapToComponentMethod('connectedCallback')
-], ComponentGlobalStyleSlimmer.prototype, "connectedCallback", null);
-__decorate$1([
-  MapToComponentMethod('disconnectedCallback')
-], ComponentGlobalStyleSlimmer.prototype, "disconnectedCallback", null);
-__decorate$1([
-  MapToComponentMethod('componentWillLoad')
-], ComponentGlobalStyleSlimmer.prototype, "componentWillLoad", null);
+], 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-content.open{margin-left:300px}";
 
 const vegaLeftNavCss = ":host{display:none;flex-direction:column;height:100%;min-height:100vh;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){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=heartland-logo]+.header-subtitle{margin-top:8px}";
 
-var __decorate = (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);
@@ -517,33 +479,490 @@ const VegaLeftNav = class {
     "showAsOverlay": ["watchShowAsOverlay"]
   }; }
 };
-__decorate([
+__decorate$b([
   InjectVegaGlobalSlimmer()
 ], VegaLeftNav.prototype, "globalSlimmers", void 0);
-__decorate([
+__decorate$b([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "headerRenderer", void 0);
-__decorate([
+__decorate$b([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "footerRenderer", void 0);
-__decorate([
+__decorate$b([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "openStateController", void 0);
-__decorate([
+__decorate$b([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "backdropController", void 0);
-__decorate([
+__decorate$b([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "zIndexController", void 0);
-__decorate([
+__decorate$b([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "listRenderer", void 0);
-__decorate([
+__decorate$b([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "stateUpdateEventEmitter", void 0);
-__decorate([
+__decorate$b([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "componentGlobalStyleSlimmer", void 0);
 VegaLeftNav.style = vegaLeftNavCss;
 
-export { VegaLeftNav as vega_left_nav };
+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;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class VegaLeftNavGroupRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.handleClick = (e) => {
+      const currentTarget = e.currentTarget;
+      if (currentTarget && currentTarget.dataset.root === '$1') {
+        e.preventDefault();
+        this.groupContainer.classList.toggle('open');
+        this.groupClickEventEmitter.emit(this.groupContainer.classList.contains('open') ? 'EXPAND' : 'COLLAPSE');
+      }
+    };
+  }
+  /**
+   * Get the map of the row form refs
+   *
+   * @returns {Map} The map of row form refs
+   */
+  getGroupContainer() {
+    return this.groupContainer;
+  }
+  render() {
+    return (h("div", { class: "vega-li-main", ref: (ref) => (this.groupContainer = ref) },
+      h("a", { href: `#${this.label}`, role: 'button', tabIndex: 0, "data-root": "$1", onClick: this.handleClick, "aria-label": this.label || 'No label defined' },
+        this.icon && (h("div", { class: "vega-links-icon" },
+          h("div", { class: "prefix-icon" },
+            h("vega-icon", { icon: this.icon, size: "size-16" })))),
+        h("span", { class: "vega-links-name" }, this.label),
+        h("div", { class: "suffix-icons" },
+          h("vega-icon", { icon: "chevron-down", size: "size-12" }),
+          h("vega-icon", { icon: "chevron-up", size: "size-12" }))),
+      h("div", { class: "vega-nav-list-sub" },
+        h("slot", null))));
+  }
+}
+__decorate$a([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "icon", void 0);
+__decorate$a([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "label", void 0);
+__decorate$a([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "groupClickEventEmitter", 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;
+};
+/**
+ * The code is defining an abstract class called `VegaNavObserverSlimmer` that extends the `VegaSlimmer` class.
+ */
+class VegaNavObserverSlimmer extends VegaSlimmer {
+  /*
+   * The below method is e2e-test covered in
+   * @see{module:vega-left-nav-link-e2e-disconnected}
+   * @see{module:vega-left-nav-group-e2e-disconnected}
+   */
+  /* istanbul ignore next */
+  /**
+   * Unregister the observer with subject of LEFT_NAV_LINK_SELECTED_TOPIC.
+   */
+  disconnectedCallback() {
+    ChangeManager.unregister(LEFT_NAV_LINK_SELECTED_TOPIC, this.observer);
+  }
+  /**
+   * The function creates an observer to observe the subject of LEFT_NAV_LINK_SELECTED_TOPIC.
+   */
+  componentWillLoad() {
+    this.observer = new Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
+    ChangeManager.register(LEFT_NAV_LINK_SELECTED_TOPIC, this.observer);
+  }
+  /**
+   * The function checks if the input is an HTMLElement and if it has the same parent element with the host element.
+   *
+   * @param {unknown} input - The `input` parameter is of type `unknown`, which means it can be any type.
+   * @returns {boolean} a boolean value indicating whether the input is acceptable observer.
+   */
+  isAcceptableNavListObserver(input) {
+    return (input instanceof HTMLElement &&
+      findParent(this.host, '.vega-nav-list-container') ===
+        findParent(input, '.vega-nav-list-container'));
+  }
+}
+__decorate$9([
+  MapToComponentMethod('disconnectedCallback')
+], VegaNavObserverSlimmer.prototype, "disconnectedCallback", null);
+__decorate$9([
+  MapToComponentMethod('componentWillLoad')
+], VegaNavObserverSlimmer.prototype, "componentWillLoad", 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;
+};
+class VegaLeftNavGroupController extends VegaNavObserverSlimmer {
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-left-nav-group-observer-with-selected}
+   */
+  /* istanbul ignore next */
+  observerListener(castInput) {
+    const hasSelectedLinkItem = this.host.contains(castInput);
+    if (hasSelectedLinkItem) {
+      this.renderer.getGroupContainer().classList.add('open');
+    }
+    else {
+      this.renderer.getGroupContainer().classList.remove('open');
+    }
+  }
+}
+__decorate$8([
+  MapToComponentField()
+], VegaLeftNavGroupController.prototype, "host", void 0);
+__decorate$8([
+  MapToComponentField()
+], VegaLeftNavGroupController.prototype, "renderer", 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) {
+  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;
+};
+const VegaLeftNavGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.vegaGroupClick = createEvent(this, "vegaGroupClick", 7);
+    this.groupClick = createEvent(this, "groupClick", 7);
+    this.globalSlimmers = {};
+    this.renderer = new VegaLeftNavGroupRenderer();
+    this.controller = new VegaLeftNavGroupController();
+    this.groupClickEventEmitter = createEventEmitSlimmer(VegaLeftNavGroup, VegaGroupClick);
+    /** label attached to the left nav group items **/
+    this.label = '';
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(this.renderer.render(), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate$7([
+  InjectVegaGlobalSlimmer()
+], VegaLeftNavGroup.prototype, "globalSlimmers", void 0);
+__decorate$7([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "renderer", void 0);
+__decorate$7([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "controller", void 0);
+__decorate$7([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "groupClickEventEmitter", void 0);
+VegaLeftNavGroup.style = vegaLeftNavGroupCss;
+
+var __decorate$6 = (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 VegaLeftNavLinkRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-left-nav-link-click-event}
+     */
+    /* istanbul ignore next */
+    this.handleClick = () => {
+      if (!this.selected) {
+        this.controller.setSelected(true);
+      }
+      this.menuClickEventEmitter.emit();
+    };
+  }
+  render() {
+    var _a, _b;
+    const url = this.url || 'javascript:void(0);';
+    const classList = this.selected === true ? 'selected' : '';
+    return (h(Host, { class: classList },
+      h("a", { href: url, onClick: this.handleClick },
+        this.icon && (h("div", { class: "vega-links-icon" },
+          h("div", { class: "prefix-icon" },
+            h("vega-icon", { icon: this.icon, size: "size-16" })))),
+        h("span", { class: "vega-links-name" },
+          h("slot", null)),
+        h("div", { class: "vega-counter-badge" },
+          h("vega-counter-badge", { count: (_a = this.counterBadge) === null || _a === void 0 ? void 0 : _a.counter, color: (_b = this.counterBadge) === null || _b === void 0 ? void 0 : _b.color })))));
+  }
+}
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "selected", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "url", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "counterBadge", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "icon", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "menuClickEventEmitter", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "controller", void 0);
+
+var __decorate$5 = (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 VegaLeftNavLinkController extends VegaNavObserverSlimmer {
+  componentDidRender() {
+    if (this.selected) {
+      ChangeManager.notify(LEFT_NAV_LINK_SELECTED_TOPIC, this.host);
+    }
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-left-nav-link-observer-with-click}
+   */
+  /* istanbul ignore next */
+  setSelected(selected) {
+    this.selected = selected;
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-left-nav-link-observer-with-click}
+   */
+  /* istanbul ignore next */
+  observerListener(castInput) {
+    if (castInput !== this.host) {
+      this.setSelected(false);
+    }
+  }
+}
+__decorate$5([
+  MapToComponentField()
+], VegaLeftNavLinkController.prototype, "host", void 0);
+__decorate$5([
+  MapToComponentField({ writable: true })
+], VegaLeftNavLinkController.prototype, "selected", void 0);
+__decorate$5([
+  MapToComponentMethod('componentDidRender')
+], VegaLeftNavLinkController.prototype, "componentDidRender", null);
+
+const vegaLeftNavLinkCss = ":host{display:block}:host(.selected) .vega-links-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.selected) a{background-color:rgba(0, 151, 255, 0.3)}:host .vega-counter-badge{position:relative;width:32px;height:20px}:host vega-counter-badge{position:absolute;top:10px;left:18px}:host 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}@media screen and (min-width: 768px) and (max-width: 1023px){:host 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){:host 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){:host a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}:host a .vega-links-name{flex:1 1 0%;overflow:hidden;overflow-wrap:break-word}:host .vega-links-icon{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-right:12px;box-sizing:border-box}:host .vega-links-icon .prefix-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}:host(:not(.selected)) a:hover{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host>a{outline:none}:host>a:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}";
+
+var __decorate$4 = (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;
+};
+const VegaLeftNavLink = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.vegaMenuClick = createEvent(this, "vegaMenuClick", 7);
+    this.menuClick = createEvent(this, "menuClick", 7);
+    this.globalSlimmers = {};
+    this.renderer = new VegaLeftNavLinkRenderer();
+    this.controller = new VegaLeftNavLinkController();
+    this.menuClickEventEmitter = createEventEmitSlimmer(VegaLeftNavLink, VegaMenuClick);
+    /** boolean indicating if current link item is selected **/
+    // eslint-disable-next-line @stencil/strict-mutable
+    this.selected = false;
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(this.renderer.render(), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate$4([
+  InjectVegaGlobalSlimmer()
+], VegaLeftNavLink.prototype, "globalSlimmers", void 0);
+__decorate$4([
+  InjectVegaSlimmer()
+], VegaLeftNavLink.prototype, "renderer", void 0);
+__decorate$4([
+  InjectVegaSlimmer()
+], VegaLeftNavLink.prototype, "controller", void 0);
+__decorate$4([
+  InjectVegaSlimmer()
+], VegaLeftNavLink.prototype, "menuClickEventEmitter", void 0);
+VegaLeftNavLink.style = vegaLeftNavLinkCss;
+
+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;
+  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 VegaLeftNavSectionRenderer extends VegaSlimmer {
+  render() {
+    return (h(Host, null,
+      this.renderSectionHeader(),
+      h("slot", null),
+      this.renderListSeparator()));
+  }
+  renderListSeparator() {
+    return (h("div", { class: "list-separator-container" },
+      h("div", { class: "list-separator" })));
+  }
+  renderSectionHeader() {
+    var _a;
+    return (((_a = this.sectionHeader) === null || _a === void 0 ? void 0 : _a.title) && (h("div", { class: "section-header" },
+      h("div", { class: "section-header-title" }, this.sectionHeader.title),
+      this.sectionHeader.actionTitle && (h("vega-button-link", { label: this.sectionHeader.actionTitle, size: "small", link: this.sectionHeader.actionLink, eventful: this.sectionHeader.actionEventful })))));
+  }
+}
+__decorate$3([
+  MapToComponentField()
+], VegaLeftNavSectionRenderer.prototype, "sectionHeader", void 0);
+
+const vegaLeftNavSectionCss = ":host{display:block}:host(:last-child) .list-separator-container{display:none}.list-separator-container{padding-left:12px;padding-right:12px;padding-top:20px;padding-bottom:20px}.list-separator{width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}.section-header{display:flex;align-items:center;gap:12px;padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;border-radius:4px}.section-header>.section-header-title{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;flex:1 1 0%;overflow:hidden;text-transform:uppercase}@media screen and (min-width: 768px) and (max-width: 1023px){.section-header>.section-header-title{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.section-header>.section-header-title{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.section-header>.section-header-title{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}.section-header>vega-button-link{flex-basis:0}";
+
+var __decorate$2 = (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;
+};
+const VegaLeftNavSection = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.renderer = new VegaLeftNavSectionRenderer();
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(this.renderer.render(), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate$2([
+  InjectVegaGlobalSlimmer()
+], VegaLeftNavSection.prototype, "globalSlimmers", void 0);
+__decorate$2([
+  InjectVegaSlimmer()
+], VegaLeftNavSection.prototype, "renderer", void 0);
+VegaLeftNavSection.style = vegaLeftNavSectionCss;
+
+var __decorate$1 = (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 VegaNavCardMaxHeightController extends PageResizeObserverSlimmer {
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-nav-card-max-height-config-e2e}
+   */
+  constructor() {
+    super({
+      callback: /* istanbul ignore next */ () => {
+        this.updateMaxHeight();
+      },
+    });
+  }
+  watchMaxHeight() {
+    this.updateMaxHeight();
+  }
+  updateMaxHeight() {
+    const maxHeight = ResponsiveFormatFacade.formatCustom(this.maxHeight);
+    if (typeof maxHeight === 'number' ||
+      (typeof maxHeight === 'string' && !isNaN(maxHeight))) {
+      this.currentMaxHeight = `${maxHeight}px`;
+    }
+    else {
+      this.currentMaxHeight = maxHeight;
+    }
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaNavCardMaxHeightController.prototype, "maxHeight", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaNavCardMaxHeightController.prototype, "currentMaxHeight", void 0);
+__decorate$1([
+  MapToComponentMethod('watchMaxHeight')
+], VegaNavCardMaxHeightController.prototype, "watchMaxHeight", null);
+
+const vegaNavCardCss = ":host{display:block;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));text-align:left;overflow-y:auto;width:300px}.vega-nav-list-container{padding:12px;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}";
+
+var __decorate = (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;
+};
+const VegaNavCard = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.listRenderer = new VegaNavListRenderer();
+    this.maxHeightController = new VegaNavCardMaxHeightController();
+  }
+  watchMaxHeight() {
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(h(Host, { style: {
+        maxHeight: this.currentMaxHeight,
+      } }, this.listRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "maxHeight": ["watchMaxHeight"]
+  }; }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaNavCard.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaNavCard.prototype, "listRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaNavCard.prototype, "maxHeightController", void 0);
+VegaNavCard.style = vegaNavCardCss;
+
+export { VegaLeftNav as vega_left_nav, VegaLeftNavGroup as vega_left_nav_group, VegaLeftNavLink as vega_left_nav_link, VegaLeftNavSection as vega_left_nav_section, VegaNavCard as vega_nav_card };