@globalpayments/vega 2.34.1 → 2.36.0

package/dist/cjs/vega-tab-group_2.cjs.entry.js

@@ -2,29 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const timer = require('./timer-5f33058b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const changeManager = require('./change-manager-bda1d107.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const ui = require('./ui-b5906704.js');
+const ui = require('./ui-5fd9b267.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e97b5f29.js');
+require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./dynamic-slimmer-dc30600a.js');
+require('./dynamic-slimmer-f31fdfd7.js');
 
 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;
@@ -42,8 +44,8 @@ class VegaTabGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.tabMenuContainer;
   }
   render() {
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
-      globalSlimmerRegistry.h("div", { class: {
+    return (index.h(index.Fragment, null,
+      index.h("div", { class: {
           'tab-content-container': true,
           'more-tab': this.tabPages.length > 1,
           'tab-style-secondary': this.variant === 'secondary',
@@ -52,7 +54,7 @@ class VegaTabGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
         this.directionButtonRenderer.render('left'),
         this.tabListRenderer.render(),
         this.directionButtonRenderer.render('right')),
-      globalSlimmerRegistry.h("div", { class: "horizontal-divider" }),
+      index.h("div", { class: "horizontal-divider" }),
       this.contentRenderer.render()));
   }
 }
@@ -96,7 +98,12 @@ class VegaTabGroupSelectedTargetController extends globalSlimmerRegistry.VegaSli
   handleTabItemClick(dataTarget) {
     const clickEvent = this.clickEventEmitter.emit(dataTarget);
     if (clickEvent && !clickEvent.defaultPrevented) {
-      this.setSelectedDataTarget(dataTarget);
+      if (dataTarget === this.selectedTabDataTarget) {
+        this.vegaTabGroupPageIndexController.setCurrentPageIndexBySelectedTab(dataTarget);
+      }
+      else {
+        this.setSelectedDataTarget(dataTarget);
+      }
     }
   }
 }
@@ -106,6 +113,9 @@ __decorate$a([
 __decorate$a([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupSelectedTargetController.prototype, "selectedTabDataTarget", void 0);
+__decorate$a([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTabGroupSelectedTargetController.prototype, "vegaTabGroupPageIndexController", void 0);
 
 /**
  * It takes an array of items, an array of values, and a capacity, and returns an array of arrays of
@@ -424,6 +434,28 @@ class VegaTabGroupPageIndexController extends globalSlimmerRegistry.VegaSlimmer
   handleSelectedDataTargetChange() {
     this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget);
   }
+  /*
+   * The below method is e2e-test covered in
+   * @see{module:vega-tab-group-with-click-tab-in-dropdown}
+   */
+  /* istanbul ignore next */
+  /**
+   * Update the page index after the tab click
+   *
+   * @param {string} selectedTabDataTarget the tab item property dataTarget
+   */
+  setCurrentPageIndexBySelectedTab(selectedTabDataTarget) {
+    let pageIndex = -1;
+    this.tabPages.forEach((tabPage, index) => {
+      const tabIndex = tabPage.findIndex((tab) => tab.dataTarget === selectedTabDataTarget);
+      if (tabIndex !== -1) {
+        pageIndex = index;
+      }
+    });
+    if (pageIndex >= 0) {
+      this.currentPageIndex = pageIndex;
+    }
+  }
   /* istanbul ignore next */
   /**
    * The `setPageIndex` function sets the current page index to the specified value.
@@ -447,28 +479,6 @@ class VegaTabGroupPageIndexController extends globalSlimmerRegistry.VegaSlimmer
       this.currentPageIndex = this.tabPages.length - 1;
     }
   }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-tab-group-with-click-tab-in-dropdown}
-   */
-  /* istanbul ignore next */
-  /**
-   * Update the page index after the tab click
-   *
-   * @param {string} selectedTabDataTarget the tab item property dataTarget
-   */
-  setCurrentPageIndexBySelectedTab(selectedTabDataTarget) {
-    let pageIndex = -1;
-    this.tabPages.forEach((tabPage, index) => {
-      const tabIndex = tabPage.findIndex((tab) => tab.dataTarget === selectedTabDataTarget);
-      if (tabIndex !== -1) {
-        pageIndex = index;
-      }
-    });
-    if (pageIndex >= 0) {
-      this.currentPageIndex = pageIndex;
-    }
-  }
 }
 __decorate$8([
   globalSlimmerRegistry.MapToComponentField()
@@ -524,8 +534,8 @@ class VegaTabGroupCloseButtonRenderer extends globalSlimmerRegistry.VegaSlimmer
       ? 'vega-close-icon'
       : 'vega-close-icon vega-hidden';
     return (this.showCloseButton &&
-      this.tabItems.length > 1 && (globalSlimmerRegistry.h("div", { class: vegaCloseIconCss, onClick: this.onCloseTab, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), "aria-label": 'Close Button' },
-      globalSlimmerRegistry.h("vega-icon", { icon: "close", size: "size-12" }))));
+      this.tabItems.length > 1 && (index.h("div", { class: vegaCloseIconCss, onClick: this.onCloseTab, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), "aria-label": 'Close Button' },
+      index.h("vega-icon", { icon: "close", size: "size-12" }))));
   }
 }
 __decorate$7([
@@ -596,20 +606,23 @@ class VegaTabGroupSwitchPageButtonRenderer extends globalSlimmerRegistry.VegaSli
       ? this.currentPageIndex === 0
       : this.currentPageIndex + 1 === this.tabPages.length || this.tabPages.length <= 1;
     const icon = direction === 'left' ? 'chevron-backward-rounded' : 'chevron-forward-rounded';
-    return (globalSlimmerRegistry.h("div", { class: {
+    const selectedItemKey = source.find((item) => item.key === this.selectedTabDataTarget)
+      ? this.selectedTabDataTarget
+      : '';
+    return (index.h("div", { class: {
         'tab-left-button': direction === 'left',
         'tab-right-button': direction === 'right',
         'vega-hidden': isHidden,
       }, 
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: () => this.onDirectionButtonClick(direction), "aria-label": "No label defined", role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      globalSlimmerRegistry.h("vega-dropdown", { source: source, translocation: translocation, selectType: "single", selectedSourceKey: this.selectedTabDataTarget, "position-relative-to": this.positionRelativeTo, ref: (ref) => {
+      index.h("vega-dropdown", { source: source, translocation: translocation, selectType: "single", selectedSourceKey: selectedItemKey, "position-relative-to": this.positionRelativeTo, ref: (ref) => {
           this.dropdownRef = ref;
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownClick, (payload) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownClick, (payload) => {
             this.vegaTabGroupSelectedTargetController.handleTabItemClick(payload.detail);
           });
         } },
-        globalSlimmerRegistry.h("vega-icon", { size: "size-12", icon: icon }))));
+        index.h("vega-icon", { size: "size-12", icon: icon }))));
   }
 }
 __decorate$6([
@@ -663,7 +676,7 @@ class VegaTabGroupPanelController extends globalSlimmerRegistry.VegaSlimmer {
    * register the observer when component connected
    */
   connectedCallback() {
-    this.tabPanelUpdateObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptPanelUpdate.bind(this), this.handlePanelUpdate);
+    this.tabPanelUpdateObserver = new domNodeSubjectFactory.Observer(this.canAcceptPanelUpdate.bind(this), this.handlePanelUpdate);
     changeManager.ChangeManager.register(staticSubjectTitle.TAB_PANEL_ADD_OR_DEL_TO_GROUP, this.tabPanelUpdateObserver);
   }
   /**
@@ -793,22 +806,22 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
   }
   render() {
-    return (globalSlimmerRegistry.h("div", { class: "tab-list" },
-      globalSlimmerRegistry.h("vega-carousel", { showSlider: false, ref: (el) => (this.carouselDom = el) }, this.tabPages.length > 0 ? (this.tabPages.map((tabPage) => {
-        return globalSlimmerRegistry.h("div", null, this.renderTabList(tabPage));
-      })) : (globalSlimmerRegistry.h("div", null, this.renderTabList(this.tabItems))))));
+    return (index.h("div", { class: "tab-list" },
+      index.h("vega-carousel", { showSlider: false, ref: (el) => (this.carouselDom = el) }, this.tabPages.length > 0 ? (this.tabPages.map((tabPage) => {
+        return index.h("div", null, this.renderTabList(tabPage));
+      })) : (index.h("div", null, this.renderTabList(this.tabItems))))));
   }
   renderTabList(showTabItems) {
-    return (globalSlimmerRegistry.h("vega-flex", { gap: this.gap }, showTabItems.map((item) => {
-      return (globalSlimmerRegistry.h("div", { class: {
+    return (index.h("vega-flex", { gap: this.gap }, showTabItems.map((item) => {
+      return (index.h("div", { class: {
           'vega-tab': true,
           'selected': this.selectedTabDataTarget === item.dataTarget,
           'last-page': this.currentPageIndex + 1 === this.tabPages.length,
           'vega-flex-shrink-0': true,
           'v-min-w-min': true,
         }, "data-target": item.dataTarget, key: item.dataTarget },
-        globalSlimmerRegistry.h("div", { class: "vega-tab-container" },
-          globalSlimmerRegistry.h("div", { class: {
+        index.h("div", { class: "vega-tab-container" },
+          index.h("div", { class: {
               'label': true,
               'vega-close-icon-space': this.showCloseButton,
             }, 
@@ -822,12 +835,12 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   renderPrefixIconDom(item) {
     const prefixIcon = item.prefixIcon;
-    return prefixIcon && globalSlimmerRegistry.h("vega-icon", { icon: prefixIcon });
+    return prefixIcon && index.h("vega-icon", { icon: prefixIcon });
   }
   renderTabLabelDom(item) {
     const labelLength = item.label.length;
-    return labelLength > this.TAB_LABEL_MAX_SIZE ? (globalSlimmerRegistry.h("vega-tooltip", { text: item.label, placement: "bottom", "position-relative-to": this.positionRelativeTo },
-      globalSlimmerRegistry.h("span", null,
+    return labelLength > this.TAB_LABEL_MAX_SIZE ? (index.h("vega-tooltip", { text: item.label, placement: "bottom", "position-relative-to": this.positionRelativeTo },
+      index.h("span", null,
         item.label.substring(0, this.TAB_LABEL_MAX_SIZE),
         "..."))) : (item.label);
   }
@@ -835,8 +848,8 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
     const counterBadge = item.counterBadge;
     const counterBadgeClass = this.getCounterBadgeClassByCount(counterBadge);
     return ((counterBadge === null || counterBadge === void 0 ? void 0 : counterBadge.count) !== undefined &&
-      counterBadge.count > 0 && (globalSlimmerRegistry.h("div", { class: `vega-counter-badge ${counterBadgeClass}` },
-      globalSlimmerRegistry.h("vega-counter-badge", { count: counterBadge.count, color: counterBadge.color }))));
+      counterBadge.count > 0 && (index.h("div", { class: `vega-counter-badge ${counterBadgeClass}` },
+      index.h("vega-counter-badge", { count: counterBadge.count, color: counterBadge.color }))));
   }
   getCounterBadgeClassByCount(counterBadge) {
     if (counterBadge && counterBadge.count) {
@@ -896,13 +909,13 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 class VegaTabGroupContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     if (this.variant === 'secondary') {
-      return (globalSlimmerRegistry.h("div", { class: "vega-tab-group-content" },
-        globalSlimmerRegistry.h("slot", null)));
+      return (index.h("div", { class: "vega-tab-group-content" },
+        index.h("slot", null)));
     }
     else {
-      return (globalSlimmerRegistry.h("vega-card", { margin: "0", padding: { default: 'size-24', S: 'size-12' }, variant: "shadow", backgroundColor: "bg-primary" },
-        globalSlimmerRegistry.h("div", { class: "vega-tab-group-content" },
-          globalSlimmerRegistry.h("slot", null))));
+      return (index.h("vega-card", { margin: "0", padding: { default: 'size-24', S: 'size-12' }, variant: "shadow", backgroundColor: "bg-primary" },
+        index.h("div", { class: "vega-tab-group-content" },
+          index.h("slot", null))));
     }
   }
 }
@@ -1045,9 +1058,9 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTabGroup = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
-    this.click = globalSlimmerRegistry.createEvent(this, "click", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.click = index.createEvent(this, "click", 7);
     this.globalSlimmers = {};
     this.vegaTabGroupRenderer = new VegaTabGroupRenderer();
     this.vegaTabGroupDirectionButtonRenderer = new VegaTabGroupSwitchPageButtonRenderer();
@@ -1059,8 +1072,8 @@ const VegaTabGroup = class {
     this.vegaTabGroupPanelController = new VegaTabGroupPanelController();
     this.vegaTabGroupContentRenderer = new VegaTabGroupContentRenderer();
     this.vegaTabGroupSliderStateController = new VegaTabGroupSliderStateController();
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTabGroup, domNodeSubjectObserverFactory.VegaClick);
-    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.vegaTabGroupRenderer.getTabMenuContainer());
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTabGroup, domNodeSubjectFactory.VegaClick);
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.vegaTabGroupRenderer.getTabMenuContainer());
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaTabGroupRuntimeMetricsPayloadDefinition);
     this.tabPages = [];
     /* Record the initial value of the tab width */
@@ -1145,10 +1158,10 @@ const VegaTabGroup = class {
   componentDidRender() {
   }
   render() {
-    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.vegaTabGroupRenderer.render()), this.host);
+    placeholder.slotPlaceholder(index.h("slot", null));
+    return component.sanitizeVegaComponent(index.h(index.Host, null, this.vegaTabGroupRenderer.render()), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "tabPages": ["watchTabPagesChange"],
     "tabWidthArray": ["watchTabWidthArrayChange"],
@@ -1215,9 +1228,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaTabGroupPanel = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
-    this.clickEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, undefined, true);
+    this.clickEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.host, undefined, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Controls the visibility of the tab panel within the tab group.
@@ -1242,7 +1255,7 @@ const VegaTabGroupPanel = class {
     this.notifyGroupAddOrDelPanel('ADD');
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: this.isActive ? 'active' : '' }, globalSlimmerRegistry.h("slot", null)), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: this.isActive ? 'active' : '' }, index.h("slot", null)), this.host);
   }
   /**
    * The function notifies the change manager about adding or deleting a panel to a group.
@@ -1252,7 +1265,7 @@ const VegaTabGroupPanel = class {
   notifyGroupAddOrDelPanel(type) {
     changeManager.ChangeManager.notify(staticSubjectTitle.TAB_PANEL_ADD_OR_DEL_TO_GROUP, { host: this.host, type });
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()