@globalpayments/vega 2.47.1 → 2.48.0

package/dist/collection/components/vega-image-uploader/slimmers/renderers/vega-image-uploader-actions-renderer.js

@@ -20,7 +20,7 @@ export class VegaImageUploaderActionsRenderer extends VegaSlimmer {
      */
     this.renderActionButton = (actionType) => {
       const options = this.getButtonOptions(actionType);
-      return (h("vega-button-circle", Object.assign({ size: "small", variant: "icon-only", iconColor: "text-inverted-primary", role: "menuitem", ref: (ref) => {
+      return (h("vega-button-circle", Object.assign({ size: "small", variant: "icon-only", iconColor: this.isInDarkMode ? 'text-primary' : 'text-inverted-primary', role: "menuitem", ref: (ref) => {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
             this.handleClick(actionType);
           });
@@ -118,3 +118,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaImageUploaderActionsRenderer.prototype, "removeEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaImageUploaderActionsRenderer.prototype, "isInDarkMode", void 0);

package/dist/collection/components/vega-image-uploader/vega-image-uploader.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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;
 };
-import { Component, Element, Prop, Event, Watch, Method } from '@stencil/core';
+import { Component, Element, Prop, Event, Watch, Method, State } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-rule';
 import { VegaImageUploaderRenderer } from './slimmers/renderers/vega-image-uploader-renderer';
@@ -26,6 +26,8 @@ import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/ev
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaImageUploaderRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-image-uploader/runtime-metrics-payload-definition';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
+import { DarkModeStateControllerSlimmer } from '../../helpers/slimmers/dark-mode-state-controller-slimmer';
+import { VegaInternalThemeManager } from '../../helpers/theme/internal-theme-manager';
 const IMAGE_FILE_TYPES = ['jpg', 'png', 'jpeg'];
 /**
  * @vegaVersion 1.14.0
@@ -45,6 +47,7 @@ export class VegaImageUploader {
     this.vegaImageUploaderPreviewController = new VegaImageUploaderPreviewController();
     this.vegaImageUploaderRemoveController = new VegaImageUploaderRemoveController();
     this.actionsVisibilityController = new VegaImageUploaderActionsVisibilityController();
+    this.darkModeStateControllerSlimmer = new DarkModeStateControllerSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -63,6 +66,7 @@ export class VegaImageUploader {
     this.cancelEventEmitter = createEventEmitSlimmer(VegaImageUploader, VegaCancel);
     this.buttonCircleEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.vegaImageUploaderRenderer.getImageUploaderContainer());
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaImageUploaderRuntimeMetricsPayloadDefinition);
+    this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
     /**
      * Determines the visual content that is initially displayed in
      *    the image uploader component, thereby providing a preview of
@@ -575,6 +579,9 @@ export class VegaImageUploader {
       "defaultValue": "120"
     }
   }; }
+  static get states() { return {
+    "isInDarkMode": {}
+  }; }
   static get events() { return [{
       "method": "vegaChange",
       "name": "vegaChange",
@@ -778,6 +785,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaImageUploader.prototype, "actionsVisibilityController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaImageUploader.prototype, "darkModeStateControllerSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaImageUploader.prototype, "formFieldController", void 0);

package/dist/collection/components/vega-input/vega-input.js

@@ -44,11 +44,11 @@ export class VegaInput {
         },
         {
           propertyName: 'min',
-          ruleFactory: (min) => (min ? new MinNumberRule({ minValue: min }) : null),
+          ruleFactory: (min) => typeof min === 'number' ? new MinNumberRule({ minValue: min }) : null,
         },
         {
           propertyName: 'max',
-          ruleFactory: (max) => (max ? new MaxNumberRule({ maxValue: max }) : null),
+          ruleFactory: (max) => typeof max === 'number' ? new MaxNumberRule({ maxValue: max }) : null,
         },
         {
           propertyName: 'minLength',
@@ -637,7 +637,7 @@ export class VegaInput {
       "type": "number",
       "mutable": false,
       "complexType": {
-        "original": "number",
+        "original": "number | null",
         "resolved": "number",
         "references": {}
       },
@@ -658,7 +658,7 @@ export class VegaInput {
       "type": "number",
       "mutable": false,
       "complexType": {
-        "original": "number",
+        "original": "number | null",
         "resolved": "number",
         "references": {}
       },

package/dist/collection/components/vega-nav/slimmers/vega-left-nav-group-hierarchy-controller.js

@@ -0,0 +1,31 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { findParent } from '../../../utils/ui';
+export class VegaLeftNavHierarchyController extends VegaSlimmer {
+  componentWillLoad() {
+    const leftNavTopParent = findParent(this.host, 'vega-left-nav');
+    const navCardTopParent = findParent(this.host, 'vega-nav-card');
+    if (leftNavTopParent || navCardTopParent) {
+      this.parent = leftNavTopParent || navCardTopParent;
+    }
+  }
+  /**
+   * Get the top parent
+   *
+   * @returns {Nullable<HTMLVegaLeftNavRoot>} the top parent
+   */
+  getTopParent() {
+    return this.parent;
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaLeftNavHierarchyController.prototype, "host", void 0);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaLeftNavHierarchyController.prototype, "componentWillLoad", null);

package/dist/collection/components/vega-nav/vega-left-nav/test/vega-left-nav-mock-data.js

@@ -0,0 +1,147 @@
+// Contains two open-by-default
+export const leftNavDataSourceTwoOpenByDefault = [
+  {
+    type: 'link',
+    url: '',
+    name: 'link 1',
+  },
+  {
+    type: 'group',
+    name: 'Group 1',
+    openByDefault: true,
+    icon: 'fas fa-shopping-bag',
+    children: [
+      {
+        type: 'link',
+        url: '',
+        name: 'Group 1 - a',
+      },
+      {
+        type: 'link',
+        url: '',
+        name: 'Group 1 - b',
+      },
+    ],
+  },
+  {
+    type: 'group',
+    name: 'Group 2',
+    openByDefault: true,
+    icon: 'fas fa-shopping-bag',
+    children: [
+      {
+        type: 'link',
+        url: '',
+        selected: true,
+        name: 'Group 2 - a',
+      },
+      {
+        type: 'link',
+        url: '',
+        name: 'Group 2 - b',
+      },
+    ],
+  },
+  {
+    type: 'link',
+    url: '',
+    name: 'link 2',
+  },
+];
+// Only one open-by-default
+export const leftNavDataSourceOneOpenByDefault = [
+  {
+    type: 'link',
+    url: '',
+    name: 'link 1',
+  },
+  {
+    type: 'group',
+    name: 'Group 1',
+    openByDefault: true,
+    icon: 'fas fa-shopping-bag',
+    children: [
+      {
+        type: 'link',
+        url: '',
+        name: 'Group 1 - a',
+      },
+      {
+        type: 'link',
+        url: '',
+        name: 'Group 1 - b',
+      },
+    ],
+  },
+  {
+    type: 'group',
+    name: 'Group 2',
+    icon: 'fas fa-shopping-bag',
+    children: [
+      {
+        type: 'link',
+        url: '',
+        selected: true,
+        name: 'Group 2 - a',
+      },
+      {
+        type: 'link',
+        url: '',
+        name: 'Group 2 - b',
+      },
+    ],
+  },
+  {
+    type: 'link',
+    url: '',
+    name: 'link 2',
+  },
+];
+// Only one open-by-default
+export const leftNavDataSourceNotOpenByDefault = [
+  {
+    type: 'link',
+    url: '',
+    name: 'link 1',
+  },
+  {
+    type: 'group',
+    name: 'Group 1',
+    icon: 'fas fa-shopping-bag',
+    children: [
+      {
+        type: 'link',
+        url: '',
+        name: 'Group 1 - a',
+      },
+      {
+        type: 'link',
+        url: '',
+        name: 'Group 1 - b',
+      },
+    ],
+  },
+  {
+    type: 'group',
+    name: 'Group 2',
+    icon: 'fas fa-shopping-bag',
+    children: [
+      {
+        type: 'link',
+        url: '',
+        selected: true,
+        name: 'Group 2 - a',
+      },
+      {
+        type: 'link',
+        url: '',
+        name: 'Group 2 - b',
+      },
+    ],
+  },
+  {
+    type: 'link',
+    url: '',
+    name: 'link 2',
+  },
+];

package/dist/collection/components/vega-nav/vega-left-nav/vega-left-nav.js

@@ -83,8 +83,24 @@ export class VegaLeftNav {
      * @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
+    /**
+     * Determines how the left navigation groups behave when clicked, controlling the automatic collapsing of open groups.
+     *
+     * Available options:
+     * - `true`:
+     *      Collapses the group when clicking either a group or a link.
+     * - `false`:
+     *     Collapses the group only when clicking a link; clicking a group does not collapse it.
+     * - `always`:
+     *     Always collapses the group when clicking a group or link (equivalent to true).
+     * - `on-group-click`:
+     *      Collapses the group only when clicking a group; clicking a link does not collapse it.
+     * - `on-link-click`:
+     *      Collapses the group only when clicking a link; clicking a group does not collapse it.
+     * - `never`:
+     *      Never collapses groups when clicking a group or link.
+     * @vegaVersion 2.48.0
+     * @VegaWarning - Boolean types are deprecated, please use "on-group-click" | "on-link-click" | "never" | "always" instead.
      */
     this.autoCollapseGroups = false;
   }
@@ -100,6 +116,16 @@ export class VegaLeftNav {
   watchAutoCollapseGroups() {
     methodPlaceholder();
   }
+  componentWillLoad() {
+    if (typeof this.autoCollapseGroups === 'string') {
+      if (this.autoCollapseGroups.includes('true')) {
+        this.autoCollapseGroups = true;
+      }
+      else if (this.autoCollapseGroups.includes('false')) {
+        this.autoCollapseGroups = false;
+      }
+    }
+  }
   /**
    * Invoke this method to toggle the left-nav's open state.
    *
@@ -256,21 +282,29 @@ export class VegaLeftNav {
       "defaultValue": "false"
     },
     "autoCollapseGroups": {
-      "type": "boolean",
+      "type": "any",
       "mutable": false,
       "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        "original": "autoCollapseGroupsType",
+        "resolved": "\"always\" | \"never\" | \"on-group-click\" | \"on-link-click\" | boolean",
+        "references": {
+          "autoCollapseGroupsType": {
+            "location": "import",
+            "path": "../interface"
+          }
+        }
       },
       "required": false,
       "optional": false,
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.32.0"
+            "text": "2.48.0"
+          }, {
+            "name": "VegaWarning",
+            "text": "- Boolean types are deprecated, please use \"on-group-click\" | \"on-link-click\" | \"never\" | \"always\" instead."
           }],
-        "text": "Determines whether the left navigation automatically opens one group and closes the other open groups."
+        "text": "Determines how the left navigation groups behave when clicked, controlling the automatic collapsing of open groups.\n\nAvailable options:\n- `true`:\n     Collapses the group when clicking either a group or a link.\n- `false`:\n    Collapses the group only when clicking a link; clicking a group does not collapse it.\n- `always`:\n    Always collapses the group when clicking a group or link (equivalent to true).\n- `on-group-click`:\n     Collapses the group only when clicking a group; clicking a link does not collapse it.\n- `on-link-click`:\n     Collapses the group only when clicking a link; clicking a group does not collapse it.\n- `never`:\n     Never collapses groups when clicking a group or link."
       },
       "attribute": "auto-collapse-groups",
       "reflect": false,

package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-initialize-selected-controller.js

@@ -0,0 +1,56 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { Observer } from '../../../../../helpers/change-manager/observer/observer';
+import changeManager from '../../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalInitializeLeftNavLinkSelected } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+export class VegaLeftNavGroupForInitializeSelectedObserver extends VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      changeManager.unregister(domNodeSubjectFactory.getSubject(topParent, VegaInternalInitializeLeftNavLinkSelected), this.observer);
+    }
+  }
+  /**
+   * When the selected of the link is true during initialization, the current group should be opened
+   */
+  componentWillLoad() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent && !this.openByDefault) {
+      this.observer = new Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
+      changeManager.register(domNodeSubjectFactory.getSubject(topParent, VegaInternalInitializeLeftNavLinkSelected), this.observer);
+    }
+  }
+  isAcceptableObserver(input) {
+    return this.host.contains(input['host']);
+  }
+  observerListener() {
+    this.vegaLeftNavGroupOpenStateController.open();
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "openByDefault", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "componentWillLoad", null);

package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-link-click-controller.js

@@ -0,0 +1,70 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { Observer } from '../../../../../helpers/change-manager/observer/observer';
+import changeManager from '../../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalLeftNavLinkSelected } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+export class VegaLeftNavGroupForLeftNavLinkClickObserver extends VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      changeManager.unregister(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavLinkSelected), this.observer);
+    }
+  }
+  componentWillLoad() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      this.observer = new Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
+      changeManager.register(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavLinkSelected), this.observer);
+    }
+  }
+  isAcceptableObserver(input) {
+    return !this.host.contains(input['host']);
+  }
+  /**
+   * Determines if the group should be collapsed based on the autoCollapseGroups property and the openByDefault property.
+   * If autoCollapseGroups is 'on-link-click', true, false, or 'always', then the group should be collapsed.
+   *
+   * @returns {boolean} - Returns true if the group should be collapsed, otherwise false.
+   */
+  shouldCollapse() {
+    return (this.autoCollapseGroups === 'on-link-click' ||
+      this.autoCollapseGroups === true ||
+      this.autoCollapseGroups === false ||
+      this.autoCollapseGroups === 'always');
+  }
+  observerListener() {
+    if (this.shouldCollapse()) {
+      this.vegaLeftNavGroupOpenStateController.close();
+    }
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "autoCollapseGroups", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "openByDefault", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "componentWillLoad", null);

package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-open-state-controller.js

@@ -0,0 +1,47 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+export class VegaLeftNavGroupOpenStateController extends VegaSlimmer {
+  /**
+   * Checks if the left nav group is currently open.
+   * This method checks if the 'open' class is present in the group container.
+   *
+   * @returns {boolean} - Returns true if the group is open, false otherwise.
+   */
+  isOpen() {
+    return this.renderer.getGroupContainer().classList.contains('open');
+  }
+  /**
+   * Opens the left nav group.
+   * This method adds the 'open' class to the group container.
+   */
+  open() {
+    this.renderer.getGroupContainer().classList.add('open');
+  }
+  /**
+   * Closes the left nav group.
+   * This method removes the 'open' class from the group container.
+   */
+  close() {
+    this.renderer.getGroupContainer().classList.remove('open');
+  }
+  /**
+   * Toggle the left nav group.
+   * This method toggle the 'open' class from the group container.
+   */
+  toggle() {
+    if (this.isOpen()) {
+      this.close();
+    }
+    else {
+      this.open();
+    }
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupOpenStateController.prototype, "renderer", void 0);

package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-other-groups-click-controller.js

@@ -0,0 +1,60 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { Observer } from '../../../../../helpers/change-manager/observer/observer';
+import changeManager from '../../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalLeftNavGroupExpand } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+export class VegaLeftNavGroupForOtherGroupsClickObserver extends VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      changeManager.unregister(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), this.observer);
+    }
+  }
+  componentWillLoad() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      this.observer = new Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
+      changeManager.register(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), this.observer);
+    }
+  }
+  isAcceptableObserver(input) {
+    return input['host'] !== this.host && !this.host.contains(input['host']);
+  }
+  shouldCollapse() {
+    return (this.autoCollapseGroups == true ||
+      this.autoCollapseGroups === 'on-group-click' ||
+      this.autoCollapseGroups === 'always');
+  }
+  observerListener() {
+    if (this.shouldCollapse()) {
+      this.vegaLeftNavGroupOpenStateController.close();
+    }
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "autoCollapseGroups", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "componentWillLoad", null);

package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/renderers/vega-left-nav-group-renderer.js

@@ -19,12 +19,10 @@ export class VegaLeftNavGroupRenderer extends VegaSlimmer {
       const currentTarget = e.currentTarget;
       if (currentTarget && currentTarget.dataset.root === '$1') {
         e.preventDefault();
-        this.groupContainer.classList.toggle('open');
-        const isExpand = this.groupContainer.classList.contains('open');
+        this.vegaLeftNavGroupOpenStateController.toggle();
+        const isExpand = this.vegaLeftNavGroupOpenStateController.isOpen();
         this.groupClickEventEmitter.emit(isExpand ? 'EXPAND' : 'COLLAPSE');
-        if (this.autoCollapseGroups) {
-          this.notifyOtherGroup(isExpand);
-        }
+        this.notifyOtherGroup();
       }
     };
   }
@@ -52,9 +50,9 @@ export class VegaLeftNavGroupRenderer extends VegaSlimmer {
   /**
    * Notify other left nav groups to collapse
    */
-  notifyOtherGroup(isExpand) {
-    const topParent = this.siblingObserverController.getTopParent();
-    if (topParent && isExpand) {
+  notifyOtherGroup() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
       changeManager.notify(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), { host: this.host });
     }
   }
@@ -82,10 +80,13 @@ __decorate([
 ], VegaLeftNavGroupRenderer.prototype, "groupClickEventEmitter", void 0);
 __decorate([
   MapToComponentField()
-], VegaLeftNavGroupRenderer.prototype, "siblingObserverController", void 0);
+], VegaLeftNavGroupRenderer.prototype, "vegaLeftNavHierarchyController", void 0);
 __decorate([
   MapToComponentField()
 ], VegaLeftNavGroupRenderer.prototype, "openByDefault", void 0);
 __decorate([
   MapToComponentField()
 ], VegaLeftNavGroupRenderer.prototype, "itemKey", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "vegaLeftNavGroupOpenStateController", void 0);